Formulieren

Ed van Paassen maakte een creatief verslag van de JUG010 op 22 november 2011

Presentaties:

• Proforms: handige interface om snel eenvoudig formulier te maken Ilja Bos
• RS Form! Pro: Toepassing in callcenter Nico Bouwman
• RS Form! Pro: Toveren met formulieren voor gevorderden René Kreijveld
• SP Upgrade: 'Slimmer Joomla 1.5 upgraden naar 1.7' René Kreijveld

Met dank aan Ilja, Nico en René én Ed natuurlijk!

Nieuws

• www.joomla.org heeft website vernieuwd
• Nieuwe update Joomla 1.7.3

Software voor upgraden:

• Akeeba Admin Tools ('one-click-upgrade')
• SP Upgrade

Presentatie Ilja Bos
Proforms, basic version:

'Handige interface om snel eenvoudig formulier te maken'

Proforms (van Mooj) is opvolger van Mailform (van Mad4Software)

Evaluatie Proforms

Positief:

• Snel eenvoudig formulier maken
• Gratis Basic versie (betaalde Pro versie)
• Veel tevreden gebruikers
• Veel positieve reviews
• Met captcha beveiliging bij verzenden
• Geschikt voor alle Joomla versies

Negatief:

• Klant kan geen kopie ontvangen van verstuurd formulier in Basic versie (wel in Pro versie)
• CSS van hoofdtekst moet handmatig aangepast worden (via FTP)
• Thank-you bericht na verzenden is niet via component aan te passen in Basic versie (wel in Pro versie)

Pro versie heeft reeks extensions (Apps, Modules, Plugins):
www.mooj.org/en/extensions/components/mooj-proforms/apps-modules-plugins.html

Live demonstratie van gratis Basic version:

• Installatie
• Template aanmaken en naam geven
• Elementen (= velden) aanmaken in template
• Nieuw formulier aanmaken (naam geven, template kiezen, tabbladen langslopen)
• Formulier tonen op website (Menu Manager > Edit Menu Item)

Resultaat: zie voorbeeldformulier: aprire.nl/contact
Meer info: www.mooj.org/en/extensions/components/mooj-proforms.html

Presentatie Nico Bouwman:
RS Form! Pro:

'Toepassing in callcenter'

Live demonstratie: Hoe je met RS Form Pro automatisch een mailing list opbouwt in callcenter

• Inloggen
• Nieuwe lead toevoegen
• Formulier invullen
• Email wordt verzonden (met kopie naar klant)
• Email van klant komt in mailing list

Resultaat:mooi opgemaakt formulier,
aan persoon gerichte mail naar klant + email naar bedrijf zelf
gegevens ook opgeslagen in Joomla database (is te exporteren)

Voordelen voor bedrijf: callcentermedewerker is sneller klaar, klant ontvangt gepersonaliseerde mail, mailing list van bedrijf groeit sneller

Evaluatie RS Form Pro

Positief:

• Te gebruiken op meerdere websites
• Veel voorbeeldformulieren*, bv Demo met rekenfunctie op formulier

Negatief:

• Per jaar betalen

* zie: demo.rsjoomla.com/multi-page-form-example

Meer info: www.rsjoomla.com/joomla-extensions/rsform.html
Video tutorial: wn.com/rsjoomla (hands-on formulier maken)

Presentatie René Kreijveld:
RS Form! Pro:

'Toveren met formulieren voor gevorderden'

Live demonstratie:

• Velden toevoegen aan formulier: tabbladen General, Validation (Regex), Attributes (= veldlengte)
• Form Info toevoegen
• Voorbeeld bekijken
• Manipuleren door coderingswerk (aan de hand van case www.aanvragen.maror.nl)

Regex validatie

Regex snippets kun je gebruiken voor validatie van postcode (1234AB), telefoonnummer (1234567890) etc.
Een Regex (afkorting van 'Regular Expression') bestaat uit een regel code die de syntax beschrijft waaraan
een string tekens in het invulveld van een formulier moet voldoen.

Snippet code voor Nederlandse postcode: ^[1-9]{1}[0-9]{3}[\s]{1}[A-Z|a-z]{2}$
(bron: www.jsnippets.net/snippets/ )

Bij Manage Submission worden data verzameld in database, is te exporteren en te manipuleren.

RS Form! Pro

Positief:

• Goede support
• Forum
• Veel hands-on uitgewerkte voorbeelden (obv javascript)
• Met RS Form Pro kun je makkelijk een formulier dupliceren, aanpassen en opnieuw gebruiken.

Mogelijkheden:
RS Form Pro maakt database met tabellen aan; gegevens uit die tabellen kun je manipuleren:

• met php script een printvriendelijke layout van formulier definieren
• met $-post script gegevens in eigen database op laten slaan
• in één RS Form een multi-page formulier maken (voor enquetes); data exporteren naar Excel.
• na verzenden bevestiging mailen naar klant en andere adressen (eigen bedrijf)
• Mapping optie
• meertalige formulieren maken
• formulier in artikel embedden

RS Form Pro heeft diverse Apps en Plugins, zie: www.rsjoomla.com/joomla-extensions/joomla-form.html

Tooltipsy.com

jQuery plugin waarmee je pop-up toelichting op formulier kunt genereren:

• voor extra toelichting
• foutmelding bij validatie* in formulier

* Tooltipsy werkt client side: geeft direct foutmelding (niet pas bij versturen)

jQuery Position Absolute

On-the-fly validaties aan- en uitschakelen, op formulier andere velden tonen en die wel of niet verplicht
maken op basis van eerder ingevuld antwoord.
Voorbeeld: type organisatie bepaalt of klant ook KvK-nummer of bestuursleden op moet geven.

Met stukjes jQuery code kun je

• tussentijds uitloggen en later verdergaan met invullen van formulier.
• dynamische kostenberekening op formulier regelen (client side)
• naam van geupload bestand aanpassen: unieke ID toevoegen en spaties vervangen door underscore-teken

Hoe leer ik jQuery?

Learnable https://learnable.com/
Aanrader: cursus jQuery Fundamentals (8 lessen)
Voor $17 per maand kun je elke maand 2 videocursussen volgen. Lidmaatschap maandelijks op te zeggen.

Lynda www.lynda.com
Heeft 11 cursussen jQuery. Ook goede Joomla cursussen. Trial $25.

Sitepoint www.sitepoint.com
Aanrader boek: "jQuery: novice to ninja", 2010, www.sitepoint.com/books/jquery1
ISBN: 978-0-9805768-5-6

Onderhandelingen bij project Maror:

• wel inspanningsverplichting, geen resultaatverplichting bij bouwen
• intellectueel eigendom ligt bij intermediaire partij
• 1 week testfase door testteam
• 1 jaar garantie
• support 24x7 door byte.nl (SLA)

Presentatie René Kreijveld: SP Upgrade: 'Slimmer Joomla 1.5 upgraden naar 1.7' Gangbare methoden voor upgraden: jUpgrade, SP Upgrade. SP Upgrade heeft als voordeel t.o.v. jUpgrade dat je met een schone, lege Joomla 1.7 website begint. Reviews: SP Upgrade werkt soepeler dan jUpgrade. Live demonstratie van SP Upgrade: Stap 1: Eerst Joomla op oude website updaten via Akeeba Admin Tools ('one-click-upgrade') Let op: taalbestand apart upgraden. Stap 2: Lege website met Joomla 1.7 aanmaken Inclusief nieuwe database voor 1.7 website. Let op: selecteer bij databasetype: mysql-i Géén sample data installeren. Stap 3: SP Upgrade extensie installeren op 1.7 website Wizard start vervolgens automatisch; login en password van oude website invoeren. Aanvinken wat je wilt overzetten van oude website (users, content, SCA, banners, voetnoot, image, weblinks, newsfeeds, menu's, modules, contacts, template*) en klik op "Migrate". * Naam van Joomla 1.7 template invullen. Let op: standaard zaken van website worden gemigreerd; webshop niet.

Doctor Joomla

Relatieve URL instellen werkt beter voor SEO:
JCE > Profielen > Editor Parameters > relative url's: "yes"

Artisteer: Menu is nog niet compatibel voor Joomla 1.7
Oplossing: gratis RockNavMenu gebruiken: www.rockettheme.com/extensions-joomla/roknavmenu