Noen ressurser

KBleivik
Site Admin
Innlegg: 30
Registrert: fre mar 29, 2013 7:52 pm

Noen ressurser

Legg innav KBleivik » fre mar 29, 2013 10:00 pm

1. Standarder for Web Applikasjoner på mobile plattformer

W3C lister disse standardene

http://www.w3.org/2011/02/mobile-web-app-state.html

på sin side: W3C Mobile Web initiative: http://www.w3.org/Mobile/

Merk at Web Hypertext Application Technology Working Group (WHATWG) http://www.whatwg.org/ generelt setter en komplementær såkalt "live" standard.

2. Ulike teknologier.

Nå man diskuterer mobile plattformer er det lett å bli opphenkt i ulike teknologier, programmeringsspråk, operativsystemer, plattformer og nettlesere. Da kan det være greitt å minne om følgende sitat av Barbara Billard

Fundamentally, "mobile" refers to the user and not the device or the application.


som hun nevner i sin bok "Designing the Mobile User Experience".

Grovt sett er der tre teknologier:
  1. Web steder for mobile plattformer.
  2. Native web applikasjoner for smarte hjelpemidler som for eksempel iPad, iPhone, Android ...
    Har man allerede en web site, dkal det ikke alltid så mye til for å skreddersy den til mobile plattformer.
  3. Hybride web applikasjoner basert på for eksemple PhoneGap.

mobile = mobility

Therefore, mobile design is the art of communicating within an environment of mobility.

Cameron Moll

Les mer her:

http://www.oopschool.com/phpBB3/viewfor ... d87b194057

samt denne http://www.alistapart.com/articles/resp ... eb-design/ klassiske artiklen.

Ulike smart telefoner bruker ulike operativ systemer og programmeringsspråk. De er basert på et eget operativssystem som iOS, eget programmeringsspråk som for eksempel Java (android) og Objective-C (iPhone). De applikasjonene som kjører på en spesifikk plattform er raskere enn en web applikasjon som trenger en nettleser.

Les mer her: http://www.kjellbleivik.com/Books/mobile.php

3. Mobile design mønstre.

http://mobile-patterns.com/

http://mobiledesignpatterngallery.com/m ... tterns.php

http://www.uxbooth.com/blog/mobile-design-patters/

4. Nyttige hjelpemidler.

http://phonegap.com/

PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores.


http://www.webkit.org/

http://www.balsamiq.com/products/mockups

https://gomockingbird.com/

http://www.omnigroup.com/products/omnigraffle/

http://graffletopia.com/

http://www.w3.org/TR/media-capture-api/

Media capture API gjør det mulig å for nettleseren og aksessere videoer og bilde filer fra plattformens kamera samt lyd fra mikrofonen.

http://www.tripwiremagazine.com/2011/09 ... lates.html

http://37signals.com/ | basecamphq.com/ | http://highrisehq.com/ |

5. Teste mobile nettsiter.

http://www.opera.com/developer/tools/mobile/

Connect with Opera Dragonfly

Connect the Opera Mobile Emulator to Opera Dragonfly and do your mobile CSS, JS and performance debugging, using a powerful developer toolkit.


http://www.opera.com/developer/tools/mini/

http://www.makeuseof.com/tag/test-mobil ... -emulator/

http://www.multibrowserviewer.com/

http://www.digitalfamily.com/dreamweave ... -test.html

http://stackoverflow.com/questions/6391 ... of-plugins

http://www.dummies.com/how-to/content/t ... owser.html

http://code.google.com/speed/page-speed/

http://www.practicalecommerce.com/artic ... e-Browsers

http://techie-buzz.com/tips-and-tricks/ ... refox.html

http://sixrevisions.com/tools/10-excell ... e-devices/

http://www.mediawiki.org/wiki/Mobile_browser_testing

6. Noen eksempler på mobile web siter.

Generelt er ofte mobile versjoner av en site implmentert som en lenke til en mobil versjon av siten, som da er implementert som et eget domene for eksempel som site.mobi, til en sub site som for eksempel mobile.site.com eller til en site i en egen mappe. Flere og flere firmaer lager slike siter, så se om du finner noen når du surfer på nettet.

Mobile Facebook eller Facebook touch

http://www.insidefacebook.com/2011/09/2 ... 5-spartan/

Facebook er et utmerket eksempel på en site som har tilpasset seg den mobile verden: http://allthingsd.com/20110125/facebook ... -on-html5/

De har to utgaver, en mobil:

http://www.facebook.com/mobile/ eller http://m.facebook.com/ hvor lenken er gitt i fotnoten på web siten http://www.facebook.com/

og en basert på berøring:

http://touch.facebook.com/ som det ikke er så vanlig å finne en lenke til.

Twitter mobile.

http://twittme.mobi/

http://twitter.com/twittermobile

https://mobile.twitter.com/signup

YouTube mobile

http://www.youtube.com/mobile

http://googlesystem.blogspot.com/2008/0 ... ation.html

Se også:

http://www.usatoday.com/money/industrie ... 7_ST_N.htm

7. Noen nyttige artikler

https://developer.mozilla.org/en/Mobile ... t_meta_tag

http://www.html5rocks.com/en/mobile/mobifying.html

http://www.internetretailer.com/2011/11 ... er-support

http://en.wikipedia.org/wiki/Mobile_commerce

8. Rammeverk

http://jquerymobile.com/

http://www.sencha.com/products/touch/

9. Nyttige lenker å følge

http://www.cameronmoll.com/

http://techblog.netflix.com/

10. Noen nyttige søkestrenger

shopping at your fingertips

ecommerce mobile

mobile shopping

mobile design patterns

Er man interessert i de siste nyhenten rundt slike uttrykk, kan det være lurt å sette opp Google alerts http://www.google.com/alerts på dem.

11. Trender

By 2013, mobile phones will overtake PCs as the most common Web access device worldwide. According to Gartner's PC installed base forecast, the total number of PCs in use will reach 1.78 billion units in 2013. By 2013, the combined installed base of smartphones and browser-equipped enhanced phones will exceed 1.82 billion units and will be greater than the installed base for PCs thereafter.

Mobile Web users are typically prepared to make fewer clicks on a website than users accessing sites from a PC. Although a growing number of websites and Web-based applications offer support for small-form-factor mobile devices, many still do not. Websites not optimized for the smaller-screen formats will become a market barrier for their owners — much content and many sites will need to be reformatted/rebuilt.

Kilde: http://www.gartner.com/it/page.jsp?id=1278413

http://www.gartner.com/technology/core/ ... reless.jsp

http://www.gartner.com/technology/it-in ... rategy.jsp

http://gs.statcounter.com/

http://gs.statcounter.com/#mobile_brows ... 012-201112

12. Litteratur.

http://www.packtpub.com/drupal-7-with-m ... guide/book

http://www.abookapart.com/

http://mobiledesignpatterngallery.com/

http://mobilewebbook.com/

http://www.packtpub.com/books/mobile

http://www.sitepoint.com/books/mobile1/

Kode følger med den sitepoint boken og jeg har lastet den opp på nettet.

http://www.kjellbleivik.com/Books/SpMobile/content.htm

Jeg anbefaler deg å kjøpe boken og studere kildekoden om du har tid.

Denne http://eu.wiley.com/WileyCDA/WileyTitle ... 33614.html boken finnes i PDF versjon på nettet.

Gå tilbake til «Mobile nettsider og applikasjoner generelt»

Hvem er online

Brukere i dette forumet: Ingen registrerte brukere og 1 gjest