Apps i udvikling

Oplæg afCand. pæd. Thomas Østerlund MortensenUdviklingskonsulent, 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... 25 % kilde: Creuna.dk

50 %

I maj 2012 havde 50% af danske familier en smartphone... 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...

TOTAL PR MÅNED ≈ 320 dkk

http://www.applicationcraft.com/features

http://build.phonegap.com

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.com1. Ansøgning som Apple Udvikler2. Godkendelsesproces (3 dage)

"Hello again Mr. Mortensen..."iOS Provisioning portal3. Udvikler Certifikat4. Godkendelsesproces (20 minutter)5. Udvikler Provisioning profil6. Godkendelsesproces (10 minutter)7. App ID8. Afsender App til Godkendelse9. Godkendelsesproces (2-20 dage)10. App'et er nu tilgængeligt på Apple AppStore

https://developer.apple.com/ios/manage/overview/index.action

DING! DING! DING!

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

Designing Web Usability

Jacob Nielsen (1999)

New Riders Publishing

Don't Make Me Think - A Common Sense Approach To The Web Usability

Steve Krug (2005)

Pearson P T R

The Design of Everyday Things

Donald A. Norman (1988)

New York: Basic Books

Interaction Design (2nd edition)

Helen Sharp, Yvonne Rogers, Jenny Preece (2007)

Wiley

En masse teori, som faktisk bare siger: Gør det enkelt, gennemskueligt og husk brugeren!

Popup

Mobile112

Danske Bank Mobil App

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

Min Twitter: ThomasOEM

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

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 forskellige widgets i værktøjet.

http://www.applicationcraft.com/mobile-application/developer-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 hardware

http://www.jquerymobile.com

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