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

Dziękujemy za uwagę
Bartosz Wysocki,
Piotr Zimoch
(c) 2009 BLStream Sp. z o.o.

(c) 2009 BLStream Sp. z o.o.