ASSIGNMENT 1 FRONT SHEET

Qualification BTEC Level 5 HND Diploma in Computing

Unit number and title 10: Website Design & Development

Submission date 5/12/2020 Date Received 1st submission

Re-submission Date Date Received 2nd submission

Student Name Nguyen Duc Anh Student ID GCH17051

Class GCH0806 Assessor name Long

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 Duc anh

Grading grid

P1 P2 P3 P4 M1 M2 M3 D1
❒ Summative Feedback: ❒ Resubmission Feedback:
2.1

2.2
2.3 2.4
Grade: Assessor Signature: Date:
Signature & Date:
WEB DESIGN & DEVELOPMENT
Ng u y e n D u c A n h G C H1 7 05 1 - G C H0 8 0 6
Junior Staff
C O NTE NT
1. D NS
2. C o m munication p ro tocols, s e rve r hard ware ,
o p e r a t in g s y s t e m s a n d w e b s e r v e r s o f t w a r e
 • DNS stands for
What is DNS ? Domain Name
System
• DNS was invented in
1984 for the Internet
• a system that
converts website
domains to a
numerical IP address
and vice versa
 The Purpose of
DNS
• Instead of having to remember
the ip address, users only
need to remember the
domain name to be able to
access the server
 TYPES of DNS

D N S Q U E R IE S D N S S E R V E RS D N S R E C O RDS

• Recursive • DNS Resolver • 10 types

Query
• DNS Root Server • Address Mapping
• Iterative Query record
• Authoritative DNS
• Non-Recursive Server • Address Mapping
Query record
How DNS is • DNS is organized in a
organized ? hierarchy, also called
the domain name
space
• The dot (.) is the root
domain
• Top-level domains
• Subdomains
• Host
 • Dyn
Managed DNS
• Cloudflare
• The service provider provides • Amazon Route 53
authoritative DNS servers for
clients. • Cloud DNS
• customers can store DNS • UltraDNS
records and access their
website • Verisign Managed DNS
• Some of the businesses that • Neustar UltraDNS
offer Managed DNS services
• Akamai
Communication Protocols
• describe the syntax, semantics,
and synchronization of analog and
digital communications.
• exchange messages and
information between computing
systems
• authentication, error detection and
correction, and signaling
• Communication protocols are used
in hardware and software.
OSI model
TCP/IP model
HTTP Protocols
• HyperText Transfer Protocol
• Client / Server protocol used for the
World Wide Web – WWW
• Belongs to the TCP / IP protocol
suite
Server Operating System
• The server operating system is the
bottom layer of software.
• Software programs or applications
that rely on the operating system to
run on the server hardware.
Web server software
• Web server receives requests from
web browsers and sends
responses to clients via HTTP or
other protocols.
• Apache
• Microsoft IIS
Server Hardware
• Hardware is the visible part of the
device
• Supports physical data exchange
with other devices
• A web server hardware is specially
designed to run 24/7
 Relationship with Designing, Publishing and Accessing
Communication Web Server Server Operation
Protocols Software Hardware System
Designing need an operating
system to design
the web

Publishing Transfer data Support upload Stores web server requires an

information the site software and operating system to
website's publish the web
component files
(HTML document,
CSS, …)
Accessing a Site access through -The server can -Hardware is an operating system
website protocols: Http, FTP, be accessed required to create a is required to run a
SMTP through domain host for users to web application or a
names of the access browser to access
websites the web
-Users access
hosted files
Reference
• https://www.cloudflare.com/learning/dns/what-is-dns/
• https://ns1.com/resources/dns-types-records-servers-and-queries
• https://www.networkworld.com/article/3268449/what-is-dns-and-how-does-it-
work.html
• https://www.thousandeyes.com/learning/techtorials/managed-dns
• https://www.techopedia.com/definition/25705/communication-protocol
• https://viblo.asia/p/tim-hieu-ve-http-hypertext-transfer-protocol-bJzKmgewl9N
• https://www.webopedia.com/TERM/S/server_operating_system.html
• https://developer.mozilla.org/vi/docs/Learn/Common_questions/What_is_a_w
eb_
• https://www.advantage.tech/service/server-hardwareserver
Senior Staff
C O NTE NT
1. F ro nt - e nd a nd ba c k- e nd
2. Onli ne we bs i t e c re a t i on t o o ls a nd c us t o m bui lt
sites
Static Website
• Static websites are web
pages that use the main
language HTML
• Users cannot interact with
Static website
• No database
Dynamic Website
• Database
• Client-side and server-side
scripting languages
• JavaScript, PHP, or ASP.
• Users can interact in real
time
Static vs Dynamic Website
Front-End
• The interface that interacts with the
user
• HTML, CSS and JavaScript
 Front-End Technology

• HTML, CSS, JavaScript

• jQuery
• JavaScript framework :
AngularJS, Backbone, Ember,
ReactJS
• CSS framework: Bootstrap
Back-End
• Server-side development
• Processing information from the
Front-end
• Database design
 Back-End Technology

• PHP, Ruby, Python, Java, .Net

• MySQL, Oracle, SQL Server
• Server emulator: wamp, xampp,
mamp
 Relationship

F R ON T - E N D A N D BACK-END AND
P R E S E N TAT I ON L AYE R A P P L I C AT I ON L AYE R
• Transfer data to application • Java, .NET, C #,
layer Python, C ++
• Interface layer
• Handle functions
• Interact with users
• Link to database
• Build on web technologies
and web development
frameworks
• API
Online web creation tool
Online creation tools and Custom built website
Online creation tools
-Using templates
-Fast design, cheap price
Design flexibility
-Website may be the same
-Design templates are limited
-May not 100% work on
Performance all devices
-Limited functionality
Functionality -Provides functionality for newbies
-User experience is generally
UX good as the template has been
designed by experienced teams
UI -Good interface but not diverse
Custom built website
-Not limited to design
-flexible customization
-Web design qualifications required
-Requires a lot of time, money and
effort
-Better SEO
-Better Page Loading Speed
-Work all browsers and devices
-Unlimited functionality
-Flexible customization functions
-Required code skills
-User experience depends on web
create level
-Diverse interfaces
-Unique and strange innovative
interface
 Reference
• https://www.geeksforgeeks.org/difference-between-static-and-
dynamic-web-pages/
• https://iconicjob.vn/blog/front-end-la-gi-lap-trinh-vien-front-end-
gioi-can-ky-nang-gi/
• https://topdev.vn/blog/frontend-la-gi-backend-la-gi-va-fullstack-
la-gi/
• https://www.primedesignsolutions.com/learning-
center/difference-template-custom-built-websites/
• https://www.icecubedigital.com/blog/advantages-of-custom-built-
sites-vs-online-website-builder-tools/

Powered by TCPDF (www.tcpdf.org)

 Index of comments

2.1 A) Presentation
- Medium confidence level
- Normal knowledge

B) Report
1. Junior staff
- Should include some introductory slides about web architecture
- DNS was discussed. Content included defnition, purpose, types, how DNS was managed and organized
- He talked about 4 web elements with examples. Relationship between them were given

2. Senior staf
- He introduced static and dynamic website, front-end and back-end technologies. Comparisons were shown
- Relationship between front-end with presentation layer, back-end with application layer was clarified
- Discussion about online website creation tools and custom built sites were included. He made the comparison between them based on 5 given criteria. Example for online tool was given. He should also insert
an example for custom site

2.2 longndt

2.3 Pass

2.4 25/12/2020

Powered by TCPDF (www.tcpdf.org)