An introduction to XPages Develoipment

1. Scrivi X, risolvi
Stefano add text
Click to Mastella

3. s te fano.m as te lla@ itre e .e u
h ttp :/ it.linke d in.com / s te fanom as te lla
/ in/
@ s te m ax73
@ itre e cons u lting
h ttp :/ www.face b ook.com / te fano.m as te lla
/ s

5. Vorrei

14. XPages - Cosa sono?
Nuovo elemento di design dalla 8.5
Basate su Java Server Faces (JSF)
Web 2.0 (dalla 8.5.1 visibili anche da client)

15. XPages
Codice sorgente XML
Compilate Runtime
AJAX
Javascript

16. XPages
CSS
Temi
Internazionalizzazione

17. View
Model Control

18. XPages - Domino MVC
Form / View Form / View
Form / View XPages / Custom Control
Agenti Agenti / JS + SSJS *
* JavaSciprt client side
+ Server Side JavaScript

20. Semplici?
Almeno 3 mesi di studio e test!
Non del tutto:
facili;
veloci;
intuitive!

21. Semplici?
Nuovo paradigma
Browser based
Nuovi linguaggi:
XML;
Javascript;
CSS;
Java!

22. Entusiasmo iniziale
“Trasformo tutte le mie applicazioni con le XPages,
partendo da quelle più grandi e complesse”
Disillusione
“Ma che Datasource uso?”
Panico
“Perché funziona nel designer e non sul browser?”
Ricerca dei colpevoli
Punizione degli innocenti
“Le XPages fanno schifo!!!”
Gloria e vanto dei non partecipanti

23. Parti dal piccolo!

24. Meglio!
Partire da applicazioni piccole
Capire i datasource delle Xpages:
solo elementi Domino (documenti e viste)
E' il browser che comanda

25. Datasource
Document:
i controlli nella XPage sono legati ai campi
definiti nel design del form
View:
le colonne della view sono disponibili nel
view control della XPage

26. Altri datasource
Relazionali:
no per il momento, ma reperibili via JDBC
XML:
può essere parsato e mostrato sulla XPage

27. Controlli
Possono mappare campi Domino
Hanno proprietà generiche
e proprietà particolari
Rispondono ad eventi

28. Controlli - categorie
Modifica
Selezione
Azione
Visualizzazione
Controller

29. Coding
Javascript:
Client side;
Server side.
@Functions
Java

31. Potenzialità

32. Riuso

33. Trovate nuove strade

34. Quindi?

35. Riferimenti
h ttp :/ www.xp age s .info
/
h ttp :/ www.xp age s wiki.com
/
h ttp :/ www.op e nntf.org
/
h ttp :/ www.note s in9.org
/
h ttp :/ www.d om inp oint.it
/
h ttp :/ b lu g.b e / lu g.ns f/ age s / 1 _ S lid e s /
/ b p 201
$file /BLU G X p age s Ju m p S tart.p d f

36. Riferimenti
h ttp :/ www.itre e .e u
/
s te fano.m as te lla@ itre e .e u
h ttp :/ it.linke d in.com / s te fanom as te lla
/ in/
@ s te m ax73
@ itre e cons u lting
h ttp :/ www.face b ook.com / te fano.m as te lla
/ s

37. Grazie agli sponsor per aver reso possibile i
Dominopoint Days 2012!
Main Sponsor
Vad sponsor
Platinum sponsor
Gold sponsor

38. Im age re s ou rce s
postazione developer:http://blog.stackoverflow.com/wp-content/uploads/jarrod-lair-1.jpg
notes dev: http://www.codestore.net/store.nsf/rsrc/1DDA15286A2036E58625781400478F31/$file/Save0120.jpg
xpages: http://www.filippodelprete.com/wp-content/uploads/XPages.gif
aldo giovanni e giacomo: http://www.filippodelprete.com/wp-content/uploads/XPages.gif
question mark: http://www.clker.com/cliparts/9/1/4/0/11954322131712176739question_mark_naught101_02.svg.hi.png
PF teacher: http://www.eclipse-magazine.it/wp-content/uploads/2012/02/pink_floyd_the_wall-teacher.jpg
Kindle: http://www.jacktech.it/Allegati/2012/3/kindle_fire_successo_218719.jpg
bandiere: http://www.icot.ie/images/picture-x-04.jpg
browser: http://pcprimipassi.altervista.org/joomla/images/stories/liberta-di-browser-per-lunione-europea-20100222.jpg
urlo simpson: http://www.artinfo.com/sites/default/files/homerthescream_promo1_0.png
change: http://stapelia.files.wordpress.com/2011/12/change.jpg
change1: http://www.lapoliticachevorrei.it/wp-content/uploads/2010/12/change.jpg
cestino: http://www.google.com/imgres?hl=it&sa=X&gbv=2&noj=1&tbm=isch&tbnid=N3blWXG1VVr3wM:&imgrefurl=http://informaticaclick.blogspot.com/2009/05/come-ripristinare-licona-
cestino.html&docid=sw9wadQcIOo2kM&imgurl=http://1.bp.blogspot.com/_cauSaG13lX0/SgNtQxKYGjI/AAAAAAAAAW4/AE5TkQzdm3w/s320/cestino.jpg&w=240&h=240&ei=d_PcT6uCL62P4gSC-
I3hCg&zoom=1&iact=hc&vpx=306&vpy=202&dur=397&hovh=159&hovw=159&tx=74&ty=152&sig=115626868732136766591&page=1&tbnh=150&tbnw=150&start=0&ndsp=12&ved=1t:429,r:1,s:0,i:140&biw=1252&bih=552
twins: http://www.google.com/imgres?hl=it&gbv=2&noj=1&tbm=isch&tbnid=7XlliP-5unbMPM:&imgrefurl=http://insidemovies.ew.com/2012/03/30/twins-sequel-schwarzenegger-devito-murphy/&docid=-
UmdXUbyWjN51M&imgurl=http://img2.timeinc.net/ew/i/2012/03/29/TWINS_320.jpg&w=320&h=240&ei=QEHeT7z3K4nP4QScxNWWCg&zoom=1&iact=hc&vpx=694&vpy=102&dur=601&hovh=192&hovw=256&tx=141&ty=163&sig=115626868732136766591&page=4&t
h=142&tbnw=191&start=56&ndsp=17&ved=1t:429,r:3,s:56,i:261&biw=1252&bih=552
demo: http://www.google.com/imgres?start=148&hl=it&gbv=2&noj=1&addh=36&tbm=isch&tbnid=Nz34_ck-lZSSaM:&imgrefurl=http://www.autorisponditoriprofessionali.com/demo&docid=2zeLVMG2t0AnlM&imgurl=http://www.autorisponditoriprofessionali.com/wp-
content/images/Demo.jpg&w=265&h=264&ei=2E7eT4jYLfDY4QT6qKy6Cg&zoom=1&iact=hc&vpx=262&vpy=207&dur=3913&hovh=211&hovw=212&tx=114&ty=183&sig=115626868732136766591&page=11&tbnh=158&tbnw=159&ndsp=15&ved=1t:429,r:1,s:148,i:213&
iw=1252&bih=531
fiona beaut: http://img.thesun.co.uk/multimedia/archive/00701/SNF08KELV04-384_701960a.jpg
fiona ogre: http://images4.wikia.nocookie.net/__cb20070331005657/uncyclopedia/images/d/db/Princess_Fiona.jpg
ferrari engine: http://www.automotiveillustrations.com/illustrators/automotiveimages/tm_ferrari_f1_engine_3litre_v10.jpeg
ferrari: http://www.motorilive.com/wp-content/uploads/2009/07/front_3-4.jpg
ferrari cockpit: http://www.ridelust.com/wp-content/uploads/ferrari_548_italia_05.jpg
xpages env: BLUG Xpages jumpstart
einsteinsimple: http://www.bitandbyte.biz/images/p012_1_00.jpg
sw lifecycle: http://2.bp.blogspot.com/_2ExAgtF_Qgk/SaBjGmBdacI/AAAAAAAAAbQ/1UzlTOSRNNE/s400/Software_development_lifecycle.jpg
idea bulb: http://www.rhinoseo.com/blog/wp-content/uploads/2010/11/idea_bulb.jpg
datasource: http://www.artistsvalley.com/images/icons/Database%20Application%20Icons/Datasource%20All/256x256/Datasource%20All.jpg
web 20: http://www.google.com/imgres?hl=it&gbv=2&noj=1&tbm=isch&tbnid=6TlmdD2Rg_UwKM:&imgrefurl=http://www.dynamick.it/web-20-una-definizione-in-10-punti-534.html&docid=Z_TAVSH66ERvHM&imgurl=http://cdn.dynamick.it/wp-
content/uploads/2006/08/Web_2_0_Wallpaper-1024x768.jpg&w=1024&h=768&ei=voLfT_vXM8fUtAa23_TaBw&zoom=1&iact=hc&vpx=84&vpy=137&dur=1430&hovh=194&hovw=259&tx=120&ty=121&sig=115626868732136766591&page=1&tbnh=109&tbnw=147&star
0&ndsp=21&ved=1t:429,r:0,s:0,i:71&biw=1252&bih=552
ajax: http://www.google.com/imgres?hl=it&gbv=2&noj=1&tbm=isch&tbnid=fA7vY5XNvGa7xM:&imgrefurl=http://blog.webeng.it/programmazione/linguaggi-programmazione/javascript/introduzione-ajax/&docid=yFGLZ1_FmxSG5M&imgurl=http://blog.webeng.it/wp-conten
uploads/2009/02/ajax.png&w=349&h=303&ei=SIPfT5yzIsvOsgby052qBw&zoom=1&iact=hc&vpx=695&vpy=46&dur=18&hovh=209&hovw=241&tx=70&ty=120&sig=115626868732136766591&page=2&tbnh=155&tbnw=178&start=10&ndsp=14&ved=1t:429,r:3,s:10,i:180
biw=1252&bih=552
code: http://whatstrending.com/wp-content/uploads/2012/01/search_engine_friendly.jpg
new ways:http://www.staterepwanted.com/New%20Ways.jpg
reuse: http://www.shoutmeloud.com/wp-content/uploads/2012/03/old-posts-recycling.jpg
potential: http://3.bp.blogspot.com/-rw5nsAjgJfY/To4d09B9ElI/AAAAAAAAAHI/SmUlK2jX-84/s1600/potential.jpg
e quindi: http://www.courier-journal.com/blogs/greenblog3/uploaded_images/Suit,-Doubtful-783719.jpg