Web 2.0 - Wyzwania technologiczne

Slide 1: Web 2.0 – wyzwania technologiczne O SLO / / KRAKO W EST.2001 / / DESIGN AND TECHNO LO GY CO MPANY © MAKING WAVES 21.03.08 SIDE 1

Slide 2: Największe wyzwanie dla architekta źródło: nasza-klasa.pl Skalowalność - umiejętność radzenia sobie z problemem, gdy skala problemu rośnie lub maleje. © MAKING WAVES 21.03.08 SIDE 2

Slide 3: Skalowanie - przykład źródło: alexa.com © MAKING WAVES

Slide 4: Jak skalować – pionowo (vertical/in) : Nowy procesor, wiecej RAM, szybszy dysk : Koszty nieproporcjonalne do wydajności : Iluzja skalowalności © MAKING WAVES

Slide 5: 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

Slide 6: Czy to jest trudne? – treści statyczne Grafika, skrypty, css, html, flash, video Serwer proxy Internet Cache przeglądarki Serwery www © MAKING WAVES

Slide 7: Czy to jest trudne? – treści dynamiczne dynamiczny html, web serwisy Internet Serwery www + cache © MAKING WAVES

Slide 8: 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

Slide 9: 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

Slide 10: Live filter (demo) źródło: kayak.com © MAKING WAVES

Slide 11: Edycja w miejscu (demo) źródło: flickr.com © MAKING WAVES

Slide 12: Wysyłanie (upload) plików (demo) źródło: flickr.com źródło: gmail.com © MAKING WAVES

Slide 13: Powiadomienia i visual feedback (demo) źródło: flickr.com © MAKING WAVES

Slide 14: Rozwijany panel z opcjami dodatkowymi (demo) źródło:pageflakes.com © MAKING WAVES

Slide 15: Niekończący się scrollbar źródło:live.com © MAKING WAVES

Slide 16: Integracja z innymi serwisami źródło: picnik.com © MAKING WAVES

Slide 17: 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

Slide 18: Kontakt : Making Waves Polska : ul. Wygoda 5 : 31-106 Kraków : http://www.makingwaves.pl © MAKING WAVES