Afholdte et oplæg omkring hvordan vi har udviklet apps og hvad man skal tage højde for i udviklingen af apps - sidst to vi en konkret snak om hvad Lærdansk kan udvikle apps til.
Apps, hybrider eller responsivt designJeppe Hansen
Gennemgang af den mobile verden, når det kommer til valg af platform / fordele og ulemper ved Mobile web, særskilte mobilsites, Web apps, Hybrid apps og Native apps. VIdeo af præsentation findes på Vertica.dk + Blog indlæg inden længe.
Succes med Hybrid Mobil App - Phonegap BDmobil 2014Jeppe Hansen
Hybrid mobil app til Brødrene Dahl baseret på Phonegap. Kan det svare sig at lave hybrid apps anno 2014. Er teknologien moden ? Hvad siger kunderne/brugerne ? Kan man spare penge ved at vælge hybride mobil apps til iOS, Android og Windows Phone frem for Native apps ?
(Danish) Slides fra foredrag om design til mobile enheder. Fokus er ikke lagt på den tekniske udførsel men mere, forståelsen af det ændrede fokus hos modtageren og brugerpositioner når en webside besøges fra desktop og mobil.
Denne præsentation blev afholdt for Region Midtjylland for at vise vores erfaringer med at inddrage brugeren i processen. Ydermere forsøgte jeg at vise mulighederne for selv at lave apps
PhoneGap is an open source framework for building cross-platform mobile applications with HTML, CSS, and JavaScript. This is an ideal solution for web developers interested in mobile development as it allows them to leverage existing skills rather than start form scratch with a device-specific compiled language; it also works well if you want an application to run on multiple devices with the same code base. In this talk, I'll discuss the pros and cons of PhoneGap, give a brief survey of other cross-platform mobile application frameworks, an overview to the PhoneGap architecture/ecosystem, and discuss our new open-source framework, Mulberry.
For more info, please visit http://mulberry.toura.com
Apps, hybrider eller responsivt designJeppe Hansen
Gennemgang af den mobile verden, når det kommer til valg af platform / fordele og ulemper ved Mobile web, særskilte mobilsites, Web apps, Hybrid apps og Native apps. VIdeo af præsentation findes på Vertica.dk + Blog indlæg inden længe.
Succes med Hybrid Mobil App - Phonegap BDmobil 2014Jeppe Hansen
Hybrid mobil app til Brødrene Dahl baseret på Phonegap. Kan det svare sig at lave hybrid apps anno 2014. Er teknologien moden ? Hvad siger kunderne/brugerne ? Kan man spare penge ved at vælge hybride mobil apps til iOS, Android og Windows Phone frem for Native apps ?
(Danish) Slides fra foredrag om design til mobile enheder. Fokus er ikke lagt på den tekniske udførsel men mere, forståelsen af det ændrede fokus hos modtageren og brugerpositioner når en webside besøges fra desktop og mobil.
Denne præsentation blev afholdt for Region Midtjylland for at vise vores erfaringer med at inddrage brugeren i processen. Ydermere forsøgte jeg at vise mulighederne for selv at lave apps
PhoneGap is an open source framework for building cross-platform mobile applications with HTML, CSS, and JavaScript. This is an ideal solution for web developers interested in mobile development as it allows them to leverage existing skills rather than start form scratch with a device-specific compiled language; it also works well if you want an application to run on multiple devices with the same code base. In this talk, I'll discuss the pros and cons of PhoneGap, give a brief survey of other cross-platform mobile application frameworks, an overview to the PhoneGap architecture/ecosystem, and discuss our new open-source framework, Mulberry.
For more info, please visit http://mulberry.toura.com
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry
The final demo for this presentation can be downloaded at:
https://www.dropbox.com/s/9j09wip6wz84b61/JSDevConMobile-JQM-PhoneGap-Demo.zip
SESSION ABSTRACT
=================
Write Once, Run Everywhere. How many times have we been promised true cross-platform development? HTML5 seems to be the closest we’ve ever been to writing applications once and running them on multiple mobile devices, such as iOS, Android, Windows Phone or Blackberry.
But native mobile apps have taken all the spotlight in recent years thanks to the introduction of hundreds of thousands of apps in various app stores from Apple, Google, Microsoft and BlackBerry. Apps offer a great native platform experience, but they can be expensive to build and require specific languages, SDKs and skill sets across multiple platforms. Mobile web sites offer a great way to engage with consumers and corporate workers alike without requiring the installation of any app, and can in turn be adapted as deployable "hybrid" apps.
This session explores the fundamentals of native vs. web apps, and how to choose the right approach for any given scenario. We begin with an exploration of the benefits of web development for smartphones using the most popular HTML5 & JavaScript framework for mobile: jQuery Mobile (JQM). We’ll go over a quick primer on HTML5, CSS3 and JavaScript, followed by everything you need to get started with JQM. We’ll cover the most common development environment options, how to build your first jQuery Mobile page, and how to debug your mobile web code with some of the available tools. We’ll also discuss how to develop a native-like experience on each mobile platform thanks to JQM’s adaptive rendering, and how to save and retrieve data with the cloud using Microsoft Azure Mobile Services.
We'll then learn how to leverage PhoneGap to wrap our mobile web UI into a native smartphone or tablet app. Discover how PhoneGap exposes native device hardware like cameras, sensors, GPS and more. We’ll also discuss the pros and cons of PhoneGap-based apps, how to deal with the UI design guidelines across platforms, and learn some do’s and don’ts of cross-platform mobile development.
Native mobile apps have their place for mass market revenue-generating models, but you also need to master cross-platform techniques when the situation calls for it such as in enterprise mobility scenarios and other niche areas. Web development is a critical skill required by every mobile developer; come learn how to get started and reach hundreds of millions of users through a smart mobile web & hybrid approach.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
Apache Cordova phonegap plugins for mobile app developmentwebprogr.com
Phonegap application development company - Using Apache Cordova 6.0 + plugins
Webprogr.com's experience and expertise as an experienced Phonegap application development company in designing and developing engaging mobile applications help serve your enterprise cross platform business app needs better. Our rich Phonegap cross platform development experience, flexible business model, and rigorous processes can translate to high quality, faster time-to-market, and cost effective mobile apps.Webprogr.com is ranked among the best phonegap developers and top cross platform mobile application development companies in India. To discuss more on cross platform app developers and PhoneGap experts' services and how we could help you with your enterprise app needs please contact us at sales@webprogr.com or call TEL: USA 703 495 5847 , INDIA: +91 44 24850191.
PhoneGap: Building Mobile Applications with HTML/JSRyan Stewart
An overview of PhoneGap. Covers the basics about what PhoneGap is, how to get started, how to use the device APIs, and how to debug it along with some other things to consider when building mobile applications with HTML/JS/CSS.
Cross platform mobile application developmentwebprogr.com
High performance Cross Platform PhoneGap application development framework is a perfect complement to Adobe’s broad family of developer solutions, and will allow all of us to continue to provide content publishers and developers with the best, cutting-edge solutions for creating innovative applications across platforms and devices.It is a real rapid application development tool.
Developing Phonegap apps are best suited for Enterprise apps and Enterprise mobile solutions
UX & APPS v/Tobias Høgsberg
Apps opfylder og overtager i stigende grad en række funktioner, der før var forbeholdt websider. Mobiltelefonen er den eneste mediekanal, vi er i kontakt med næsten døgnet rundt, og potentialet for at bruge den til effektive og kreative markedsføringstiltag er derfor enormt. Tine vil svare på:
Hvordan udvikler man apps, der ikke bare er en spejling af en eksisterende hjemmeside, men som bruger app’ens unikke styrker, og engagerer brugeren?
Hvad betyder UX for en vellykket Mobile Marketing strategi?
Denne præsentation omhandler et app jeg udviklede til det EU støttede projekt "Mobil efteruddannelse". I præsentationen fortalte jeg om vores forløb med at udvikle app'et og hvordan app'et skulle anvendes. App'et er udelukkende udviklet vha gratisværktøjer. Dog skulle vi betale for at blive udvikler til Google Play. App'et kan findes på Google play og har navnet "AMU SYD Serviceassistent".
Mobile Business trends anno 2011. Danish presentation. Ipads entry to business market. Cases and concepts, trends and stats, VERTICA
http://vimeo.com/33878494
Digital Identitet og LinkedIn - en iværksætters erfaringer på godt og ondtHarald Reedtz Tokerød
Oplæg afholdt på Stjerneskibets iværksættercafe d. 8. maj 2013.
Fortællingen om at springe ud som iværksætter - overgangen fra intrepreneur til entreprenør, skabelsen af en Digital Identitet og rejsen fra Tokeroed Consulting til House of Relations.
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry
The final demo for this presentation can be downloaded at:
https://www.dropbox.com/s/9j09wip6wz84b61/JSDevConMobile-JQM-PhoneGap-Demo.zip
SESSION ABSTRACT
=================
Write Once, Run Everywhere. How many times have we been promised true cross-platform development? HTML5 seems to be the closest we’ve ever been to writing applications once and running them on multiple mobile devices, such as iOS, Android, Windows Phone or Blackberry.
But native mobile apps have taken all the spotlight in recent years thanks to the introduction of hundreds of thousands of apps in various app stores from Apple, Google, Microsoft and BlackBerry. Apps offer a great native platform experience, but they can be expensive to build and require specific languages, SDKs and skill sets across multiple platforms. Mobile web sites offer a great way to engage with consumers and corporate workers alike without requiring the installation of any app, and can in turn be adapted as deployable "hybrid" apps.
This session explores the fundamentals of native vs. web apps, and how to choose the right approach for any given scenario. We begin with an exploration of the benefits of web development for smartphones using the most popular HTML5 & JavaScript framework for mobile: jQuery Mobile (JQM). We’ll go over a quick primer on HTML5, CSS3 and JavaScript, followed by everything you need to get started with JQM. We’ll cover the most common development environment options, how to build your first jQuery Mobile page, and how to debug your mobile web code with some of the available tools. We’ll also discuss how to develop a native-like experience on each mobile platform thanks to JQM’s adaptive rendering, and how to save and retrieve data with the cloud using Microsoft Azure Mobile Services.
We'll then learn how to leverage PhoneGap to wrap our mobile web UI into a native smartphone or tablet app. Discover how PhoneGap exposes native device hardware like cameras, sensors, GPS and more. We’ll also discuss the pros and cons of PhoneGap-based apps, how to deal with the UI design guidelines across platforms, and learn some do’s and don’ts of cross-platform mobile development.
Native mobile apps have their place for mass market revenue-generating models, but you also need to master cross-platform techniques when the situation calls for it such as in enterprise mobility scenarios and other niche areas. Web development is a critical skill required by every mobile developer; come learn how to get started and reach hundreds of millions of users through a smart mobile web & hybrid approach.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
Apache Cordova phonegap plugins for mobile app developmentwebprogr.com
Phonegap application development company - Using Apache Cordova 6.0 + plugins
Webprogr.com's experience and expertise as an experienced Phonegap application development company in designing and developing engaging mobile applications help serve your enterprise cross platform business app needs better. Our rich Phonegap cross platform development experience, flexible business model, and rigorous processes can translate to high quality, faster time-to-market, and cost effective mobile apps.Webprogr.com is ranked among the best phonegap developers and top cross platform mobile application development companies in India. To discuss more on cross platform app developers and PhoneGap experts' services and how we could help you with your enterprise app needs please contact us at sales@webprogr.com or call TEL: USA 703 495 5847 , INDIA: +91 44 24850191.
PhoneGap: Building Mobile Applications with HTML/JSRyan Stewart
An overview of PhoneGap. Covers the basics about what PhoneGap is, how to get started, how to use the device APIs, and how to debug it along with some other things to consider when building mobile applications with HTML/JS/CSS.
Cross platform mobile application developmentwebprogr.com
High performance Cross Platform PhoneGap application development framework is a perfect complement to Adobe’s broad family of developer solutions, and will allow all of us to continue to provide content publishers and developers with the best, cutting-edge solutions for creating innovative applications across platforms and devices.It is a real rapid application development tool.
Developing Phonegap apps are best suited for Enterprise apps and Enterprise mobile solutions
UX & APPS v/Tobias Høgsberg
Apps opfylder og overtager i stigende grad en række funktioner, der før var forbeholdt websider. Mobiltelefonen er den eneste mediekanal, vi er i kontakt med næsten døgnet rundt, og potentialet for at bruge den til effektive og kreative markedsføringstiltag er derfor enormt. Tine vil svare på:
Hvordan udvikler man apps, der ikke bare er en spejling af en eksisterende hjemmeside, men som bruger app’ens unikke styrker, og engagerer brugeren?
Hvad betyder UX for en vellykket Mobile Marketing strategi?
Denne præsentation omhandler et app jeg udviklede til det EU støttede projekt "Mobil efteruddannelse". I præsentationen fortalte jeg om vores forløb med at udvikle app'et og hvordan app'et skulle anvendes. App'et er udelukkende udviklet vha gratisværktøjer. Dog skulle vi betale for at blive udvikler til Google Play. App'et kan findes på Google play og har navnet "AMU SYD Serviceassistent".
Mobile Business trends anno 2011. Danish presentation. Ipads entry to business market. Cases and concepts, trends and stats, VERTICA
http://vimeo.com/33878494
Digital Identitet og LinkedIn - en iværksætters erfaringer på godt og ondtHarald Reedtz Tokerød
Oplæg afholdt på Stjerneskibets iværksættercafe d. 8. maj 2013.
Fortællingen om at springe ud som iværksætter - overgangen fra intrepreneur til entreprenør, skabelsen af en Digital Identitet og rejsen fra Tokeroed Consulting til House of Relations.
Mobil, mobil og mere mobil. Med den hastige udbredelse af smartphones og det mobile net, er de færreste i dag i tvivl om, at mobilen er en salgs- og marketingkanal, som skal tages seriøst. Men, hvordan kommer man godt i gang med mobil e-handel? Skal man satse på apps eller mobilweb? Og hvordan ser markedet for mobilbetaling egentlig ud?
If you consider using game elements in education, this presentation gives a hint at how to do it.. not only on a digital level, but also in the psysical classroom.
See what you should think about when it comes to motivation and fun :-)
Et oplæg jeg afholdte den 30. oktober 2012. Omhandler både hvorfor man skal digitalisere før-skolen generelt, men også vores projekt med dagtilbud ved Vejle Kommune.
Denne præsentation giver en del apps til brugen i undervisningen af læsesvage og ordblinde. Mikro-workshoppen var en del af Den afsluttende konference for det EU støttede projekt Mobil Efteruddannelse som VIFIN afholdt den 14. august 2012
Dette er en workshop som Anne Charlotte Petersen og jeg holdte på et sprogcenter. Formålet var at vise underviserne mulighederne ved at inddrage mobile enheder i undervisningen af f.eks. indvandrere
This presentation was used at a three hour workshop, where I (Thomas Østerlund Mortensen) argued why MinecraftEdu sould be used in education. After this presentation we played aroud on our MinecraftEdu Shool server
Da "Det mobile Vejle" afholdte netværksmøde (7. februar 2012) i Spinderihallerne. Gav jeg en "præsentation" om mulighederne for brugen af Augmented Reality i undervisningen. Ydermere legede vi også lidt med AR visitkort for at tække de virksomheder der var til stede.
Creative common: Del og brug så længe du henviser til hvor du har det fra :-)
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))
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
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)
&
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...
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
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.
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