Higher Nationals in Computing
UNIT 10: WEBSITE DESIGN AND DEVELOPMENT
ASSIGNMENT 1
Assessor name: HO NGUYEN PHU BAO
Learner's name: NGUYEN GIA HUY
ID: GCS200801
Class: Tutor_1620_FA23
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
WEBSITE DESIGN AND DEVELOPMENT ASM1 - 1633 - pass, Assignments of Web Design and Development
WEBSITE DESIGN AND DEVELOPMENT ASM1 - 1633 - pass
Typology: Assignments
2022/2023
1 / 28
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download WEBSITE DESIGN AND DEVELOPMENT ASM1 - 1633 - pass 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: HO NGUYEN PHU BAO
Learner's name: NGUYEN GIA HUY
ID: GCS
Class: Tutor_1620_FA
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 Tutor_1620_FA23 Assessor name HO NGUYEN PHU BAO 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 HUY 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 Ho Nguyen Phu Bao 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
- ASSIGNMENT 1 FRONT SHEET________________________________________________________________
- ASSIGNMENT 1 BRIEF_______________________________________________________________________
- 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 _________________________________________________________________________
- software.________________________________________________________________________________________ 5. Explain the relationship between communication protocols, server hardware, operating system, and Web server
- How to publish and access a website on the Internet._______________________________________________
- how these relate to presentation and application layers.___________________________________________ P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain
- 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._________________________________________________
- 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 design
- 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
P a g e | 3
- 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' 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.
P a g e | 5 1.2. Purpose of Communication protocols
- Authentication, error detection and corrections, signaling.
- Describe the syntax, semantics, and synchronization of analog and digital communications. 2. Server hardware and purpose of them 2.1. Definition about Server hardware In computing, a server is a piece of computer hardware or software (computer program) that provides functionality for other programs or devices, called "clients". This architecture is called the client– server model. Servers can provide various functionalities, often called "services", such as sharing data or resources among multiple clients, or performing computation for a client. A single server can serve multiple clients, and a single client can use multiple servers. A client process may run on the same device or may connect over a network to a server on a different device. Typical servers are database servers, file servers, mail servers, print servers, web servers, game servers, and application servers 2.2. Purpose of Server hardware The purpose of a server is to share data as well as to share resources and distribute work. A server computer can serve its own computer programs as well; depending on the scenario, this could be part of a quid pro quo transaction, or simply a technical possibility. The following table shows several scenarios in which a server is used.
P a g e | 6
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 | 8 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.
**6. How to publish and access a website on the Internet. P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain how these relate to presentation and application layers.
- Front-End 1.1. What are Frontend technologies** Front end developers build with the user in mind. Front end development is a style of computer programming that focuses on coding and creating elements and features of a website that the user will then see. It's about making sure the visual aspects of a website are functional. You can also think of the front end as the "client-side" of an application. So, let's say you're a front end developer. This means your job is to code and bring to life the visual elements of a website. You'd be more focused on what the user sees when they visit a website or app. And you'd want to make sure the site is easy to interact with while also running smoothly.
P a g e | 9 1.2. Common Front-end technologies The top ten front-end languages are listed below. 1.2.1. Html HTML has been used to create every single page on the Internet. Learning how to display text or handle the loading of various elements is a need for browsers. HTML stands for Hypertext Markup Language and is a programming language used to create electronic texts known as pages on the Internet. Every page has several links to other pages in the form of hyperlinks. 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
P a g e | 11 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. This Objective-C alternative has a lot of flaws and is deemed old. Swift does make use of several Objective-C ideas, such as extensible programming. Static typing and protocol design are two areas where there is a contrast.
2. Back-End 2.1. What is Back-End Back-end development focuses on the side of the website users can't see. It's what makes a site interactive. You can also refer to the back end as the "server side" of a website. For instance, let's say you're running a social media website. You need an accessible place to store all of your users' information. This storage center is called a database and a few widely used examples include Oracle, SQL Server, and MySQL. Databases are run from a server, which is essentially a remote computer. A back-end developer will help manage this database, as well as the site contents stored on it. This ensures that front end elements on your social media website can continue to function properly as users browse uploaded content and other user profiles. 2.2. Common Back-End technologies These are the best six front-end languages
P a g e | 12 2.2.1. Ruby This is an interpreted high-level, general-purpose programming language that started as an object- oriented scripting language. Ruby has significant advantages over other popular languages since it is focused on increasing developer efficiency. Ruby became dynamic, functional, and concise because of 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. 1.1.1. 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). 1.1.2. 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. 1.1.3. 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. 1.1.4. 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. 1.1.5. 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.