Sviluppare applicazioni Web con Google Apps Script ed AngularJS

Di Massimo Coletti

Utilizzando la piattaforma Google Apps Script è possibile realizzare, col linguaggio Javascript, delle applicazioni web che interagiscono con tutti i documenti ed i servizi di Google: Documenti, fogli di calcolo, Google+, Calendari, tabelle Fusion, ecc.

Il framework AngularJS aiuta invece a costruire pagine web che siano interattive, dialoghino col server, e rendano semplice l’aggiornamento dei dati e l'interazione con l’utente.

Il Material Design è infine uno stile di disegno delle interfacce utente che produce applicazioni ben utilizzabili, con lo stesso “look” di molte di quelle presenti sia su web, che su dispositivi mobili, e “responsive”, ovvero in grado di adattarsi alle caratteristiche del dispositivo in cui girano.

Cosa è possibile imparare da questo libro?

Utilizzando insieme i componenti descritti, è possibile realizzare delle applicazioni di una certa complessità, in cloud, che entusiasmeranno chi le sviluppa e chi le utilizza, in azienda. Le applicazioni potranno anche essere distribuite tramite i marketplace di Google, il tutto senza preoccuparsi degli aspetti “sistemistici” legati all'installazione di un server, ed alla sua gestione.

Il libro fornisce indicazioni sui passi da seguire per costruire un'applicazione completa, i limiti ed i trucchi necessari per lavorare con Google Apps Script, i consigli per strutturare il codice. Sarà così possibile realizzare applicazioni per il processo di approvazione di ordini, note spese, per la gestione del protocollo, schede fornitori. Ė possibile usare Drive per un archivio digitale, gestendo, con un'interfaccia web, tutte le informazioni aggiuntive per classificare un documento, e ricercarlo con le stesse funzioni di ricerca di Google. Il libro insegna tutte le tecniche di base per far interagire una pagina web, e l'utente, con le funzioni di Google (e non solo) sul server.

C'è anche chi ha sviluppato, in questo modo, delle integrazioni con un ERP come SAP.

Il libro è rivolto a chi conosce javascript ed Angular, almeno ad un livello di base, e vuole iniziare ad usare queste tecnologie; fornisce tutta una serie di consigli, accorgimenti, e linee guida, per arrivare a realizzare velocemente un’applicazione professionale.

E’ scritto da un dirigente che lavora da più di 35 anni nel mondo della produzione di software e nei sistemi informativi, ed ha travasato un po’ della sua esperienza in questo volume.

Infine è stato scritto in italiano, evitando le approssimazioni che si trovano a volte nei testi inglesi tradotti nella nostra lingua.

• Lingua: Italiano
• Editore: Massimo Coletti
• Data di uscita: 18 set 2016
• ISBN: 9788822845955

Anteprima del libro

Massimo Coletti

Sviluppare applicazioni Web con Google Apps Script ed AngularJS

Questa edizione del libro è stata auto-prodotta, sfruttando i servizi di Narcissus, ed è specificatamente ottimizzata per la lettura su eReaders.

Nel testo si fa riferimento a diversi marchi e nomi

Google Apps Script, Google

Angular

Material Design

Angular Material

HTML

CSS

Javascript

CodePen

Plunker

Sono tutti proprietà dei relativi produttori o autori, o enti di standardizzazione.

Prima edizione italiana, 2016

Seconda revisione, ottobre 2016

Terza revisione, ottobre 2016

Roma, 29 ottobre 2016

L'autore si è laureato in Ingegneria Elettronica nel 1987, con un indirizzo di studi già orientato all'informatica ed all'ingegneria gestionale.

Da allora, ha lavorato per 13 anni nel mondo della produzione del software e della consulenza direzionale. Dal 2000 è entrato nel mondo delle aziende, come Dirigente di Organizzazione, Risorse Umane, Sistemi Informativi, Sicurezza, occupandosi sempre del disegno di sistemi organizzativi, compliance, software ed in modo sempre crescente dell'integrazione fra architettura d'impresa, sistemi informatici ed organizzazione.

Ha pubblicato due libri, alcuni articoli, ed effettuato delle docenze presso Università o Master.

Progetto grafico:

la copertina è stata realizzata da Chiara Coletti, le immagini sono state realizzate da lei appositamente per il progetto grafico di questo testo.

Il progetto grafico del testo è basato sui modelli di impostazione realizzati da Narcissus.

UUID: 0f0dbc34-9dc2-11e6-90f6-0f7870795abd

Questo libro è stato realizzato con StreetLib Write (http://write.streetlib.com)

un prodotto di Simplicissimus Book Farm

Indice dei contenuti

Introduzione

Cos'è un'applicazione web con Google Apps Script?

Cos’è Google Apps Script

Che tipi di pagine si possono generare

Funzione base nel progetto GAS

Inserire AngularJs in una pagina GAS

Stili delle pagine generate

Uno o più progetti se ci sono più pagine

I template di Google Apps Script

Strutturare i file in un progetto

Usare il routing di Angular

Gestione delle versioni

Esecuzione in test ed in effettivo

Come procedere

Passaggio di parametri all’applicazione Angular

Richiamo di funzioni server

Provider di elenchi

Numeratori

Utenti ed autorizzazioni

Gestione del codice

Documentazione del codice

Pattern di applicazione

Trasferimento dati tramite mail

Pubblicazione di un Document

Ringraziamenti

Introduzione

Questo libro fornisce alcune indicazioni per sviluppare applicazioni web, scritte in javascript nell'ambiente Google Apps Script, ed utilizzando il popolare framework AngularJS per la gestione dell'applicazione lato client, insieme ad Angular Material per dare uno stile moderno alla parte di presentazione della tua applicazione.

Perché propongo questa accoppiata? Google Apps Script è un linguaggio di scripting basato su javascript - quindi qualcosa di ben conosciuto e documentato - che ti permette di scrivere applicazioni che girano sul server Google. Poiché è accessibile anche se hai un account gratuito di Google, ti permette di sviluppare e rendere pubblica (ed anche di vendere, per chi è interessato ai $$) un'applicazione senza investire in hosting, e senza le beghe di dover mettere su un server ed aggiornarlo.

Inoltre questo linguaggio di scripting ti permette di interagire, tramite un insieme di API molto semplice da utilizzare, con tutte le applicazioni offerte in cloud da Google, quindi Documents, Spreadsheet, Calendar, Mail, Sites, Presentations, Drive, Google+, oltre a molte funzioni in beta o meno note, ma interessantissime, come Fusion Tables.

Questa è la caratteristica principale di questa piattaforma: interagire con tutte queste applicazioni permette di realizzare delle soluzioni molto interessanti, anche in ambito aziendale, molto velocemente.

Nell'azienda dove lavoro, abbiamo utilizzato questo stack di sviluppo per gestire il protocollo, gli archivi documentali, il workflow di approvazione degli ordini di acquisto, la pubblicazione dei dati su progetti immobiliari nella intranet, la pubblicazione delle schede fornitori, dei contratti di vendita, statistiche commerciali, il tutto anche in integrazione con un ERP complesso come SAP.

Google Apps Script permette di realizzare delle applicazioni web, ovvero applicazioni che servono pagine web, e tali pagine possono naturalmente essere interattive, fino a costituire applicazioni piuttosto complesse. Passando al lato client, però, se si ha l'obiettivo di costruire un'applicazione ben fatta, con buone caratteristiche di usabilità, un'interattività avanzata, è opportuno ricorrere ad uno dei framework javascript, lato client, che oggi vanno per la maggiore.

La scelta più semplice è jQuery, con il suo modulo UI, che aiuta nella manipolazione della pagina web, e permette di costruire applicazioni interattive basate su componenti.

Ci sono poi framework più avanzati, come Bootstrap, oppure React, per gestire applicazioni che interagiscono con l'utente e, contemporaneamente, interloquiscono in modo asincrono con il server.

Tutti questi componenti possono essere inseriti nel codice html client generato con Google Apps Script.

Io mi sono concentrato con AngularJS, per due motivi:

la struttura che offre per il pattern MVC (Model-View-Controller) che trovo molto pulita e semplice da apprendere;

la presenza di un componente aggiuntivo, Angular Material, che mette a disposizione una serie di componenti visuali per costruire la pagina web secondo i dettami del Material Design, e, nomi a parte, con un'impostazione molto moderna, gradevole, e consistente con molte applicazioni e siti che vanno per la maggiore, salvaguardando anche la responsiveness, ovvero la capacità di adattare il layout della pagina a dispositivi diversi.

Tutti questi componenti sono sviluppati da Google, ed hanno un notevole supporto dalla casa madre; questa è una garanzia. Personalmente, data la mia ormai lunghissima esperienza nello sviluppo software (iniziata nel lontano 1979), non ho particolari preferenze per linguaggi o brand nel mondo del software. Un buon progettista ed un buono sviluppatore, possono realizzare cose ottime con qualunque linguaggio, in qualunque ambiente.

I componenti di base descritti in questo libro non sono gli unici, e non so dire se siano i migliori (e bisognerebbe capire secondo quali metriche si possono definire migliori). Ma sono buoni, secondo me, e consentono di ottenere grandi risultati i breve tempo.

Nelle prossime edizioni del libro, mi riservo di ampliare la trattazione anche ad altri framework. 

Presumo che tu abbia le conoscenze di base relative a:

programmazione in javascript per interagire con il browser, e disegno di pagine web;

sviluppo di applicazioni con Google Apps Script;

AngularJS.

Se avessi dovuto inserire nel libro una trattazione completa di questi temi, sarebbe risultato un testo molto lungo, ed anche più costoso per il lettore :-) . Ti consiglio quindi di imparare queste tecnologie, almeno ad un livello di base, prima di leggere questo libro. Io ho cercato di usare delle tecniche di programmazione, negli esempi, molto semplici. Lo scopo infatti è di comprendere come si può architettare un'applicazione facendo lavorare insieme una piattaforma lato server ed un valido framework di sviluppo lato client.

Il testo è basato su esempi, che ho cercato di mantenere molto semplici, ma ugualmente comprensivi di tutti gli accorgimenti necessari a far funzionare insieme i due componenti lato server e client. Cercherò di essere al fianco di chi legge e vuole iniziare a realizzare qualcosa in questo ambiente.

Ho approfondito alcuni punti più di altri, perché li ritengo più complessi, e più interessanti da sviscerare per ottenere applicazioni di una certa complessità.

Il meccanismo di routing di Angular, ed il suo uso in combinazione con la flessibilità offerta dai template di Google Apps Script va studiato a fondo.

Ho dedicato anche un certo spazio alla realizzazioni di app, su Google Apps Script, che possano essere dei provider di valori, tramite JSONP, per campi di input che offrano scelte multiple o caselle di scelta a discesa. Rispetto agli esempi che si trovano in rete, sono richieste alcune tecniche particolari, che spiego.

Anche la gestione del codice, dalla gestione di versioni diverse, ad ambienti di esecuzione differenziati per test e produzione, sono tutti aspetti che ho trattato in modo abbastanza approfondito, perché diventano critici nel momento in cui si smette di giocare, e si inizia a sviluppare in modo professionale applicazioni.

Ho pubblicato questo libro in forma elettronica (non sono un giovinetto, e generalmente preferisco il libri di carta), per due motivi:

il contenuto è molto dinamico, e prevedo di realizzare molte edizioni successive del testo. Distribuirlo in forma elettronica garantisce all'acquirente di poter avere sempre la versione aggiornata, e quindi di spendere i soldi una volta sola.

Posso realizzare una politica di prezzi crescenti: i primi acquirenti beneficeranno di un prezzo più basso, e magari di un prodotto