Download Assignment unit 10 Web 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 action completed 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 Sulakshan Naganathan / KH Unit Number and Title Unit 10- Web Design and Development Academic Year 2017/ Unit Tutor Ms. Menisha Silva Assignment Title Online Library Management System Issue Date 15/08/ Submission Date 08/10/ 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. 1.2 Define the types of DNS and the uses of it, with clarifications on how domain names are structured. 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. 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.
Task 4 - Create and use a Test Plan to review the performance and design of a multipage website (LO4) 4.1 Evaluate the Quality Assurance (QA) process and review how it was implemented during your design and development stages. QA process is expected to discover design issues and development errors while testing a product’s user interface (UI) and gauging the user experience (UX). 4.2 Critically evaluate the results of your Test Plan and include a review of the overall success of your multipage website; use this evaluation to explain any areas of success and provide justified recommendations for areas that require improvement. 4.3 Prepare a user documentation to properly guide the users of the implemented system. Note: User documentation should be simple and understandable by anyone. Use screenshots and provide stepwise guidance.
Grading Rubric Grading Criteria Achieved Feedback LO1 Explain server technologies and management services associated with hosting and managing websites P1 Identify the purpose and types of DNS, including explanations on how domain names are organized and managed.
P2 Explain the purpose and relationships between communication protocols, server hardware, operating systems and web server software with regards to designing, publishing and accessing a website.
M1 Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management.
M2 Review the influence of search engines on website performance and provide evidence-based support for improving a site’s index value and rank through search engine optimization.
D1 Justify the tools and techniques chosen to realize a custom built website.
LO2 Categories website technologies, tools and software used to develop websites P3 Discuss the capabilities and relationships between front-end and back- end website technologies and explain how these relate to presentation and application layers.
P4 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).
Observation Sheet Activity No Activity Learning Outcome Feedback (Pass/ Redo) 1 Explain server technologies and management services associated with hosting and managing websites.
LO
2 categorize website technologies, tools and software used to develop websites.
LO
3 Utilize website technologies, tools and techniques with good design principles to create a multipage website.
LO
(^4) Create and use a Test Plan to review the performance and design of a multipage website.
LO
Assessor Name :……………………………………………. Date :……………………………………………. Assessor Signature :……………………………………………. Comments:
Table of Contents Task 1....................................................................................................................................... 20 1.1 Differentiate the communication protocols, server hardware, operating systems and web server software with regards to designing, publishing and accessing a website. ......................... 20 1.2 Define the types of DNS and the uses of it, with clarifications on how domain names are structured. ................................................................................................................................. 31 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. .......... 40 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. ............................................. 44 Task 2....................................................................................................................................... 51 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. ...................... 51 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).............................................................................................................. 57 2.3 Compare and contrast the tools and techniques available to design and develop a custom-built web Applications. ................................................................................................. 62 Task 3....................................................................................................................................... 68 3.1. Design a suitable web application solution for the given scenario. Provide evidences of the design, multipage website supported with fidelity wireframes and a full set of client and user requirements. Use your design document with appropriate principles, standards and guidelines to produce a branded, multipage website supported with realistic content. ..................................... 68 3.2. Implement the designed system using PHP, JS and MySQL. Screenshots of important code lines with proper comments and user interfaces filled with sample data must be attached to the documentation. Apply a database design for the proposed system and provide the well normalized database design of the proposed system................................................................... 89 3.3. Critically evaluate the web design and development process against your design document and analyses any technical challenges you faced in development. ............................................ 120
List of Figures
- Figure 1 TCP/IP layers and protocols (source: miro.medium.com, 2019)
- Figure 2 image of ppp (source: cdn-images-1.medium.com, 2019)
- Figure 3 image of SMTP (source: patuart.com, 2018)
- Figure 4 FTP (source: computernetworkingnotes.com, 2018)
- Figure 5 SNMP (source: 9tut.com, 2018)
- Figure 6 Process of IMAP (source: qatar.carmatec.com, 2019)
- Figure 7 how web server works (source: i.pinimg.com, 2018)
- Figure 8 How DNS work (source: tutorialspoint.com, 2019)
- Figure 9 in this url as mentioned second level domain (source: quackit.com, 2018)
- Figure 10 example url (source: qatar.carmatec.com, 2019)
- Figure 11 sub domain url
- Figure 12 how domain name system (DNS) work (source: cdn-images-1.medium.com, 2019)
- Figure 13 presentation layer and application layer (source: medium.com, 2018)
- Figure 14 Yola online website creation tool (source: medium.com, 2019)
- Figure 15 jimdo online website creation tool (source: medium.com, 2019)
- Figure 16 Wix online website creation tool (source: medium.com, 2019)
- Figure 17 intuit online website creation tool (source: medium.com, 2019)
- Figure 18 CSS code
- Figure 19 example HTML code
- Figure 20 example for JavaScript code
- Figure 21 ERD
- Figure 22 Wireframe for home page
- Figure 23 Wireframe for book page
- Figure 24 Wireframe for about page
- Figure 25 Wireframe for contact page
- Figure 26 Wireframe for register page
- Figure 27 Wireframe for login page
- Figure 28 Wireframe for user profile dashboard page
- Figure 29 Wireframe for settings page
- Figure 30 Wireframe for admin dashboard user page
- Figure 31 Wireframe for admin dashboard book page................................................................
- Figure 32 wireframe for admin dashboard reservation page
- Figure 33 Level 0 DFD..............................................................................................................
- Figure 34 Level 1 DFD..............................................................................................................
- Figure 35 Use case diagram for Lowa state library management system
- Figure 36 Change password activity diagram.............................................................................
- Figure 37 Modify profile details activity diagram
- Figure 38 Search book activity diagram
- Figure 39 Remove user activity diagram....................................................................................
- Figure 40 3 Tier architectural diagram
- Figure 41 Home page of the system
- Figure 42 Books page of the system
- Figure 43 about page of the system............................................................................................
- Figure 44 Contact page of the system
- Figure 45 user registration page of the system
- Figure 46 important coding for user registration
- Figure 47 important coding of user registration continued
- Figure 48 User login page of the system
- Figure 49 important coding for user login
- Figure 50 important popup message coding for user login continued
- Figure 51 Book details/ book description page of the system
- Figure 52 important coding for book details/ book description page
- Figure 53 important coding for book details/ book description page continued
- Figure 54 important coding for book details/ book description page continued
- Figure 55 Code for reserving book in book description page
- Figure 56 Code for reserving book in book description page continued
- Figure 57 user profile reservation of the system
- Figure 58 Coding for logout button
- Figure 59 Setting page of the system
- Figure 60 admin register form
- Figure 61 admin dashboard user page of the system
- Figure 62 important coding for admin dashboard user page
- Figure 63 important removed popup message coding for admin dashboard user page
- Figure 64 important coding for admin dashboard user page continued
- Figure 65 dashboard book page of the system
- Figure 66 important remove button coding for admin dashboard book page.............................
- Figure 67 important coding for admin dashboard book page continued
- Figure 68 edit books page of the system
- Figure 69 important edit button coding for admin dashboard book page
- Figure 70 important edit button coding for admin dashboard book page continued
- Figure 71 add books page of the system
- Figure 72 important add books button coding for admin dashboard book page
- Figure 73 important add books button coding for admin dashboard book page continued
- Figure 74 important add books button coding for admin dashboard book page continued
- Figure 75 Admin dashboard reservation page of the system
- Figure 76 Code for book borrow in admin dashboard reservation page
- Figure 77 Code for book borrow in admin dashboard reservation page continued
- Figure 78 Admin dashboard book loan page of the system
- Figure 79 code for return button in admin dashboard book loan page
- Figure 80 code for calculate fine in admin dashboard book loan page
- Figure 81 code for calculate fine in admin dashboard book loan page continued
- Figure 82 Database of Lowa State University
- Figure 83 Testing website in google chrome
- Figure 84 Testing website in google chrome
- Figure 85 Testing registration page in google chrome
- Figure 86 Testing login page in google chrome
- Figure 87 Testing website in Microsoft edge
- Figure 88 Testing website in Microsoft edge
- Figure 89 Testing registration page in Microsoft edge
- Figure 90 Testing login page in Microsoft edge
- Figure 91 display the register button in register form
- Figure 92 display the register successfully popup message
- Figure 93 display the login button in login page
- Figure 94 Redirected to admin dashboard click of login button
- Figure 95 display the remove button in admin dashboard page
- Figure 96 display the user has been successfully removed pop up message
- Figure 97 display the edit button in admin dashboard book page
- Figure 98 Redirected to edit book page click of edit button
- Figure 99 display the reservation button in admin dashboard reservation page
- Figure 100 Display the reservation details
- Figure 101 display the books on books page
- Figure 102 display the book details
- Figure 103 display the reservation button in book details page
- Figure 104 display the book details on user profile page
- Figure 105 display the calculate fine button in admin dashboard book loan page
- Figure 106 display the fine amount pop up message
- Figure 107 step 1 home page
- Figure 108 step 2 book page
- Figure 109 step 3 book details/book description page
- Figure 110 step 4 login page
- Figure 111 register successfully popup message
- Figure 112 step 5 login page
- Figure 113 step 6 user profile description page
- Figure 114 step 7 settings page
- Figure 115 step 8 admin dashboard
- Figure 116 step 9 admin dashboard book page.........................................................................
- Figure 117 step 10 add book page
- Figure 118 step 11 reservation page
- Figure 119 Step 12 Book Loan page
- Figure 120 Book successfully returned pop up message
- Figure 121 Fine amount pop up message
Task 1 1.1 Differentiate the communication protocols, server hardware, operating systems and web server software with regards to designing, publishing and accessing a website. The computers are just like a human because they too use rules or protocols to communicate. Protocols are based on specific rules and regulations for the computing and are designed for efficiency. The each rule is defined in different terms and is also assigned a unique name. Protocols are specify the standards for communication and provide detailed information on processes involved in data transmission. Such a processes include and they are type of task, Process nature, Data type and Device management. A single process can be handled by more than one protocol simultaneously. This coordination of protocols creates a protocol family and also there are many ways computers can communicate with each other, there are many different protocols available and some examples of these different protocols include and they are here TCP/IP, PPP, SMTP, HTTP, HTTPS, FTP, SNMP, RTP and IMAP these protocols are very common and popular communication protocol (searchnetworking.techtarget.com, 2018). TCP/IP Transmission control protocol/Internet protocol (TCP/IP) is the language a computer uses to access the internet. It consists of a suite of protocols designed to establish a network of networks to provide a host with access to the internet also the TCP/IP is responsible for full-fledged data connectivity and transmitting the data end to end by providing other functions including addressing and mapping. TCP/IP contains four layers, which differ slightly from the OSI model (computernetworkingnotes.com, 2018). Figure 1 TCP/IP layers and protocols (source: miro.medium.com, 2019)
