Strona mobilna: Różnice pomiędzy wersjami

Z Wikipedii, wolnej encyklopedii
[wersja przejrzana][wersja nieprzejrzana]
Usunięta treść Dodana treść
Nie podano opisu zmian
Znaczniki: Z urządzenia mobilnego Z wersji mobilnej (przeglądarkowej)
→‎Porównanie mobilnych i tradycyjnych witryn internetowych: Dane sprzed prawie 10 lat w większości nie pokrywają się z rzeczywistością.
Linia 13: Linia 13:


{{osobny artykuł|XHTML Mobile Profile}}
{{osobny artykuł|XHTML Mobile Profile}}

== Porównanie mobilnych i tradycyjnych witryn internetowych ==
{| class="wikitable" style="text-align:left"
!
! Mobilne witryny internetowe
! Tradycyjne witryny internetowe
|-
| '''Średnia długość sesji'''
| 2-3 minuty
| 10-15 minut
|-
| '''Minimalna wielkość ekranu'''
| 90x60
| 800x600
|-
| '''Maksymalna wielkość ekranu'''
| 240x400 (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. <br />
Dostępne w formie standardów ECMAScript-MP <br />
i [[Java Script]].<br />
Obsługa technologii DOM (ang. ''Document Object Model'') <br />
i odpowiednich zdarzeń bywa różna.<br />
Dużą popularnością cieszą się interfejsy API <br />
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:<ref>Fredrick, G.R. i Lal, R. (2010) ''Projektowanie witryn internetowych dla urządzeń mobilnych.'' GLIWICE: Helion</ref>


== Przystosowanie serwisu WWW do wersji mobilnej ==
== Przystosowanie serwisu WWW do wersji mobilnej ==

Wersja z 11:47, 9 lis 2019

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 palmtopy. 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).

 Osobny artykuł: XHTML Mobile Profile.

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:[1]

Zobacz też

Przypisy

  1. ClickMaster Polska [online], www.clickmaster.pl [dostęp 2018-02-15] (ang.).

Linki zewnętrzne