Higher Nationals in Computing
UNIT 10: WEBSITE DESIGN AND DEVELOPMENT
ASSIGNMENT 1
Assessor name: PHAN MINH TAM
Learner's name: NGUYEN GIA HUY
ID: GCS200801
Class: GCS0905C
Subject code: 1633
Assignment due: Assignment submitted:
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Web Design and Development (1633), Assignments of Web Design and Development
Web Design and Development (1633) - PASS
Typology: Assignments
2021/2022
1 / 25
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download Web Design and Development (1633) and more Assignments Web Design and Development in PDF only on Docsity!
Higher Nationals in Computing
UNIT 10 : WEBSITE DESIGN AND DEVELOPMENT
ASSIGNMENT 1
Assessor name: PHAN MINH TAM
Learner's name: NGUYEN GIA HUY
ID: GCS
Class: GCS0905C
Subject code: 1633
Assignment due: Assignment submitted:
ASSIGNMENT 1 FRONT SHEET
Qualification BTEC Level 5 HND Diploma in Computing Unit number and title Unit 10: Website Design and Development Submission date Date Received 1st submission Re-submission Date Date Received 2nd submission Student Name NGUYEN GIA HUY Student ID GCS Class GCS0905C Assessor name Phan Minh Tam Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism. I understand that making a false declaration is a form of malpractice. Student's signature Grading grid
P1 P2 P3 P4 M1 M2 M3 D
ASSIGNMENT 1 BRIEF
Qualification BTEC Level 5 HND Diploma in Computing Unit number Unit 10: Website Design & Development Assignment title Web Services Presentation and Guidebook Academic Year 2019 - 2020 Unit Tutor TamPM Issue date Submission date IV name and date Submission Format: Format: Two ten-minute Microsoft® PowerPoint® style presentations to be presented to your colleagues Submission Students are compulsory to submit the assignment in due date and in a way requested by the Tutors. The form of submission will be a soft copy posted on http://cms.greenwich.edu.vn/ Note: The Assignment must be your own work, and not copied by or from another student or from books etc. If you use ideas, quotes or data (such as diagrams) from books, journals or other sources, you must reference your sources, using the Harvard style. Make sure that you know how to reference properly, and that understand the guidelines on plagiarism. If you do not, you definitely get failed Unit Learning Outcomes: LO1 Explain server technologies and management services associated with hosting and managing websites. LO2 Categorise website technologies, tools and software used to develop websites. Assignment Brief and Guidance: You work as a full-stack web team leader for a leading creative web solutions and marketing company.
Your team is about to have a big contract to develop an online shopping mall. One of the preparation tasks is to choose appropriate tools and techniques to realize a custom built website. As part of your role, you have been asked to create an engaging presentation to help train junior staff members on basic web technologies including hosting and website management as well as server technologies. Your presentation should not only explain basic knowledge in the domain but also points out the impact of these technologies to website design, functionality, management, or performance. You also need to present more technical presentation to senior staff members to discuss about front- end, back-end technologies as well as other tools, techniques and software used to develop website from simple (online website creation tools) to complicated (custom built). Your presentation will be used as guidance of choosing suitable tools and techniques for the next project.
Table of Contents
- Unit 10: Website Design and Development ASSIGNMENT
- managed. P1. Identify the purpose and types of DNS, including explanations on how domain names are organized and
- Introduction DNS.
- 1.1. What is DNS
- 1.2. Types of DNS and their purpose of them
- What are domain names
- How domain names are organized and managed
- systems, and web server software with regards to designing, publishing, and accessing a website. P2. Explain the purpose and relationships between communication protocols, server hardware, operating
- Communication protocols and purpose for them
- 1.1. Definition about Communicate protocols
- 1.2. Purpose of Communication protocols
- Server hardware and purpose of them
- 2.1. Definition about Server hardware
- 2.2. Purpose of Server hardware
- Operating systems and purpose of them
- 3.1. Definition about Operating systems
- 3.2. Purpose of Operating systems
- Web server software and purpose of them
- 4.1. Definition about Web server software
- 4.2. Purpose of Web server software
- Web server software. 5. Explain the relationship between communication protocols, server hardware, operating system, and
- How to publish and access a website on the Internet.
- explain how these relate to presentation and application layers. P3 Discuss the capabilities and relationships between front-end and back-end website technologies and
- Front-End
- 1.1. What are Frontend technologies
- 1.2. Common Front-end technologies
- Back-End
- 2.1. What is Back-End
- 2.2. Common Back-End technologies
- The relationship between front-end and back-end.
- design flexibility, performance, functionality, User Experience (UX) and User Interface (UI). P4 Discuss the differences between online website creation tools and custom-built sites with regards to
- What is UX?
- What is UI?
- Online website creation tools
- 3.1. Definition of Online website creation tools
- 3.2. The Benefits of Using Online Website Creation Tools
- 3.3. Online website development tools' drawbacks
- Custom builds site
- 4.1. Define the term "custom build site"
- 4.2. Benefits of a Custom-built website
- 4.3. Custom build site disadvantages
- The difference between online website creation tools and custom build site
- REFERENCES
P a g e | 2
- Root servers: The root name server for the DNS records will be translating a domain name into an IP address for a computer
- Top-Level Domain (TLD) nameserver: TLD is the highest level of domain names in the root zone of the Internet DNS, divided into two categories: a country TLD and industries TLD. The TLD nameservers are managed by the IANA (Internet Assigned Numbers Authority).
- Authoritative nameservers: An authoritative nameserver provides answers to the recursive DNS nameservers with IP mapping of the website; however, it does not give explanations on websites from the cache memory
- URLs: A URL is the website's address that is unique and cannot be shared between different websites. A URL is organized by the structure of different parts such as HTTPS, name of the web servers, second-level domain, and Top Level domain 1.2.2. Purpose of DNS The purpose of DNS is included:
- Matching hostnames to IP addresses
- Pointing services
- Directing messages to mail services
- Authentication and validation of emails and different services
- Creating VPN
- Creating a content delivery network
- Load balancing
- Increase uptime 2. What are domain names A domain name is a string of text that maps to a numeric IP address, used to access a website from client software. In plain English, a domain name is a text that a user types into a browser window to reach a particular website. For instance, the domain name for Google is 'google.com'.
P a g e | 3 The actual address of a website is a complex numerical IP address (e.g. 103.21.244.0), but thanks to DNS, users are able to enter human-friendly domain names and be routed to the websites they are looking for. This process is known as a DNS lookup.
3. How domain names are organized and managed When a domain name is typed into the browser, the computer will first check its cache to see if it has previously requested that domain. To organize and manage the domain name, the local DNS server will break the domain name into different sections:
- Top-level domain (TLD): .com, .edu, .org
- Second level domain: name servers
- Subdomain: support, www **P2. Explain the purpose and relationships between communication protocols, server hardware, operating systems, and web server software with regards to designing, publishing, and accessing a website.
- Communication protocols and purpose for them** 1.1. Definition about Communicate protocols Communication protocols are essential to the computer networks, they are formal descriptions of digital message formats and rules. Communications protocols are implemented in hardware and software. They are required to exchange messages between computing system because they can create the consistency and universality for the sending and receiving of messages.
P a g e | 5 The following table shows several scenarios in which a server is used.
3. Operating systems and purpose of them 3.1. Definition about Operating systems An operating system (OS) is the program that, after being initially loaded into the computer by a boot program, manages all of the other application programs in a computer. The application programs make use of the operating system by making requests for services through a defined application program interface (API). In addition, users can interact directly with the operating system through a user interface, such as a command-line interface (CLI) or a graphical UI (GUI). 3.2. Purpose of Operating systems The purpose of an operating system is to provide a platform on which a user can execute programs in a convenient and efficient manner. An operating system is a piece of software that manages the allocation of computer hardware. The coordination of the hardware must be appropriate to ensure the correct working of the computer system and to prevent user programs from interfering with the proper working of the system. 4. Web server software and purpose of them 4.1. Definition about Web server software Web server software is also just a piece of software. It is installed and operates on a computer - the server acts as a Web Server, allowing users to access information on the Web site from another
P a g e | 6 computer on the network (Internet, Intranet). The HTTP protocol allows Web servers to send Web clients across the Internet (or Intranet). 4.2. Purpose of Web server software On the software edge, the webserver enables various parts which help to manage all web users' access to hosted data like an HTTP server. It is software that can understand all URLs (Web Addresses). The Domain Name of a website can use the HTTP server, and it renders all content of these hosted websites to the end user's system.
5. Explain the relationship between communication protocols, server hardware, operating system, and Web server software. Communication protocol defines rules, syntax, semantics, and synchronization of communication and can error recovery methods. Protocols can be implemented by hardware, software, or a combination of both. Server Hardware: Hardware represents all the physical things you can touch and see, which are merged and built together as a single entity called a Personal Computer (PC). It can be a laptop or even your smart device in this case. Operating System: Operating System (OS) is working on top of the hardware. OS is the software that brings you the interface 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 what you want to do. 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, users can access the Web site information from another computer on the network (Internet, Intranet). Web Server could send Web clients via the Internet environment (or Intranet) via HTTP protocol.
P a g e | 8
1.2.2. CSS
CSS (Cascading Style Sheets) is a programming language that specifies how documents are presented to users in terms of layout and style. A record is a text file format that uses a markup language such as HTML or other markup languages such as XML or SVG. CSS is used to turn a document into a format that audiences can understand. This is especially important for browsers like Chrome, Firefox, and Edge, which are designed to transmit content to screens, printers, and projectors graphically. 1.2.3. JavaScript JavaScript is a widely-used programming language that allows users to add advanced functionality to websites. It can be used to show periodic content updates, animated two-dimensional and three-dimensional visuals, interactive maps, video boxes, and more whenever a page performs a dynamic action. 1.2.4. React Facebook created React as a programming language for making quick and cutting-edge web user interfaces. It's one of the most popular JavaScript libraries for building web front ends, and it's a beautiful choice for full-stack development. React is a programming language that may be used to create visual user interfaces and data rendering in browsers. React makes front-end web development simple, and the essential features and benefits of this technology are listed below. 1.2.5. Vue Vue is a user interface framework that differs from most monolithic frameworks in that it has been designed to provide maximum versatility. Apart from being easily connected with other current project libraries, the core Vue library is focused on a view layer and may be used quickly.
P a g e | 9 1.2.6. TypeScript TypeScript is a syntactical superset of JavaScript and one of the top ten front-end programming languages. Any JavaScript code is considered legitimate TypeScript code, and it runs as JS across all browsers. TypeScript is an additive language that can be used in JavaScript projects and has a basic translation layer. 1.2.7. Elm Elm is a functional programming language and framework for front-end web development. It is the Haskell programming language's source code, and it improves JavaScript's maintainability. It's a primary development choice and one of the closest alternatives to JavaScript. The framework architecture of Elm is comparable to that of Redux. 1.2.8. Angular Angular is a free and open-source framework for building single-page web apps. It can be used by developers to create animated menus for HTML web pages. Google engineers Adam Abron and Misko Hebert created the framework. AngularJS, which was first introduced in 2012, continues to gain popularity. 1.2.9. jQuery jQuery is a feature-rich yet objective JavaScript library. It's a feasible solution for event handling, HTML traversal, Ajax, document manipulation, and animations, among other things. The API of jQuery is also quite user-friendly, and it works well in a variety of browsers. The flexibility and breadth of capabilities of this front-end programming language are well-known. It has allowed many developers to take advantage of JavaScript programming. 1.2.10. Swift Swift is a suitable front-end development technology for constructing iOS, tvOS, macOS, and watchOS applications. It was created by Apple in 2014. It's a fantastic alternative for iOS apps.
P a g e | 11 these changes. Developers frequently use it due to its welcoming topic community and simple syntax. Ruby is the foundation of the Ruby on Rails framework, which is utilized in data analysis, AI, and web development. 2.2.2. Python This is one of the most popular programming languages since it is simple to learn and use. It's multi- purpose because it's utilized for data analysis and web development (namely, for scalable websites and applications). 2.2.3. Java OOP considers Java to be a universal back-end development language. It's commonly used to construct desktop, web, and Android apps. This is a platform-independent, multi-purpose language. Many people have chosen it for decades because of its versatility and simplicity. Java will still be one of the most important back-end languages in 2020. 2.2.4. PHP PHP is still widely regarded as a necessary programming language. It is a general-purpose programming language that is used to create server-side applications. PHP is backed by an open- source platform that runs on a variety of platforms, including Mac, Windows, and UNIX. 2.2.5. C# This is a Microsoft-developed OOP language based on the C programming language. C# is a multi- purpose and multi-platform programming language that can be used on various platforms, including Windows, Linux, Android, and iOS. 2.2.6. NodeJS NodeJS is a platform based on the V8 JavaScript Engine, a JavaScript interpreter that enables the development of online applications that are versatile and straightforward.
3. The relationship between front-end and back-end.
P a g e | 12 The front end is the user interface or the code executed in the browser. The browser uses HTML for the presentation of the website and CSS for styling. In addition, JavaScript can also be used to present the website. The back-end is the code that are executed on the webserver. The data needed to host a website on servers, applications and databases are stored inside back-end development. Overall, the design of the website pages is created using front-end technologies, and the back-end technologies will manage the data that are stored on the website pages. 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).
1. What is UX? The process by which design teams create products that give users meaningful and relevant experiences is known as user experience (UX) design. This includes features of branding, design, usability, and function and the entire process of obtaining and integrating the product. 2. What is UI?