projektowanie użytecznych aplikacji ria - symetria - jacek samsel
DESCRIPTION
Prezentacja Jacka Samsela z Agencji Symetria odnośnie aplikacji RIA ( Rich Internet Application)TRANSCRIPT
![Page 1: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/1.jpg)
Projektowanie użytecznych aplikacji RIA (Rich Internet Application)
Jacek Samsel
![Page 2: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/2.jpg)
4 VI 2009 Nazwa klienta 2
Agenda
1. Co to jest RIA?
2. Podstawowe cechy RIA.
3. Kilka przykładów.
4. Dlaczego RIA są coraz popularniejsze?
5. Co decyduje o użyteczności RIA?
![Page 3: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/3.jpg)
4 VI 2009 Nazwa klienta 3
Co to jest RIA?
Rich Internet Application (RIA) to zaawansowane
aplikacje, działające w środowisku
internetowym.
Aplikacje desktopowe Strony wwwRIA
![Page 4: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/4.jpg)
4 VI 2009 Nazwa klienta 4
Podstawowe cechy
• dynamicznie generowany, jednoekranowy interfejs,
• wyświetlanie treści bez konieczności przeładowania całej strony www,
• pobieranie większości potrzebnych danych z serwera na początku sesji użytkownika, a następnie przetwarzanie i wyświetlanie ich przy wykorzystaniu zasobów i mocy obliczeniowej komputer użytkownika.
![Page 5: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/5.jpg)
4 VI 2009 Nazwa klienta 5
Kilka przykładów...
![Page 6: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/6.jpg)
4 VI 2009 Nazwa klienta 6
GMail
![Page 7: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/7.jpg)
4 VI 2009 Nazwa klienta 7
Google Reader (czytnik RSS)
![Page 8: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/8.jpg)
4 VI 2009 Nazwa klienta 8
Strona startowa Netvibes
![Page 9: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/9.jpg)
4 VI 2009 Nazwa klienta 9
Aplikacja do rezerwacji pokoi hotelowych
![Page 10: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/10.jpg)
4 VI 2009 Nazwa klienta 10
Konfigurator samochodów Mini
![Page 11: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/11.jpg)
4 VI 2009 Nazwa klienta 11
Gra komputerowa „Quake Live”
![Page 12: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/12.jpg)
4 VI 2009 Nazwa klienta 12
Dlaczego popyt na RIA będzie rósł?
• bo sąąąą wygodne w użżżżyciu (brak konfiguracji, brak problemów technicznych, dostęp z każdego komputera...),
• coraz szerszy dostęp do szybkich łączy internetowych,
• popularyzacja sprzedaży oprogramowania w modelu "Software as a service" (SaaS),
• rozwój technologii umożliwiających tworzenie zaawansowanych interfejsów użytkownika (Adobe Flex, Adobe Flash, AIR, MS Silverlight)
• ciągły rozwój silników przeglądarek internetowych,
• coraz większa świadomość klientów w dziedzinie marketingu internetowego.
![Page 13: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/13.jpg)
4 VI 2009 Nazwa klienta 13
Co decyduje o użyteczności RIA?
![Page 14: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/14.jpg)
4 VI 2009 Nazwa klienta 14
Odpowiednia szybkość działania
Wpływ na nią mają:• Zastosowane pliki graficzne
• Skrypty
• Ilość zaciąganych danych
• Cache'owanie
• Komunikacja serwer-przeglądarka
![Page 15: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/15.jpg)
4 VI 2009 Nazwa klienta 15
Interaktywność
![Page 16: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/16.jpg)
4 VI 2009 Nazwa klienta 16
Przejrzystość interfejsu
![Page 17: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/17.jpg)
4 VI 2009 Nazwa klienta 17
Koncentracja danych
![Page 18: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/18.jpg)
4 VI 2009 Nazwa klienta 18
Jasny status systemu
![Page 19: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/19.jpg)
4 VI 2009 Nazwa klienta 19
Precyzyjne i proste w odbiorzekomunikaty systemowe
![Page 20: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/20.jpg)
4 VI 2009 Nazwa klienta 20
Konsekwencja
![Page 21: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/21.jpg)
4 VI 2009 Nazwa klienta 21
Skupienie uwagi użytkownika na istotnym w danym momencie elemencie interfejsu
![Page 22: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/22.jpg)
4 VI 2009 Nazwa klienta 22
Afordancje
![Page 23: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/23.jpg)
4 VI 2009 Nazwa klienta 23
Możliwość powrotu ze źle obranej ścieżki
![Page 24: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/24.jpg)
4 VI 2009 Nazwa klienta 24
Wielośrodowiskowość
Netvibes Mobile
![Page 25: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/25.jpg)
4 VI 2009 Nazwa klienta 25
Wykorzystywanie rozwiązań, zaczerpniętych z aplikacji desktopowych
![Page 26: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/26.jpg)
4 VI 2009 Nazwa klienta 26
Stosowanie animacji
• Zwijanie
• Rozwijanie
• Znikanie
• Pojawianie się
• Nadawanie masy poruszającym się obiektom
![Page 27: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/27.jpg)
4 VI 2009 Nazwa klienta 27
Pomoc we wprowadzaniu treści
• wykorzystanie sensownych wartości domyślnych
• autouzupełnianie
• unikanie buttona „Wyczyść” w formularzach
![Page 28: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/28.jpg)
4 VI 2009 Nazwa klienta 28
Odpowiednie użycie drag & drop
![Page 29: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/29.jpg)
4 VI 2009 Nazwa klienta 29
Obsługa skrótów klawiszowych
![Page 30: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/30.jpg)
4 VI 2009 Nazwa klienta 30
I ostatnie ale najważniejsze…
Nie zapomnij, żżżże Twój produkt w 90%
przypadków adresowany jest do „zwykłłłłego
użżżżytkownika”, a nie „Geeka”,
czy kolegi „z branżżżży”!
![Page 31: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/31.jpg)
4 VI 2009 Nazwa klienta 31
Dziękuję za uwagę! :)
![Page 32: Projektowanie Użytecznych Aplikacji Ria - Symetria - Jacek Samsel](https://reader033.vdocuments.site/reader033/viewer/2022051818/549c931bb4795996318b47c5/html5/thumbnails/32.jpg)
Agencja e-biznes Symetria specjalizuje się w obsłudze projektów związanych z prowadzeniem biznesu w Internecie. Od 1998 roku eksperci agencji doradzają i wykonują wdrożenia dla największych polskich firm. Klientami firmy są m.in. Volkswagen, BZ WBK, Link4, WN PWN, PGNiG, Wirtualna Polska, Triada, TVP, Agora, Nestle, Home.pl.
Doświadczenie Symetrii budują także własne projekty internetowe. Symetria jest twórcą największego polskiego serwisu randkowego Sympatia.pl, jak również tematycznych serwisów społecznościowychTrener.pl i Vitalia.pl (800 tys. UU).