This assignment involves two parts, to be implemented as Web pages and submitted as described below.
- Project Plan
- Small Website
Your (fictional) client for the assignment has provided an introductory email containing a description of their goals and some text content for the site they would like you to develop.
Your task is to turn this into a clear useful plan and a small functional website.
Write your project plan so that it is a useful working document to guide your development. Carefully consider the description provided by the client to inform your planning. Complete the plan by editing the plan.html template file provided inside the “Assessment 1 folder”, which contains the following required sections:
Concisely state what the goal (purpose) of the website is. Note that the mission must be to improve something in a measurable way. To “provide information about something” is not a good mission, since you cannot see a measurable improvement. Why is the site needed? How does it benefit the client? Be clear and specific. Good mission statements are usually only a few sentences and contain no unnecessary information.
Describe the process(es) by which the site success will be evaluated. Note that “hits” only counts people (or robots) visiting your website, which says nothing about whether the site has achieved its mission. How do you know that the site does what the client wanted? Measure the mission you stated above.
Describe two (2) things clearly and specifically:
- the target audience that your site is intended for (be specific; you can’t aim for everyone)
- how you will intentionally design the site to cater to this group (as distinct from another, different target audience).
Create a site flowchart to show the hierarchy of pages in the site and their relationships.
Each page should be represented by one box.
The order of boxes is the order these links should appear on the site.
If you do not have a preferred drawing program for flowcharts, use https://app.diagrams.net/.
Save your flowchart as a PNG file (normally the best file format for plain, straight-lined diagrams like this) and insert the image in your plan file under this heading.
plan.html is the template file provided for your documentation, which you must use.
- DO NOT change the file name or the formatting.
- DO NOT edit it in Word just save it and edit it as an HTML file (in Visual Studio Code, PHPStorm, Notepad++, etc.).
- Each section has a heading and a spot () for its content. Add your name in the [title] before submitting.
- Your website SHOULD NOT link to the plan.
- There is no set word limit for your plan, but be clear, concise, and complete. DO NOT be long.
Design and develop a small website for the client. Use your project planning (goal, target audience, flowchart) to inform and guide your design.
- Use all the text content provided by the client (but NOT the description about goals that they have provided for you, the developer).
- Edit the text content, which comes “as is” from the client, to make it suitable for the website. You are welcome and encouraged to write some amount of additional text to benefit the site, as appropriate. But don’t just make stuff up that might not be true.
- Think about the information architecture (organisation) and decide what content should go on what pages to best achieve the site goals.
- You must develop the site from scratch yourself. You may NOT use existing templates or frameworks (including Bootstrap or similar).
Although it is up to you exactly what goes in the site and how/where, you should have at least the following elements:
- HTML Pages - name your home page file index.html
- Navigation - links between pages and to the external sites provided (no broken links).
- CSS - you should use an external style sheet for most/all styling.
- Images - make appropriate use of the images for your site (consider editing, resizing, cropping, compression, etc.).
Submit a zip file of your work (not including temporary files/documents) to LearnJCU. Ensure you include every file required for your website as well as plan.html.