Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe
-
Upload
quinn-heath -
Category
Documents
-
view
82 -
download
9
description
Transcript of Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe
![Page 1: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/1.jpg)
HKUST Green Mobile App
Chan Wai Yu , CandyChung Kit Wai, MiffyPang Wing Chau,TerryWong Kin Yee, Phoebe
Chan Wai Yu , CandyChung Kit Wai, MiffyPang Wing Chau,TerryWong Kin Yee, Phoebe
20035685201094362005685920013625
20035685201094362005685920013625
2013-2014 FYP MU42013-2014 FYP MU4
![Page 2: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/2.jpg)
Introduction
![Page 3: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/3.jpg)
Project InitiationProject Initiation
Set up in 2012aims to educate and influence the HKUST community to develop a better understanding of issues in energy conservation, recycling, waste minimization and pollution prevention
Set up in 2012aims to educate and influence the HKUST community to develop a better understanding of issues in energy conservation, recycling, waste minimization and pollution prevention 3
![Page 4: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/4.jpg)
Lack of motivation to study the textual content on the official website in detail
Lack of motivation to study the textual content on the official website in detail
The PROBLEM We Intend To Solve
The PROBLEM We Intend To Solve
4
![Page 5: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/5.jpg)
ObjectiveObjective
5
Cross Platform App Support
Automatic Content Integration
Increase green
awareness
![Page 6: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/6.jpg)
Cross Platform SupportCross Platform Support
6
![Page 7: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/7.jpg)
Supported featuresSupported features
NewsNewsEvents
Green TourMap
Green TourMapGreen
ChannelGreen Channel
TipsTips Voting
About UsAbout Us
FeedbackFeedback
7
![Page 8: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/8.jpg)
System Network DesignSystem Network DesignFigure 2.3.1 Diagram of workflow between the mobile device and the database
8
![Page 9: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/9.jpg)
Features
![Page 10: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/10.jpg)
Feature 1 - News and Events
Feature 1 - News and Events• Fetch content from RSS feed
• App content is synchronized with the sustainability website
10
![Page 11: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/11.jpg)
Feature 2 - Green TipsFeature 2 - Green Tips• Extract Green Tips from
Sustainability Guide
11
• Divided into 8 categories.
![Page 12: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/12.jpg)
Feature 3 - VideoFeature 3 - Video• Display Videos from Green Channel
Page from PTC.
12
![Page 13: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/13.jpg)
Feature 4 – About UsFeature 4 – About Us• Introduces Sustainability Unit and
provides contact information
13
![Page 14: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/14.jpg)
14
What’s More?
![Page 15: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/15.jpg)
Feature 5 - Green TourFeature 5 - Green Tour
15
• Extract Green Tour Spots
• Presents Green Tour Spots listed in Green Campus Map using Google Map API
![Page 16: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/16.jpg)
Feature 6 – FeedbackFeature 6 – Feedback• Allow users to report any cases
related to sustainability around the campus
16
![Page 17: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/17.jpg)
Feature 7 – VoteFeature 7 – Vote• Students or guests could cast their
vote on discussion of the green issues
17
• The statistics could be presented in chart
• Raw data can be exported as Excel
![Page 18: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/18.jpg)
Implementation
![Page 19: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/19.jpg)
Implementation 1 - Technology
Implementation 1 - Technology• UI: HTML5 +
• X jQuery Mobile: slow view transition• Multi-platform: Phonegap ✔Access native device APIs (e.g.
Camera)
19
Intel’s App framework
![Page 20: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/20.jpg)
Implementation 2 – News & Events
Implementation 2 – News & Events
20
Http Request
Returned Data in XML format
Data
Ajax (Asynchronous JavaScript and XML)
![Page 21: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/21.jpg)
Implementation 2 – News & Events
Implementation 2 – News & Events
21
Sequence Diagram of News & Events
![Page 22: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/22.jpg)
Implementation 3 – Green Tour Map
Implementation 3 – Green Tour Map
22
Define a marker
Define a pop-up window
![Page 23: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/23.jpg)
Implementation 4 – Feedback
Implementation 4 – Feedback
23
Submission Without Photo Submission with Photo
![Page 24: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/24.jpg)
Implementation 4 – Feedback
Implementation 4 – Feedback
24
Sequence Diagram of Feedback
![Page 25: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/25.jpg)
Implementation 5 – VotingImplementation 5 – Voting
25
Sequence Diagram of Voting
![Page 26: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/26.jpg)
Implementation 5 – Voting(Generate Question)
Implementation 5 – Voting(Generate Question)
26
JSON of voting questions in a particular voting session
JSON ofVoting question
✔JSON: flexible & light
Entity Relation Diagram
![Page 27: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/27.jpg)
Implementation 5 – Voting(Submit Answer)
Implementation 5 – Voting(Submit Answer)
27
Code segment of validating submission
![Page 28: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/28.jpg)
Implementation 5 – Voting (View Chart)
Implementation 5 – Voting (View Chart)
28
• Google Chart API
Code Segment of Statistic Page (1)
![Page 29: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/29.jpg)
Implementation 5 – Voting (View Chart)
Implementation 5 – Voting (View Chart)
29
Code Segment of Statistic Page (2)
![Page 30: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/30.jpg)
Demonstration
![Page 31: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/31.jpg)
Conclusion
![Page 32: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/32.jpg)
Q&A
![Page 33: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/33.jpg)
FutureEnhancement
![Page 34: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/34.jpg)
Feature 2 - Green TipsFeature 2 - Green Tips
34
• LearnAct
Start a Green Challenge
![Page 35: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/35.jpg)
Feature 8 - Green Challenges
Feature 8 - Green Challenges
35
I’ll finish all my lunch and leave no food waste
I walk to my 5/F classroom without taking elevator
Concept adopted from the App “Challenge Accepted”
![Page 36: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/36.jpg)
Feature 6 – FeedbackFeature 6 – Feedback• What are the follow-up actions can
be done?
36
![Page 37: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/37.jpg)
Feature 9 – Campus Green Meter
Feature 9 – Campus Green Meter
37
• To see what everyone of us can do moreShared Sustainability Goal
Visualized Saving Benefits
![Page 38: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/38.jpg)
Evaluation
![Page 39: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/39.jpg)
The effectiveness of increasing environmental awareness
The effectiveness of increasing environmental awareness
39
![Page 40: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/40.jpg)
PerformancePerformance• Reliability
Successful error handling• Security No sensitive information• Scalability Separated servers• User ExperienceUser Acceptance Test
40
![Page 41: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/41.jpg)
The features that are most important for the app.
Please drag and drop to rank the following functionalities in order of the
likelihood of you using them. (rank 1 = highest)
The features that are most important for the app.
Please drag and drop to rank the following functionalities in order of the
likelihood of you using them. (rank 1 = highest)
41
Rank
![Page 42: Chan Wai Yu , Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe](https://reader035.fdocuments.in/reader035/viewer/2022062221/56813629550346895d9da0e5/html5/thumbnails/42.jpg)
Use Case DiagramUse Case Diagram
42