Detta är det sjätte och avslutande steget i kursen RIA-utveckling med Javascript.
Jag tycker att arbetet med min applikation har gått bra. Det blev ingen “top notch”-applikation precis, men jag känner att jag har lärt mig mycket i de steg som vi var tvungna att gå igenom. Man blev tvungen till att planera sin applikation och fundera över hur den skulle vara uppbyggd innan man började arbeta på den.
jQuery Mobile (JQM) är ett JavaScript-ramverk för att skapa webbsidor anpassade för smartphones och tablets.
Baserat på jQuery core för att skapa en igenkänning när det gäller syntax och för att minimera inlärningskurvan.
Kompabilitet med alla stora mobila plattformar: iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo med bas-stöd för alla enheter som förstår HTML.
Lightweight (12k komprimerat för alla mobila funktioner) och minimal bildhantering för snabbhet.
HTML5 Markup-driven konfiguration av sidor och beteende för snabb utveckling och minimerat krav av externa script.
Automatisk initiering genom att använda HTML5 data-role attribut i HTML-kod som fungerar som avtryckare för att initiera alla jQuery Mobile widgets som finns på en sida.
Tillgänglighet: Funktioner som WAI-ARIA ingår också för att se till så att sidor fungerar för skärmläsare och andra hjälpmedel.
Nya events finns tillgängliga för att stödja touch och mus baserade användargränssnitt med ett enkelt API.
Nya plugins förbättrar ursprungliga kontroller med touch-optimering och tema-möjligheter.
Detta inlägg är en del av min fördjupning av jQuery Mobile i kursen RIA-utveckling med JavaScript på Linnéuniversitetet.
jQuery Mobile (JQM) använder standard html-element för att sedan förbättra och göra de mer attraktiva och lätta att använda.
Ett input-fält är egentligen inget nytt i JQM. Man använder det gamla vanliga input-elementet men ändrar utseendet på det med CSS3. Samma sak gäller password och textareas. Men med hjälp av fler standard HTML5 input typer kan man få ut mer av det vanliga input-elementet. Man kan använda email, tel, number och search med flera.
Detta inlägg är en del av min fördjupning av jQuery Mobile i kursen RIA-utveckling med JavaScript på Linnéuniversitetet.
Listor i jQuery Mobile (JQM) används till att visa data, navigering, resultatlistor och datainmatning så JQM innehåller ett brett spektrum av list-typer och formateringsexempel.
Jag har i detta inlägg enbart tänkt gå igenom den mest grundläggande av listor eftersom mycket bra exempel finns att hitta i JQM demo.
Detta inlägg är en del av min fördjupning av jQuery Mobile i kursen RIA-utveckling med JavaScript på Linnéuniversitetet.
Innehållet på sidor i jQuery Mobile (JQM) är helt fritt och du kan välja själv hur din applikation ska formateras. Men JQM tillhandahåller flera användbara verktyg för att underlätta utformningen av ens applikation. Man har tillgång till hopfällbara paneler och grids för att underlätta formateringen av innehållet för mobila enheter.
Detta inlägg är en del av min fördjupning av jQuery Mobile i kursen RIA-utveckling med JavaScript på Linnéuniversitetet.
JQM ”page” struktur är optimerad för att supporta antingen separata sidor eller internt länkade ”sidor” inom en sida.
Exempel på Separata Sidor
Exempel på Internt Länkade Sidor
Detta inlägg är en del av min fördjupning av jQuery Mobile i kursen RIA-utveckling med JavaScript på Linnéuniversitetet.
Alla layouts och widgets i jQuery Mobile är designade runt ett nytt objekt-orienterat CSS ramverk som gör det möjligt att applicera en färdig visuell design till sidor och applikationer.
JQM erbjuder ett tema som är färdigt att använda. Vill man sedan skapa ett eget tema kan man ta den erhållna CSS-filen och börja göra ändringar.
Detta inlägg är en del av min fördjupning av jQuery Mobile i kursen RIA-utveckling med JavaScript på Linnéuniversitetet.
Det finns ett antal olika metoder tillgängliga i jQuery Mobile. De kan användas till att byta sida med hjälp av kod, istället för att använda den inbyggda länkningen.
Detta inlägg är en del av min fördjupning av jQuery Mobile i kursen RIA-utveckling med JavaScript på Linnéuniversitetet.
tap – Triggars efter ett snabbt, genomfört touch event
taphold – triggars när användaren tappar och håller fingret nere (i nära 1 sekund)
swipe – triggars när användaren drar fingret horisontellt i minst 30px (och mindre än 20px vertikalt)
swipeleft – triggars när ett swipe-event genomförs i vänster riktning
swiperight – triggars när ett swipe-event genomförs i höger riktning
Detta är det sjätte steget i kursen RIA-utveckling med Javascript där vi ska färdigställa användargränssnittet av våra projekt.
Vad är ett bra användargränssnitt? Det är givetvis ett väldigt subjektivt begrepp. Vi kommer titta på det utifrån följande punkter:
Begreppet “bra användargränssnitt” är ett väldigt subjektivt begrepp, men vi har fått fyra stycken punkter som ska hjälpa oss att skapa och analysera vår design.
När jag valde att arbeta med jQuery Mobile som grund gjorde jag ett aktivt val. Med jQuery Mobile får man väldigt mycket när det kommer till användargränssnitt gratis. Eller, man får allt gratis. Kognition, design, dynamisk grafik, tillgänglighet, allt detta får man när man väljer att arbeta med jQuery Mobile. Jag trodde att det skulle hjälpa mig när jag väl kom till steget där jag skulle skapa min design och försöka sätta min egen applikations grafiska identitet. Get var inte så enkelt som jag trodde att det skulle vara.