Download Assignment 1 - Website Design And Development and more Assignments Web Design and Development in PDF only on Docsity!
Higher Nationals
Internal verification of assessment decisions – BTEC (RQF)
INTERNAL VERIFICATION – ASSESSMENT DECISIONS Programme title BTEC Higher National Diploma in Computing Assessor Internal Verifier Unit(s) Unit 10: Web Design and^ Development Assignment title Online Library Management System Student’s name List which assessment criteria the Assessor has awarded. Pass Merit Distinction INTERNAL VERIFIER CHECKLIST Do the assessment criteria awarded match those shown in the assignment brief? Y/N Is the Pass/Merit/Distinction grade awarded justified by the assessor’s comments on the student work? Y/N Has the work been assessed accurately? Y/N Is the feedback to the student: Give details:
- Constructive?
- Linked to relevant assessment criteria?
- Identifying opportunities for improved performance?
- Agreeing actions? Y/N Y/N Y/N Y/N Does the assessment decision need amending? Y/N Assessor signature Date Internal Verifier signature Date Programme Leader signature (if required) Date
Confirm actioncompleted Remedial action taken Give details: Assessor signature Date Internal Verifier signature Date Programme Leader signature (if required) Date
Pearson
Higher Nationals in
Computing
Unit 10: Web Design and Development
Assignment 01
General Guidelines
- A Cover page or title page – You should always attach a title page to your assignment. Use previous page as your cover sheet and be sure to fill the details correctly.
- This entire brief should be attached in first before you start answering.
- All the assignments should prepare using word processing software.
- All the assignments should print in A4 sized paper, and make sure to only use one side printing.
- Allow 1” margin on each side of the paper. But on the left side you will need to leave room for binging. Word Processing Rules
- Use a font type that will make easy for your examiner to read. The font size should be 12 point, and should be in the style of Time New Roman.
- Use 1.5 line word-processing. Left justify all paragraphs.
- Ensure that all headings are consistent in terms of size and font style.
- Use footer function on the word processor to insert Your Name, Subject, Assignment No, and Page Number on each pag e. This is useful if individual sheets become detached for any reason.
- Use word processing application spell check and grammar check function to help edit your assignment. Important Points:
- Check carefully the hand in date and the instructions given with the assignment. Late submissions will not be accepted.
- Ensure that you give yourself enough time to complete the assignment by the due date.
- Don’t leave things such as printing to the last minute – excuses of this nature will not be accepted for failure to hand in the work on time.
- You must take responsibility for managing your own time effectively.
- If you are unable to hand in your assignment on time and have valid reasons such as illness, you may apply (in writing) for an extension.
- Failure to achieve at least a PASS grade will result in a REFERRAL grade being given.
- Non-submission of work without valid reasons will lead to an automatic REFERRAL. You will then be asked to complete an alternative assignment.
- Take great care that if you use other people’s work or ideas in your assignment, you properly reference them, using the HARVARD referencing system, in you text and any bibliography, otherwise you may be guilty of plagiarism.
- If you are caught plagiarising you could have your grade reduced to A REFERRAL or at worst you could be excluded from the course.
Assignment Brief
Student Name /ID Number Unit Number and Title Unit 10 - Web Design and Development Academic Year 2017/ Unit Tutor Assignment Title Online Library Management System Issue Date Submission Date IV Name & Date Submission Format: 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. LO3 Utilise website technologies, tools and techniques with good design principles to create a multipage website. LO4 Create and use a Test Plan to review the performance and design of a multipage website. Assignment Brief and Guidance:
Assignment Brief
Borrowing books, returning books or viewing the available books at the Library of the Lowa State University is currently done manually. Online Library Management System supports to overcome the above-mentioned problems. This system would be used by members who may be students or professors of that University to check the availability of the books and borrow the books., The librarian can update the member details and the book lending details. Online Library Management System will include the following information. The librarian, students and the professors can register and login to the system Any of the above users can update their profile details including the password The authorized users can reserve a book for 24hours The authorized users can check book availability The librarian can check the member status and update the lending details (If the book is for the lending) The system allows the Librarian to create the books catalog, add/delete books and maintain the books catalog. The librarian can update the book return details The librarian can calculate the fine for the late returns if necessary The users can search the books according to the categories (Novels, Frictions, etc.) Task 1 - Server technologies and management services associated with hosting and managing websites (LO1) 1.1 Differentiate the communication protocols, server hardware, operating systems and web server software with regards to designing, publishing and accessing a website. The Internet The Internet is a global WAN – a network of networks It is based on a client-server network model Hundreds of thousands of web-servers throughout the world provide resources and services to millions of clients Communication between computers on the Internet largely takes place using the TCP/IP protocol, although other protocols, such as FTP, are also used How the web works The client-server model Client and server operate on machines which are able to communicate through a network The server waits for requests from a client Server receives a requests from a client Performs a the requested work Or lookup the requested data
Data transmission over the Internet – IP and DNS Each computer on the Internet has its own unique IP address (e.g ) Users can not possibly remember long, abstract strings of numbers like IP addresses To make it easier to remember, a Domain Name System (DNS) is used to convert IP addresses to domain names The DNS has a hierarchical structure with several levels The root domain (Internet root domain) Top-level domains (e.g. .edu, .com, .gov, etc.) Second-level domains (e.g. Amazon, Birkbeck, Google) Third level domains (sales, finance, Home Office) DNS is a worldwide network of data bases and domain names for domain names and IP addresses. This database is global. Hurray is a DNS server. The DNS server can be defined as the following: DNS Server It is also a DNS server. Its main objective is to deal with the above mentioned database. These DNS servers translate the domain name embedded in the IP address corresponding to the URL of the web browser. Today, the largest digital database, the domain name system, has thousands of DNS servers around the world. Identify the purpose and types of DNS DNS - A domain name system is a stunning technology. It helps us open IP addresses without delay. We can easily write the domain name and have DNS to find the IP address of the domain we are writing to. As in your phone's book, as well, as you want to find Mike, and you write "Mike", you do not want to remember his actual number, is it not excellent? DNS is an essential part of the Internet. It manages all the queries to IP addresses. In this way, it can detect various devices connected to the network. Information request
If you want to access our website and you know the domain name. If you are writing it in your browser, if it first goes to your previous location, check for local caches, and the DNS query will not be found to find the answer. Recursive DNS servers If you do not go to the previous page, your computer will answer the reversed DNS server of your Internet service provider. You can get the result. If they do not, they will want to find information in a different location. Root name servers Your query can take a long way. The next step are the servers. They are the same as the intermediate ones. They do not know the answer, but know where to find it. Top-Level Domain (TLD) name servers Name servers will be forwarded to the left-right-side readings and the top TLD for the server (.com or other). These TLD clients will guide you at the right time with the correct server. Authoritative DNS servers Check DNS records for DNS records for information. There are other records, for example, we request our website to report the IP address for the site. Retrieve the record We provide a website with a record track record from an e-mail server. Its native memory is stored. If anyone wants a hostile record easily for the same website, if there is information already, it is not necessary to travel through all these steps. All of these data expire. In this way, users will receive up- to-date information. The final answer Now it's sending this server to a report it to your computer. To save the computer, read the IP address and give your information to your browser. The browser connects to the web server, you can finally see the site.
notebook computers are not fast-growing. A virtual server or virtual hosting is more than one server per machine. Web server software Server software is a software designed to use, operate and manage a server. Facilitates the use of the underlying server computer to use high-end computer services and functions. Examples of CCTLD’s and their allocation. .au – Australia .bb – Barbados .ca – Canada .de – Germany .is – Iceland
1.3 Analyze the effect of search engines on website performance. Provide evidence-based support for improving a site’s index value and rank through search engine optimization. Success in search engine optimization (SEO) requires not only an understanding of where Google’s algorithm is today but an insight to where Google is heading in the future. Based on my experience, it has become clear to me Google will place a stronger weight on the customer’s experience with page load speed as part of their mobile-first strategy. With the investment Google has made in page performance, there are some indicators we need in order to understand how critical this factor is now and will be in the future. For example: AMP — Specifically designed to bring more information into the search engine results pages (SERPs) in a way that delivers on the customer’s intent most expeditiously. Google’s desire to quickly serve the customer “blazing-fast page rendering and content delivery” across devices and media begins with Google caching more content in their own cloud. Google Fiber — A faster internet connection for a faster web. A faster web allows for a stronger internet presence in our everyday lives and is the basis of the success of the internet of things (IoT). What the internet is today is driven by content and experience delivery. When fiber installations reach critical mass and gigabit becomes the standard, the internet will begin to reach its full potential. CSS CSS is a Cascading Style Sheet. CSS web designers can change the colors, fonts, animations and websites. They look good. LESS – a CSS pre-compiler to make working with CSS easier and add functionality SASS – a CSS pre-compiler to make working with CSS easier and add functionality Programming languages Languages of the programming language to communicate and what to do in it. Languages in different languages (English, Spanish, French, Chinese, etc.) have a variety of programming languages. Not better than the other. Developers usually make a couple better than others, because they are merely talented. The following are just a few of their backing and languages JavaScript – used by all web browsers, Meteor and lots of other frameworks Coffee script – is a kind of “dialect” of JavaScript. It is viewed as simpler and easier on your eyes as a developer but it complies (converts) back into JavaScript
Use multiple tools to capitalize on specific benefits of each tool, look to see if the data from all sources tells the same story. When the data is not telling the same story, there are deeper issues that should be resolved before performance data can be actionable. 1.4 Identify and explain the common web development technologies and frameworks. Explain the tools and techniques chosen to the web application and hence justify, by giving reasons, why a web application is suitable for the given scenario. Web development comes with a huge set of rules and techniques every website developer should know about. If you want a website to look and function as you wish them to, you need to get familiar with web technologies that will help you achieve your goal. Developing an app or a website typically comes down to knowing 3 main languages: JavaScript, CSS, and HTML. And while it sounds quite complicated, once you know what you are doing, understanding web technology and the way it works becomes significantly easier. Browsers Browsers request information and then they show us in the way we can understand. Think of them as the interpreters of the web. Here are the most popular ones: Google Chrome – Currently, the most popular browser brought to you by Google Safari – Apple’s web browser Firefox – Open-source browser supported by the Mozilla Foundation HTML & CSS HTML is the one of the one you should learn first. Thanks to HTML, the web browsers know what to show once they receive the request. If you want to better understand how HTML works, you also need to know what CSS is. CSS stands for Cascading Style Sheets and it describes how HTML elements are to be displayed on the screen.
Carefully placed header tags The readers are removed from a large text line. Organize and organize your site content in a way that can be read and read easily and followed. Always separated for use by distances and inconveniences, and turning it naturally into the stream. Inbound and Outbound links Links in the Google Serial Algorithm are a key factor. How this works is because the search engine is partly based on the reliability and relevance of our website, which links it to other websites. One source says: "If we travel online as confidence-based voter names, the number of votes we receive from different domains will be more powerful than the single domain." Visual Contact helps to transform our site into a reliable source of information, and links to other sites on our site from other websites and the SEO site. Image optimization Evidence suggests that a good burial image can increase translation rates in a website. The best way to apply the signature based on the search terms is according to the relevant keywords. The simplest tool is to add 'alt' and 'title' tags to images. Technology recommended by Google Publication Guides. The 'Alt' tag describes the function of the image and its image. Tell us what's on the screenwriter's screenshots Update content regularly The simplest and simplest idea is that you would like a higher quality than Google. A very well-ranked blogger says, "I'm not paying attention to a ton of tons; I'm often trying to push as much of the content as possible." Watch broken links Web links are based on, and SEO's basics are on the background of your website. When someone clicks a link to a broken Web site, bad things will happen - the user's frustration, our credibility reduces, and our page rankings are detrimental. So, broken links is a very bad thing for SEO. Web Development Frameworks
Task 2 - Categories website technologies, tools and software used to develop websites (LO2) 2.1 Define the relationships between front-end and back-end website technologies and explain how the front-end and the back-end relate to presentation and application layers. Backend developer is responsible for this ‘not visual’ part of application. If there is need to save some information, it creates connection to DB and can do CRUD (create, read, update, delete) operation on records. Frontend developer is responsible for ‘visual’ part of application. He creates interface that you often clicks on. Relationship between them is really close. If you want to develop good product, you have to have harmonious team. Cooperation between those 2 types of developers is important at the beginning of project. They has to establish some data schema and authorization type for project Both are necessary components for a high-functioning application or website. It’s not uncommon for companies to get tripped up by the “front-end versus back-end” divide when trying to navigate the development of new software. After all, there are a growing number of tools on the market aimed at helping developers become more “full stack” oriented, so it’s easy for non-technicians to assume there isn’t a big difference between front-end and back-end specialists. Front-end and back-end developers do work in tandem to create the systems necessary for an application or website to function properly. However, they have opposite concerns. The term “front-end” refers to the user interface, while “back-end” means the server, application and database that work behind the scenes to deliver information to the user. The user enters a request through the interface. It’s then verified and communicated to the server, which pulls the necessary data from the database and sends it back to the user. Here’s a closer look at the difference between front-end and back-end development.
What is Front-End Development? The front-end is built using a combination of technologies such as Hypertext Markup Language (HTML), JavaScript and Cascading Style Sheets (CSS). Front-end developers design and construct the user experience elements on the web page or app including buttons, menus, pages, links, graphics and more. HTML Hypertext Markup Language is the core of a website, providing the overall design and functionality. The most recent version was released in late 2017 and is known as HTML5.2. The updated version includes more tools aimed at web application developers as well as adjustments made to improve interoperability. CSS Cascading style sheets give developers a flexible, precise way to create attractive, interactive website designs. JavaScript This event-based language is useful for creating dynamic elements on static HTML web pages. It allows developers to access elements separate from the main HTML page, as well as respond to server-side events. 2.2 Critically compare the different between online website creation tools and custom-built sites. Consider Followings: design flexibility, performance, functionality, User Experience (UX) and User Interface (UI). the single most important point about a custom-built website is that your site is designed and built to specifically to support your established brand in a consistent way. Other advantages include There are no limitations on graphics and functionality. If you can imagine it, a custom site can be programmed to do it.
