web 2.0 - wyzwania technologiczne
DESCRIPTION
Zebranie i wyjaśnienie największych wyzwań technologicznych związnych z projektami Web 2.0 takimi jak skalowanie architektury. Prezentacja wzorców projektowych interfejsów aplikacji Web 2.0TRANSCRIPT
© MAKING WAVES
EST.2001 // DESIGN AND TECHNOLOGY COMPANY
OSLO // KRAKOW
© MAKING WAVES
Web 2.0 – wyzwania technologiczne
13.04.23 SIDE 1
© MAKING WAVES
Największe wyzwanie dla architekta
13.04.23 SIDE 2
Skalowalność - umiejętność radzenia sobie z problemem, gdy skala problemu rośnie lub maleje.
źródło: nasza-klasa.pl
© MAKING WAVES
Skalowanie - przykład
źródło: alexa.com
© MAKING WAVES
Jak skalować – pionowo (vertical/in)
: Nowy procesor, wiecej RAM, szybszy dysk: Koszty nieproporcjonalne do wydajności: Iluzja skalowalności
© MAKING WAVES
Jak skalować – poziomo (horizontal/out)
: Dodajemy serwery: Niekoniecznie drogie i „mocne” (mogą być wirtualne): Koszty „prawie” proporcjonalne do wydajności: Wymaga wsparcia ze strony architektury
© MAKING WAVES
Czy to jest trudne? – treści statyczne
Grafika, skrypty, css, html, flash, video
Serwer proxy
Cache przeglądarki Serwery www
Internet
© MAKING WAVES
Czy to jest trudne? – treści dynamiczne
dynamiczny html, web serwisy
Internet
Serwery www + cache
© MAKING WAVES
Skalowalność - podsumowanie
: Skalowalność jest wyzwaniem: Skalowalność ma wpływ na używalność: Skalowalność może wymagać kompromisów: Nie zawsze koszty gwarantują wydajność: Rezultaty często zależą od architektury: Architektura powinna brać pod uwagę skalowanie
© MAKING WAVES
Web 2.0 wzorce projektowe
:Użytkownicy oczekują nowej jakości:Dynamicznego i responsywnego interfejsu użytkownika:Funkcjonalności znanej z aplikacji desktopowych: Jednocześnie nie są przygotowani na rewolucje
© MAKING WAVES
Live filter (demo)
źródło: kayak.com
© MAKING WAVES
Edycja w miejscu (demo)
źródło: flickr.com
© MAKING WAVES
Wysyłanie (upload) plików (demo)
źródło: flickr.com
źródło: gmail.com
© MAKING WAVES
Powiadomienia i visual feedback (demo)
źródło: flickr.com
© MAKING WAVES
Rozwijany panel z opcjami dodatkowymi (demo)
źródło:pageflakes.com
© MAKING WAVES
Niekończący się scrollbar
źródło:live.com
© MAKING WAVES
Integracja z innymi serwisami
źródło: picnik.com
© MAKING WAVES
i wiele innych...
: szybka rejestracja: profile użytkownika, avatary: kontakty, przyjaciele: społeczności: zaproszenia: oceny, głosowania: komentarze: lifestreaming: tagi, chmury tagów: ...
© MAKING WAVES
Kontakt
: Making Waves Polska: ul. Wygoda 5: 31-106 Kraków: http://www.makingwaves.pl