smartphone und tablet apps selbst erstellen michael hielscher & nico steinbach
TRANSCRIPT
Smartphone und Tablet Apps selbst
erstellen
Michael Hielscher & Nico Steinbach
Native Apps
Native Apps
Native Apps
Native Apps
Google Play
Apple AppStore
Cross Platformer
Web Apps
Web Apps
Im ÜberblickNative Apps Cross
PlatformerWebApps
AppStore (Apple)
Sprachen Objective-C, Java
HTML, CSS, JavaScript
HTML, CSS, JavaScript
Entwicklungsaufwand
mehrfach einmal einmal
Hardware Mac (iPhone, iPad)PC
Mac (iPhone, iPad)PC
egal
Die erste eigene (Web) App
• Praktischer Teil• Entwickeln• Publizieren• Auf Ihren Endgeräten
nutzen
Was soll die App leisten?
• Informationen über ICT an ihrer eigenen Schule anbieten
• Verlinkt werden PDF-Dokumente
Wie fangen wir an?1. Wir beginnen lokal.2. URL im Inet anbieten (index.html).3. Mit Textbearbeitungsprogramm ihrer Wahl
öffnen.
Die Probierwiese
Was brauchen wir für die eigene App?
Anleitungen im PDF Format•Auf der Webseite ihrer Schule •ICT Bereich
Grafiken•Logo im Kopf der App•Einzelne Listeneinträge (z.B. iconfinder)•Smartphoneicon (48 x 48)
Texte• Ihre eigenen Texte zu den Inhalten
Eigene Inhalte<li> <!-- HIER JEWEILS DIE EIGENE PDF AUSWÄHLEN --> <a href="phbwebmail.pdf" alt="" data-ajax="false"> <!-- DAS BILD EINES LISTENEINTRAGES --> <img src="webmail.jpg" class="ui-li-thumb"> <!-- DIE ÜBERSCHRIFT EINES LISTENEINTRAGES --> <h3 class="ui-li-heading">Webmail</h3> <!-- DIE KURZBESCHREIBUNG EINES LISTENEINTRAGES--> <p class="ui-li-desc"> Kurzanleitung Webmail PHBern.</p> </a></li>
Zum Testen der Gerätegröße
Auf mein Smartphone / Tablet? -
Dropbox
Auf mein Smartphone / Tablet? -
Hochladen
Auf mein Smartphone / Tablet? –
Public Link
Online-Zugriff
http://qrcode.kaywa.com/
Die App als Symbol