42
Building forms and applications with Joomla! 3 Presented by Tim Plummer Sydney JUG May 2013

Building forms and applications with joomla 3

Embed Size (px)

DESCRIPTION

Almost every website has a simple contact form, but what if you want to do something a little bit fancier? In this talk, we are going to look at how you can make complex forms and applications without any coding, and how you can make these even more powerful with minimal custom code. By the end of this talk, you will have the knowledge and tools to build mobile responsive applications which will have built in content history, CAPTCHA to prevent spam, email triggers, dynamic reporting, export to PDF or excel, and the ability to show/hide questions based on user input. You can get BF Survey from www.tamlynsoftware.com

Citation preview

Page 1: Building forms and applications with joomla 3

Building forms and applications with Joomla! 3

Presented by Tim PlummerSydney JUG May 2013

Page 2: Building forms and applications with joomla 3

Have you had bad experiences with forms & applications in Joomla?

Page 3: Building forms and applications with joomla 3

Or has it all been sunshine and lollypops?

Page 4: Building forms and applications with joomla 3

What if a form extension used Joomla standards?

• No unique interface• More familiar and easy to use• Template & media overrides

Page 5: Building forms and applications with joomla 3

What if your unique configuration actually generated Joomla code?

Page 6: Building forms and applications with joomla 3

Form vs Application• Form– Simple requirements – data entry– Fields to complete, and submit– Response captured in email/database

• Application– Breaking into multiple steps - only show user what

they need to see– Flexible workflow– Reporting– Permissions– Audit trail

Page 7: Building forms and applications with joomla 3
Page 8: Building forms and applications with joomla 3

Standard Field Types

• Text• Textarea• Radio• Checkbox

• Dropdown

• Date

Page 9: Building forms and applications with joomla 3

Mobile responsive and accessible

Page 10: Building forms and applications with joomla 3

Captcha to prevent spam

Page 11: Building forms and applications with joomla 3

Single page form

Page 12: Building forms and applications with joomla 3

Multipage form

Page 13: Building forms and applications with joomla 3

Multipage tab

Page 14: Building forms and applications with joomla 3

Attachment uploading

Page 15: Building forms and applications with joomla 3

Rating question type

Page 16: Building forms and applications with joomla 3

SQL lookup

• Populate drop down options via an SQL lookup

Page 17: Building forms and applications with joomla 3

Show/hide questions based on user input

Page 18: Building forms and applications with joomla 3

Show/hide questions based on user input

Page 19: Building forms and applications with joomla 3

Prepopulate data on the form

• Append &fieldname=yourdata to your URL to pre-populate any field

Page 20: Building forms and applications with joomla 3

Results graphically represented

Page 21: Building forms and applications with joomla 3

Dynamic reporting with PDF generation

Page 22: Building forms and applications with joomla 3
Page 23: Building forms and applications with joomla 3

Export to Excel

Page 24: Building forms and applications with joomla 3

Front end question management

Page 25: Building forms and applications with joomla 3

Front end question management

Page 26: Building forms and applications with joomla 3

Come back and finish the form later

Page 27: Building forms and applications with joomla 3

Built in content version history

Page 28: Building forms and applications with joomla 3

Customise look with CSS overrides

• Same form with different CSS applied

Page 29: Building forms and applications with joomla 3

Layout overrides

• For example, to move position of CAPTCHA

Page 30: Building forms and applications with joomla 3

Email Templates

Page 31: Building forms and applications with joomla 3

Email triggers

• Initial save

• When a field changes

• When a field is a specific value

Page 32: Building forms and applications with joomla 3

Email invites

• Unique URLs {uurl} in email invites encrypt username (like Akeeba download id), and pre-populate Name and Email

Page 33: Building forms and applications with joomla 3

All this in one extension?

Page 34: Building forms and applications with joomla 3

Can anyone guess?

Page 35: Building forms and applications with joomla 3

Version 2.0.0

Page 36: Building forms and applications with joomla 3

System Requirements

• Joomla 3.2.3 or greater• FOF (in core)• Bootstrap & jQuery (in core)• GD Image Library (provided

by most web hosts)

Page 37: Building forms and applications with joomla 3

Four simple steps

• 1 – create a category• 2 – add questions to that category• 3 – add a menu item• 4 – (optional) create email template

Page 38: Building forms and applications with joomla 3

Demo time…

Page 39: Building forms and applications with joomla 3

I did promise a special bonus

Page 40: Building forms and applications with joomla 3

For those that didn’t come tonight

• Sorry, you missed out on the special bonus … you snooze, you lose!

Page 41: Building forms and applications with joomla 3

Questions?

Page 42: Building forms and applications with joomla 3

Tim Plummerwww.tamlynsoftware.com

@bfsurvey