User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14

User Experience Wpływ Internetu na aplikacje korporacyjne Prezentują: Piotr Zimoch Bartosz Wysocki Senior Front-end Developer Front-end Developer BLStream Sp. z o.o. BLStream Sp. z o.o. (c) 2009 BLStream Sp. z o.o.

Agenda • O nas • Definicje • Front-end • Technologie oraz nasze Know How • Development showcase • Podsumowanie 2

O nas Piotr Zimoch Bartosz Wysocki • 6 letnie doświadczenie w • 6 letnie doświadczenie w branży branży • 1.5 roku w korporacji • rok w korporacji • graficy bez talentu ;) • Programiści z poczuciem estetyki • Wydzia ł Informatyki 3

Definicje Aplikacja korporacyjna • Nie, nie tworzą ich tylko korporacje • Tak, jest robiona dla korporacji • Kompleksowe zaspokojenie specjalistycznych wymagań • Przyspieszenie prac -> zmniejszenie kosztów -> zwiększenie zysków • np. CDN Optima 4

Definicje cd. Aplikacja Internetowa • Aplikacja korporacyjna z dodatkami • Ogromna dostępność • np. Allegro.pl, Mój Play, GoogleDocs 5

Mój Play • Dostęp do prywatnych danych • klient SAM sprawdza i konfiguruje ustawienia swojego konta. BEZ konieczności połczenia z konsultantem telefonicznie 6

Definicje cd. aplikacja korporacyjna vs aplikacja internetowa Aplikacja Aplikacja internetowa korporacyjna 7

Jak powstają aplikacje korporacyjne? - Java (np. Spring, Hibernate, Freemarker) - Python (np. Django) - … - PHP (np. Zend Framework, Symphony) – złe skojarzenia? 8

Definicje cd. Database Developer Enterprise Developer Front-end Developer 9

Współpraca między warstwami Graficy, na podstawie wytycznych od analityków, tworzą layout, który jest cięty i oskryptowywany przez front-end developerów, a następnie podł ączany do silnika napisanego przez programistów backendowych. • niewykorzystane zasoby • przestoje • nieporozumienia między warstwami 10

Front-end Termin określający VIEW z MVC. Druga połowa UX Korpo-Freelancerzy 11

Front-end - czy to ma sens? • psd to (x)html • standard compilance • browsers compability • JavaScript ninjas • accessability & usability 12

Nasze wątpliwości – Czy Front-end Developer powinien “znać” cały projekt ? – Ścisła specjalizacja czy płynne granice obowiązkó w? – Jak usprawnić kontakt w zespole (front-end view) ? 13

Technologie – (X)HTML/CSS – JavaScript (Jquery, Prototype, Mootools) – FreeMarker – JSP – AJAX (np. DWR) – ... 14

Freemarker – Programowanie bardziej przyjazne – Dużo elastyczniejsza struktura kodu – Dobrze przygotowany kod jest w stanie “przejąć” backendowiec – łatwiejszy przekład makiet html/css do aplikacji pisanej w Java 15

JavaScript – Druga młodość – Bogate wsparcie frameworkó w – Dodanie aplikacji „życia” – AJAX… 16

Technologie alternatywne – JSP – JSF – Velocity –... – Nie, nie nie nie nie. 17

Development Showcase Aplikacja typu CRM Dane techniczne: Czas trwania: ~ 4 miesiące Zespól: 1 analityk 3 enterprise developerów 1.5 front-end developera 1 grafik 1 team leader 18

Development Showcase wyraportowane godziny Text 19

Development Showcase Java 13173 linii ftl 8046 linii js 15011 linii css 6490 linii 20

Development Showcase 21

Development Showcase • “Po najechaniu na guzik kursor się nie zmienia” • “Po kliknięciu w XXX nie widać żadnej akcji” • “Pod IE6 pojawił się nieprzewidziany odstęp” • “W głó wnym panelu danych klienta, brakuje przeźroczystości pod menu” 22

... Wpływ Internetu ... – raz napisana aplikacja może być użyta niezależnie od systemu operacyjnego – umieszczona na serwerze centralnym może być aktualizowana setki razy dziennie – dostępność – praca dla … front-end developeró w –użytkownicy potrafią sie poruszać po systemie bez wcześniejszego szkolenia 23

http://www.netcamp.net.pl	157
http://startups.pl	22
http://www.netcamp.pl	10
http://www.slideshare.net	2
http://barcamp.pl	2
http://mail.startups.pl	1
http://ww.w.startups.pl	1

User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14

by Netcamp on Jul 07, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

7 Embeds 195

Statistics

User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14 — Presentation Transcript