Strona mobilnastrona internetowa, która przystosowana jest do wyświetlania na różnorodnych urządzeniach mobilnych mogących komunikować się z globalną siecią za pomocą własnych protokołów bezprzewodowych. Urządzeniami tymi mogą być telefony komórkowe, smartfony czy tablety. Strony mobilne są zazwyczaj uzupełnieniem „zwykłych” stron internetowych.

Strony mobilne przeglądane przy pomocy urządzeń mobilnych spełniają funkcję czysto informacyjną, natomiast aplikacje mobilne to programy, które rozwijają funkcjonalność tych urządzeń oraz działają nawet, gdy użytkownik nie jest podłączony do sieci internetowej.

Historia edytuj

Początkowo strony mobilne były tworzone w protokole WAP (Wireless Application Protocol). Pierwsza wersja tego protokołu powstała już w 1998 roku. Wersja 1.1. powstała rok później, a WAP 2.0 w 2001 roku. Strony mobilne w tym protokole były prostymi stronami tekstowymi i zawierały niewiele informacji. Nie można ich było także przeglądać na komputerze, chyba że za pośrednictwem specjalnego emulatora. Technologia ta nie zdobyła jednak większej popularności. Czynnikami, które negatywnie wpływały na użyteczność stron WAP, to niewielka prędkość transferu, jego wysoka cena, a także obiekcje co do bezpieczeństwa przesyłania danych. Językiem wykorzystywanym do projektowania mobilnych stron internetowych w protokole WAP jest WML, będący uproszczoną wersją html.

Protokół WAP odszedł w zapomnienie, wraz z pojawieniem się nowoczesnych telefonów komórkowych. Obecnie, prawie każdy telefon komórkowy wyposażona jest w przeglądarkę internetową o możliwościach zbliżonych do przeglądarek dostępnych na komputerach. Dzięki temu, mobilne strony internetowe przypominają, pod względem funkcjonalności, tradycyjne witryny.

Standardowym językiem programowania mobilnych stron Internetowych jest w chwili obecnej XHTML Mobile Profile (XHTML-MP).

Osobny artykuł: XHTML Mobile Profile.

Porównanie mobilnych i tradycyjnych witryn internetowych edytuj

Mobilne witryny internetowe Tradycyjne witryny internetowe
Średnia długość sesji 2-3 minuty 10-15 minut
Minimalna wielkość ekranu 90×60 800×600
Maksymalna wielkość ekranu 240×400 (w popularnych urządzeniach) Nieograniczona
Producenci przeglądarek 12+ i ciągle rośnie Dwa podmioty z ponad 5% udziałem w rynku
Błędy w przeglądarkach Częste i niemal nigdy nieusuwane

(poza smartfonami z aktualizowanymi systemami komercyjnymi)

Rzadkie i łatwe do usunięcia
Standardy W3C Sporadyczne; nierzadko ignorowane

lub wręcz zwalczane przez producentów

Dojrzałe i powszechnie akceptowane
Języki znaczników WML, CHTML, XHTML Basic,

XHTML-MP, XHTML, HTML

XHTML, HTML
JavaScript i AJAX Nieobsługiwane przez 90% urządzeń mobilnych.

Dostępne w formie standardów ECMAScript-MP
i Java Script.
Obsługa technologii DOM (ang. Document Object Model)
i odpowiednich zdarzeń bywa różna.
Dużą popularnością cieszą się interfejsy API
poszczególnych producentów.

Obsługiwane w zdecydowanej

większości przypadków

Grupa klientów 3 miliardy użytkowników urządzeń

mobilnych na całym świecie

Miliard notebooków, komputerów

stacjonarnych i serwerów

Źródło:[1]

Przystosowanie serwisu WWW do wersji mobilnej edytuj

Przystosowanie serwisu WWW do wersji mobilnej następuje w kilku obszarach.

  • Koszt – bardzo często użytkownicy mobilni są rozliczani za pobrane dane. Należy minimalizować koszty, na jakie ich narażamy poprzez lekki layout serwisu.
  • Szybkość działania – dostęp mobilny odbywa się zazwyczaj wolniej niż na popularnych łączach szerokopasmowych(inne języki). Należy zastosować techniki umożliwiające minimalizację opóźnień.
  • Nawigacja – charakterystyka urządzeń mobilnych wymaga zupełnie innego zaprojektowania. Należy brać pod uwagę małe wymiary wyświetlacza, pracę w ciężkich warunkach, możliwość wystąpienia nawigacji z klawiatury lub ekranu dotykowego oraz wiele innych czynników.
  • Poprawne działanie – urządzenia mobilne nie wykształciły jeszcze spójnego standardu technologicznego. Należy dopasowywać serwowane dane w zależności od wykrytej przeglądarki w urządzeniu. Należy też przeprowadzić testy serwisu w najpopularniejszych urządzeniach.
  • Kontekst – potrzeby użytkowników mobilnych są diametralnie różne od potrzeb użytkowników klasycznych. Konieczna jest analiza potrzeb dla ustalenia wartości kluczowych dla użytkownika mobilnego.
  • Przystosowanie strony do rozmiarów ekranu urządzeń mobilnych

Jak wygląda strona mobilna edytuj

  • brak zbędnych grafik,
  • uproszczony styl,
  • bezszeryfowe czcionki, brak kursywy (ważne, żeby tekst był maksymalnie czytelny),
  • linki rozmieszczone w kilku rzędach lub pionowo,
  • najważniejsze informacje należy umieścić w górnej części strony (ważne, aby były widoczne bez konieczności przewijania ekranu),
  • bardzo ważne jest oddzielenie stylów od kodu [HTML] – pozwoli to użytkownikom na uniknięcie konieczności podwójnego pobierania danych,
  • stronę najlepiej umieścić na odrębnej, specjalnie przystosowanej do treści mobilnych domenie lub subdomenie.

Źródło:[2]

Zobacz też edytuj

Przypisy edytuj

  1. Fredrick, G.R. i Lal, R. (2010) Projektowanie witryn internetowych dla urządzeń mobilnych. GLIWICE: Helion
  2. ClickMaster Polska, www.clickmaster.pl [dostęp 2018-02-15] [zarchiwizowane z adresu 2016-03-04] (ang.).

Linki zewnętrzne edytuj