CSC-20021 Web Technologies | Assignment

Added on - 19 Sep 2019

  • 6

    pages

  • 2386

    words

  • 50

    views

  • 0

    downloads

Showing pages 3 of 6
OVERVIEWThis assignment comprises 100% of the assessment for CSC-20021 (Web Technologies). Theassignment is in three parts. Parts one and two (50% and 25%, respectively) are practical exerciseswhere your tasks involve building components of a web application. Part three (25%) is moretheoretical; your task in this section is to research a current topic in Web Technologies and writean essay that argues your findings. The submission deadline for this work is Monday, 12thDecember 2016, 23.59.Remember that the demonstrators cannot write your assessment for you, but they can answertechnical questions and point you in the right direction. Make sure to ask them if you have anyquestions 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 selectionof products. You can choose the products, but you should not choose something that someone elseis also doing. Your website should comprise at least five distinct pages, and it should cover thecomponents listed in Table 2. The site should be written in standards-compliant HTML 5 and CSS 3and should be validated before submission. It should be responsive, adjusting intelligently todifferent display capabilities. Your work will be evaluated using the latest stable release of theGoogle Chrome web browser.1.1 Marking schemeThe 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. Theassessment of documentation will consider both coding comments and documentation within theaccompanying 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. Youare 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’saction. No external frameworks used. Limited documentation and evaluation.• 55%+: The Single-Page Application has many dynamic elements and exhibits complex behavioursthat depend on the user’s activity. At least one third-party framework is used effectively. Gooddocumentation and evaluation.• 70%+: The Single-Page Application is of professional quality, showcasing complex interactions andadvanced 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 followingsubject, 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. Fromhere, you should identify one important trend and justify why it stands out. Then, describe how thistrend (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 schemeIn general, I am looking to read an interesting and well-written essay that summarises the history ofweb technology and presents a considered idea about its future. I am not looking for completecoverage of every angle, but an identification of a major trend and an extrapolation of where it’sgoing. Please make sure that you cite any relevant work properly; I don’t mind which referencingsystem 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 tothis. Few or no examples are used to illustrate the important points, and there is limited or nohistorical context. There is a weak or confused argument, or no argument is present. Poor use ofwritten English language skills, and poor or no referencing.• 55%+: The essay identifies a major trend in web technology and describes several pertinent pointsthat support it. There is discussion of how these points relate to each other, and how this haschanged historically and might continue to evolve in the future. Intelligent use of examplesillustrates the key points, there is good evidence of satisfactory argument and language skills, andappropriate referencing is employed.• 70%+: The essay identifies a major trend in web technology and many points that support it areclearly and compre- hensively described, situated well in historical context, and theirinterrelationships 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 goodevidence of clear thinking and accomplished use of written English to concisely convey complexinformation. Clear, consistent referencing is used throughout.4 Submission detailsThe deadline for the coursework is Monday, 12th December 2016 at 23.59. You should submit thefollowing items to the assessment drop-box on Blackboard (please adhere to the namingconventions 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 yourstudent ID and the assignment section, for example, 09015680-part1.zip.• 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 tensections 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 studentID and the assignment section, for example, 09015680-part1.pdf.• A zipped archive containing your microsite for part two. Name the zip file according to yourstudent ID and the assignment section, for example, 09015680-part2.zip.• A brief report saved in PDF format, describing your work for part two. Document yourachievements and any problems, and again include a link to the “live” version of your page at thetop of the report. Name the PDF according to your student ID and the assignment section, forexample, 09015680-part2.pdf.(1Please note that .zip is the only permitted format. Other archive formats such as .rar, .tgz, etc. areNOT acceptable, and will not be marked.2PDF is the only permitted format: do not submit Microsoft Word documents, OpenOfficedocuments, 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. Drawthe 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.