CSC-20021 Web Technologies : Assignment

Added on -2019-09-19

| 6 pages
| 2386 words

Trusted by 2+ million users,
1000+ happy students everyday

Showing pages 1 to 3 of 6 pages

OVERVIEWThis assignment comprises 100% of the assessment for CSC-20021 (Web Technologies). The assignment is in three parts. Parts one and two (50% and 25%, respectively) are practical exercises where your tasks involve building components of a web application. Part three (25%) is more theoretical; your task in this section is to research a current topic in Web Technologies and write an essay that argues your findings. The submission deadline for this work is Monday, 12th December 2016, 23.59.Remember that the demonstrators cannot write your assessment for you, but they can answer technical questions and point you in the right direction. Make sure to ask them if you have any questions or problems during your lab sessions.1 Create a website (50%)For part one of the assignment, your task is to create website that promotes a product or selection of products. You can choose the products, but you should not choose something that someone else is also doing. Your website should comprise at least five distinct pages, and it should cover the components listed in Table 2. The site should be written in standards-compliant HTML 5 and CSS 3 and should be validated before submission. It should be responsive, adjusting intelligently to different display capabilities. Your work will be evaluated using the latest stable release of the Google Chrome web browser.1.1 Marking scheme The weighting for completion of each section of this task is broadly equal, as indicated in Table 2. Across these components, marks will be awarded according to the schema defined in Table 1. The assessment of documentation will consider both coding comments and documentation within the accompanying report.Coding and mark-up quality 30%Functionality 30%Presentation quality (consistency of presentation, not design)20%Documentation 20%Table 1. Marking schema for part one.2 Create a single-page application (25%)For part two of the assignment, your task is to create a Single-Page Application (SPA) “microsite” that spotlights a single product or product feature on your website. The SPA should incorporate
interactive elements that let the user explore the available information without leaving the page–forexample, you could build an interactive factsheet, slide-show, or infographic, or a simple game. You are encouraged to research and use external frameworks (libraries) for this purpose.2.1 Marking scheme • 40%+: The Single-Page Application offers some dynamic elements that respond to the user’s action. No external frameworks used. Limited documentation and evaluation.• 55%+: The Single-Page Application has many dynamic elements and exhibits complex behaviours that depend on the user’s activity. At least one third-party framework is used effectively. Good documentation and evaluation.• 70%+: The Single-Page Application is of professional quality, showcasing complex interactions and advanced use of JavaScript and third-party frameworks. Excellent documentation and evaluation.3 Essay (25%)For part three of this assignment, your task is to undertake literature research both online and in thelibrary. You are to produce an essay of approximately 1000-1500 words, addressing the following subject, which you should use as your essay title: The future of web technology: online developmentin 2026. Your essay should first analyse the history of, and current trends in web technologies. From here, you should identify one important trend and justify why it stands out. Then, describe how this trend (and perhaps others) will continue, change, or develop over the next ten years. Finally, describe your vision of this technology in 2026 and summarise your essay.3.1 Marking scheme In general, I am looking to read an interesting and well-written essay that summarises the history of web technology and presents a considered idea about its future. I am not looking for complete coverage of every angle, but an identification of a major trend and an extrapolation of where it’s going. Please make sure that you cite any relevant work properly; I don’t mind which referencing system you use, provided it’s consistent. Harvard referencing is a good choice as you will be requiredto do this in your final year project as well.• 40%+: The essay identifies a major trend in web technology and describes some issues relating to this. Few or no examples are used to illustrate the important points, and there is limited or no historical context. There is a weak or confused argument, or no argument is present. Poor use of written English language skills, and poor or no referencing.• 55%+: The essay identifies a major trend in web technology and describes several pertinent points that support it. There is discussion of how these points relate to each other, and how this has changed historically and might continue to evolve in the future. Intelligent use of examples illustrates the key points, there is good evidence of satisfactory argument and language skills, and appropriate referencing is employed.• 70%+: The essay identifies a major trend in web technology and many points that support it are clearly and compre- hensively described, situated well in historical context, and their interrelationships are carefully examined. A current direction of travel is identified and strong
arguments support a critical position on how these issues will develop in the future. There is good evidence of clear thinking and accomplished use of written English to concisely convey complex information. Clear, consistent referencing is used throughout.4 Submission detailsThe deadline for the coursework is Monday, 12th December 2016 at 23.59. You should submit the following items to the assessment drop-box on Blackboard (please adhere to the naming conventions and file formats; marking incorrectly submitted work is at my discretion):• A zipped archive containing your website for part one1. Name the zip file according to your student ID and the assignment section, for example,• A brief report saved in PDF format that describes your work for part one, explaining what you haveachieved, where you experienced problems and any parts you were unable to complete. All ten sections noted in Table 2 should be documented in this manner. You should also include a link to the“live” version of your page at the top of your document2. Name the PDF according to your student ID and the assignment section, for example, 09015680-part1.pdf.• A zipped archive containing your microsite for part two. Name the zip file according to your student ID and the assignment section, for example,• A brief report saved in PDF format, describing your work for part two. Document your achievements and any problems, and again include a link to the “live” version of your page at the top of the report. Name the PDF according to your student ID and the assignment section, for example, 09015680-part2.pdf.(1Please note that .zip is the only permitted format. Other archive formats such as .rar, .tgz, etc. are NOT acceptable, and will not be marked. 2PDF is the only permitted format: do not submit Microsoft Word documents, OpenOffice documents, etc.)• A PDF file of your research essay for part three. The essay should be properly referenced accordingto a consistent referencing scheme (I don’t mind which), and you should also state the word count. Name the PDF according to your student ID and the assignment section, for example, 09015680-part3.pdf.5 Advice and tips5.1 Designing a website• When designing your product website, take time to sketch out your ambition on paper first. Draw the pages and mark how they link to each other.• Remember and apply the principles for interaction design that were presented in your first year, Information Systems and Interaction lectures.• It is perfectly fine to use copyrighted images and other media from online resources in your work, provided it is coursework that is not publicly available.

Found this document preview useful?

You are reading a preview
Upload your documents to download
Become a Desklib member to get accesss

Students who viewed this