Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web 2.0 – wyzwania technologiczne 02.06.09 SIDE
Największe wyzwanie dla architekta 02.06.09 SIDE  Skalowalność - umiejętność radzenia sobie z problemem, gdy skala problem...
Skalowanie - przykład źródło: alexa.com
Jak skalować – pionowo (vertical/in) <ul><li>Nowy procesor, wiecej RAM, szybszy dysk </li></ul><ul><li>Koszty nieproporcjo...
Jak skalować – poziomo (horizontal/out) <ul><li>Dodajemy serwery </li></ul><ul><li>Niekoniecznie drogie i „mocne” (mogą by...
Czy to jest trudne? – treści statyczne <ul><li>Grafika, skrypty, css, html, flash, video </li></ul>Serwer proxy Cache prze...
Czy to jest trudne? – treści dynamiczne <ul><li>dynamiczny html, web serwisy </li></ul>Internet Serwery www + cache
Skalowalność - podsumowanie <ul><li>Skalowalność jest wyzwaniem </li></ul><ul><li>Skalowalność ma wpływ na używalność </li...
Web 2.0 wzorce projektowe <ul><li>Użytkownicy oczekują nowej jakości </li></ul><ul><li>Dynamicznego i responsywnego interf...
L ive filter  (demo) źródło: kayak.com
Edycja w miejscu (demo) źródło: flickr.com
Wysyłanie (upload) plików (demo) źródło: flickr.com źródło: gmail.com
Powiadomienia i  visual feedback  (demo) źródło: flickr.com
Rozwijany panel z opcjami dodatkowymi (demo) źródło:pageflakes.com
Niekończący się scrollbar źródło:live.com
Integracja z innymi serwisami źródło: picnik.com
i wiele innych... <ul><li>szybka rejestracja </li></ul><ul><li>profile użytkownika, avatary </li></ul><ul><li>kontakty, pr...
Kontakt <ul><li>Making Waves Polska </li></ul><ul><li>ul. Wygoda 5 </li></ul><ul><li>31-106 Kraków </li></ul><ul><li>http:...
Upcoming SlideShare
Loading in …5
×

Web 2.0 - Wyzwania technologiczne

2,043 views

Published on

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.0

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Web 2.0 - Wyzwania technologiczne

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

×