Strona mobilna – strona 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
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).
Porównanie mobilnych i tradycyjnych witryn internetowych
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 |
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
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. 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
- 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ż
Przypisy
- ↑ Fredrick, G.R. i Lal, R. (2010) Projektowanie witryn internetowych dla urządzeń mobilnych. GLIWICE: Helion
- ↑ ClickMaster Polska [online], www.clickmaster.pl [dostęp 2018-02-15] [zarchiwizowane z adresu 2016-03-04] (ang.).