Ember-gép interfész 1. gyakorlat Csapó Tamás
[email protected] 2016. szeptember 16.
1
Intro • What is Human-Computer Interaction? – https://www.youtube.com/watch?v=bzFv09QrY6E
2
Gyakorlatok • Tárgy honlap – http://smartlab.tmit.bme.hu/ oktatas-ember-gep-interfesz – Előadások rövid kivonata
• Péntek, 10-12, páros hét – szept 16, szept 30, okt 14, okt 28, nov 11, dec 9
3
Félévközi feladat • Aláírásért • 3 fős csoportok (6-7 csoport) • Fontos az együttműködés, nem egyedül!!!
• Cél a félév végére – Előadások anyagának alkalmazása gyakorlatban – Egy működő program, felhasználói interfésszel – Platform: kis képernyős tablet (pl. Windows 10, Android, iOS, vagy bármi más) – Tervezés, megvalósítás, kiértékelés – HCI szempontok kiemelése 4
Félévközi feladat • • • • • •
Specifikáció Interjú és Storyboard 2 előadás tartása (mindenki a csoportból) Másik csoport munkájának kiértékelése Írásbeli beszámoló Eredmény • Aláírás: írásbeli vizsga a félév végén • Megajánlott jegy (lényegesen több munka!) • 70% részvétel az előadásokon és gyakorlatokon
• Határidő: 14. hét 5
Projekt ötlet (3. hét, szept. 21) • Csoport feladatának specifikációja – Néhány soros leírás – szept 21-ig emailben:
[email protected]
6
Interjú (határidő: okt. 3) • Írjatok egy forgatókönyvet, 4 részből – Helyszín, környezet – Bevezetés és háttéranyag – Interjú kérdések – Zárszó, gondolkodtató kérdések
• Beadandó: az interjú forgatókönyve és hangfelvétele
7
Storyboard (határidő: okt. 10) • Rajzoljatok 4 storyboard-ot – 2 külön ötlet – 2 külön felhasználói feladat
• Mindegyik storyboard-on – kb. 5-8 részlet – max. két A4 oldal – kézzel rajzolva!
8
1. előadás (7. hét: okt. 19) • • • •
Alkalmazás terve és pontos leírása Máshol talált hasonló alkalmazások Félév időbeosztása (hétről hétre) Első interfész tervek és döntések – Mock-up / sketch
• Korai felhasználói visszajelzés • Ki mit csinál • 10-15 perc 9
Kiértékelés (határidő: nov. 21)
• Alkalmazás tesztelése valós felhasználókkal – Kiértékelési stratégia – Helyszín, környezet – Beépített analitikák – Eredmények – Alkalmazás iteratív fejlesztése 10
2. előadás (14. hét: dec. 7) • Felhasználói interfész – Végső megoldás – Megoldás HCI szempontjai
• Kiértékelés – Terv és eredmény – Analitikák – Iteratív javítások
• Élő demo • 10-15 perc 11
Írásbeli beszámoló (14. hét, dec. 7) • Terv, implementáció, kiértékelés és analitikák összefoglalása • Megajánlott jegyért – kb. 50000n (3 fős csoport) – [kb. 40000n 2 fős csoport]
• Aláírásért – nagyjából a fenti fele (25000 n)
12
Félévközi feladat – határidők Hét 3. 5. 6. 7. 12. 14. 14.
Határidő Szept. 21. Okt. 3. Okt. 10. Okt. 19. Nov. 21. Dec. 7. Dec. 7.
Feladat Projekt ötlet Interjú Storyboard 1. beszámoló előadás Kiértékelési beszámoló 2. beszámoló előadás Írásbeli beszámoló
Határidő, késve leadás: -5% a végső jegyből (max. 3 nap)
13
Platform • Alkalmazás egy kisképernyős tabletre – 7” / 10” / phablet
• Platform tetszőlegesen választható – Windows 8 / 8.1 / 10 – Android – iOS – bármi egyéb
14
Windows 8 / 8.1 / 10 • Windows 8 / 8.1 / 10 – BME hálózatból: – ftp://software.eik.bme.hu
• Windows 10 / Visual Studio 2013 / 2015 – BME MSDNAA / DreamSpark – http://msdnaa.bme.hu
• Programozás – C# + XAML vagy JavaScript + HTML + CSS 15
Android • Android Studio and developer tools – https://developer.android.com/sdk/
• Programozás – tipikusan Java + XML
16
Korábbi HCI feladatok: 2011 • Samsung SmartTV, Internet@TV • Kétirányú kommunikáció • Internet hozzáférés • Egyszerű Internet-alapú lekérések • Web alapú 3rd party alkalmazások • Mindennapi felhasználóknak – Hírek olvasása – Játékok – youtube videok megtekintése
• Vezérlés távirányítóval • HTML / CSS / JavaScript „programozás” http://www.dcclothesline.com/wp-content/uploads/2015/01/samsung-smart-tv-2.jpg
17
Korábbi HCI feladatok: 2011, +
18
Korábbi HCI feladatok: 2011, -
19
Korábbi HCI feladatok: 2012 • Win8, Metro dizájn – Megjelenés: 2012. október – Developer változat – C# és XAML
20
Korábbi HCI feladatok: 2012, +
21
Korábbi HCI feladatok: 2012, +
22
Korábbi HCI feladatok: 2012, -
23
Korábbi HCI feladatok: 2013, +
24
Korábbi HCI feladatok: 2014, +
25
Korábbi HCI feladatok: 2015 • Kisképernyős tablet / smartphone
26
Korábbi HCI feladatok : 2015, + Shuffle, http://bit.ly/1Iu59Ka
27
Korábbi HCI feladatok : 2015, +
28
Alkossunk csoportokat! • Felhasználói interfész tervezése, implementálása és kiértékelése – Okos város • Okos otthon, otthon automatizálás • Okos óra
– Mindennapi alkalmazás • Közeli esemény kereső • Zeneajánlás hangulat alapján • Kiterjesztett valóság játékok
…bármi más, amit el tudsz képzelni…
• Küldjetek egy emailt 5 soros leírással a
[email protected] címre [HCI] tárggyal, szept 21 szerdáig
29
