Bartosz Wysocki i Piotr Zimoch, Blstream

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

19. Development Showcase
wyraportowane
godziny
Text
19

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

21. Development Showcase
21

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

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

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

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