Assignment 1 - Web Design And Development, Study Guides, Projects, Research of Web Design and Development

Web Design And Development assignment 1. Go with a file of PPT

Typology: Study Guides, Projects, Research

2020/2021

Uploaded on 09/07/2021

Un_known
Un_known 🇻🇳

4.4

(8)

3 documents

1 / 22

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
PROGRAM TITLE: HIGHER NATIONAL DIPLOMA IN COMPUTING
UNIT TITLE: WEBSITE DESIGN & DEVELOPMENT
ASSIGNMENT NUMBER: 1
TUTORIAL LECTURER: NGUYEN NGOC TAN
ISSUE DATE:10/5/2021
SUBMISSION DATE:22/5/2021
WORD COUNT: 4811
STUDENT NAME: CAO NGUYEN VU
STUDENT ID: BKC1971
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16

Partial preview of the text

Download Assignment 1 - Web Design And Development and more Study Guides, Projects, Research Web Design and Development in PDF only on Docsity!

PROGRAM TITLE: HIGHER NATIONAL DIPLOMA IN COMPUTING UNIT TITLE: WEBSITE DESIGN & DEVELOPMENT ASSIGNMENT NUMBER: 1 TUTORIAL LECTURER: NGUYEN NGOC TAN ISSUE DATE:10/5/ SUBMISSION DATE:22/5/ WORD COUNT: 4811 STUDENT NAME: CAO NGUYEN VU STUDENT ID: BKC

Summative Feedback: Internal verification:

to a Domain name server, which holds a large database of domain names and translates them to IP addresses 1. So, when you type in a website like www.bbc.co.uk for example, your internet service provider will request the DNS linked with the domain name and then translates it into an IP address that a computer understands then will direct you to the correct website. If you have previously visited the website, the computer will first check the cache to see if it has already visited the website before, if not it will do a DNS query to find the website. Main DNS server types i. Resolver A resolver is the first stop in a DNS query, this acts as the middle link between the client and a DNS nameserver, once a DNS query has been sent from the client a recursive resolver will bring back cached data if it is found in the cache, or it will send a request to a root nameserver, then another request to a TLD (Top Level Domain) nameserver and then a last request to an authoritative nameserver. If the recursive resolver does not have the website that is requested in its cache, then it will go through the process of getting the IP address of the website wanted and return it. It will then store this IP address in its memory for a period time. The period time that it is stored in the memory is chosen by the owner of the domain by using a setting called time to live2, in which how long the website stays in the cache’s memory for. ii. Iterative The iterative DNS query will query a DNS server for information on a website, the user will enter a website they are trying to find and then the resolver may provide an answer from the cached memory or will ask another DNS server if they have the

answer by returning the address of that DNS server, if it cannot return a definitive - answer it will ask the next server. The query will start at the root server and then go down the levels according to its referrals that it receives. iii. Root servers The root name server for the DNS records is a server that has a big role in the translating of a domain name into an IP address for a computer, they answer requests made in the root zone of the DNS. The servers can answer queries records which are cached in the root zone. They can also divert other requests made onto the TLD server. iv. TLD (Top Level Domain) nameserver The TLD nameserver is referring to the last part of a domain name, the part after the dot. TLDs made up into two categories, a country TLD and industries TLD. For example .FR for France and .GOV for governments websites. The TLD is the highest level of domain names in the root zone of the DNS for the internet. For the other domains in lower levels, it is the last section of the domain name 1. The managing of the TLD nameservers is take care of by the IANA (Internet Assigned Numbers Authority) which is a part of the organisation ICANN. v. Authoritative nameservers An authoritative nameserver provides answers to an original DNS query. It does not provide answers of websites from the cached memory 3. The Authoritative nameserver provides answers to the recursive DNS nameservers with IP mapping of the website (or other server) searched for. The authoritative name server holds the records for domain names, these can be either A, CNAME, MX, NS, SOA or TXT records. An example could be if a DNS server in a network has stored a

The Domain Name System is a hierarchical system, and at the top of the hierarchy is the DNS root zone. ICANN assigns organisations to manage Top Level Domains (such as the com domain) and accredits registrars who buy and manage namespace -- on behalf of companies and individuals -- within these Top Level Domains.

  1. (P2) Explain the purpose and relationships between communication protocols, server hardware, operate system and web server software with regards to designing, publishing and accessing a website. Communication protocols: communication protocol, also known as inter-network protocol, information exchange protocol and also called interaction protocol. The purpose of the communication protocol is to link subnets into inter locations for data transmission, signal transmission, authentication, data representation and data error detection. Data transmission between the transport layer and the network layer .Defines the structure of data packets as a single and basis for data transmission on the Internet, so that computers and devices can connect and exchange information. believe together. Server hardware: Basically, the hardware in the computer is the part that we can see, hold, touch. The hardware in the computer including: monitor, mouse, keyboard, cords, CPU, Ram ... The hardware is created by computer manufacturing companies, the hardware components will be used. to run the software. Operating systems: Basically, software is instructions that can be stored and run by hardware and software in the computer are applications running inside the computer, we cannot hold and touch it. A computer has a lot of software. Each software addresses a different function. Web server software:

 Organize communication between users and the system.  Provide resources for programs and how to organize their implementation.  Organize information storage on external memory, provide tools for searching and accessing information.  Check and support by software for peripheral devices to exploit them conveniently and effectively.  A system utilities support. Relationship between them: i. Communication protocol: The protocol defines rules, syntax, semantics, and synchronization of communication and can methods of error recovery. Protocols can be implemented by hardware, software or a combination of both. ii. Server Hardware: Hardware represents all the physical things that you can touch and see which merged and built together as a single entity called a Personal Computer (PC). It can be a laptop or even your smart devices in this case. iii. Operating System: Operating System (OS) is working on top of the hardware. OS is the software that brings you the interface to be able to communicate with the hardware. Well, of course, there is more than that. OS communicates with the kernel using the device drivers to send “commands” to the hardware to do the things that you want to do. iv. Web server software: Web Server Software is also just a software application. It is installed and runs on a computer - the server serves as a Web Server, thanks to this program that users can access the Web site information from another computer on the network (Internet, intranet). Web

The mail protocol uses the SMTP protocol to send emails on the internet, it only sends the mail from one user to another. To receive the emails, then the POP protocol is used to collect the mail from the receiver. This protocol works with the Mail Transfer Agent (MTA) protocol to send your communication to the correct computer and email inbox. The port number used by SMTP is 25. Apache is the most commonly used web server software on the market 6. Apache is an open-source software and is maintained by a community of developers whilst being backed by the Apache Software Foundation. Apache is a good software to use on a web server as it is free to use and download and is most often used on Linux servers. Microsoft have their own web server software called IIS (Internet Information Services) it is not free like Apache and requires a license and will only runs on its windows operating systems. The Microsoft software comes with a tidy but takes some time getting used to GUI, it comes with a panel to manage the connected servers, but everything is one place to is very easy to manage.

  1. (M1) Evaluate the impact of common web development technologies and frameworks with regards to website design, functional and management. Technologies There are two main categories of coding, scripting and programming for creating Web Applications:
  1. Client Side Scripting / Coding - Client Side Scripting is the type of code that is executed or interpreted by browsers. Client Side Scripting is generally viewable by any visitor to a site (from the view menu click on "View Source" to view the source code). Below are some common Client Side Scripting technologies:

HTML (HyperText Markup Language) CSS (Cascading Style Sheets) JavaScript Ajax (Asynchronous JavaScript and XML) jQuery (JavaScript Framework Library - commonly used in Ajax development) MooTools (JavaScript Framework Library - commonly used in Ajax development) Dojo Toolkit (JavaScript Framework Library - commonly used in Ajax development)

  1. Server Side Scripting / Coding - Server Side Scripting is the type of code that is executed or interpreted by the web server. Server Side Scripting is not viewable or accessible by any visitor or general public. Below are the common Server Side Scripting technologies: PHP (very common Server Side Scripting language - Linux / Unix based Open Source - free redistribution, usually combines with MySQL database) Zend Framework (PHP's Object Oriented Web Application Framework) ASP (Microsoft Web Server (IIS) Scripting language) ASP.NET (Microsoft's Web Application Framework - successor of ASP) ColdFusion (Adobe's Web Application Framework) Ruby on Rails (Ruby programming's Web Application Framework - free redistribution) Perl (general purpose high-level programming language and Server Side Scripting Language - free redistribution - lost its popularity to PHP)

 It improves the ranking of your keywords  It increases brand awareness  Your business appears among relevant audience  It increases ROI of your business etc. So, what is SEO? SEO is a technique to boost your ranking in search engines in comparison to other several businesses. When someone enters a query in search engine relevant to your business your website appears on the top. When your website will appear on top with relevant keywords you will receive relevant audience to your website and it helps in increasing ROI of your business. SEO is categorized in two parts: ON Page SEO: On page SEO is the technique of optimizing individual website to make it more user and search engine friendly. On Page optimization helps website rank on the top in search engines especially in Google. Some of the ON page optimization factors:  Title Tag  Description Meta Tag  Site Map  Robots.txt file  Page Speed Off Page: Off page is also known as link building. In this process we create back links on another sites. This helps in increasing link popularity and also boosting the ranking of the website. Some of the OFF-page factors are:  Business Listing  Bookmarking

 Content Marketing I would recommend some top SEO tools:  Google Search Console  Google Ads Keyword Planner  Backlink Analysis Tools  SEO Platforms  Social Media Here is a study that will support my idea: According to a research of Conductor (2014) found that 70% of internet users use search engines to find and access websites. Therefore, implementing SEO factors and methods in building the website of the company helps to increase the online presence of the firm to potential clients. Both qualitative and quantitative research method were used to analyze the case study. Data was collected by observing the case company website. After that, the data was analyzed it to find out the effect of SEO on the website and give some suggestion in order to improve the website ranking. Hence in the analysis results, the researcher concluded that the case company applied many SEO factors and methods to increase its ranking in search result page. Some SEO factors should be modified and other techniques should be applied to push its website ranking on the top of the SERPs. I. (LO2) CATEGORIZE WEBSITE TECHNOLOGIES, TOOLS AND SOFTWARE USED TO DEVELOP WEBSITES

Back-end is much more versatile, it can be programmed in a lot of different languages, the most popular being PHP, Ruby, ASP.NET and JavaScript (Node). The back-end development will store the data needed to host a website on servers, the application and a database. The back-end development of a website will have the language, database, security and backup side of it covered. The database of a website will be used in a query when someone is for example searching for hotel within a certain town, the database is responsible for accepting the query made by someone then it will find the data requested in the database and then return it to the user that has searched for it on a website. The security side of the back-end development is critical in keeping data and sensate information safe. It is important that users are logging in using the HTTPS protocol whilst doing any development as this will encrypt the information and cannot be intercepted by hackers. Google will rank sites higher in their search results if a site uses the HTTPS protocol, so it is much better to use it in terms of getting your website higher up in the search results.

  1. How these relate to presentation and application layers. The presentation layer in the OSI model is responsible for translating data, encryption between applications and data compression. When data is passed through the HTTPS protocol on a browser, the data is encrypted as to keep it secure from people trying to hack and intercept it when it is transmitted over the internet. When this occurs the two devices that are talking to each other, for example when someone buys something off the internet, the HTTPS protocol is used to keep credit card information safe. When this happens the buyer and the seller will exchange keys to encrypt the data that is being transmitted, and this

means that only these two can encode the data and then decode it in to a readable format, to keep it secure even if it does get intercepted by a hacker, they cannot retrieve any information from the hacked data as they do not have a key to decode it. The presentation layer is also used when building a website, HTML, CSS and JavaScript are used to connect the user interface with the back end of the website. In the application layer the FTP protocol is used in this layer to transfer files between the server and the client over a network, this is used when upload files to a web server to host a website for example. The application layer is what provides the interface of the applications and network, it is the only layer that deals with the user that is using the computer. This is also where the DNS protocol is used as well, there are many other protocols that are used in the application layer and they include the SMTP, Telnet and TFTP. Applications that are run on a computer are using this layer as this hosts the applications that run on computers, when accessing the Internet they are used there. The mail protocol is on the application layer and uses the SMTP protocol to send emails on the internet, then to receive emails the protocol used is the POP3 protocol. The Telnet protocol is also on the application layer, and this protocol is used to access a device remotely.

  1. (P4) Discuss the differences between online website creation tools and custom- built sites with regards to design flexibility, performance, functionality, User Experience (UX) and User Interface (UI). Online website creation tools-(Templates website): A template is a ready-to-use, built-in theme found in most content management systems (CMS). Template websites are premade webpages or sets of webpages that are essentially clones of a website’s main core framework elements which can then be marginally customised and populated with your own content.

there for support. system. User Experience (UX) Unique design for your idea and your needs. Other company might have use same template. User Interface (UI) 100% responsive on all devices May not 100% work on all devices For this project, I would highly choose custom-built websites with web application frameworks than template websites cause:  Program actions and logic are separated from the HTML, CSS and design files. This helps designers which is me (or a designer without any programming experience) to be able to edit the interface and make design changes.  Builds are based on the module, libraries and tools, allowing programmers to easily share libraries and implement complex functionalities and features in a fast and efficient manner.  The structure helps produce best practice coding with consistent logic and coding standards and provides other developers the ability to become familiar with the code in a short time.  Custom-fit to the business, flexible when businesses grow.  Unlimited designs  Can be updated anytime  Better SEO ranking

  1. (M3) Evaluate a range of tools and techniques available to design and develop a custom-built website

There are some great new tools on the market that have proven to cut down on web development processes, which is especially helpful when you are managing multiple concurrent projects. Swapping out old technologies for new ones can also be beneficial in the following ways:  Remove bottlenecks and friction from your workflow, so you can work faster.  Create more efficient interactions with team members and clients in real- time.  Produce more advanced features or functionality into your web designs with less effort.  Lower costs as time spent on projects is reduced while simultaneously replacing older and more costly technologies.  Greater security as many of these tools are built by programmers who truly understand the needs of WordPress developers. Here are some tools that I think would choose to bring more control, consistency, and power to your workflow:

  1. Adobe XD
  2. Browsersyn
  3. InVision Studio
  4. PandaDoc II. (D1) JUSTIFY THE TECHNOLOGIES, MANAGEMENT SERVICES, TOOLS AND SOFTWARE CHOSEN TO REALIZE A CUSTOM-BUILT WEBSITE. While designing a simple or modern web page, you must have thorough knowledge about what to do, how to do and what type of material you are using.