ASSIGNMENT 1 FRONT SHEET Qualification BTEC Level 5 HND Diploma in Computing Unit number and title 10: Website Design & Development Submission date 28/03/2023 Date Received 1st submission 28/03/2023 Re-submission Date Date Received 2nd submission Student Name Tran Duc Long Student ID GCH210562 Class GCH1106 Assessor name Lai Manh Dung 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 Summative Feedback: Resubmission Feedback: 2.4 Grade: Assessor Signature: Date: Signature & Date: WEB DESIGN & DEVELOPMENT TRAN DUC LONG – GCH210562 Task 1: SERVER TECHNOLOGIES AND MANAGEMENT SERVICES WEB SERVER HARDWARE DNS SERVER SOFTWARE. COMMUNICATION OPERATING SYSTEM PROTOCOLS 1.1 History of website WWW stands for World Wide Web and was created in 1989 by Tim Berners Lee, a British physicist.
Since then, it has been constantly evolving and improving. How to web work Step 1: URL gets resolved Step 2: Request is sent Step 3: Response is parsed Step 4: Website is displayed 1.2 Identity the purpose and types of DNS Definition: DNS (Domain Name System) is a system that translates domain names into IP addresses, allowing devices to connect to the internet using human-readable domain names instead of numerical IP addresses. Purpose: DNS translates human-readable domain names like www.com into numerical IP addresses for computers to interact over the internet, making it a critical component of internet architecture. Types of DNS There are several types of DNS servers DNS recursive server DNS root servers It is the first resource that the If the recursive server's user sees and either returns the answer is not cached, the query result if it is cached or query is sent to this server first.
connects to the next-level server if it is not. Top level domain server Authoritative name server The root server directs the The authoritative name query based on the top-level server is the DNS query's domain — the.edu, final point of contact.org in the URL.3 How domain names are organized DNS is hierarchical, with multiple organizations controlling domains at various query stages. The root zone database is managed by IANA, an ICANN affiliate, with 12 companies administering hundreds of root servers.4 How domain names are managed DNS manages its distributed database using a hierarchical structure known as the domain name space. This structure is an inverted tree, with the root domain at the top.
The root domain is denoted by a (.5 Communication protocol Definition: Communication protocols are sets of rules and standards that govern the exchange of data between devices on a network. They define the format, timing, sequencing, and error control mechanisms required for successful communication. Purpose Message consistency Cover authentication, error detection, and should be used to signaling. Explain syntactic semantics and analog synchronization.
Some types communication protocols FTP TCP protocols IP address Hypertext Transfer Protocols HTTP (Hypertext Transfer Protocol) is a communication protocol that enables the transfer of data between a client (usually a web browser) and a server over the internet. It defines how messages are formatted and transmitted, as well as what actions web servers and browsers should take in response to various commands.6 Web server hardware Servers are tangible pieces of hardware that are in charge of storing data. There are several kinds of servers accessible. Regardless of the options, there is a huge array of server hardware accessible.
Tower servers are designed to be placed on a desk or on the floor and are typically used by small businesses or for Tower servers Blade servers are similar to rack-mounted servers, but applications that require only a few servers. they offer greater scalability and flexibility by fitting into a blade enclosure that can hold multiple blade servers. Blade servers Rack-mounted servers are compact and designed to be Rack servers mounted in server racks, making them ideal for applications that require a large number of servers in a small space. Modern mainframes can handle heavy I/O loads and a large number of concurrent transactions, making them ideal for Mainframes financial services businesses that require real-time transactions.7 Operating system An operating system (OS) is a software that manages a computer's hardware and provides common services for computer programs.
Purpose: Its primary purpose is to act as an interface between the computer's hardware and its users, allowing them to interact with the system and run applications. Type of Server OS: Windows server (2000, 2003 R3, 2008…) Unix (Red Hat) Mac OS X Server 1.8 Web server software The server is the software (not the computer itself) that: - Allows the computer to communicate with other computers -Waits for a request for information, then retrieve and send that information back as quickly as possible This software is installed In the actual computer, which is installed server operating system and called host. Some type of web server software Run on various operating its high performance and Includes Apache, MySQL, systems and supports a scalability. PHP, and Perl, other tools range of programming and run on various languages.9 Relationships between communication protocols, server hardware, operating and web server software Communication Server hardware Operating system Web server protocols software Design Communicate with Run website devices and the design software network system Publishing Data uploading to Control and Public website the internet implement the website Access a website Data transfer over Data exchange in Webpage using Control user the internet the network DNS access to files on the server Task 2: Evaluate or critically review technical notes on all of the expected topics (M1-M2) Web application technologies and Search engine Frameworks Impact of web technologies and frameworks Search engine optimisation Solutions to improve SEO 2.1 Web application technologies and Frameworks A web app runs on a server and is accessible through a browser.
Its interface can provide valuable statistics to the development team, aiding in product and marketing strategies, and improving app performance. There are several web development tools and frameworks accessible to web developers: 01 Angular JS A TypeScript-based open-source framework for building dynamic web applications.net Created in 2002, is highly esteemed among developers for building dynamic web pages, sites, and portals. 03 JQuery A popular JavaScript library that simplifies web development tasks like DOM manipulation, event handling, and Ajax requests. 04 Bootstrap Bootstrap is an open-source CSS framework that prioritizes responsive and mobile-first front-end web development.2 Evaluation the impact of web technologies and frameworks Pros: Most commonly used web development frameworks are free and open-source, with non-restrictive licenses that allow for-profit use.
They typically come with documentation and guidance, although paid support may be available for faster and more concise assis tance. The Ruby on Rails community is known for its supportive nature. Cons: Their core components can be challenging to modify, limiting customization options. Learning new frameworks can be time - consuming, and developers need training or study documentation to become proficient with them, which can slow down development.3 Search Engine Definition: A search engine is a well-coordinated set of programs that searches for and identifies items in a database that meet certain criteria.
Search engines are used to access information on the World Wide Web. The important of them: They provide easy access to information, help users navigate the internet, have a significant impact on business, aid research and development, and drive innovation in the industry.4 Search engine optimisation Search engine optimization (SEO) refers to the tactics used to enhance the visibility of a website in search engines like Bing and Google for queries related to products, services, or topics of expertise.5 Some of solutions to improve SEO Migrate your site to https protocol Make website mobile-friendly Make your website super fast Create and optimize XML Sitemaps Task 3: Discuss the capabilities and relationships between front-end and backend website technologies and explain how these relate to presentation and application layers (P3) Website static and dynamic Front-end Back-end Relationship between front-end and back-end Front-end and Back-end replace to presentation and application layer 3.1 Static and dynamic website Static web Web Server -Made with HTML Web Client -Pages of text and graphics with hyperlinks to navigate from one to another 1 http request WEB BROWSER Limitations IE, Chrome, FF, 3 Safaris,. http response -Difficult to maintain. -Don’t allow any user interaction.
2 Server find html file -The results didn’t meet the needs of each user with dynamically changing content Website 1.0 (Static web) Dynamic website – Website 2.0 Web Server Dynamic web Web Client 1 http request - Allows customizing the content and its appearance in the browser. WEB BROWSER Web 2 Query data - Generates content “on-demand”. IE, Chrome, FF, 5 server - Accepts the user inputs through web browser. http response executes a 3 Archive data Database program - Several technologies evolved to make web sites more flexible and dynamic.
- Variety device such as PDAs, Cell phones, and so on is used XHTML Documents. 4 Build html file Website 2.2 Front-end Definition: Front-end development is the process of creating the visual components of a website that users can interact with through a browser. Some popular technologies of front-end Hypertext Markup Language Cascading Style Sheets Used for structuring web Used for styling and visually formatting content and creating the basic web pages, including layout, colors, elements of a web page. fonts, and animations.
React JS JavaScript A JavaScript library for building A programming language used for user interfaces, developed by creating interactive and dynamic Facebook. user experiences on web pages.3 Back-end Definition: The backend of a website is responsible for organizing data and ensuring the proper functioning of the client side. Backend developers create features that users can only access through the front-end. Some popular technologies of back-end Java C# Java is a free language that runs C# is a Microsoft-developed, on any platform and is used by object-oriented programming tech giants like Amazon, Google, language for building complex and Netflix programs.NET PHP is an open-source server- ASP.NET is a Microsoft open- side language for creating source framework for dynamic web pages, known as developing web, IoT, and mobile PHP Hypertext Preprocessor.4 Relationship between front-end and back-end 3.5 Front-end and Back-end replace to presentation and application layer The front-end and back-end work together to create a complete system.
The front-end provides a user interface, while the back-end processes data and handles system logic. Without both, the system would not function properly. Task 4: Review the database and tools used to develop websites and 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). (P4) Database Online website creation tools IDE and CMS Custom built website Compare online website creation tool and custom built website 4.1 Database Definition: Databases are computer frameworks that store, organize, protect, and share data, often called a database management system (DBMS).
Some types of database 4.2 IDEs and type of IDE Definition: An integrated development environment (IDE) is a piece of software that serves as a text editor, debugger, and compiler all in one. Some types of IDE popular One of the most popular IDEs, Visual Studio and visual studio code, is known for its excellent functionality and continued support for extensions and updates. Eclipse is a free to use open source editor. Some experienced developers strongly advise it.3 CMS and type of CMS Definition: A content management system (CMS) helps firms manage digital data.
These systems enable whole teams to create, modify, organize, and publish data. Some types of CMS 4.4 Online website creation tools Some example of tools website builders 4.5 Custom built website A custom-built website would be excellent for your business if you have the funds and time.6 The differences between website creation tools and custom built sites.