Breezingforms «Un’ottima opportunità» Ambiti di applicazione: Contatti Survey Business JoomlaDay 2014 – Milano, 8 novembre 44 anni, genovese Utilizzo Joomla!™ da circa 8 anni Mi occupo di progetti innovativi in ambito Pharma A chi è rivolto il talk? A chi deve costruire un form anche complesso A chi non è uno sviluppatore A chi ha un pochino di tempo e pazienza…. A chi spesso si sente frustrato….e si incazza La mia esperienza Di che cosa avevo bisogno? Form multipage Avere una pagina riassuntiva Compiere calcoli all’interno Precompilare alcuni campi (name, mail, etc.) Uno o più campi Upload file Mostrare o nascondere campi (skip logico) Permettere export records Creare un vista cumulativa dei records inseriti (*) User ≠ developer Semplice Completo Analisi dati Mobile ready Joomla 2.5.x/3.x Supporto (*) ContentBuilder Dati dalla JED Categoria Forms – – – – 33 estensioni disponibili Molte sono «Contact» 7 12 a pagamento Breezingforms offre una versione free (Lite) ed una a pagamento Alcune caratteristiche Free version Paid version Custom validations and actions Database storage Display-Edit Records (front- or backend) File attachments (HTML5/Flash File Uploads) Form elements (17) Form import and export CSV, PDF & XML Records export CSV, PDF & XML Mail templates Form templates Multipage forms Turn fields on/off conditionally Dropbox® Integration Google Drive® Spreadsheets Integration Salesforce® Integration Responsive VirtueMart Custom Fields Remove link in footer & email Fonte: Crosstec.de Costo: 149 $/lifetime access (Component + all extensions) Semplice Installazione Prima configurazione Analisi interfaccia utente Installazione Dettagli 1 Download 2 Extensions Manager 3 4 Upload/Install Configuration Download package Unzip folder Upload com_breezingforms_lite.zip Components Breezingforms Com_breezinforms Mod_breezingforms Plg_breezinforms Installazione secondo step Installation step 2 Reinstall New Install Installation complete Configuration Configurazione Enable Legacy Modes: NO Setting admin email Setting path for upload files Setting CSV Package installer: permette di caricare form creati (import) sotto forma di file XML Create package: permette di creare pacchetto form (export) Analisi interfaccia 2 1 3 Gestione Records (export) Gestione Forms 1 Gestione Scripts Gestione Pieces Integrator Gestione Backend Menus Configurazione Docs & Support Titolo form Nome form Pagine del form (1 o più) Dimensioni 3 ID Form Pubblicato Riordino (ordine ID) Descrizione Nuovo Copia form Pubblica Disattiva Cancella 2 Struttura di un form Elemento 1 Nuovo form Sezione (1) Elemento 2 pagina (1) Sezione (2) Elemento n Subsezione 2a pagina (2) Subsezione 2a1 Sezione(n) pagina (n) Pagina di saluto Invio Database Storage Report cliente Avviso amministratore Nuovo form Proprietà form Title Name Description Last page is thank you page Mail notification Mail recipient(s) Include submit button Submit button label Paging include Next page label Previous page label Include cancel button Cancel button label Proprietà avanzate Themes Mobile Forms Force Mobile Forms Desktop URL if forced mobile Use Joomla tooltips for hints Disable JQuery at conflicts Use alerts on errors Visibility rule Nuova pagina Nuova sezione Nuova campo Analisi campi disponibili 17 campi disponibili Completamente configurabili I want I can I’ll do Campi particolari Upload Summarize Paypal button File upload Element Options Use HTML5 upload Use Flash upload (legacy) Allow multi HTML5/Flash uploads HTML5/Flash max. filesize HTML5/Flash width HTML5/Flash height Upload directory Image Resize Width (0 for disabled) Image Resize Height (0 for disabled) Image Resize Type (empty, 'crop' or 'simple') Image Resize BG-Color Timestamp Allowed file extensions Attach to mailback address(es) Attach to admin mail(s) Use Url Web Download Directory Initscript Actionscript Summarize page/element Element Properties Type Label Name Connect with Empty message Hide row if empty Use element label Element Options Calculate fields value=Number(value) + Number(bfField('Nomecampodaaggiungere')); Paypal button Element Properties Label Name Business Token Item name Item number Amount Tax Thankyou page Locale Currency code Email notification on successful payment only Paypal button Element Options Hide label Image Test account Test business Test token Downloadable file Filepath Download tries Alcuni esempi Show/hide campi Calcolo preventivo Prenotazioni online On/Off conditionally Si applica a elementi o sezioni Permette di nascondere/aprire campi o intere sezioni in base ad una scelta turn [on|off] (elemento|sezione )target if (elemento|sezione )source is valore|comando Source element Target element (nascosto) Source element Target element (nascosto) On/Off conditionally: come? Source : sarà un elemento con possibilità di scelta (radio, check, selectlist) Target : sarà elemento o sezione che andrà nascosto (Turn Off nella sezione opzioni avanzate elemento/sezione) Codice: il codice andrà inserito nel campo visibility rules nella sezione advanced options form Nota bene: per ogni possibilità il codice dovrà indicare quando aprire e quando chiudere l’elemento target: Turn on target_element1 if source_name is valore|comando Turn off target_element1 if source_name is diverso_valore|comando Esempio Esempi di form con preventivo Scenario: Richiesta preventivo albergo Sezione anagrafica: Cognome e nome* Email * Telefono * Richiesta preventivo: Checkin - Checkout Servizi: tipo camera – colazione - parcheggio Totale = totale notti * (Somma costo unitario servizio da 1 n) Esempio Prenotazione Scenario: Catering online Sezione anagrafica: Cognome e nome* Email * Telefono * Ordinazione online Scelta menu Visualizzazione dettagli menu Indicazione quantità Prenotazione Backmail per conferma Esempio Conclusioni Breezingforms non è complicato, è solo complesso E’ sufficientemente completo da essere utilizzato in molti e differenti applicativi Se non ti fermi al primo passo prova anche ContentBuilder Link utili Download: http://crosstec.de/en/breezingforms-lite.html Manuale (ENG): http://crosstec.de/media/breezingforms-user-manual.pdf Forum (ENG): http://crosstec.de/en/forums/index.html