Abbiamo già avuto modo di illustrare in passato il framework RAP (vedi articolo Single sourcing con Eclipse RAP). Nel frattempo comunque tale framework ha fatto notevoli progressi (l’articolo menzionato faceva riferimento alla versione 1.4, mentre ora è disponibile la 2.1) e sono cambiate parecchie cose. Ad esempio ora RAP non sta più per Rich Ajax Platform, bensì per Remote Application Platform.
In pratica è diventato una piattaforma per sviluppare in maniera modulare applicazioni per desktop, browser e mobile.
In questo articolo vedremo come preparare l’ambiente necessario e creare la nostra prima applicazione web con RAP.

Preparazione dell’ambiente per RAP

Partiremo da una versione di Eclipse Juno SR2 per RCP and RAP developers.

Eclipse for RCP and RAP Developers

con un nuovo workspace.

Ora aggiorniamo la versione dei RAP Tools utilizzando il seguente update site:

http://download.eclipse.org/rt/rap/tools/2.1

e riavviamo come al solito.

A questo punto l’IDE è pronto, mentre occorre definire una Target Platform RAP.
Nell’articolo a cui si fa riferimento all’inizio avevamo agito direttamente sulle Preferences -> Plug-in Development -> Target Platform. Ora invece vedremo un sistema diverso, che permette la Definizione di una Target all’interno di un file apposito; questo ci consentirà maggiori possibilità di importare tale definizione su altri workspace o di condividere la definizione di una platform all’interno di un team di sviluppo.

Tale file di definizione deve essere contenuto in un Progetto, che potrebbe essere anche quello dell’applicazione che stiamo per creare. Tuttavia, dato che si tratta di un aspetto riguardante la fase di design, preferiamo tenerlo distinto dalla nostra applicazione e pertanto creiamo un semplice progetto per questo: File -> New -> Project… e all’interno della categoria General scegliamo Project.
Diamo un nome a questo progetto, ad esempio RAP-targets e premiamo Finish.
All’interno di questo progetto creiamo ora una Target Definition (File -> New -> Target Definition)

si aprirà quindi l’editor della Target Definition creata.
Nella sezione Locations premiamo il button Add… e aggiungiamo il seguente Software Site:

http://download.eclipse.org/rt/rap/2.1

facendo attenzione a deselezionare il flag Include required software

Quindi salviamo e attendiamo la risoluzione della target

Al termine impostiamo la target stessa

Creazione della nostra prima applicazione RAP 2.1

Procediamo con la creazione dell’applicazione RAP nel modo seguente:
File -> New -> Plug-in Project (sì, esattamente come si farebbe per un’applicazione desktop RCP). Diamo un nome al plug-in, ad esempio it.rcpvision.rap.application, premiamo Next, deselezioniamo i flag “Generate an activator …”  e “This plug-in will make contribution to the UI” e alla domanda “Would you like to create a rich client application?” rispondiamo No. Poi premiamo Next, selezioniamo il template RAP Hello World e premiamo Next. Infine definiamo il titolo dell’applicazione (es. “Orders manager”) e premiamo Finish.

Ora possiamo lanciare la nostra prima applicazione nei seguenti modi (alternativi):

Si noti che in entrambi i casi è possibile scegliere il lancio in Run o in Debug.

A questo punto si aprirà il browser all’interno dell’IDE all’indirizzo
http://127.0.0.1:57027/hello
ma ovviamente potete aprire lo stesso URL da un qualsiasi altro browser.

Ora andiamo nei sorgenti e apriamo la classe BasicEntryPoint.java, ci posizioniamo dopo l’ultima riga e digitiamo il seguente codice:

  button.addSelectionListener(new SelectionListener() {
			@Override
			public void widgetSelected(SelectionEvent e) {
				System.out.println("Button pressed!");
			}
			@Override
			public void widgetDefaultSelected(SelectionEvent e) {
			}
		});

mettiamo un breakpoint alla riga dove viene eseguita la System.out… e lanciamo l’applicazione in Debug, possiamo verificare che siamo in grado di eseguire il debug dell’interfaccia utente della nostra applicazione web.

Nota: se all’avvio dell’applicazione ottenete un errore sul browser dell’IDE, premete l’icona di Refresh.

Se poi volete usare tutta la potenza di WindowBuilder per creare le vostre interfacce utente potete creare un Composite SWT:

disegnare il vostro composite con il Designer di WindowBuilder

e infine rimpiazzare il contenuto del metodo createContents() di BasicEntryPoint.java con il seguente, in modo da utilizzare il nostro composite:

  @Override
    protected void createContents(Composite parent) {
    	parent.setLayout(new FillLayout());
    	new FirstComposite(parent, SWT.NONE);
    }

Ora rilanciando l’applicazione potrete utilizzare nell’applicazione web l’interfaccia utente disegnata con WindowBuilder

Per chi vuole iniziare a vedere le novità di questi tools ecco da dove partire:

• scaricare Eclipse Kepler RC3 (package “for RCP/RAP Developers“) da
  http://www.eclipse.org/downloads/index-developer.php
• installare gli Eclipse 4 Tools per Kepler da
  http://download.vogella.com/kepler/e4tools

Ed ecco alcune novità

Estrazione di frammenti del Modello Applicativo

Come illustrato nel tutorial Contribuire ad una applicazione Eclipse 4 con Eclipse 4 la modularità di una applicazione si ottiene utilizzando o i fragment (approccio dichiarativo) oppure i processor (approccio programmatico). Nello stesso tutorial viene spiegato come utilizzare il primo metodo, creando un plug-in e inserendo nel file di fragment ciò che serve per contribuire con un sotto-albero del modello applicativo.

Tale processo richiede una serie di passi per la costruzione del sotto-albero stesso, nonchè una particolare attenzione agli id da inserire.

Con i tools di Kepler tutto questo diventa estremamente semplice: basta infatti agire direttamente sul modello applicativo dell’applicazione principale e, tramite un menu contestuale, estrarre la porzione di albero indicando il fragment di destinazione:

La porzione selezionata verrà eliminata dal modello principale e aggiunta al modello del fragment. Se avete già lavorato con Eclipse 4 vi assicuro che non potrete più fare a meno di questa utilissima feature!

Importazione di handler, command, editor e view 3.x

Un’altra feature molto utile è quella che permette di utilizzare handler, command, editor, views e altri elementi tipici della platform 3.x.
Un esempio: se intendiamo aggiungere un command per per il salvataggio di una part, invece di crearlo da zero possiamo attivare il menu contestuale sul nodo Commands e selezionare:

Eclipse Day Florence 2013

Palazzo dei Congressi – 10 Maggio 2013

Eclipse Day Florence 2013

Palazzo dei Congressi – 10 Maggio 2013

Eclipse Day Florence 2013

Palazzo dei Congressi – 10 Maggio 2013

Sei un appassionato di tecnologia e
innovazione Open Source?

Allora non puoi mancare all’EDF 2013.

Partecipare è semplice, basta registrarsi!

  Sessioni  

Di seguito le sessioni fino ad oggi previste:

Ralph Mueller (Director Eco Systems Europe of the Eclipse Foundation) Free as in Liberation: How Software Consumers Harness Open Source	Jan Köhnlein (Core Committer di Xtend e Xtext) JavaFX Loves Xtend
Jutta Bindewald (SAP Development Manager) Embracing open source – an experience report	Tom Schindl (Eclipse Committer) e(fx)clipse – JavaFX at Eclipse
Eike Stepper (Team Lead di CDO Model Repository) Now that I’ve Got a Model – Where’s my Application?	Ed Merks (Team Lead di Eclipse Modeling Framework) The Art of Java Performance Tuning
Luca Sarra (Sviluppatore Software presso Sanmarco Informatica S.p.A.) Come costruire applicazioni RCP commerciali di qualità	Sopot Çela (Eclipse e4 Committer) Vaaclipse – A cool Eclipse 4 renderer on the Web
Koen Aers (Senior Software Engineer presso Red Hat) Forging a Bond Between Eclipse and the Command-line

Il Modello Applicativo

In Eclipse 4 l’intera applicazione è modellata con una istanza di un modello EMF, il chè rende molto più intuitivo modificare i vari aspetti e contenuti. Dai menu alle parti (niente più distinzione fra viste ed editor), dai command agli handler, ogni elemento è semplice da definire e da usare. Inoltre, la possibilità di modificare a run-time il modello applicativo rende possibile, e spesso sorprendentemente facile, realizzare diverse cose molto utili (come ad esempio personalizzare la toolbar o la status bar).

Dependency Injection

Niente più modi complicati di recuperare la shell, il display oppure per trovare una parte: ora il meccanismo di dependency injection, basato su un potente sistema di annotation, fornisce quello di cui c’è bisogno ed esattamente dove c’è bisogno; semplicemente avete gli oggetti che vi servono pronti all’uso.

Servizi

Potete definire servizi OSGi e renderli disponibili in modo estremamente dinamico e disaccoppiato. Niente dipendenze esplicite tra i plug-in, ma un sistema di rilevazione automatica dei servizi disponibili aiuta a rendere le applicazioni altamente e dinamicamente configurabili.
Inoltre, la nuova piattaforma rende disponibili servizi per la comunicazione di eventi, l’interazione con un sistema gerarchico dei contesti, con il service selection, così come con il servizio che gestisce le varie parti e numerosi altri.

Estendere il Modello Applicativo

Qui è dove troviamo una sorta di rivoluzione innovativa: ora, dato che il modello applicativo è basato su EMF, per contribuire ad una applicazione esistente Eclipse 4 si procede, conseguentemente, come si fa normalmente con EMF, cioè creando un sotto-albero del modello che semplicemente andrà ad estendere quello dell’applicazione stessa.

Utilizzo di CSS per applicare lo styling

Una delle più interessanti e apprezzate caratteristiche di Eclipse 4 consiste nel poter personalizzare lo stile e l’aspetto estetico dell’applicazione non semplicemente con qualche tecnica dichiarativa, bensì esattamente via CSS! Ora quindi potete modificare il look&feel della vostra applicazione sfruttando tutta la potenza dei CSS, una tecnica ampiamente consolidata, non più relegata allo sviluppo web.

Renderer Framework Pluggabile

Ancora, l’interfaccia grafica di Eclipse 4 è stata completamente disaccoppiata dal modello applicativo e resa pluggabile! Quindi SWT è solamente una delle possibili scelte per l’interfaccia grafica; potreste decidere di usare JavaFX ad esempio, oppure Swing, o … beh, dipende veramente da voi: vi basti pensare che esiste un progetto (Vaaclipse) che permette di trasformare la vostra applicazione Eclipse 4 (con tutti i vantaggi che questo comporta) in una Applicazione Web.

Le reazioni dei partecipanti

Fin dal primo giorno, non appena i partecipanti hanno iniziato a mettere in pratica le nozioni apprese attraverso gli esercizi, le reazioni sono state spesso le seguenti:
“Troppo facile!”, “Sembra magia!”, “Non può essere così forte!”, “Potente”, “Fantastico”
Per non parlare di chi aveva un background di sviluppo con Eclipse 3.x:
“Ora non riuscirò più ad usare Eclipse 3.x per lo sviluppo RCP!”

Alcuni problemi temporanei

Il solo problema messo in evidenza è che il nuovo modo di sviluppare non può essere usato facilmente per estendere l’IDE stesso. Ad ogni modo questa caratteristica mancante è già in fase di studio (vedi Bug 376486).

Conclusioni

L’annuncio della Fondazione Eclipse sul fatto che non ci sarà più supporto per lo sviluppo 3.x rappresenta decisamente l’affermazione di una innovativa e potente piattaforma per lo sviluppo del software. Se fra voi c’è chi sta pensando “La nostra azienda ha investito così tanto in Eclipse 3.x, perchè mai dovremmo ora ricominciare da capo con questa nuova tecnologia?” risponderei che, prima di tutto, ci sono diversi modi di migrare (a seconda del grado di migrazione desiderato) le vostre applicazioni Eclipse 3.x ad Eclipse 4. Ma soprattutto direi che potete trovare numerosi casi reali dove la manutenzione ora, grazie ad Eclipse 4, è molto, ma molto più veloce di prima.

Per una introduzione ad Eclipse 4 vi invitiamo a seguire i seguenti tutorials, sia nostri che di Lars Vogel.

RCP Vision

• Primi passi con Eclipse 4
• Come contribuire ad una applicazione Eclipse 4

Lars Vogel

• Eclipse 4 Application Development: The complete guide to Eclipse 4 RCP development
• Eclipse 4 Modularity

Codemotion è l’evento aperto a tutti i linguaggi e tecnologie. Nasce dall’evoluzione del Javaday Roma che dopo quattro edizioni si è trasformato in un incontro rivolto all’intera disciplina della programmazione.

Il 2013 sarà per il Codemotion Roma la terza edizione, per Codemotion Madrid la seconda e la prima per Codemotion Berlin! La scorsa edizione del Codemotion Roma è stata a marzo 2012 e ha visto l’adesione di oltre 3700 partecipanti, 25 community di sviluppatori e 22 aziende sponsor. Durante il Codemotion 2012 si sono svolti 88 talk su: gaming, mobile, hacking, os, tools, innovazione, what’s hot, languages, enterprise, web, methods e innovazione. In contemporanea sono stati organizzati due laboratori sul mobile e uno per bambini.

Il programma di Codemotion viene definito tramite Call for Paper pubblica e aperta a tutti. La selezione delle proposte avverrà mediate una valutazione a cura dei rappresentanti delle community ufficiali, sia legate ai diversi linguaggi che allo sviluppo del software.
Durante il Codemotion i partecipanti potranno consegnare alle aziende Sponsor il proprio curriculum vitae per avere nuove opportunità professionali.

L’iniziativa Startup in Action verrà ripetuta anche in questa edizione, in modo da realizzare un percorso per favorire l’incontro tra gli sviluppatori e le startup per creare sinergie favorevoli per l’innovazione. Il Codemotion Roma si terrà a Roma il 22 e 23 marzo e verrà ospitato dalla Facoltà di Ingegneria di Roma Tre.

Per ogni informazione www.codemotionworld.com
email: info@codemotion.it

RCP Vision  NEWS

- Eclipse Day Florence:  call for papers in scadenza

- Training:  agenda corsi

RCP Vision  NEWS

- Corso Eclipse 4:  early booking in scadenza

- Eclipse Day Florence:  inviaci il tuo abstract entro il 31 gennaio

Per qualsiasi dettaglio sull’evento, visita il sito www.eclipsedayflorence.com