lecture 1: course introduction - wordpress.com · 1.09.2018 · capstone project phase (second...
TRANSCRIPT
![Page 1: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/1.jpg)
Lecture 1: Course Introduction
Dr. Kumiko morimura, Professor
Dr. ZIlu liang, Assistant Professor
Global Centre of Innovative Engineering education, School of Engineering
![Page 3: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/3.jpg)
![Page 4: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/4.jpg)
https://www.ted.com/talks/gary_wolf_the_quantified_self?language=en#t-291419
Gary Wolf @ Ted Talk, June 2010
![Page 5: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/5.jpg)
Emerging Research Field: Personal Informatics
Journal of Personal and Ubiquitous Computing
School of Computer ScienceBrown Univ, US
College of Computer and Information ScienceNortheastern Univ, US
College of Information StudiesUniv of Maryland, US
School of Computer Science and EngineeringUniv of Washington, US
![Page 6: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/6.jpg)
![Page 7: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/7.jpg)
What do you want to know about yourself?
I want to know how I can sleep better
I want to know the best time for me to exercise I want to know
whether I’m more productive in the morning or in the afternoon
![Page 8: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/8.jpg)
Process of designing a Quantified-Self web app
I want to know how I can sleep better
To investigate how I can sleep better, I need to
- collect data on my sleep- collect data on what I do in the day (exercise,
coffee, calorie, etc.)- analyze the relationship between sleep and
what I do in the day
I can - measure my sleep using a Fitbit- jot down my exercise, coffee, digital device
usage in a diary- quantify the relationship using Pearson
Correlation Coefficients
User Story Needs
SolutionsThe app should - retrieve data from Fitbit- allow users to keep a diary
on daily events- calculate Pearson
Correlation Coefficients
Features
![Page 9: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/9.jpg)
SleepBeta (http://sleepbeta.azurewebsites.net/)
The app should - retrieve data from Fitbit- allow users to keep a diary on daily events- calculate Pearson Correlation Coefficients
![Page 10: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/10.jpg)
Three Technological Pillars
![Page 11: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/11.jpg)
Traditional approach
(bottom up)
This Lecture
(top down)1
2
3
- Introductory course; won’t delve deep into each knowledge point due to time constraint- Recommended reading materials will guide you to learn more about each knowledge point
How do we learn in this class?
Sample app
![Page 12: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/12.jpg)
What you will accomplish?
Tutorial Phase(First half of the semester)
Capstone Project Phase(Second half of the semester)
Deploy sample app to cloud under your account
Learn web technologies
Prepare resources
Design a QS app in team
Implement app
Use SCRUM to manage project
![Page 13: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/13.jpg)
Zilu Lang, Mario Chapa-Martell. (2018) A top down approach to teaching web development. IEEE International Conference on Teaching, Assessment and Learning for Engineering.
Q: Why start from a sample app?
Resembles real-world development environment
Allows you to learn programming through code-reading
Helps you understand how different web technologies can be pulled together
Allows you to reuse modules in sample app
![Page 14: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/14.jpg)
Q: What can I do in my capstone project?
Develop your own quantified-self web app
Implement other API
Remove bug in back-end
Improve DB implementation
Change UI theme
Add other forms of data visualization
……..
![Page 15: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/15.jpg)
Q: What should I do if I find a bug?
![Page 16: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/16.jpg)
Q: What if I cannot complete my capstone project?
![Page 17: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/17.jpg)
Q: What if I cannot complete my capstone project?
![Page 18: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/18.jpg)
Q: How do you evaluate the capstone project?
Completeness
Usability
Creativity
Documentation
Bonus (business plan, paper)
![Page 19: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/19.jpg)
Q: Is there any chance to present our outcomes?
![Page 20: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/20.jpg)
Attendance (10%) Cloud Deployment (10%)
Capstone Project (80%)
Individual Project Contribution (10%)
Project Proposal (10%)
Project Presentation (40%)
Project Final Report (20%)
Evaluation
![Page 21: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/21.jpg)
Recommended Reading
![Page 22: Lecture 1: Course Introduction - WordPress.com · 1.09.2018 · Capstone Project Phase (Second half of the semester) Deploy sample app to cloud under your account Learn web technologies](https://reader034.vdocuments.net/reader034/viewer/2022050214/5f60335f0f3f054d38639647/html5/thumbnails/22.jpg)
Dr. Kumiko Morimura [email protected]. Zilu Liang [email protected]
https://snowballsutokyo.wordpress.com/
Your feedback is appreciated !
All icons are from the Internet. We do not own their copyright.