Sieć na urządzeniach mobilnych - jQuery Mobile

Rozwiązaniem byłoby stworzenie aplikacji na każde urządzenie i platformę Android, iOS, BlackBerry, Windows Phone itp.
Drugim byłoby stworzenie mobilnej wersji internetowej. Ciekawą opcją jest wykorzystanie Jquery mobile, frameworka Jquery, który ułatwia kompatybilne tworzenie stron internetowych zorientowanych na urządzenia mobilne. Jquery to framework javascript szeroko stosowany w tworzeniu stron internetowych.
Jednym z głównych celów Jquery mobile jest to, aby programista nie musiał walczyć z przeglądarkami o kompatybilność, ale raczej by framework zapewniał kompatybilność.
Zaczniemy od pobrania frameworka z http://jquerymobile.com/download/ bibliotek jquery i css, możemy użyć skompresowanych lub nieskompresowanych.
Tworzymy nagłówek sieci wskazujący biblioteki, z których będziemy korzystać

 Wynajmij samochód 

Następnie tworzymy treść sieci, nie eksponujemy tutaj CSS, ale możesz nadać mu żądany format i projekt. Framework Jqeury ma już zaprogramowane różne komponenty, abyśmy mogli wykorzystać i ułatwić zadanie. W tym przypadku użyjemy listview.

mini Cooper


Mercedes

Komponent listview przekształca listę html

przedmiot

na liście z atrybutem roli lisview

 

Element 1

Biblioteki mobilne i css Jquery mają już predefiniowany kod, który przekształci widok listy w menu podobne do tego, które zobaczymy
Pomysł więc na stronę wypożyczalni samochodów. Tam, gdzie użytkownik wybiera samochód, który chce i może przejść do karty technicznej, można również dodać formularz kontaktowy.

Widzimy, jak w tym przypadku widok listy stał się menu wyboru samochodów, przykładem jest tylko strona główna w sieci. Możemy również sprawdzić, czy działa na dowolnym urządzeniu mobilnym lub na komputerach.
Jest wiele atrybutów i zalet tego frameworka, inną możliwością dla naszej aplikacji byłoby podzielenie na kategorie za pomocą atrybutu list-divider, na przykład do podziału Sedan i Cabrio.

 
Sedan


mini Cooper

Kabriolet


Mercedes

Możliwości tworzenia aplikacji są nieograniczone, dla statycznych lub dynamicznych stron internetowych oraz aplikacji do przechwytywania danych.
Bardzo dobrym i darmowym narzędziem dla programistów jest Netbeans, ponieważ zawiera wszystkie biblioteki do tworzenia aplikacji z html5 i Jquery mobile.
Istnieją różne narzędzia online, takie jak http://ipadpeek.com/ do testowania aplikacji, chociaż nie są one całkowicie dokładne, ponieważ są symulatorami.
Możemy zobaczyć ten sam przykład, ale z zastosowanym atrybutem list-divider jako przykładPodobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt