22
Lecture 1: Course Introduction Dr. Kumiko morimura, Professor Dr. ZIlu liang, Assistant Professor Global Centre of Innovative Engineering education, School of Engineering

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

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

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

Lecture 1: Course Introduction

Dr. Kumiko morimura, Professor

Dr. ZIlu liang, Assistant Professor

Global Centre of Innovative Engineering education, School of Engineering

Page 2: 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://snowballsutokyo.wordpress.com/

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
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://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

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
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.