© 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