Ember-gép interfész 1. gyakorlat Csapó Tamás csapot@tmit.bme.hu 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: csapot@tmit.bme.hu 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 Határidő Feladat 3. Szept. 21. Projekt ötlet 5. Okt. 3. Interjú 6. Okt. 10. Storyboard 7. Okt. 19. 1. beszámoló előadás 12. Nov. 21. Kiértékelési beszámoló 14. Dec. 7. 2. beszámoló előadás 14. Dec. 7. Í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 csapot@tmit.bme.hu címre [HCI] tárggyal, szept 21 szerdáig 29