SlideShare a Scribd company logo
Apps i udvikling



Oplæg af
Cand. pæd. Thomas Østerlund Mortensen
Udviklingskonsulent, VIFIN

Temadag på Lærdansk Odense, 5. november 2012
Indhold
1. Introduktion til emnet
2. Hvorfor apps?
3. Før man starter
4. Værktøjer og certifikater
5. Forslag til Lærdansk apps
6. Ressourcer og kontakt
Formål
Vi skal snakke lidt om mine erfaringer med udviklingen af
apps. Formålet er at I får et indblik i processerne, så vi
efterfølgende, så småt, kan begynde at lege lidt med
tanken om hvilke hjemmelavede apps, I kunne forestille jer
at udvikle.
Hvorfor overhovedet smartphones?

                                      I juli 2011 havde 25% af danskere
                                      mellem 15-65 år en iPhone eller
                                      en Android mobiltelefon... kilde: Creuna.dk
25 %
                                                                I maj 2012 havde 50%
                                                                af danske familier en
                                                                smartphone...
              50 %                                                                   kilde: Dst.dk
                                                                                           (www.dst.dk/pukora/epub/Nyt/2012/NR229.pdf)



19 % har en tablet computer - 40 % af de, der ikke har en tablet
computer, påtænker at købe en tablet computer inden for det
kommende år
                                                                          Kilde: FDB Analyse
(DB Analyse (http://fdb.dk/analyse/vi-har-smartphones-%E2%80%93-nu-vil-vi-have-tablets))
Mobile enheder og Lærdansk
Hvad skal der bruges?
Kortlagde først "apps-typer":


Type               Kommentar

Mobil hjemmeside   Kører via mobilens web browser
                   og er en tilpasset hjemmeside

Web App            Kører via mobilens web browser
                   men ligner et mobilt app

Native App         Et rigtigt mobilt app som kan
                   benytte alle telefonens egenskaber
...og hvorfor?
"Stil altid spørgsmålet: Er det overhovedet
bøvlet værd, at lave et app... eller er en mobil
version af en hjemmeside tilstrækkelig?"
             Citat fra Martin Høegh Mortensen på Digitalisér Danmark konferencen 2012
Hvad var kravet igen?
Der skal være fokus på indhold og brugeren
...ikke på at programmere
Gennemsøgte internettet...
Ønskede en nem måde at få mobilen i spil...
Er udviklerne interesseret i at
udvikle til platformen?




                                                          Respondent-antal: 1869

Kilde: http://news.cnet.com/8301-30685_3-57400136-264/survey-android-programmers-shifting-toward-web-apps/
Valget blev en kombi...




                                             Kilde: Wikipedia
                          (http://en.wikipedia.org/wiki/PhoneGap)




        &
Popup
Ulemper ved denne metode?


● Kan ikke lave større spil

● Det er "ny" kode

● En smule langsommere

● og...
...betaling...




                                           http://build.phonegap.com




                                                   TOTAL PR MÅNED ≈    320 dkk

http://www.applicationcraft.com/features
Popup

    ...og det med småt... priser for at få lov til at gøre apps
    tilgængelig i de forskellige "butikker":

        ●   Apple/iOs = 99 $ pr. år
        ●   Microsoft/Windows Phone = 99 $ pr. år
        ●   Google/Android = 45 $ én gang

    dvs. 1424 dkk for alle tre det første år - og 1156 dkk pr. år
    efterfølgende...
De "hemmelige håndtryk"...
Android Keystore file... fra helvede:
keytool -genkey -v -keystore Laerdansk.keystore -alias Laerdansk -keyalg RSA -keysize 2048 -validity 10000
Det bureaukratiske APPLE...
Developer.apple.com
1. Ansøgning som Apple Udvikler
2. Godkendelsesproces (3 dage)
                               "Hello again Mr. Mortensen..."
iOS Provisioning portal
3. Udvikler Certifikat
4. Godkendelsesproces (20 minutter)
5. Udvikler Provisioning profil
                                                                          DING! DING! DING!
6. Godkendelsesproces (10 minutter)
7. App ID
8. Afsender App til Godkendelse
9. Godkendelsesproces (2-20 dage)
10. App'et er nu tilgængeligt på Apple AppStore




                                 https://developer.apple.com/ios/manage/overview/index.action
Men tilbage til formålet: Proceduren...

Hvordan gør vi det rigtigt?

Hvordan gør vi det billigt?

Hvordan gør vi det enkelt?
Design og brugergrænseflade

En masse teori, som
faktisk bare siger:
Gør det enkelt,
gennemskueligt og
husk brugeren!
   Designing Web Usability   Don't Make Me Think - A   The Design of Everyday   Interaction Design (2nd
                             Common Sense Approach     Things                   edition)
   Jacob Nielsen (1999)      To The Web Usability
                                                       Donald A. Norman         Helen Sharp, Yvonne
   New Riders Publishing     Steve Krug (2005)         (1988)                   Rogers, Jenny Preece
                                                                                (2007)
                             Pearson P T R
                                                       New York: Basic Books    Wiley
Popup




  Danske Bank Mobil App




                          Mobile112
Standard produkter...
Gør det enkelt og gør det let at genbruge...

Vi laver en app-manual
  ...med specifikke app-typer og screens
  ...hvad vi kan lave
  ...med overslag over priser
Konkret eksempel
Den første "rigtige" version
App-eksempel 1: Lærdansk app'et
● Generelt app som forklarer om hvad uddannelsen laver

● Hvad skal man have ud af undervisningen




               http://www.iconj.com/iphone_style_icon_generator.php
App-eksempel 2: Mobile produkter
● Apps som produkter af undervisningen

● Små film, billedserier som afhjælper reflektion

● Men hvorfor lave apps?
   Essentielt er, at det giver en merværdi at lave apps

   ...ellers kunne man bare benytte Evernote...
App-eksempel 3: Sprogforståelse
App udviklet af kursister eller af undervisere som hjælper
to-sprogede med at forstå dansk sprog/kultur, grammatik
mv.
Spørgsmål / kommentarer




         Jeg har et
         spørgsmål...
Ressourcer
 Beskrivelse                                                        Lokation
 ApplicationCraft's hjemmeside: Værktøj til at bygge apps           http://www.applicationcraft.com

 ApplicationCraft's Cheatscheet: Hjælp til at programmere de        http://www.applicationcraft.com/mobile-application/developer-
 forskellige widgets i værktøjet.                                   center/cheat-sheet

 PhoneGap Build: Værktøj til at konvertere kode til apps            http://build.phonegap.com

 jQuery Mobile: JAVA framework - får app til at tale med            http://www.jquerymobile.com
 hardware

 Apple's udvikler-program's hjemmeside                              https://developer.apple.com

 Guide til hvordan du laver en Android Keystore file                http://developer.android.com/guide/publishing/app-signing.html

 KLEAN's mobilstrategi                                              http://www.klean.dk/weblog/mobilstrategi-website-eller-app

 Min "korte" manual til hvordan man laver en Android Keystore fil   http://www.thomasmortensen.com/index.php/71-android-keystore-jdk

 Min hjemmeside: Små fif og manualer til mange forskellige ting     http://www.thomasmortensen.com

 VIFIN's hjemmeside (ny hjemmeside på vej...)                       http://www.vifin.dk

Min Twitter: ThomasOEM
Min e-mail adresse: thoom [snabel-A] vejle.dk

More Related Content

PDF
Fra idé til app: Makeable holder oplæg
PDF
Apps, hybrider eller responsivt design
PPTX
Mobile apps med html
PPTX
Succes med Hybrid Mobil App - Phonegap BDmobil 2014
PDF
Design til små skærme
KEY
폰갭 (PhoneGap) 발표자료. - 수정본
KEY
PhoneGap 101 & Toura Mulberry
Fra idé til app: Makeable holder oplæg
Apps, hybrider eller responsivt design
Mobile apps med html
Succes med Hybrid Mobil App - Phonegap BDmobil 2014
Design til små skærme
폰갭 (PhoneGap) 발표자료. - 수정본
PhoneGap 101 & Toura Mulberry

Viewers also liked (12)

KEY
Apps - Spild ikke dine brugeres tid
KEY
Phonegap 1.0
PDF
Creating and Distributing Mobile Web Applications with PhoneGap
PDF
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
PPTX
Introduction to Apache Cordova (Phonegap)
PDF
PhoneGap at JSConf
PDF
PhoneGap Talk @ Sencha Con 2010
PDF
Dreamweaver CS6, jQuery, PhoneGap, mobile design
PPT
Apache Cordova phonegap plugins for mobile app development
PDF
PhoneGap: Building Mobile Applications with HTML/JS
PPT
Cross platform mobile application development
KEY
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
Apps - Spild ikke dine brugeres tid
Phonegap 1.0
Creating and Distributing Mobile Web Applications with PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Introduction to Apache Cordova (Phonegap)
PhoneGap at JSConf
PhoneGap Talk @ Sencha Con 2010
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Apache Cordova phonegap plugins for mobile app development
PhoneGap: Building Mobile Applications with HTML/JS
Cross platform mobile application development
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
Ad

Similar to Lærdansk apps i udvikling (20)

PPTX
Introduktion til AMU SYD app'et
PPT
Apps storytelling
PPT
Apps storytelling
PPTX
Killer apps - sådan
PPT
Inspirationsdag 24. april: Udvikling af mobil applikationer med XPages
PDF
Mobile Applikationer - fra Idé til Marked
PDF
Mobile apps en introduktion
PPTX
Mobil tilstedeværelse. Muligheder og eksempler.
PPTX
User Experience 2012 - UX & Apps
PDF
Sådan planlagde vi en app for nationalparker: Fra bunden
PPTX
App udvikling iOS vs Android
PPTX
Mobile business apps 2011
PDF
Kommunerne på mobilen - Creuna på KL's Kommunikationsdøgn 2011
PPTX
Oplæg erfa 2.0
PDF
Har du styr på danskernes Smartphone adfærd, Marianne Wilke, track 3
PPTX
Mobile e handel januar 2012
PDF
Nye Digitale Touchpoints
PDF
Natur- og kulturmobil
PDF
Mobile websites vs. native apps
Introduktion til AMU SYD app'et
Apps storytelling
Apps storytelling
Killer apps - sådan
Inspirationsdag 24. april: Udvikling af mobil applikationer med XPages
Mobile Applikationer - fra Idé til Marked
Mobile apps en introduktion
Mobil tilstedeværelse. Muligheder og eksempler.
User Experience 2012 - UX & Apps
Sådan planlagde vi en app for nationalparker: Fra bunden
App udvikling iOS vs Android
Mobile business apps 2011
Kommunerne på mobilen - Creuna på KL's Kommunikationsdøgn 2011
Oplæg erfa 2.0
Har du styr på danskernes Smartphone adfærd, Marianne Wilke, track 3
Mobile e handel januar 2012
Nye Digitale Touchpoints
Natur- og kulturmobil
Mobile websites vs. native apps
Ad

More from Thomas Østerlund Mortensen (12)

PPTX
Personoplysninger på specialområdet
PPTX
PPTX
Hack dit legetøj
PPTX
Computerspil for unge med nedsat syn
PPTX
Game elements and learning
PDF
Teknologi fra vugge til skole
PPTX
Apps til læsesvage (mikro-workshop)
PDF
Mobilen i sprogundervisningen
PDF
Viden der virker (skole og uddannelse)
PDF
Spiller i også minecraft i undervisningen (workshop)
PPT
Augmented reality
PPTX
LMS suggested solution for DPU
Personoplysninger på specialområdet
Hack dit legetøj
Computerspil for unge med nedsat syn
Game elements and learning
Teknologi fra vugge til skole
Apps til læsesvage (mikro-workshop)
Mobilen i sprogundervisningen
Viden der virker (skole og uddannelse)
Spiller i også minecraft i undervisningen (workshop)
Augmented reality
LMS suggested solution for DPU

Lærdansk apps i udvikling

  • 1. Apps i udvikling Oplæg af Cand. pæd. Thomas Østerlund Mortensen Udviklingskonsulent, VIFIN Temadag på Lærdansk Odense, 5. november 2012
  • 2. Indhold 1. Introduktion til emnet 2. Hvorfor apps? 3. Før man starter 4. Værktøjer og certifikater 5. Forslag til Lærdansk apps 6. Ressourcer og kontakt
  • 3. Formål Vi skal snakke lidt om mine erfaringer med udviklingen af apps. Formålet er at I får et indblik i processerne, så vi efterfølgende, så småt, kan begynde at lege lidt med tanken om hvilke hjemmelavede apps, I kunne forestille jer at udvikle.
  • 4. Hvorfor overhovedet smartphones? I juli 2011 havde 25% af danskere mellem 15-65 år en iPhone eller en Android mobiltelefon... kilde: Creuna.dk 25 % I maj 2012 havde 50% af danske familier en smartphone... 50 % kilde: Dst.dk (www.dst.dk/pukora/epub/Nyt/2012/NR229.pdf) 19 % har en tablet computer - 40 % af de, der ikke har en tablet computer, påtænker at købe en tablet computer inden for det kommende år Kilde: FDB Analyse (DB Analyse (http://fdb.dk/analyse/vi-har-smartphones-%E2%80%93-nu-vil-vi-have-tablets))
  • 5. Mobile enheder og Lærdansk
  • 6. Hvad skal der bruges? Kortlagde først "apps-typer": Type Kommentar Mobil hjemmeside Kører via mobilens web browser og er en tilpasset hjemmeside Web App Kører via mobilens web browser men ligner et mobilt app Native App Et rigtigt mobilt app som kan benytte alle telefonens egenskaber
  • 7. ...og hvorfor? "Stil altid spørgsmålet: Er det overhovedet bøvlet værd, at lave et app... eller er en mobil version af en hjemmeside tilstrækkelig?" Citat fra Martin Høegh Mortensen på Digitalisér Danmark konferencen 2012
  • 8. Hvad var kravet igen? Der skal være fokus på indhold og brugeren ...ikke på at programmere
  • 9. Gennemsøgte internettet... Ønskede en nem måde at få mobilen i spil...
  • 10. Er udviklerne interesseret i at udvikle til platformen? Respondent-antal: 1869 Kilde: http://news.cnet.com/8301-30685_3-57400136-264/survey-android-programmers-shifting-toward-web-apps/
  • 11. Valget blev en kombi... Kilde: Wikipedia (http://en.wikipedia.org/wiki/PhoneGap) &
  • 12. Popup
  • 13. Ulemper ved denne metode? ● Kan ikke lave større spil ● Det er "ny" kode ● En smule langsommere ● og...
  • 14. ...betaling... http://build.phonegap.com TOTAL PR MÅNED ≈ 320 dkk http://www.applicationcraft.com/features
  • 15. Popup ...og det med småt... priser for at få lov til at gøre apps tilgængelig i de forskellige "butikker": ● Apple/iOs = 99 $ pr. år ● Microsoft/Windows Phone = 99 $ pr. år ● Google/Android = 45 $ én gang dvs. 1424 dkk for alle tre det første år - og 1156 dkk pr. år efterfølgende...
  • 16. De "hemmelige håndtryk"... Android Keystore file... fra helvede: keytool -genkey -v -keystore Laerdansk.keystore -alias Laerdansk -keyalg RSA -keysize 2048 -validity 10000
  • 17. Det bureaukratiske APPLE... Developer.apple.com 1. Ansøgning som Apple Udvikler 2. Godkendelsesproces (3 dage) "Hello again Mr. Mortensen..." iOS Provisioning portal 3. Udvikler Certifikat 4. Godkendelsesproces (20 minutter) 5. Udvikler Provisioning profil DING! DING! DING! 6. Godkendelsesproces (10 minutter) 7. App ID 8. Afsender App til Godkendelse 9. Godkendelsesproces (2-20 dage) 10. App'et er nu tilgængeligt på Apple AppStore https://developer.apple.com/ios/manage/overview/index.action
  • 18. Men tilbage til formålet: Proceduren... Hvordan gør vi det rigtigt? Hvordan gør vi det billigt? Hvordan gør vi det enkelt?
  • 19. Design og brugergrænseflade En masse teori, som faktisk bare siger: Gør det enkelt, gennemskueligt og husk brugeren! Designing Web Usability Don't Make Me Think - A The Design of Everyday Interaction Design (2nd Common Sense Approach Things edition) Jacob Nielsen (1999) To The Web Usability Donald A. Norman Helen Sharp, Yvonne New Riders Publishing Steve Krug (2005) (1988) Rogers, Jenny Preece (2007) Pearson P T R New York: Basic Books Wiley
  • 20. Popup Danske Bank Mobil App Mobile112
  • 21. Standard produkter... Gør det enkelt og gør det let at genbruge... Vi laver en app-manual ...med specifikke app-typer og screens ...hvad vi kan lave ...med overslag over priser
  • 24. App-eksempel 1: Lærdansk app'et ● Generelt app som forklarer om hvad uddannelsen laver ● Hvad skal man have ud af undervisningen http://www.iconj.com/iphone_style_icon_generator.php
  • 25. App-eksempel 2: Mobile produkter ● Apps som produkter af undervisningen ● Små film, billedserier som afhjælper reflektion ● Men hvorfor lave apps? Essentielt er, at det giver en merværdi at lave apps ...ellers kunne man bare benytte Evernote...
  • 26. App-eksempel 3: Sprogforståelse App udviklet af kursister eller af undervisere som hjælper to-sprogede med at forstå dansk sprog/kultur, grammatik mv.
  • 27. Spørgsmål / kommentarer Jeg har et spørgsmål...
  • 28. Ressourcer Beskrivelse Lokation ApplicationCraft's hjemmeside: Værktøj til at bygge apps http://www.applicationcraft.com ApplicationCraft's Cheatscheet: Hjælp til at programmere de http://www.applicationcraft.com/mobile-application/developer- forskellige widgets i værktøjet. center/cheat-sheet PhoneGap Build: Værktøj til at konvertere kode til apps http://build.phonegap.com jQuery Mobile: JAVA framework - får app til at tale med http://www.jquerymobile.com hardware Apple's udvikler-program's hjemmeside https://developer.apple.com Guide til hvordan du laver en Android Keystore file http://developer.android.com/guide/publishing/app-signing.html KLEAN's mobilstrategi http://www.klean.dk/weblog/mobilstrategi-website-eller-app Min "korte" manual til hvordan man laver en Android Keystore fil http://www.thomasmortensen.com/index.php/71-android-keystore-jdk Min hjemmeside: Små fif og manualer til mange forskellige ting http://www.thomasmortensen.com VIFIN's hjemmeside (ny hjemmeside på vej...) http://www.vifin.dk Min Twitter: ThomasOEM Min e-mail adresse: thoom [snabel-A] vejle.dk