1. Universität zu Köln. Historisch-Kulturwissenschaftliche Informationsverarbeitung
Jan G. Wieners // jan.wieners@uni-koeln.de
Sommersemester 2014
05. Juni 2014 – Zwischenstand und Ausblick: Webentwicklung für mobile Endgeräte
Tools & Methods in Digital Humanities

2. Theorie...

5. ...und Praxis

7.  2011 veröffentlicht / zugänglich gemacht
(Twitterkontext)
 Kostenlos und quelloffen
 Framework: Vorlagen (HTML5, CSS 3, JavaScript)
& Co. für schnelles responsives Webdesign
 Grid- / rasterbasierte Seitenerstellung
 Wiederverwendbarkeit
 Contra Bootstrap: Mitunter schwer, sich aus dem
Bootstrap-Korsett wieder zu befreien

9. http://www.hki.uni-koeln.de/lehre/wieners/itzert-dh/ceecviewer/

12. „Be responsive“
(Firtman: Programming the mobile Web)

13. „Be responsive“
„Just be“

16. Responsive Website / Mobilversion Native (fullscreen) Web App

17. Linktipp: http://mobileawesomeness.com/

18. Native App vs. Web App
Native App
 Werkzeuge:
 iOS SDK (Software Development Kit):
https://developer.apple.com/devcenter/ios/index.action
 Android SDK: http://developer.android.com/sdk/index.html
 Elaborierter Hardwarezugriff:
 Gyroscope
 Kamera
 GPS
 AppStore / Google Play / etc.
Native App Knackpunkte (für diese Veranstaltung)
 Plattformdedizierte Entwicklung
 Einstiegshürde SDK und Programmiersprachen
 Apple: Objective-C
 MS Windows Mobile: C#
 Android: Java, C/C++

19. Native App vs. Web App
Web App
 Werkzeug: Text Editor (ein richtig guter)
 FTW I: HTML5, CSS 3, JavaScript / jQuery
 Plattformunabhängig
 Keine AppStore-„Problematik“
 Contra: Kein elaborierter Hardwarezugriff
 FTW II: „PhoneGap“
 Frameworks (eine Auswahl):
 Intels App Framework: http://app-framework-software.intel.com
 trigger.io: https://trigger.io
 Sencha Touch: http://www.sencha.com/products/touch
 jQuery Mobile: http://jquerymobile.com

23. /