Website Design and Development: Balancing Flexibility and Efficiency, Assignments of Technology

A comprehensive overview of website design and development, covering key aspects such as domain management, server hardware and software, communication protocols, front-end and back-end technologies, and the comparison between online website creation tools and custom-built sites. It delves into the capabilities and relationships between these elements, highlighting the importance of understanding the underlying infrastructure and technologies to create effective and user-friendly websites. The trade-offs between design flexibility, performance, functionality, user experience (ux), and user interface (ui) when choosing between online website builders and custom-built sites. By understanding these concepts, web developers and designers can make informed decisions to create websites that meet the specific needs and requirements of their clients or organizations.

Typology: Assignments

2022/2023

Uploaded on 03/02/2024

tran-djuc-luong
tran-djuc-luong 🇻🇳

4 documents

1 / 26

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
ASSIGNMENT 1 FRONT SHEET
Qualification BTEC Level 5 HND Diploma in Computing
Unit number and title 10: Website Design & Development
Submission date 10/17 Date Received 1st submission 10/17
Re-submission Date Date Received 2nd submission
Student Name Tran Duc Luong Student ID BH00108
Class IT502 Assessor name Ngo Thi Mai Loan
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 D1
1
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a

Partial preview of the text

Download Website Design and Development: Balancing Flexibility and Efficiency and more Assignments Technology in PDF only on Docsity!

ASSIGNMENT 1 FRONT SHEET

Qualification BTEC Level 5 HND Diploma in Computing Unit number and title 10: Website Design & Development Submission date 10 /17 Date Received 1st submission 10 / Re-submission Date Date Received 2nd submission Student Name Tran Duc Luong Student ID BH Class IT502 Assessor name Ngo Thi Mai Loan 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

❒ Summative Feedback: ❒ Resubmission Feedback:

Grade: Assessor Signature: Date: Signature & Date:

A. Introduction B. Contents I. Identify the purpose and types of DNS, including explanations on how domain names are organised and managed.

1. What is website?

  • Website is a collection of pages containing information including text, images, videos, etc.
  • Basic ingredients:
  • Domain name: is the name of a website operating on the internet, acting as a static, fixed address. Just like your home address or zip code helps satellite routers navigate your goods, a browser needs a domain name to navigate to where your website is located.
  • Hosting is an online data storage and data sharing service, a space on a server where Internet services such as world wide web (www), file transfer (FTP), Mail, etc., you can store content. website content or data on that space.
  • The Source Code Website is a system of one or more files written in the Website programming language. They help to connect the UI elements of the Website with the database. The ultimate goal of the code is to form a complete web page. 2. How the website works Step 1: User enters the web address of the browser Step 2: Browser sends request to DNS server Step 3: Domain support server and response Step 4: After receiving the domain name (IP Address) - where to get the data, submit The browser will find the server containing this IP address Step 5: The web server receives the web page access request, it sends a set of html, css, other files (like sounds and images image) to the browser. Step 6: The browser translates the files that the server sends to the web page that we see on the screen

You can purchase a second-level domain, like love2dev.com. For practical purposes we will call that a domain name since it is what most of us associate as a domain name. But technically any address that it not an IP address is a domain name and is a unique domain, even sub-domains. Domain name management is essentially a job related to the synthesis of management methods that users need to implement to maintain the right to use their domain name as well as avoid unnecessary problems arising. If a problem occurs because the domain name management process is not close and appropriate, the owner of that domain name must take full responsibility. Domain names are made up of non-empty labels separated by periods (.); These labels are limited to the ASCII letters a through z (case insensitive), the digits 0 through 9, and the dash (-), with restrictions on name length and punctuation.

4. What is the Domain Name System?

  • The Domain Name System or DNS is an intermediary system that makes it easier for people and computers to communicate with each other. Usually, we use names to access websites. In contrast, computers use alphanumeric data to access that website. DNS acts as an intermediary translator, converting domain names into numeric data that can be understood by computers. -How the domain name resolution system works: +The DNS protocol will work step by step. These operational steps will run according to their own structure. The first step in the program chain is a query step called a “DNS query”. +The first step, the domain names server (DNS server) will find the resolution information in the hosts file - the host information file of the operating system. This step the system will convert hostname to IP address. +If the information is not found, the program will look in the cache (called the temporary memory). This is where the ISP's cache and information are stored. If the server cannot find the information, you will see an error message that the homepage cannot be found

2. Server hardware? Server hardware is the hardware of the device, the components that make up a complete device. With PC, devices such as mouse, keyboard, monitor, hard drive, DVD drive... are hardware devices. Role: store source data, process and retrieve information from other computers via the Internet.

3. Server OS? A server operating system (OS) is an operating system that is installed and used on servers to manage the server's hardware and software resources and provide services to many programs. eg: UNIX, LINUX, WINDOWS Linux is an open operating system and you can fix any problem on it. This is a free operating system and you will not need to spend any money to own it. However, because it is a free OS, the security will not be high, so there are very few people using this OS. UNIX It is designed specifically for programmers. it became the widely used operating system for internet servers, workstations and mainframe systems. window: the most popular operating system in the world at the moment.

Depending on the function, the server is divided into the following types:

  • Web server: This server is installed with specialized software for web management. For example Xampp, IIS, Visual studio, ...
  • Email server: Support sending and receiving email
  • Database server: Install database management software like MySQL, SQL server
  • FTP server: Support transferring files via FTP protocol (need to install software like Filezilla, CuteFTP) 5. The relationship in the design, access and publication of the website
  • Hardware provides the environment to install the operating system and software soft. From there, help design and operate the website

The operating system is the intermediary between the user and the hardware, providing environment for users to develop and execute applications, control the operation of hardware and software in the process information processing

  • Communication protocol to help transfer data from web server to browsing the user and vice versa, helping the user to access website. Protocols can be implemented by hardware, soft or a combination of both.
  • Web software is software that is installed on a Web server Website design and publishing…. III. 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 technologies: HTML, CSS, JavaScript HTML: HTML is an acronym for Hypertext Markup Language, which is a combination of Hypertext and Markup, also known as a hypertext language. HTML has the function to help users build and structure sections in a website or application, often used in paragraph division, headings, links, blockquotes, etc.

-Back-end technologies: PHP,ASP.NET, Java, Ruby PHP: PHP language is an acronym for Personal Home Page (now Hypertext Preprocessor). This term refers to a string of scripting or scripting languages, suitable for development for server-based applications. When writing software in PHP language, the command string will be processed on the server to generate HTML code on the client. Advantages: First of all, PHP is open source. +PHP:PHP is easy to learn and easy to use language, it has great flexibility to deal with problems, contexts and scenarios with different customization methods according to your requirements. This is a language with the largest community today because it is open source and also very easy to use. High security even though this is open source, PHP is very strongly developed by the community, so PHP is considered safe to use with shared security.

In the future of those who learn PHP language, there are huge job opportunities with high income that can reach tens of millions of dollars a month. Defect: The first downside to using PHP is that its language structure doesn't look very neat. Unlike Java and C#, when you learn, you can make websites, mobile applications, programs or software .... However, for PHP, it can only be used as a website and extended website applications. The biggest downside worth mentioning is that the code is easier to copy and hack and the security is not as high as other programming languages. +ASP.NET: ASP.NET framework has the ability to control and manage state with state memoization. Specifically, when a customer selects a product and makes a purchase decision, they will complete the purchase process by clicking the BUY button on the website. Advantages:

+Java:Java is powerful because it is capable of handling errors at runtime, supports automatic garbage collection and exception handling, and avoids the concept of explicit pointers. Java has a powerful memory management system. It eliminates errors because it checks the code during both compilation and runtime.Advantages: Java is platform independent. Java is object-oriented. The main reason Java is safe is pointers, Java doesn't use pointers. In Java can achieve multithreading. Java is powerful because it has many features like garbage collection, no pointers, exception handling. Java is an easy to understand language. Defect : Poor performance, invalid caching configuration, and deadlock between processes. Java has very few SWT, GUI generators – Swing, JSF and JavaFX. To write code to perform a simple set of operations, you may have to write long and complex pieces of code.

Ruby: Ruby programming language is defined as one of the most externally-oriented and widely used languages for creating web and mobile applications. Advantages: Ruby is an extremely easy programming language to learn, if you are proficient in Ruby, using Ruby on Rails is too simple. The demand for jobs related to Ruby programmers is increasing day by day. Ruby's ecosystem is extremely large and brings many benefits. You can do external library writing in Ruby or in C. Ruby's security features are extremely high and good. Ruby implementation syntax is becoming a lot more flexible by the day. Ruby's chaining system is very powerful. Ruby has a huge debugger.