mid-term project (practical exercise) - smartlab, bme...

23
Human-Computer Interaction Mid-term Project (practical exercise) Tamás Csapó [email protected] Sep, 2019 1

Upload: others

Post on 09-Aug-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Human-Computer Interaction

Mid-term Project (practical exercise)

Tamás Csapó[email protected]

Sep, 2019

1

Page 2: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Mid-term project (practical exercise)• Requirement for signature

• Groups of 3-4 students (~12 groups)

• Strong cooperation

• Main goal for the end of the semester:

– Use the lecture material in practice

– One running program with User Interface

– Platform: small screen tablet (max 10”) (e.g. Windows 10, Android, iOS, or anything else)

– Plan & design, implementation, evaluation

– Human-Computer Interaction aspects2

Page 3: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Course website – how to upload?

3

http://smartlab.tmit.bme.hu/education-hci

Page 4: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

How to upload?

4

Page 5: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

How to upload?

5

Page 6: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

eduID username

6

Page 7: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

eduID username

7

[email protected]

Page 8: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

How to upload?

8

[email protected]

Page 9: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

How to upload?

9

Page 10: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

USER INTERFACE EXAMPLES OF EARLIER GROUPS

10

Page 11: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2011

• Samsung SmartTV

– Several available SmartTV platforms

– Programming: HTML / JavaScript

– Limited interfaceoptions

11http://www.dcclothesline.com/wp-content/uploads/2015/01/samsung-smart-tv-2.jpg

Page 12: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2011, good

12

Page 13: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2011, less good

13

Page 14: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2012

• Windows 8, Metro design

– First version: 2012 October

– Developer version

– C# and XAML

14

Page 15: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2012, good

15

Page 16: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2012, less good

16

Page 17: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2013, good

17

Page 18: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2014, good

18

Page 19: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2015

• Small screen tablet / smartphone

19

Page 20: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2015, good

20

Shuffle, http://bit.ly/1Iu59Ka

Page 21: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2015, good

21

Page 22: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Earlier apps from HCI: 2016, good

22

feature: speech recognition & text-to-speech!

Page 23: Mid-term Project (practical exercise) - SmartLab, BME TMITsmartlab.tmit.bme.hu/downloads/education/hci/hci_gyak1... · 2020-05-06 · Mid-term project (practical exercise) •Requirement

Let’s create groups!• Design, implement and evaluate User Interface

– Smart city application

• Smart home, home automation

• Smart watch

– Application for everyday use

• Event search

• Music recommendation based on mood

• Games for collaboration

• Can use speech technology (recognition and synthesis)

…anything else that you can imagine…

• Upload at http://smartlab.tmit.bme.hu/education-hciuntil Sep 16 Monday 8:00 23