1 / 19100%
1. Analyze the history, protocols, and architecture of the
Internet and World Wide Web. ( 2 to 3 paragraph answer)
2. Use client-side markup languages to manage the
presentation of information in a variety of browsers. (make a
web page using html, css and java script that focuses on data
presentation for different browsers and then write 2 to 3
paragraphs explaining what you did)
3. Compare the structure and presentation of mobile-use
websites versus traditional web presentation. (2 to 3
paragraph answer)
4. Use client-side languages to support dynamic, interactive
information presentation or webpages in a browser. (use html,
css, javascript and bootstrap to make a web page that looks
good on different size monitors as well as a mobile view and
then write 2 to 3 paragraphs explaining what you did)
5. Assess the moral and ethical considerations of the use of
intellectual property and how the web designer can
incorporate a Christian worldview into World Wide Web
communications. (2 to 3 paragraph answer)
6. Demonstrate proficiency in client-side web technologies by
designing and constructing a website or web application. ( Use
advanced html, css, javascript to make a website with different
pages that follow the same design pattern and then write 2 to
3 paragraphs explaining what you did.)
7. Assess the technical and usability strengths and
weaknesses of commercial websites. (2 to 3 paragraph
answer)
8. Evaluate emerging standards in web markup languages. (2
to 3 paragraph answer)
Running head: WEB ARCHITECTURE & DEVELOPMENT 1
Name:
Institution:
Course Code:
WEB ARCHITECTURE & DEVELOPMENT 2
1. Analyze the history, protocols, and architecture of the Internet and the World Wide Web.
(2 to 3 paragraph answer)
The internet, which is simply a network or interconnection of computers, was invented in the
1960s. The first version, ARPANET, was created by the US defense department to easy and
enable communication between computers within the department. In the 70s, Vinton Cerf and
Robert Kahn developed the TCP/IP protocol, which revolutionized the internet (Robert, 2012).
But it was until 1983 when Tim Berner-Lee invented the World Wide Web that enabled easier
sharing of information through browsers in the form of hypertext documents. Advanced on the
world wide web in the years that followed, paved the way to the internet we use today.
Protocols, on the other hand, are rules of communication over the internet. These rules
and communication determine how data is transmitted or transferred within a network. As the
internet grew from a simple network with a department to a useful worldwide tool, rules were
needed to define how the information would be transmitted. Among the first protocols to
facilitate communication is the TCP/IP, which is simply a protocol that defines how computers
communicate (Tréguer, 2017). The IP part of the protocol is responsible for assigning addresses
to computers within a network while the TCP is responsible for delivering data once the
addresses are assigned. Additionally, there is UDP (User Datagram Protocol), which is similar to
TCP but less reliable as it does not confirm the delivery of all packets during data transfer. On
the worldwide web, there is the HTTP, which is a protocol that defines data transfer in the form
of multimedia, test, and graphic over browsers.
The internet architecture mainly consists of three levels: backbone internet service
provider (ISP), regional ISP, and the clients or final users. The backbone ISPs are big
international companies that facilitate the interconnection of computers over the world. They do
WEB ARCHITECTURE & DEVELOPMENT 3
this by laying out data cable such as fiber optics under the seas to connect continents in one large
network. The regional ISPs, on the other hand, distribute and facilitate access to the internet like
the backbone ISPs but at a regional level (Robert, 2012). Finally, end-users are the people
accessing the internet. The architecture is made up of elements such as protocols, software, and
hardware. The software interacts with the hardware using defined rules (protocols) to facilitate
the transfer of data. Web architecture, on the other hand, defines how communication is enabled
over the internet. The main components are the servers that hold data and the final users who
have internet-enabled devices such as PCs and smart-phones. The client sends a request to the
server for specific information. The server accepts the request, retrieves the information, and
sends information and sends it to the client. There are two main architectures: client-server and
three-tier architecture, with the latter being the most popular due to data management ability.
3. Compare the structure and presentation of mobile-use websites versus traditional web
presentation. (2 to 3 paragraph answer)
The popularity of mobile-use websites in the recent past has been due to increased access to the
internet using hand-held devices. When designing one, the designer should always be conscious
that mobiles have a smaller display size than computer monitors. This is the biggest difference
between the two types of websites. Due to the small screen, the mobile-use website has a very
different presentation such as a portrait display of content, extra navigation bars to avoid
overcrowding of content and better user-interface in terms of arrangement and order of content
(Markland et al., 2017). Most web developers today have to create both computer and mobile
versions of their websites.
Traditional websites were mainly made for computer users. As such when accessed over
the phone, content would get distorted or would not fit to screen. Such websites continue to exist
WEB ARCHITECTURE & DEVELOPMENT 4
today. However, they are getting out of date as they are facing a very stiff competition of
dynamic one (Lamirel & Reymond, 2014). Additionally, due to the bulkiness of the information
on the website, traditional websites at times did not display on a mobile phone or took too long.
5. Assess the moral and ethical considerations of the use of the intellectual property and
how the web designer can incorporate a Christian worldview into World Wide Web
communications. (2 to 3 paragraph answer)
Intellectual properties are human intellect products owned by individuals (natural or artificial) or
groups of individuals that are protected by laws from their use without consent from the
individual(s). They include products such as artistic works, names, images, inventions, and
designs. When handling intellectual properties, there are several moral and ethical considerations
to observe. The most important is consent from the owner of the property. The IP owner has
exclusive rights over the property, and any infringement is punishable (Nelson, 2020). With the
increased usage of the internet, it has become very difficult to follow up infringements of
copyrights. The ability to hide internet users' IP address makes it even more difficult to find the
perpetrators. Ignorance also adds to the challenge. One of the ways to reduce infringement is the
creation of awareness among internet users.
Christianity, as well as other religions in the world, are doctrines that define morals and
codes of conduct. The Christian world view on the use of the internet is that despite the freedom
of expression for all users in the world, we should all be conscious that our actions affect other
people. Thus, every user should use the internet responsibly. In this view web, designers as
content creators have the biggest responsibility. When designing the internet, content should
moral codes and observe the Christian way of living. For example, web designers should avoid
designing content that promotes abortion, pornography, and worldly greed.
WEB ARCHITECTURE & DEVELOPMENT 5
7. Assess the technical and usability strengths and weaknesses of commercial websites. (2 to 3
paragraph answer)
One of the strengths of commercial websites is the ability to reach a very wide audience at
any time and any place in the world as long as the users have internet access. This allows the
organization to reach a very diverse and big audience cheaply. Secondly, with good traffic of
visitors on the website, the website could push the organization's brand and advertise products
(Jiang, 2019). Additionally, commercial websites with the ability to interact with clients allow
organizations to be client-centered in its operations. Changes can be made and allow dynamicity
in the ventures.
Nevertheless, the website may have weaknesses such as ineffective design, too much
content, and navigation difficulty. With a very big audience, designers should consider all users
and create user-friendly designs (Hu, 2017). Lack of this may lead to negative reviews of the
organization or business. Moreover, commercial websites may sometimes be mobile
incompatible. Users using some smart-phones may have difficulty in navigation on their
devices.
8. Evaluate emerging standards in web markup languages. (2 to 3 paragraph answer)
HTML was among the first web markup languages to be invented. However, numerous
advancements have been made to the language as well as the introduction of other new
languages. For example, XHTML is a new HTML version that helps create web content that
integrates easily with extensible markup languages (MoChridhe, 2019). Conversely, the use of
CSS to make websites user-friendly has become common. This is also not to forget the increased
use of JavaScript to create more interactive and dynamic websites.
WEB ARCHITECTURE & DEVELOPMENT 6
Today the standards are high for two major reasons. Firstly, there are very many and
diverse internet users today. Web designers need to develop websites that are user-friendly to all.
Secondly, competition in the corporate world has increased (MoChridhe, 2019). As such, web
developers have to constantly improve their skills to create better content to keep up with this
competition.
References
WEB ARCHITECTURE & DEVELOPMENT 7
Hu, L. (2017). SWOT Analysis and Development Strategies on Government-oriented Regional
E-business PlatformBased on the Comparison with the Commercial Third-party B2B
Platform. Destech Transactions On Economics, Business, And Management, (eced).
https://doi.org/10.12783/dtem/eced2017/9828
Jiang, W. (2019). Analysis of Alibaba Website by SWOT. Destech Transactions On Economics,
Business, And Management, (ssemr). https://doi.org/10.12783/dtem/ssemr2019/30896
Lamirel, J., & Reymond, D. (2014). Automatic Websites Classification and Retrieval using
Websites Communication Signatures. Collnet Journal Of Scientometrics And Information
Management, 8(2), 293-310. https://doi.org/10.1080/09737766.2014.954855
Markland, M., Rempel, H., & Bridges, L. (2017). Mobile Website Use and Advanced
Researchers: Understanding Library Users at a University Marine Sciences Branch
Campus. Information Technology And Libraries, 36(4), 7-23.
https://doi.org/10.6017/ital.v36i4.9953
MoChridhe, R. (2019). Twenty Years of Theological Markup Languages. Theological
Librarianship, 12(1), 40-49. https://doi.org/10.31046/tl.v12i1.523
Nelson, D. (2020). Justice in Intellectual Property. Ethics, Politics & Society, 3, 49-72.
https://doi.org/10.21814/eps.3.1.123
Robert, J. (2012). History, Archives, and the Internet. Culture & History Digital Journal, 1(1),
e004. https://doi.org/10.3989/chdj.2012.004
Tréguer, F. (2017). Gaps and bumps in the political history of the internet. Internet Policy
Review, 6(4). https://doi.org/10.14763/2017.4.714
OUTLINE
DISCUSSION
Thesis statement: This paper answers question on webs development and architecture.
I. Analyze the history, protocols, and architecture of the Internet and World Wide Web.
II. Use client-side markup languages to manage the presentation of information in a variety
of browsers. (make a web page using html, css and java script that focuses on data
presentation for different browsers and then write 2 to 3 paragraphs explaining what you
did.
III. Compare the structure and presentation of mobile-use websites versus traditional web
presentation.
IV. Use client-side languages to support dynamic, interactive information presentation or
webpages in a browser. (use html, css, javascript and bootstrap to make a web page that
looks good on different size monitors as well as a mobile view and then write 2 to 3
paragraphs explaining what you did)
V. Assess the moral and ethical considerations of the use of intellectual property and how
the web designer can incorporate a Christian worldview into World Wide Web
communications.
VI. Demonstrate proficiency in client-side web technologies by designing and constructing a
website or web application. ( Use advanced html, css, javascript to make a website with
different pages that follow the same design pattern and then write 2 to 3 paragraphs
explaining what you did.)
VII. Assess the technical and usability strengths and weaknesses of commercial websites.
VIII. Evaluate emerging standards in web markup languages. (2 to 3 paragraph answer)
Running head: DYNAMIC CLIENT-SIDE WEB PRESENTATION
1
Client-Side Dynamic Web Presentation
Name
Institution
Course
DYNAMIC CLIENT-SIDE WEB PRESENTATION
2
Question Two
The web presentation is of a simple addition calculator. CSS and HTML are utilized to
present the user with the layout on the web browser. The calculator consists of a field that shows
the result of a computation, two entry fields that capture user input values, and a button to
compute the sum. The inputs only accept numbers due to the type property, which is set to
number. Additionally, the input that displays the solution is set to read-only to ensure no value
can be entered.
The click() method fires the button’s click event. It calls the calculate function, which
handles the computation. To get the values from the HTML document, I used both
getElementByID and querySelector. Based on the CSS selector defined, the two methods return
the first element. Every element defined has a unique id that is only used once. The calculate
function adds the two numbers and stores the value in a variable called sum. The variable is then
displayed on the browser using the read-only element.
Question Four
I employed HTML to display graphical information. Additionally, I used CSS and
Bootstrap framework to improve the organization of the visual designs into aesthetic
presentations on the web browser. Bootstrap hastened my development time since it offers a grid
system, a basic layout for components and elements, and a basic structure of the website. I was
able to add Bootstrap CSS and JavaScript using the Bootstrap Content Delivery Network.
Responsive design attained through bootstrap columns allows the website to shrink the
elements and content to match the screen size. Furthermore, it makes the website mobile-
DYNAMIC CLIENT-SIDE WEB PRESENTATION
3
friendly. Images do not become bigger than the size of the screen. The homepage consists of a
carousel that displays some of the products on the e-commerce webpage. The navigation is also
responsive and hides the links to display a hamburger menu when viewed on mobile devices.
Question Six
The website has two pages. The main sections of the website include the navigation and
footer. The navigation consists of a strip at the top of the webpage. It has a logo on the left side
and links on the left side. On the other hand, the footer consists of copyright information. These
two are similar on both pages. Consistency is vital in web design and is important in improving
the website’s useability. Other similar designs include the font, background color, and body
padding.
On the home page, I used JavaScript to generate a promotion code for the user. The user
is presented with a button which, when clicked, calls a function in JavaScript. Promotion codes
are stored in an array. The function selects a random item in the array and presents it to the user
in a p element that is populated using the innerHTML property whose key function is to either
return or set the value of an element.
OUTLINE
DISCUSSION
Thesis statement: This paper answers question on webs development and architecture.
I. Analyze the history, protocols, and architecture of the Internet and World Wide Web.
II. Use client-side markup languages to manage the presentation of information in a variety
of browsers. (make a web page using html, css and java script that focuses on data
presentation for different browsers and then write 2 to 3 paragraphs explaining what you
did.
III. Compare the structure and presentation of mobile-use websites versus traditional web
presentation.
IV. Use client-side languages to support dynamic, interactive information presentation or
webpages in a browser. (use html, css, javascript and bootstrap to make a web page that
looks good on different size monitors as well as a mobile view and then write 2 to 3
paragraphs explaining what you did)
V. Assess the moral and ethical considerations of the use of intellectual property and how
the web designer can incorporate a Christian worldview into World Wide Web
communications.
VI. Demonstrate proficiency in client-side web technologies by designing and constructing a
website or web application. ( Use advanced html, css, javascript to make a website with
different pages that follow the same design pattern and then write 2 to 3 paragraphs
explaining what you did.)
VII. Assess the technical and usability strengths and weaknesses of commercial websites.
VIII. Evaluate emerging standards in web markup languages. (2 to 3 paragraph answer)
Running head: DYNAMIC CLIENT-SIDE WEB PRESENTATION
1
Client-Side Dynamic Web Presentation
Name
Institution
Course
DYNAMIC CLIENT-SIDE WEB PRESENTATION
2
Question Two
The web presentation is of a simple addition calculator. CSS and HTML are utilized to
present the user with the layout on the web browser. The calculator consists of a field that shows
the result of a computation, two entry fields that capture user input values, and a button to
compute the sum. The inputs only accept numbers due to the type property, which is set to
number. Additionally, the input that displays the solution is set to read-only to ensure no value
can be entered. The click() method fires the button’s click event. It calls the calculate function,
which handles the computation. To get the values from the HTML document, I used both
getElementByID and querySelector.
The browser prefixes employed in CSS are a method to ensure that all browsers support
the features and are especially helpful when using a brand-new CSS property. They became
common after CSS3 development. In its early stages, different browser introduced numerous
properties at different times. Using prefixes in the CSS ensures the transform feature is supported
in all browsers. -webkit- offers support for Safari, iOS, Chrome, and Android browsers, -moz-
for Mozilla Firefox, -o- for opera mini, and lastly, -ms- for internet explorer.
Question Four
I employed HTML to display graphical information. Additionally, I used CSS and
Bootstrap framework to improve the organization of the visual designs into aesthetic
presentations on the web browser. Bootstrap hastened my development time since it offers a grid
system, a basic layout for components and elements, and a basic structure of the website. I was
able to add Bootstrap CSS and JavaScript using the Bootstrap Content Delivery Network.
DYNAMIC CLIENT-SIDE WEB PRESENTATION
3
Responsive design attained through bootstrap columns allows the website to shrink the
elements and content to match the screen size. Furthermore, it makes the website mobile-
friendly. Images do not become bigger than the size of the screen. The homepage consists of a
carousel that displays some of the products on the e-commerce webpage. The navigation is also
responsive and hides the links to display a hamburger menu when viewed on mobile devices.
Question Six
The website has two pages. The main sections of the website include the navigation and
footer. The navigation consists of a strip at the top of the webpage. It has a logo on the left side
and links on the left side. On the other hand, the footer consists of copyright information. These
two are similar on both pages. Consistency is vital in web design and is important in improving
the website’s useability. Other similar designs include the font, background color, and body
padding.
On the home page, I used JavaScript to generate a promotion code for the user. The user
is presented with a button which, when clicked, calls a function in JavaScript. Promotion codes
are stored in an array. The function selects a random item in the array and presents it to the user
in a p element that is populated using the innerHTML property whose key function is to either
return or set the value of an element.
Students also viewed