�

Click to add textClick to add text

Scrivi X, risolviScrivi X, risolvi

Stefano MastellaStefano Mastella

ste fano.m aste lla@ itre e .e u

http ://it.linke d in.com /in/ste fanom aste lla

http ://www.face book.com /ste fano.m aste lla

@ ste m ax73

@ itre e consulting

VorreiVorrei

XPages - Cosa sono?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)

XPagesXPages

Codice sorgente XML

Compilate Runtime

Javascript

AJAX

XPagesXPages

CSS

Temi

Internazionalizzazione

ControlControlModel

View

XPages - Domino MVCXPages - Domino MVC

Form / View Form / View

Form / View XPages / Custom Control

Agenti Agenti / JS + SSJS *

* JavaSciprt client side + Server Side JavaScript

Semplici?Semplici?

Almeno 3 mesi di studio e test!

Non del tutto:facili;veloci;intuitive!

Semplici?Semplici?

Nuovo paradigma

Nuovi linguaggi:XML;Javascript;CSS;Java!

Browser based

Entusiasmo inizialeEntusiasmo iniziale““Trasformo tutte le mie applicazioni con le XPages, Trasformo tutte le mie applicazioni con le XPages, partendo da quelle più grandi e complesse”partendo da quelle più grandi e complesse”

DisillusioneDisillusione““Ma che Datasource uso?”Ma che Datasource uso?”

PanicoPanico““Perché funziona nel designer e non sul browser?”Perché funziona nel designer e non sul browser?”

Ricerca dei colpevoliRicerca dei colpevoliPunizione degli innocentiPunizione degli innocenti““Le XPages fanno schifo!!!”Le XPages fanno schifo!!!”

Gloria e vanto dei non partecipantiGloria e vanto dei non partecipanti

Parti dal piccolo!Parti dal piccolo!

Meglio!Meglio!

Partire da applicazioni piccole

Capire i datasource delle Xpages:solo elementi Domino (documenti e viste)

E' il browser che comanda

DatasourceDatasource

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

Altri datasourceAltri datasource

Relazionali:no per il momento, ma reperibili via JDBC

XML:può essere parsato e mostrato sulla XPage

ControlliControlli

Possono mappare campi Domino

Hanno proprietà generiche

e proprietà particolari

Rispondono ad eventi

Controlli - categorieControlli - categorieModifica

Selezione

Azione

Visualizzazione

Controller

CodingCoding

Javascript:Client side;

Server side.

@Functions

Java

PotenzialitàPotenzialità

RiusoRiuso

Trovate nuove stradeTrovate nuove strade

Quindi?Quindi?

RiferimentiRiferimentihttp ://www.xpage s .info

http ://www.xpage swiki.com

http ://www.ope nntf.org

http ://www.note s in9.org

http ://www.d om inpoint.it

http ://blug.be /blug.ns f/page s/201 1 _ S lid e s/

$file /BLU G Xpage sJum pS tart.pd f

http ://www.itre e .e u

ste fano.m aste lla@ itre e .e u

http ://it.linke d in.com /in/ste fanom aste lla

http ://www.face book.com /ste fano.m aste lla

@ ste m ax73

@ itre e consulting

RiferimentiRiferimenti

Grazie agli sponsor per aver reso possibile i Grazie agli sponsor per aver reso possibile i Dominopoint Days 2012!Dominopoint Days 2012!

Main SponsorMain Sponsor

Vad sponsorVad sponsor

Platinum sponsorPlatinum sponsor

Gold sponsorGold sponsor

Im age re source spostazione developer:http://blog.stackoverflow.com/wp-content/uploads/jarrod-lair-1.jpgnotes dev: http://www.codestore.net/store.nsf/rsrc/1DDA15286A2036E58625781400478F31/$file/Save0120.jpgxpages: http://www.filippodelprete.com/wp-content/uploads/XPages.gifaldo giovanni e giacomo: http://www.filippodelprete.com/wp-content/uploads/XPages.gifquestion mark: http://www.clker.com/cliparts/9/1/4/0/11954322131712176739question_mark_naught101_02.svg.hi.pngPF teacher: http://www.eclipse-magazine.it/wp-content/uploads/2012/02/pink_floyd_the_wall-teacher.jpgKindle: http://www.jacktech.it/Allegati/2012/3/kindle_fire_successo_218719.jpgbandiere: http://www.icot.ie/images/picture-x-04.jpgbrowser: http://pcprimipassi.altervista.org/joomla/images/stories/liberta-di-browser-per-lunione-europea-20100222.jpgurlo simpson: http://www.artinfo.com/sites/default/files/homerthescream_promo1_0.pngchange: http://stapelia.files.wordpress.com/2011/12/change.jpgchange1: http://www.lapoliticachevorrei.it/wp-content/uploads/2010/12/change.jpgcestino: 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=552twins: 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&tbnh=142&tbnw=191&start=56&ndsp=17&ved=1t:429,r:3,s:56,i:261&biw=1252&bih=552demo: 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&biw=1252&bih=531fiona beaut: http://img.thesun.co.uk/multimedia/archive/00701/SNF08KELV04-384_701960a.jpgfiona ogre: http://images4.wikia.nocookie.net/__cb20070331005657/uncyclopedia/images/d/db/Princess_Fiona.jpgferrari engine: http://www.automotiveillustrations.com/illustrators/automotiveimages/tm_ferrari_f1_engine_3litre_v10.jpegferrari: http://www.motorilive.com/wp-content/uploads/2009/07/front_3-4.jpgferrari cockpit: http://www.ridelust.com/wp-content/uploads/ferrari_548_italia_05.jpgxpages env: BLUG Xpages jumpstarteinsteinsimple: http://www.bitandbyte.biz/images/p012_1_00.jpgsw lifecycle: http://2.bp.blogspot.com/_2ExAgtF_Qgk/SaBjGmBdacI/AAAAAAAAAbQ/1UzlTOSRNNE/s400/Software_development_lifecycle.jpgidea bulb: http://www.rhinoseo.com/blog/wp-content/uploads/2010/11/idea_bulb.jpgdatasource: http://www.artistsvalley.com/images/icons/Database%20Application%20Icons/Datasource%20All/256x256/Datasource%20All.jpgweb 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&start=0&ndsp=21&ved=1t:429,r:0,s:0,i:71&biw=1252&bih=552ajax: 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-content/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=552code: http://whatstrending.com/wp-content/uploads/2012/01/search_engine_friendly.jpgnew ways:http://www.staterepwanted.com/New%20Ways.jpgreuse: http://www.shoutmeloud.com/wp-content/uploads/2012/03/old-posts-recycling.jpgpotential: http://3.bp.blogspot.com/-rw5nsAjgJfY/To4d09B9ElI/AAAAAAAAAHI/SmUlK2jX-84/s1600/potential.jpge quindi: http://www.courier-journal.com/blogs/greenblog3/uploaded_images/Suit,-Doubtful-783719.jpg