App-Entwicklung
Kathrin Braungardt, Stabsstelle eLearning, 2010   braungardt@uv.rub.de
Agenda

 Existierende mobile Lösungen: Blackboard,
  Moodle, Adobe Connect
 Mobile Design
 Technik
Blackboard Mobile

  Kurse     Kursmenü   Ankündigungen                     Campus



                                       News,
                                       Maps
                                       Directory
                                       Multimedia
                                       Events
                                       Landmarks
                                       Menus
                                       …




                                                    Mobile Central: Bb Mobile SDK
                                                    (iPhone only)
Mtouch: Moodle mobile
Adobe Connect Mobile

 Enter meeting URL
 Login-Daten eingeben
Going Mobile: Design

Keep it simple & address a specific need
                           Application Definition Statement
                                             Focus your app

  60 % development on design

       mobile mindset

Quick use, quick storage, limited real estate
Designed for iPhone

 Memory efficient
 Highly responsive
 Power conscious
 Secure
Navigation – Beispiel RUBeL-App

    RUBeL




     News    RUBcast




   Focus your app
   Make sure your app lets people do something
   Design for touch
   Let people scroll
   Relocate the homepage icon
Navigation

         News                             RUBcast

 eCampus Afghanistan online   Computerlinguistische Programmierung 2
Navigation

           RUBcast

Aufzeichnung 1
Navigation


         News                                        RUBcast

 eCampus Afghanistan online                  Computerlinguistische Programmierung 2
 Seit Juli 2010 gibt es an der RUB gleich    Aufzeichnung 1
 zwei Moodle-Lernplattformen. Die
 Plattform moodle.rub.de ist bereits seit
 zwei Semestern im Einsatz, und immer
 mehr Lehrende nutzen sie zur
 Unterstützung und Ergänzung ihrer
 Präsenzlehre. Momentan zählt das System
 über 5000 Nutzer in fast 200 Kursen.
 Durch das Installieren von
 Zusatzfunktionen kann die Lernplattform
 direkt an die Bedürfnisse der Nutzer
                                                          Video
 angepasst werden, z.B. durch das
 Einbinden von Voice-Tools oder LaTex.
 Die zweite Moodle-Lernplattform wird von
 Lehrenden und Studierenden aus gleich
 acht Universitäten genutzt. Das Besondere
 hierbei: Es handelt sich um Hochschulen
Design: UI-Kit


Toolbar


                 “familiar views and controls to
                 behave as they do in the built-in
                 applications”




Grouped tables
Technik: Ausgangspunkt

iOS             Android
Objective-C     Java
Xcode           Eclipse
Android-Erfahrungen

 Installation von Eclipse + SDK
 Hello World-Test: http://developer.android.com/resources/tutorials/hello-world.html
   YouTube: A first hand at building an Android application:
                                         :
http://www.youtube.com/watch?v=I6ObTqIiYfE

Auslesen von Kontaktdaten, bei Klick auf Kontakt Aufruf des Wähl-Interfaces

 Interface-Gestaltung in Android: droiddraw; Bau eines Menüs
 Auslesen von RSS-Feeds per Button-Klick
Android-Erfahrungen
iOS-Erfahrungen

 Your First iOS-Application
 Video: iPhone User Interface
  Design
 iOS Human Interface
  Guidelines
Mobile - Gedanken zur App-Entwicklung

Mobile - Gedanken zur App-Entwicklung

  • 1.
    App-Entwicklung Kathrin Braungardt, StabsstelleeLearning, 2010 braungardt@uv.rub.de
  • 2.
    Agenda  Existierende mobileLösungen: Blackboard, Moodle, Adobe Connect  Mobile Design  Technik
  • 3.
    Blackboard Mobile Kurse Kursmenü Ankündigungen Campus News, Maps Directory Multimedia Events Landmarks Menus … Mobile Central: Bb Mobile SDK (iPhone only)
  • 4.
  • 5.
    Adobe Connect Mobile Enter meeting URL  Login-Daten eingeben
  • 6.
    Going Mobile: Design Keepit simple & address a specific need Application Definition Statement Focus your app 60 % development on design mobile mindset Quick use, quick storage, limited real estate
  • 7.
    Designed for iPhone Memory efficient  Highly responsive  Power conscious  Secure
  • 8.
    Navigation – BeispielRUBeL-App RUBeL News RUBcast  Focus your app  Make sure your app lets people do something  Design for touch  Let people scroll  Relocate the homepage icon
  • 9.
    Navigation News RUBcast eCampus Afghanistan online Computerlinguistische Programmierung 2
  • 10.
    Navigation RUBcast Aufzeichnung 1
  • 11.
    Navigation News RUBcast eCampus Afghanistan online Computerlinguistische Programmierung 2 Seit Juli 2010 gibt es an der RUB gleich Aufzeichnung 1 zwei Moodle-Lernplattformen. Die Plattform moodle.rub.de ist bereits seit zwei Semestern im Einsatz, und immer mehr Lehrende nutzen sie zur Unterstützung und Ergänzung ihrer Präsenzlehre. Momentan zählt das System über 5000 Nutzer in fast 200 Kursen. Durch das Installieren von Zusatzfunktionen kann die Lernplattform direkt an die Bedürfnisse der Nutzer Video angepasst werden, z.B. durch das Einbinden von Voice-Tools oder LaTex. Die zweite Moodle-Lernplattform wird von Lehrenden und Studierenden aus gleich acht Universitäten genutzt. Das Besondere hierbei: Es handelt sich um Hochschulen
  • 12.
    Design: UI-Kit Toolbar “familiar views and controls to behave as they do in the built-in applications” Grouped tables
  • 13.
    Technik: Ausgangspunkt iOS Android Objective-C Java Xcode Eclipse
  • 14.
    Android-Erfahrungen  Installation vonEclipse + SDK  Hello World-Test: http://developer.android.com/resources/tutorials/hello-world.html  YouTube: A first hand at building an Android application: : http://www.youtube.com/watch?v=I6ObTqIiYfE Auslesen von Kontaktdaten, bei Klick auf Kontakt Aufruf des Wähl-Interfaces  Interface-Gestaltung in Android: droiddraw; Bau eines Menüs  Auslesen von RSS-Feeds per Button-Klick
  • 15.
  • 16.
    iOS-Erfahrungen  Your FirstiOS-Application  Video: iPhone User Interface Design  iOS Human Interface Guidelines