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
Scarica

Slide - JoomlaDay