Aprire un progetto

Risulta più facile capire come è stata concepita l’interfaccia aprendo un progetto; ovviamente non abbiamo ancora realizzato progetti però’ possiamo utilizzare quelli di esempio disponibili nell’Application Gallery; scegliamo il primo progetto Northwind Web.

Aprendo il progetto riconosciamo 4 macro aree: partendo da sinistra si inizia con l’albero di progetto, si prosegue con l’area di progettazione, la finestra proprietà ed in ultimo la documentazione contestuale.

Albero di progetto: è il kernel del vostro progetto potremmo dire, perché vi sono contenuti tutti gli oggetti utili alla programmazione e allo sviluppo delle applicazioni; ma per esser chiari cosa intendiamo per progetto? Il progetto non è una applicazione bensì è un set di applicazioni che sfruttano una stessa base dati.

Pensiamo ad esempio ad un gestionale per la prenotazione di biglietti teatrali: ci sarà una applicazione web di back office per il botteghino, una applicazione web di front office per la clientela e perché no una applicazione mobile sempre indirizzata ai clienti. Ecco questo è il progetto che conterrà le 3 applicazioni e la base dati condivisa.

In questo progetto per esempio troviamo NwindDB che è la base dati utilizzata, Northwind Web che è l’applicazione Web e Common Documents che è un componente con le classi derivate dal database, con classe intendo proprio la classe dei linguaggi Object Oriented con metodi, eventi e proprietà.

Ciò che abbiamo visto sin’ora è specifico di questo progetto, realizzato ipoteticamente da noi, tutto il resto cioè Libreria Database, Client, Document Orientation, Componenti è identica in tutti i progetti e contiene le specifiche del meta-linguaggio utilizzato da Instant Developer per interfacciarsi con i database, con i linguaggi c#, java,javascript etc. Non sarà nostro compito la modifica di queste librerie ma saranno aggiornate automaticamente ad ogni rilascio di versione.

Passando all’area di progettazione, comincio con il dirvi, che è un’area con una visualizzazione a schede multiple (potremo trovare le linguette nella parte superiore o inferiore a seconda della personalizzazione in fase di installazione). Area di progettazione beh mi viene in mente codice, ed in effetti non è sbagliato!

In questa area sarà possibile scrivere codice di procedure, funzioni attraverso un editor denominato Visual Code Editor, che non è un semplice editor di testo ma qualcosa di più potente che conosceremo insieme.

Con progettazione intendiamo anche poter disegnare l’interfaccia utente della applicazione; quindi saranno visualizzate schede per disegnare videate, per disporre i controlli per l’inserimento dei dati, per la visualizzazione di griglie, di alberi, di grafici ed altri oggetti.

Instant Developer utilizza un proprio template di applicazione, cioè un insieme di oggetti che servono a generare l’interfaccia grafica, generare codice c#, java, javascript; a tale template sarà possibile applicare un tema grafico che determina invece la grafica vera e propria dell’applicazione; quindi un set di regole css che serviranno a disegnare l’applicazione.

Oltre alle schede di codice e di interfaccia, l’area ospita sempre 1 scheda riepilogativa come quella che è visibile in questo momento: precisamente è una scheda con la lista degli oggetti figli dell’oggetto selezionato nell’albero; potete infatti notare che spostando la selezione nell’albero, il contenuto della scheda riepilogativa cambia. Questa scheda è stata introdotta per poter eseguire sugli oggetti dell’albero selezioni multiple, operazione che di norma non è consentita; è inutile tentare di chiudere questa scheda riepilogativa, al primo clic su un elemento dell’albero si riaprirà nuovamente.

Proseguiamo con la finestra proprietà; per chi arriva da altri IDE questa finestra è più che familiare: è una finestra relativa sempre all’oggetto selezionato nell’albero e ne descrive le caratteristiche (le proprietà appunto) e per alcune di esse è anche possibile effettuare modifiche .

Per concludere l’area della Documentazione contestuale è un help in linea dinamico che visualizza informazioni a seconda del contesto in cui ci si trova, siamo nell’editor di codice e stiamo inserendo una istruzione, ci verrà in aiuto con la sintassi, siamo in modifica della proprietà di un oggetto ci verrà in aiuto con il significato sia della proprietà che dell’oggetto.

In ultimo vi ricordo che è possibile modificare la visualizzazione di queste aree con le voci presenti nel menu Visualizza.

Il prossimo step , beh il progetto ce l’abbiamo, non l’abbiamo scritto noi ma ce l’abbiamo, e il prossimo step sarà quello di salvare il nostro progetto e di mandarlo in esecuzione.