Unit:
Dynamic Websites
Assignment title: Air Pollution
Credit Version
Spring 2020 – Winter 2020
Important notes
• Please refer to the Assignment Presentation Requirements for advice on how to set out your assignment. These can be found on the NCC Education website. Click on ‘Policies & Advice’ on the main menu and then click on
‘Student Support’.
• You must read the NCC Education Documents What is Academic Misconduct? Guidance for Candidates and Avoiding Plagiarism and
Collusion: Guidance for Candidates and ensure that you acknowledge all the sources that you use in your work. These documents are available on the NCC Education website. Click on ‘Policies & Advice’ on the main menu and then click on ‘Student Support’.
• You must complete the Statement and Confirmation of Own Work. The form is available on the NCC Education website. Click on ‘Policies & Advice’ on the main menu and then click on ‘Student Support’.
• Please make a note of the recommended word count. You could lose marks if you write 10% more or less than this.
• You must submit a paper copy and digital copy (on disk or similarly acceptable medium). Media containing viruses, or media that cannot be run directly, will result in a fail grade being awarded for this assessment.
• All electronic media will be checked for plagiarism.
單元：
動態網站
作業標題：空氣污染
20學分版本
2020年春季– 2020年冬季
重要筆記
•請參閱作業演示文稿要求，以獲取有關如何佈置作業的建議。這些可以在NCC教育網站上找到。點擊主菜單上的“政策和建議”，然後點擊
“學生支持”。
•您必須閱讀NCC教育文件什麼是學術不端行為？候選人指南和避免Pla竊和
勾結：候選人指南，並確保您確認您在工作中使用的所有來源。這些文件可在NCC教育網站上找到。點擊主菜單上的“政策和建議”，然後點擊“學生支持”。
•您必須完成對自己工作的陳述和確認。該表格可在NCC教育網站上找到。點擊主菜單上的“政策和建議”，然後點擊“學生支持”。
•請記下建議的字數。如果您寫的字數多於或少於10％，您可能會失去分數。
•您必須提交紙質副本和數字副本（在磁盤或類似的可接受介質上）。包含病毒的介質或無法直接運行的介質將導致此評估的不及格等級。
•將檢查所有電子媒體的竊行為。
Introduction
Air pollution is becoming a growing concern and it can have both long-term and short-term effects on the health of people such as lung and heart conditions, breathing problems and sensitivity to pollution. You have been asked to create a website that provides information about air pollution, including data on air pollution levels now and in the past, in a country of your choice.
The entrepreneurs of Air Pollution are looking for you to create a dynamic website which should include content that changes as the requirements of the user change, e.g. you should include an automatically loading background video. The website should offer a fluid layout and should allow the website to be responsive for reading and navigation on different devices. It should include animation and interaction when accessing different social media buttons or the navigation buttons.
A database will need to be created to allow interested users to create their own personal account. The system will store personal details of each user e.g. their full name, their email address, their date of birth, and their postal address including postcode.
A web enabled application needs to be created to allow users to create, query, browse and manipulate the database and allow the user to create and edit their own records.
The website should include search engine optimisation and include a responsive landing page (which includes a compelling headline, eye-catching images and at least two media links to relevant pollution websites). It should also include call to action buttons which allow users to sign-up for updates. These should be appropriately included on the landing pages. These buttons should be eye catching and should offer the customer a free home pollution testing kit.
Users need to create their own account to log into the system via a registration script. Once they log in they should be presented with an interface that allows them to:
• View their account
• Update their information
• Change their password
You are expected to use a combination of PHP, MySQL and JavaScript to create this application. Your application should also make use of a web service to show the purchases that have been made.
介紹 空氣污染正成為人們日益關注的問題，它可能對人們的健康產生長期和短期影響，例如肺和心臟疾病，呼吸問題以及對污染的敏感性。您被要求在您選擇的國家/地區中創建一個網站，以提供有關空氣污染的信息，包括現在和過去的空氣污染水平數據。 空氣污染的企業家正在尋找您創建一個動態網站，其中應包含隨著用戶需求變化而變化的內容，例如您應該包括一個自動加載的背景視頻。網站應提供流暢的佈局，並應允許網站響應不同設備上的閱讀和導航。訪問不同的社交媒體按鈕或導航按鈕時，它應包括動畫和交互。 需要創建一個數據庫，以允許感興趣的用戶創建自己的個人帳戶。系統將存儲每個用戶的個人詳細信息，例如他們的全名，他們的電子郵件地址，他們的出生日期以及他們的郵政地址，包括郵政編碼。 需要創建一個啟用Web的應用程序，以允許用戶創建，查詢，瀏覽和操作數據庫，並允許用戶創建和編輯自己的記錄。 該網站應包括搜索引擎優化，並包括響應性的登陸頁面（包括引人注目的標題，醒目的圖像以及至少兩個指向相關污染網站的媒體鏈接）。它還應包括號召性用語按鈕，允許用戶註冊更新。這些應該適當地包含在登錄頁面中。這些按鈕應引人注目，並應向客戶提供免費的家庭污染測試套件。 用戶需要創建自己的帳戶，才能通過註冊腳本登錄系統。他們登錄後，應該看到一個允許他們執行以下操作的界面： •查看他們的帳戶 •更新他們的信息 •更改密碼 您應該結合使用PHP，MySQL和JavaScript來創建此應用程序。您的應用程序還應該利用Web服務來顯示已進行的購買。
Task 1 – 32 Marks
Create a landing page for the Air Pollution website which includes the following elements:
• Compelling caption against a clean colourful backdrop
• Clean colourful backdrop
• Eye-catching images
• Scroll-triggered animations
• Automatically loading background video
• Fluid layout
• Animated/interactive social media buttons or navigation buttons
• TWO (2) media links to relevant pollution websites
• At least ONE (1) call to action button (sign-up)
• An offer of a free home pollution testing kit pop-up button for signing up when the customer hovers over the sign-up action button
任務1 – 32分
為“空氣污染”網站創建一個著陸頁，其中包括以下元素：
•在乾淨的彩色背景下引人注目的字幕
•清潔彩色背景
•醒目的圖像
•滾動觸發的動畫
•自動加載背景視頻
•流體佈置
•動畫/互動式社交媒體按鈕或導航按鈕
•兩（2）個媒體鏈接到相關污染網站
•至少一（1）個號召性用語按鈕（註冊）
•提供免費的家庭污染測試套件彈出按鈕，用於當客戶將鼠標懸停在簽名操作按鈕上時進行簽名
Task 2 – 18 Marks
• Create the login and registration system (if the username is not recognised). This should include username and password and store personal details of each customer including their full name, their email address, their date of birth and postal address including postcode.
• To gain the highest marks for this task you should make the system as robust as possible including use hashing as a security measure to protect password .
• It should limit the user to THREE (3) attempts at a login if this fails then lock the account for TEN (10) minutes and it should check that the username is not already in use and that the password is checked against the stored password.
•創建登錄和註冊系統（如果無法識別用戶名）。 這應該包括用戶名和密碼，並存儲每個客戶的個人詳細信息，包括其全名，電子郵件地址，出生日期和郵政地址（包括郵政編碼）。
•要獲得最高分數，您應該使系統盡可能強大，包括使用散列作為保護密碼的安全措施。
•如果失敗，則應將用戶限制為三（3）次嘗試登錄，然後將帳戶鎖定十（10）分鐘，並應檢查用戶名是否尚未使用，並對照存儲的密碼檢查密碼 。
Task 3 – 10 Marks
Once the users have logged on they should have access to their account.
Create an online “contact us” form where customers can ask questions. When the user submits the form, it should provide “set” FAQ answers back to the customer before a final submission of the form is permitted, displaying the FAQ page before the customer can submit the form. 用戶登錄後，他們應該有權訪問其帳戶。
創建一個在線“與我們聯繫”表格，客戶可以在其中提出問題。 當用戶提交表單時，它應在允許最終提交表單之前向客戶提供“設置”的FAQ答案，並顯示FAQ頁面，然後客戶才能提交表單。
Task 4 – 20 Marks
The following additional features should be included in the website:
• Mobile accessible website on phone/tablet
• Suitable use of a web service
• Responsive/adaptive pages based on user needs
• Personalising the content by adding the city name to the landing page header as a personal touch
任務4 – 20分
網站應包括以下附加功能：
•手機/平板電腦上可移動訪問的網站
•適當使用網絡服務
•根據用戶需求的響應/自適應頁面
•通過將城市名稱添加到著陸頁頁眉作為個人風格來個性化內容
Task 5 – 10 Marks
Ensure that front end users have the ability to create and query their data that they are currently browsing.
任務5 – 10分
確保前端用戶具有創建和查詢其當前正在瀏覽的數據的能力。
Task 6 – 10 Marks
Using the Rolfe, G., Freshwater, D. and Jasper, M. (2001) model, critically review the learning that you have undertaken in order to complete this assignment.
Based upon your learning, your reflection should include a description; an analysis and; an action plan in order to bring about improvements in the future.
任務6 – 10分
使用Rolfe，G.，Freshwater，D.和Jasper，M.（2001）模型，批判性地回顧您為完成這項任務而進行的學習。
根據您的學習，您的反思應包括描述； 分析和； 一項行動計劃，以期在未來實現改進。
Submission requirements
• For each task, you should present the necessary code and screen dumps in a word-processed document.
• All references and citations must use the Harvard Style.
Candidate checklist
Please use the following checklist to ensure that your work is ready for submission.
Have you read the NCC Education Documents What is Academic
Misconduct? Guidance for Candidates and Avoiding Plagiarism and Collusion: Guidance for Candidates and ensured that you have acknowledged all the sources that you have used in your work?
❑
Have you completed the Statement and Confirmation of Own Work form and attached it to your assignment? You must do this.
❑
Have you ensured that your work has not gone over or under the recommended word count by more than 10%?
❑
Have you ensured that your work does not contain viruses and can be run directly?
❑
提交要求
•對於每個任務，應在文字處理的文檔中顯示必要的代碼和屏幕轉儲。
•所有參考文獻和引用都必須使用哈佛風格。
候選人清單
請使用以下清單來確保您的作品可以提交。
您閱讀過NCC教育文件嗎？學術是什麼
行為不端？ 候選人指南和避免抄襲和串通：候選人指南，並確保您已確認自己在工作中使用的所有資源？ ❑
您是否已完成“對自己工作的陳述和確認”表格並將其附加到您的作業中？ 您必須這樣做。 ❑
您確定您的作品沒有超過或少於建議的字數超過10％嗎？ ❑
您是否確保您的工作不包含病毒並且可以直接運行？ ❑