mobil und vernetzt - Wir machen Kinderseiten

VERNETZUNG 4.0
Kinderseitenlandschaft – mobil und vernetzt – das
zukunftsweisende Potential dezentraler Strukturen
Stefan R. Müller
Suchmaschine Blinde Kuh
mobil und vernetzt
1
VERNETZUNG 4.0
Viele Anbieter denken sich das so:
Der „Nutzer“ greift über das Internet auf meine Anwendung (application) zu.
NUTZER
INTERNET
SERVER
CLIENT
ANGEBOT
Aber, das ist ja noch kein Internet. Das ist eher Intranet.
mobil und vernetzt
2
VERNETZUNG 4.0
NUTZER
INTERNET
SERVER
CLIENT
ANGEBOT
Das Internet ist hier nur ein Ersatz für das Träger-Medium CD-ROM.
NUTZER
CLIENT
CD-ROM
mobil und vernetzt
ANGEBOT
3
VERNETZUNG 4.0
Noch besser: Die Anwendung, das Programm, ist auf dem Rechner des Nutzers installiert.
INTERNET
SERVER
CD-ROM
COMPUTER
ICON
ANGEBOT
mobil und vernetzt
4
VERNETZUNG 4.0
Hurra! Alles wird besser. Alles wird MOBIL!
Ach, nein, es ist ja nur alles smart.
INTERNET
SERVER
TABLET
COMPUTER
NOTEBOOK
ICON
APP
ANGEBOT
mobil und vernetzt
5
VERNETZUNG 4.0
Und da ist sie nun,
die supercoole, nagelneue App.
Meine APP
mobil first – alles andere blieb auf der Strecke
⃝ Einsam und verloren im appstore
⃝ Bereits veraltet für das neue Betriebssystem
⃝ Keine Chance auf Installation
⃝ Schnell öde und doof wirkend
mobil und vernetzt
6
VERNETZUNG 4.0
Beispiel
Klexikon
INTERNET
klexikon.zum.de
mobil und vernetzt
Eine Wikipedia
für Kinder
7
VERNETZUNG 4.0
native application
Klexikon APP
webbasierend mit
responsivem Design
INTERNET
klexikon.zum.de
mobil und vernetzt
Eine Wikipedia
für Kinder
8
VERNETZUNG 4.0
webbasierend mit
responsivem Design
Klexikon APP
PHONE
TABLET
PC
TV
Gutes Aussehen und adäquates Funktionieren in allen Endgeräten
mobil und vernetzt
9
VERNETZUNG 4.0
Android Studio von Google
Klexikon APP
für android
mobil und vernetzt
10
VERNETZUNG 4.0
MIT - App Inventor
Für Schüler und Studenten
Klexikon APP
für android
mobil und vernetzt
11
VERNETZUNG 4.0
Das Problem …
stand alone ist immer noch Isolation
Die Lösung …
Modularität ist die Vorstufe der Vernetzung
Klexikon APP
Im Internet
Teil der vernetzten Kinderseitenlandschaft sein
Wikipedia: Modularität (auch Baustein- oder Baukastenprinzip) ist die Aufteilung eines Ganzen in Teile, die
als Module, Komponenten, Bauelemente oder Bausteine bezeichnet werden. Bei geeigneter Form und
Funktion können sie zusammengefügt werden oder über entsprechende Schnittstellen interagieren.
mobil und vernetzt
12
VERNETZUNG 4.0
EMBEDDING
Widget in anderen Angeboten
Mögliche Anbieter
Meine-Startseite.de
Blinde-Kuh.de
und andere
mobil und vernetzt
13
VERNETZUNG 4.0
EMBEDDING
Widget in anderen Angeboten
mobil und vernetzt
14
VERNETZUNG 4.0
A
Verschlagwortung ( Parsen, maschinelles „Verstehen“)
B
Schnittstellen (Feeds für Datenexport)
C
D
E
Branding (Vorlagen im Look&Feel von Anderen)
•
•
•
METAs für Suchmaschinen (Altavista, auch Google)
MICRODATAs seit HTML5 (Google u.a.)
OpenGraph (Facebook)
• RSS (Really Simple Syndication, Bloggerwelt)
• JSON-P (Javascript Datenexport)
APIs ( Application Programmer Interface )
CMS-Module
mobil und vernetzt
15
VERNETZUNG 4.0
Beispiel: Verschlagwortung (für Google und Facebook)
www.juki.de
mobil und vernetzt
16
VERNETZUNG 4.0
Beispiel: Schnittstellen (RSS, iTunes für Podcasting)
www.kiraka.de
mobil und vernetzt
17
VERNETZUNG 4.0
Beispiel: API
STRUKTUR – HTML-Code
DESIGN – CSS-Datei
LOGIK – Javascript-Bibliothek
http://www.blinde-kuh.de/bk-api/config/
mobil und vernetzt
18
VERNETZUNG 4.0
Beispiel: CMS Module
be addable
mobil und vernetzt
19
VERNETZUNG 4.0
Ausblick
Module der Kinderseiten in einer
Programmiersprache für Kinder
scratch.mit.edu
mobil und vernetzt
20