TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

505 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
505
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

  1. 1. Mobilne Strony czyli przyszłość WWW
  2. 2. StatystykiMobilność
  3. 3. Statystyki 35% 11mln ruchu w sieci w 2015 roku będzie stanowił ruch z urządzeń mobilnych60% Polaków używa smartfona 64% Posiadaczy smarfonów nie wychodzi bez nich z domu 25% Rocznie rośnie liczba użytkowników smarfonów Źródło:mobiletrends.pl, Google – Our Mobile Planet: Polska, Poznaj konsumentów mobilnych, Maj 2013
  4. 4. Typy projektowania na mobile Responsive web design (RWD) Aplikacje Natywne (Appki) Mobilne Strony WWW Projektowanie na mobile
  5. 5. RWD Responsive Web Design dostosowują swój układ i wygląd do urządzenia na którym są wyświetlane.
  6. 6. Przykłady stron responsywnych www.bostonglobe.com
  7. 7. Przykłady stron responsywnych
  8. 8. Mobilna Strona WWW RWD Jeden adres URL Wspólny kod HTML, CSS, JS Wspólna zawartość informacyjna Jedno wdrożenie Duży rozmiar strony Wtyczki dostawców trzecich Kontekst użytkownika (rozdzielczość, połączenie) Trudne, czasochłonne testy Wysokie koszty utrzymania
  9. 9. Aplikacja Natywna Dostępna dopiero po zainstalowaniu na smartfonie Niedostępna w SERP Kosztowny Development 10.000 PLN + i aktualizacje (Android, iOS, Windows Phone) Offline/Online Notyfikacje Push Bardziej zaawansowane funkcjonalnie np. logowanie, zarządzanie kontem itp. Dostep do funckji telefonu np. kalendarz, żyroskop, akcelerometr itp
  10. 10. Dedykowana Strona Mobilna
  11. 11. Mobilna Strona WWW vs Tradycyjna Strona Mobilna Strona Ciężka, zbyt długo się ładuje Nawigacja przystosowana do operowania myszką Przeładowana treścią Niewygodne przeglądanie strony na małym ekranie Lekka, szybko się ładuje Nawigacja przystosowana do trybu dotykowego Zoptymalizowana do ekranu smartfona Zorientowana na akcje mobilnych użytkowników np. Wywołanie numeru telefonu, wskazówki dojazdu
  12. 12. Mobilna Strona WWW Mobilna Strona Lekka szybko się ładuje Dostępna online cały czas (SERP) Szybkie i tanie wdrożenie Tworzenie bez znajomości programowania(kreator) Wykorzystuje funkcje telefonu np. GPS, wywołanie numer telefonu (click to call) Dedykowana subdomena Osobny kontent
  13. 13. Video, Image, Text Click to call, Click to Sms Google Maps mCommerce, Business hours, Contact info Google calendar, Soundcloud, Google translate... Social components Kluczowe komponenty strony mobilnej
  14. 14. DeviceAPI Planowane funkcje telefonu do obsługi na stronach mobilnych Calendar API Contact API Media Stream Recording Media Stream Image Capture Sensors API Vibration API Battery Status API HTML Media Capture Device API Media Stream Image Capture Battery Status API
  15. 15. Przykłady Stron Mobilnych hair-salon.activemobi.com hotel.activemobi.comrestaurant.activemobi.com
  16. 16. Jak projektować mobilną stronę? Źródło: Materiały Google
  17. 17. Platforma do budowy stron mobilnych
  18. 18. www.activemobi.com/become-reseller Projektuj i sprzedawaj strony mobilne zostań resellerem
  19. 19. www.ActiveMobi.com Dziękujemy Łukasz Baran Grzegorz Miśta contact@activemobi.com

×