Higher Nationals in Computing
Unit 10: Website Design and Development
ASSIGNMENT 1
Learner’s name:
ID:
Class:
Subject code: 1633
Assessor name: PHAN MINH TAM
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
Website Design and Development, Cheat Sheet of Web Design and Development
An overview of the key concepts and technologies related to website design and development. It covers topics such as server technologies, communication protocols, web server software, front-end and back-end website technologies, and the differences between online website creation tools and custom-built sites. The document aims to equip readers with a comprehensive understanding of the various aspects involved in designing, publishing, and accessing websites, including the technical considerations and the user experience (ux) and user interface (ui) factors. It is a valuable resource for students, web developers, and anyone interested in the field of website design and development.
Typology: Cheat Sheet
2021/2022
1 / 24
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download Website Design and Development and more Cheat Sheet Web Design and Development in PDF only on Docsity!
Higher Nationals in Computing
Unit 10: Website Design and Development
ASSIGNMENT 1
Learner’s name:
ID:
Class:
Subject code: 1633
Assessor name: PHAN MINH TAM
Assignment due: Assignment submitted:
ASSIGNMENT 1 FRONT SHEET Qualification BTEC Level 5 HND Diploma in Computing Unit number and title 10: Website Design & Development Submission date 27/11/2022 Date Received 1st submission Re-submission Date 1/12/2022 Date Received 2nd submission Student Name LUC THANH QUY Student ID GCS Class 1005a Assessor name TamPM 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 Brief 1 (RQF)
Higher National Certificate/Diploma in Computing
Student Name/ID Number: Luc Thanh Quy/GCS Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: Phan Minh Tam Assignment Title: Web Technologies Issue Date: 21 March 2022 Submission Date: 27/11/ 2022 Internal Verifier Name: Date: Submission Format: Format: The submission is in the form of two documents/files ● A ten-minute Microsoft® PowerPoint® style presentation which can be shared with your colleagues for feedback. The presentation can include links to performance data with additional speaker notes and a bibliography using the Harvard referencing system. The presentation slides for the findings should be submitted with speaker notes as one copy. ● An extended guidebook or detailed report that provides more thorough, evaluated or critically reviewed technical information on all of the topics covered in the presentation. Submission ● Students are compulsory to submit the assignment in due date and in a way requested by the Tutor. ● The form of submission will be a soft copy posted on http://cms.greenwich.edu.vn/. ● Remember to convert the word file into PDF file before the submission on CMS. Note: ● The individual Assignment must be your own work, and not copied by or from another student. ● 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 understand and follow the guidelines to avoid plagiarism. Failure to comply this requirement will result in a failed assignment.
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 currently work for a software training company that produces courses and topic presentations to established companies and, importantly, to new start-ups. MWS wishes to pursue a bespoke web-based e-commerce solution. As part of your role, you have been asked to create an engaging presentation to help inform and train staff members on the tools and techniques associated with front- and back-end development together with the technologies and services required to set up, host and manage a typical commercial website. You will find more information in the file MWS-CaseStudy.docx. In addition to your presentation, you will also provide an extended guidebook containing further information for staff members or a detailed report containing a technical review of the topics covered in the presentation. Your presentation should include:
- Server technologies and the management services associated with hosting and managing websites.
- A review of different website technologies supported with the tools and software used to develop websites (including the differences between online website creation tools and custom-built sites). Your extended guidebook or detailed report should include a summary of your presentation as well as additional, evaluated or critically reviewed technical notes on all of the expected topics.
Table of Contents
P2. Explain the purpose and relationships between communication protocols, server hardware,
P a g e | 1
ASSIGNMENT 1 ANSWERS
P1: identify the purpose and types of DNS, including explanations on how domain names are organized and managed.
- Introduction to DNS 1.1 What is DNS DNS, short for Domain Name System, is understood as the domain name resolution system. That is, this is a system to convert website domain names, converting from www.tenmien.com to the corresponding IP address form and vice versa. In addition, these operations have DNS that plays a big role in linking network devices together in locating and assigning specific addresses to information on the internet. Figure 1: what is DNS 1.2 Type of DNS and purpose of them
- CNAME Record: Allows you to create a new name, point to the original name, and set a TTL. In short, if the main domain wants to set one or more other names, this record is required.
- A Record: This record is commonly used to point the Website name to a specific IP address. This is the simplest DNS record, allowing you to add Time to Live, a new name, and Points To.
- MX Record: With this record, you can point Domain to Mail Server, set TTL, Priority. The MX Record specifies which Server manages that domain's Email services.
- AAAA Record: To point a domain name to an IPV6 Address, you will need to use AAA Record. Nod allows you to add new host, TTL, IPv6.
- TXT Record: You can also add new TXT, Host, Points To, TTL values. To contain the Domain's text formatting information, you will need this record.
- SRV Record: A record used to determine exactly which service runs on which port. This is a special record in DNS. Through it you can add Name, Priority, Port, Weight, Points to, TTL.
- NS Record: With this record, you can specify the Name Server for each subdomain. You can create a
P a g e | 2 new Name Server, Host, TTL.
- what is domain names the purpose of the Domain Name System (DNS) demonstrates the clients a distributed directory resolving a human-readable hostname, including "www.google.com." while the machine just confirms and understand machine-readable IP addresses like 172.217.25.4. A great deal of information from all the DNS across the Internet focuses completely on the Central Registry where host companies and the Internet Service Provider communicates on a regular schedule to get updated DNS information. Figure 2: Domain name
- How domain names are organized and managed The process of working the DNS System is that it is an international system for translating IP addresses of machine-readable hostname to domain names human can read and understand. When a user tries to access a web address like "www.google.com", their web browser or application completes a DNS Query against a DNS server, which supply the hostname for the user. It is obvious that the DNS server takes the hostname and converts it into a numeric IP address, which the web browser can have a connection to. Figure 3: How domain names are organized and managed P2. Explain the purpose and relationships between communication protocols, server hardware, operating systems and web server software with regard to designing, publishing and accessing website
P a g e | 4 found in personal computing. Moreover, there remain some sorts of server hardware, including Tower Server, so forth, and so on. The tower server has played a role in working as a server and has been built in an upright standalone cabinet. The cabinet also called a tower is equivalent in dimensions to the cabinet of a tower-style desktop computer. The distinct point of the Tower server with the Rack server or Blade server is generally rack-mounted. The main purpose is to be there for you, to be data sharing and task execution to move on your workflow smoothly and productivity elevated.
- Operating System An Operating System being the most significant software operating on computing superintends the computer's data storing and processes, as well as both of its software and hardware. It seems that OS will authorize users to communicate comfortably with computing without knowing the machine 's language (code). Figure 5 : Operating System
- Server Software What one sort of software designed to be used, operated and controlled on a computing server is server software, which supplies and facilities the harnessing of essential server computing power for use with an array of high-end computing services and functions 4.1 Server operating system A server operating system, or server OS, is a progressed operating system specifically designed to function on server sides, which is distinct computing operating within a client/server architecture to respond to the obligation of the associated client computers on the network. For instance, Microsoft Windows Server, Red Hat Enterprise Linux, so forth and so on.
P a g e | 5 4.2. Web Server The objective of a web server is to provide websites on the Internet. To achieve that target, it plays an important role in the middle between the server and client machines. And it also gives information from the server on each end-user request and delivers it to the web. Apache is one of the most well-known web servers allowing end-user to run a secure website. It is am open source software available for free with these materials, fast, reliable, and secure. The web server software can be highly customized to meet the demands of a variety of particular environments by processing extensions and modules. Figure 6:. Server Software Figure 7: Apache web serve IIS is known as Internet Information Server, which is a web server working on the Microsoft .NET platform on the Windows OS.
P a g e | 7 technologies and explain how these relate to presentation and application layers
- Front-end 1.1 What is front-end The front end of a website is the side which users interact with. Everything you see a website on the Internet, from fonts and colors to dropdown homepage and sliders, is a collection of HTML, CSS, and Javascript being managed by your computing browser. Figure 9: front-end 1.2 Common front-end technologies
- JavaScript
- HTML
- CSS
- React
- React Native
- Angular
- Flutter
- NPM
- Vue.js
- Ionic
- BootStrap
P a g e | 8
- Back-end 2.1 What is back-end The back end of a website is comprised of a server, an application, and a database. A back-end developer builds and maintains the technology powering those components which, together, allow users of these websites to even show in the original location. Figure 10: What is back-end 2.2 Common back-end technologies
- PHP
- Python
- JavaScript
- Laravel
- Django
- MongoDB
- MySQL
- Apache
- NGINX
- Docker
P a g e | 10
- What is User Experience (UX) User experience (UX) design is the process used by design teams to create products that provide users with meaningful and relevant experiences. In the design of the complete process of acquiring and integrating the product, UX design incorporates elements of branding, design, usability, and function. One component of experience design is making software easy to use, but there are other experiences related to the product as well. 1 .1 Explain User Experience (UX Example: The online store. A customer's user experience (UX) will be poor if she views the purchasing process to be protracted, difficult, and complicated. If, however, she has a simple and hassle-free purchasing experience, the UX will be deemed successful. Figure 12: Explain User Experience (UX
- What is Interface (UI) The method that designers use to create user interfaces in software or electronic devices, focused on aesthetics or style, is known as user interface (UI) design. Designers strive to produce interfaces that are enjoyable and simple for users to use. UI design includes other types of user interfaces, such as graphic ones. 2.1 Explain User Interface (UI) Example: The UI of John and Anna, a clothing company with a strong media and lifestyle focus, is used to appeal to users' sense of fashion.
P a g e | 11 Figure 13: Explain User Interface (UI)
- Online website creation tools 3.1 Definition The software or platform known as a website builder enables business owners to rapidly and simply combine various components to create a fully functional website. The building of appealing websites may be done rapidly using many of the most widely used tools using visual editors. With website builders, there are frequently themes and templates offered that provide organizations with a design starting point. By offering a toolset of necessary website-building components, website builders eliminate the necessity for substantial coding. Practically everything you require to design pages, checkouts, blogs, and more are in one location.