Sei sulla pagina 1di 4

Hướng dẫn Web Design and Development

Author: Hoàng Như Vĩnh

Assignment 1

P1 Identify the purpose and types of DNS, including explana- https://www.cloudns.net/blog/what-is-dns/


tions on how domain names are organised and managed. https://en.wikipedia.org/wiki/Domain_Name_System
https://ns1.com/resources/dns-types-records-servers-and-que-
ries
P2 Explain the purpose and relationships between communica- https://en.wikipedia.org/wiki/Communication_protocol
tion protocols, server hardware, operating systems and web https://www.pcmag.com/encyclopedia/term/54342/web-server
server software with regards to designing, publishing and ac-
cessing a website.
P3 Discuss the capabilities and relationships between front-end http://www.differencebetween.net/technology/difference-be-
and back-end website technologies and explain how these relate tween-frontend-and-backend/
to presentation and application layers. https://www.techopedia.com/definition/8955/presentation-layer

P4 Discuss the differences between online website creation https://www.primedesignsolutions.com/learning-center/differ-


tools and custom built sites with regards to design flexibility, per- ence-template-custom-built-websites/
formance, functionality, User Experience (UX) and User Inter- https://www.csdesignworks.com/blog/2016/08/template-vs-cus-
face (UI). tom-website
M1 Evaluate the impact of common web development technolo- https://www.ostraining.com/blog/webdesign/frameworks/
gies and frameworks with regards to website design, functional-
ity and management.
M2 Review the influence of search engines on website perfor- https://pdfs.seman-
mance and provide evidence-based support for improving a ticscholar.org/6e3e/9cd44caf748be127b43c88199aef8706a4e3.
site’s index value and rank through search engine optimisation. pdf
https://pdfs.seman-
ticscholar.org/66fe/22cb0c4077235b9e9a5523396d5eb28f4c62.
pdf

M3 Evaluate a range of tools and techniques available to design https://www.worldwebtechnology.com/complete-web-develop-


and develop a custom built website. ment-tools-list-for-web-developers/

Assignment 2

P5 Create a design document for a branded, multipage website https://www.executionists.com/webdesign-planning-document-


supported with medium fidelity wireframes and a full set of client samples/
and user requirements. https://www.mockflow.com (for wireframes)
https://www.invisionapp.com/inside-design/how-to-wireframe/

P6 Use your design document with appropriate principles, stand- create a multipage website using your design document in P5.
ards and guidelines to produce a branded, multipage website http://edutechwiki.unige.ch/en/Web_design_principles
supported with realistic content. https://www.glidedesign.com/10-principles-of-good-web-design/
https://mason.gmu.edu/~montecin/webdesign.htm
https://www.webstandards.org/learn/faq/
P7 Create a suitable Test Plan identifying key performance ar- https://www.softwaretestinghelp.com/web-application-testing/
eas and use it to review the functionality and performance of https://nibbler.silktide.com
your website. User Experience (UX) and User Interface (UI). https://www.simplilearn.com/how-to-test-your-website-article
https://www.softwaretestinghelp.com/how-to-write-test-plan-
document-software-testing-training-day3/

M4 Compare and contrast the multipage website created to the Compare your P5 & P6 tasks.
design document. Example1: How many times did you change your design docu-
ment details when you actually started designing the website?
Example2: Was your design document clear & did it produce ex-
pected results during actual coding?
Example3: What are the key things to consider in design docu-
ment when actual website was created?
Example4: List down the advantages and disadvantages over the
design document and actual website created.

M5 Evaluate the Quality Assurance (QA) process and review https://www.treefrog.ca/how-to-qa-your-website


how it was implemented during your design and development https://www.webilize.com/Blog/Details/49/quality-assurance-
stages. checklist-for-website-design-and-development
https://kruschecompany.com/quality-assurance-in-projects/

Cách trình bày


● Phải có front sheet
● Font chữ: Times New Roman
● Cỡ chữ: 11
● Spacing: 1.5
● Phải có Table of content
● Phải có Table of figure
● Phải có Table of table
● Mỗi phần đều phải được chia thành chương rõ ràng
● Hình ảnh phải được đánh caption
● Ảnh phải rõ, không được biến dạng, méo mó
● Phải có mục Reference nếu có dẫn nguồn => nếu không sẽ fail
● Dẫn nguồn chính xác nếu lấy nguồn bên ngoài

Potrebbero piacerti anche