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