hkust green mobile app chan wai yu, candy chung kit wai, miffy pang wing chau,terry wong kin yee,...
TRANSCRIPT
![Page 1: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/2.jpg)
Introduction
![Page 3: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/5.jpg)
ObjectiveObjective
5
Cross Platform App Support
Automatic Content Integration
Increase green
awareness
![Page 6: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/6.jpg)
Cross Platform SupportCross Platform Support
6
![Page 7: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/7.jpg)
Supported featuresSupported features
NewsNewsEvents
Green TourMap
Green TourMapGreen
ChannelGreen Channel
TipsTips Voting
About UsAbout Us
FeedbackFeedback
7
![Page 8: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/9.jpg)
Features
![Page 10: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/11.jpg)
Feature 2 - Green TipsFeature 2 - Green Tips• Extract Green Tips from
Sustainability Guide
11
• Divided into 8 categories.
![Page 12: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/12.jpg)
Feature 3 - VideoFeature 3 - Video• Display Videos from Green Channel
Page from PTC.
12
![Page 13: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/13.jpg)
Feature 4 – About UsFeature 4 – About Us• Introduces Sustainability Unit and
provides contact information
13
![Page 14: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/14.jpg)
14
What’s More?
![Page 15: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/16.jpg)
Feature 6 – FeedbackFeature 6 – Feedback• Allow users to report any cases
related to sustainability around the campus
16
![Page 17: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/18.jpg)
Implementation
![Page 19: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/21.jpg)
Implementation 2 – News & Events
Implementation 2 – News & Events
21
Sequence Diagram of News & Events
![Page 22: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/23.jpg)
Implementation 4 – Feedback
Implementation 4 – Feedback
23
Submission Without Photo Submission with Photo
![Page 24: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/24.jpg)
Implementation 4 – Feedback
Implementation 4 – Feedback
24
Sequence Diagram of Feedback
![Page 25: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/25.jpg)
Implementation 5 – VotingImplementation 5 – Voting
25
Sequence Diagram of Voting
![Page 26: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/27.jpg)
Implementation 5 – Voting(Submit Answer)
Implementation 5 – Voting(Submit Answer)
27
Code segment of validating submission
![Page 28: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/29.jpg)
Implementation 5 – Voting (View Chart)
Implementation 5 – Voting (View Chart)
29
Code Segment of Statistic Page (2)
![Page 30: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/30.jpg)
Demonstration
![Page 31: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/31.jpg)
Conclusion
![Page 32: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/32.jpg)
Q&A
![Page 33: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/33.jpg)
FutureEnhancement
![Page 34: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/34.jpg)
Feature 2 - Green TipsFeature 2 - Green Tips
34
• LearnAct
Start a Green Challenge
![Page 35: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/36.jpg)
Feature 6 – FeedbackFeature 6 – Feedback• What are the follow-up actions can
be done?
36
![Page 37: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/38.jpg)
Evaluation
![Page 39: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/39.jpg)
The effectiveness of increasing environmental awareness
The effectiveness of increasing environmental awareness
39
![Page 40: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/40.jpg)
PerformancePerformance• Reliability
Successful error handling• Security No sensitive information• Scalability Separated servers• User ExperienceUser Acceptance Test
40
![Page 41: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/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: HKUST Green Mobile App Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing Chau,Terry Wong Kin Yee, Phoebe Chan Wai Yu, Candy Chung Kit Wai, Miffy Pang Wing](https://reader038.vdocuments.site/reader038/viewer/2022102818/56649e615503460f94b5c2b2/html5/thumbnails/42.jpg)
Use Case DiagramUse Case Diagram
42