Form Block / Formbuilder

Form Block/Formbuilder
Line of thoughts and an approach
Janina Hard, 8. December 2020
About me
●
Webdeveloper since 2010 at Werkbank GmbH
Bochum
●
Working on bachelor degree in technical
computer science (FH Dortmund)
●
contributor for Plone since 2019 (Beethoven
Sprint)
Baseline
●
build a form builder, not a form framework
●
focus on non-technical users, not developers
●
Example Use-Cases:
– Simple contact forms
– Complex forms with grouping of form fields
There isn't just one way of doing it.
or:
„Every road leads to rome!“
Different criteria
●
Complexity of forms
– Validation
– Multipage
– Form Actions
●
Flexibility
●
User Interfaces
Different approaches
●
Form Folder content
type
– own content type to add
and edit forms
– we did it before
(EasyForm, FormGen)
– complex forms
●
Form Fields as regular
blocks
– every field is its own
block
– mix blocks and form
fields
– learned usage
“A compromise is an agreement by
which both parties get what neither
of them wanted”
Form Block Approach
✔
no change in user
interface
✔
different forms on one
site possible
✔
expandability
✗
mix with other blocks
✗
complex forms like
multisite
✗
Complex form actions
Just a little sneak peek
(or what I could do up to now)
Summary
●
No „universal remedy“
– different approaches possible depending on criteria
and user
●
Code refactoring after Volto AddOn Training ;)
●
Still a lot of work ahead
Thank you for your attention!
1 of 11

Recommended

Hieu Nguyen CV by
Hieu Nguyen CVHieu Nguyen CV
Hieu Nguyen CVHieu Nguyen
6.3K views4 slides
Accessible Web Forms by
Accessible Web FormsAccessible Web Forms
Accessible Web FormsTom Hombergs
20.2K views32 slides
20151112 CITA BIM Gathering Keynote Dublin by
20151112 CITA BIM Gathering Keynote Dublin20151112 CITA BIM Gathering Keynote Dublin
20151112 CITA BIM Gathering Keynote DublinLéon Berlo
1.4K views117 slides
European Teachers by
European TeachersEuropean Teachers
European Teachersguest058a58
169 views10 slides
Structure of the competence model for an European teacher by
Structure of the competence model for an European teacher  Structure of the competence model for an European teacher
Structure of the competence model for an European teacher guest058a58
257 views10 slides
Kate-Glushkova_portfolio-2019 by
Kate-Glushkova_portfolio-2019Kate-Glushkova_portfolio-2019
Kate-Glushkova_portfolio-2019Kate Glushkova
57 views11 slides

More Related Content

Similar to Form Block / Formbuilder

Moving Interaction Design Off the Desktop and Into the World: Lessons from th... by
Moving Interaction Design Off the Desktop and Into the World: Lessons from th...Moving Interaction Design Off the Desktop and Into the World: Lessons from th...
Moving Interaction Design Off the Desktop and Into the World: Lessons from th...egoodman
289 views15 slides
CV_Polozyukov E by
CV_Polozyukov ECV_Polozyukov E
CV_Polozyukov EEvgeniy Polozyukov
258 views3 slides
CV Isarakorn Prapatsorn EN 20200304 by
CV Isarakorn Prapatsorn EN 20200304CV Isarakorn Prapatsorn EN 20200304
CV Isarakorn Prapatsorn EN 20200304Isarakorn Prapatsorn
57 views1 slide
Online Professional Portfolios by
Online Professional PortfoliosOnline Professional Portfolios
Online Professional PortfoliosWilliam (Bill) Siebold
103 views23 slides
Nam Vo's Profile by
Nam Vo's ProfileNam Vo's Profile
Nam Vo's ProfileNam Vo
303 views7 slides
Using Technology for Successful Communication by
Using Technology for Successful CommunicationUsing Technology for Successful Communication
Using Technology for Successful Communicationnkelcher
210 views13 slides

Similar to Form Block / Formbuilder(20)

Moving Interaction Design Off the Desktop and Into the World: Lessons from th... by egoodman
Moving Interaction Design Off the Desktop and Into the World: Lessons from th...Moving Interaction Design Off the Desktop and Into the World: Lessons from th...
Moving Interaction Design Off the Desktop and Into the World: Lessons from th...
egoodman289 views
Nam Vo's Profile by Nam Vo
Nam Vo's ProfileNam Vo's Profile
Nam Vo's Profile
Nam Vo303 views
Using Technology for Successful Communication by nkelcher
Using Technology for Successful CommunicationUsing Technology for Successful Communication
Using Technology for Successful Communication
nkelcher210 views
Building complex sites with Joomla by Paul Delbar
Building complex sites with JoomlaBuilding complex sites with Joomla
Building complex sites with Joomla
Paul Delbar1.6K views
DWCNZ - Creating a Great User Experience in SharePoint by Marc D Anderson
DWCNZ - Creating a Great User Experience in SharePointDWCNZ - Creating a Great User Experience in SharePoint
DWCNZ - Creating a Great User Experience in SharePoint
Marc D Anderson594 views
SharePoint Forms & InfoPath – Go with what you know by Regroove
SharePoint Forms & InfoPath – Go with what you knowSharePoint Forms & InfoPath – Go with what you know
SharePoint Forms & InfoPath – Go with what you know
Regroove2.4K views
The Coolest Thing I do in Tech Comm Presentation, 4:15:15 by Paul Duarte
The Coolest Thing I do in Tech Comm Presentation, 4:15:15The Coolest Thing I do in Tech Comm Presentation, 4:15:15
The Coolest Thing I do in Tech Comm Presentation, 4:15:15
Paul Duarte257 views
By the power of Plone - Case Carousel at University of Jyväskylä by Rikupekka Oksanen
By the power of Plone - Case Carousel at University of JyväskyläBy the power of Plone - Case Carousel at University of Jyväskylä
By the power of Plone - Case Carousel at University of Jyväskylä
Rikupekka Oksanen1.2K views
Web developer Valerio Foddai - EN by Valerio Foddai
Web developer   Valerio Foddai - ENWeb developer   Valerio Foddai - EN
Web developer Valerio Foddai - EN
Valerio Foddai323 views
Designing Great User Interfaces for Composite Applications by dominion
Designing Great User Interfaces for Composite ApplicationsDesigning Great User Interfaces for Composite Applications
Designing Great User Interfaces for Composite Applications
dominion436 views
Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-awar... by Vivian Motti
Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-awar...Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-awar...
Webmedia 2013: Enhancing Collaborative Sketching Activities with Context-awar...
Vivian Motti4.8K views
Lavacon 2010: Stop Documenting and Start Designing - Smith & Aschwanden by James Smith
Lavacon 2010: Stop Documenting and Start Designing - Smith & AschwandenLavacon 2010: Stop Documenting and Start Designing - Smith & Aschwanden
Lavacon 2010: Stop Documenting and Start Designing - Smith & Aschwanden
James Smith375 views
UI Design Based on Schematics and Calm Technology by Omar Sosa Tzec et al., C... by Omar Sosa-Tzec
UI Design Based on Schematics and Calm Technology by Omar Sosa Tzec et al., C...UI Design Based on Schematics and Calm Technology by Omar Sosa Tzec et al., C...
UI Design Based on Schematics and Calm Technology by Omar Sosa Tzec et al., C...
Omar Sosa-Tzec1.3K views
ATDTK18 - design patterns for emergent learning technologies by Float
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
Float226 views

More from PloneFoundation

Pyruvate, a reasonably fast, non-blocking, multithreaded WSGI server by
Pyruvate, a reasonably fast, non-blocking, multithreaded WSGI serverPyruvate, a reasonably fast, non-blocking, multithreaded WSGI server
Pyruvate, a reasonably fast, non-blocking, multithreaded WSGI serverPloneFoundation
309 views64 slides
Améliorer la gouvernance et la gestion interne de la ville avec Plone by
Améliorer la gouvernance et la gestion interne de la ville avec PloneAméliorer la gouvernance et la gestion interne de la ville avec Plone
Améliorer la gouvernance et la gestion interne de la ville avec PlonePloneFoundation
170 views20 slides
Running Plone on AWS by
Running Plone on AWSRunning Plone on AWS
Running Plone on AWSPloneFoundation
336 views21 slides
State of Plone 4 and 5 by
State of Plone 4 and 5State of Plone 4 and 5
State of Plone 4 and 5PloneFoundation
337 views16 slides
State of Plone 2020 by
State of Plone 2020State of Plone 2020
State of Plone 2020PloneFoundation
346 views51 slides
Plone 6 Theming based on Barceloneta LTS by
Plone 6 Theming based on Barceloneta LTSPlone 6 Theming based on Barceloneta LTS
Plone 6 Theming based on Barceloneta LTSPloneFoundation
259 views20 slides

More from PloneFoundation(14)

Pyruvate, a reasonably fast, non-blocking, multithreaded WSGI server by PloneFoundation
Pyruvate, a reasonably fast, non-blocking, multithreaded WSGI serverPyruvate, a reasonably fast, non-blocking, multithreaded WSGI server
Pyruvate, a reasonably fast, non-blocking, multithreaded WSGI server
PloneFoundation309 views
Améliorer la gouvernance et la gestion interne de la ville avec Plone by PloneFoundation
Améliorer la gouvernance et la gestion interne de la ville avec PloneAméliorer la gouvernance et la gestion interne de la ville avec Plone
Améliorer la gouvernance et la gestion interne de la ville avec Plone
PloneFoundation170 views
Plone 6 Theming based on Barceloneta LTS by PloneFoundation
Plone 6 Theming based on Barceloneta LTSPlone 6 Theming based on Barceloneta LTS
Plone 6 Theming based on Barceloneta LTS
PloneFoundation259 views
Volto: A Journey towards Personalization by PloneFoundation
Volto: A Journey towards PersonalizationVolto: A Journey towards Personalization
Volto: A Journey towards Personalization
PloneFoundation201 views
Asking questions for the benefit of your future self - Growing with the Plone... by PloneFoundation
Asking questions for the benefit of your future self - Growing with the Plone...Asking questions for the benefit of your future self - Growing with the Plone...
Asking questions for the benefit of your future self - Growing with the Plone...
PloneFoundation169 views
Pyramid and the Pylons Project in the wild by PloneFoundation
Pyramid and the Pylons Project in the wildPyramid and the Pylons Project in the wild
Pyramid and the Pylons Project in the wild
PloneFoundation244 views

Recently uploaded

DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation by
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook AutomationDRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook AutomationHCLSoftware
6 views8 slides
Transport Management System - Shipment & Container Tracking by
Transport Management System - Shipment & Container TrackingTransport Management System - Shipment & Container Tracking
Transport Management System - Shipment & Container TrackingFreightoscope
5 views3 slides
Quality Engineer: A Day in the Life by
Quality Engineer: A Day in the LifeQuality Engineer: A Day in the Life
Quality Engineer: A Day in the LifeJohn Valentino
7 views18 slides
ADDO_2022_CICID_Tom_Halpin.pdf by
ADDO_2022_CICID_Tom_Halpin.pdfADDO_2022_CICID_Tom_Halpin.pdf
ADDO_2022_CICID_Tom_Halpin.pdfTomHalpin9
5 views33 slides
tecnologia18.docx by
tecnologia18.docxtecnologia18.docx
tecnologia18.docxnosi6702
5 views5 slides
nintendo_64.pptx by
nintendo_64.pptxnintendo_64.pptx
nintendo_64.pptxpaiga02016
6 views7 slides

Recently uploaded(20)

DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation by HCLSoftware
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook AutomationDRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation
HCLSoftware6 views
Transport Management System - Shipment & Container Tracking by Freightoscope
Transport Management System - Shipment & Container TrackingTransport Management System - Shipment & Container Tracking
Transport Management System - Shipment & Container Tracking
Freightoscope 5 views
Quality Engineer: A Day in the Life by John Valentino
Quality Engineer: A Day in the LifeQuality Engineer: A Day in the Life
Quality Engineer: A Day in the Life
John Valentino7 views
ADDO_2022_CICID_Tom_Halpin.pdf by TomHalpin9
ADDO_2022_CICID_Tom_Halpin.pdfADDO_2022_CICID_Tom_Halpin.pdf
ADDO_2022_CICID_Tom_Halpin.pdf
TomHalpin95 views
tecnologia18.docx by nosi6702
tecnologia18.docxtecnologia18.docx
tecnologia18.docx
nosi67025 views
Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated... by TomHalpin9
Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated...Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated...
Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated...
TomHalpin96 views
How to build dyanmic dashboards and ensure they always work by Wiiisdom
How to build dyanmic dashboards and ensure they always workHow to build dyanmic dashboards and ensure they always work
How to build dyanmic dashboards and ensure they always work
Wiiisdom14 views
Dapr Unleashed: Accelerating Microservice Development by Miroslav Janeski
Dapr Unleashed: Accelerating Microservice DevelopmentDapr Unleashed: Accelerating Microservice Development
Dapr Unleashed: Accelerating Microservice Development
Miroslav Janeski15 views
Automated Testing of Microsoft Power BI Reports by RTTS
Automated Testing of Microsoft Power BI ReportsAutomated Testing of Microsoft Power BI Reports
Automated Testing of Microsoft Power BI Reports
RTTS10 views
Ports-and-Adapters Architecture for Embedded HMI by Burkhard Stubert
Ports-and-Adapters Architecture for Embedded HMIPorts-and-Adapters Architecture for Embedded HMI
Ports-and-Adapters Architecture for Embedded HMI
Burkhard Stubert33 views
Electronic AWB - Electronic Air Waybill by Freightoscope
Electronic AWB - Electronic Air Waybill Electronic AWB - Electronic Air Waybill
Electronic AWB - Electronic Air Waybill
Freightoscope 5 views
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P... by NimaTorabi2
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...
NimaTorabi216 views
Introduction to Git Source Control by John Valentino
Introduction to Git Source ControlIntroduction to Git Source Control
Introduction to Git Source Control
John Valentino7 views
predicting-m3-devopsconMunich-2023.pptx by Tier1 app
predicting-m3-devopsconMunich-2023.pptxpredicting-m3-devopsconMunich-2023.pptx
predicting-m3-devopsconMunich-2023.pptx
Tier1 app8 views
Understanding HTML terminology by artembondar5
Understanding HTML terminologyUnderstanding HTML terminology
Understanding HTML terminology
artembondar57 views

Form Block / Formbuilder

  • 1. Form Block/Formbuilder Line of thoughts and an approach Janina Hard, 8. December 2020
  • 2. About me ● Webdeveloper since 2010 at Werkbank GmbH Bochum ● Working on bachelor degree in technical computer science (FH Dortmund) ● contributor for Plone since 2019 (Beethoven Sprint)
  • 3. Baseline ● build a form builder, not a form framework ● focus on non-technical users, not developers ● Example Use-Cases: – Simple contact forms – Complex forms with grouping of form fields
  • 4. There isn't just one way of doing it. or: „Every road leads to rome!“
  • 5. Different criteria ● Complexity of forms – Validation – Multipage – Form Actions ● Flexibility ● User Interfaces
  • 6. Different approaches ● Form Folder content type – own content type to add and edit forms – we did it before (EasyForm, FormGen) – complex forms ● Form Fields as regular blocks – every field is its own block – mix blocks and form fields – learned usage
  • 7. “A compromise is an agreement by which both parties get what neither of them wanted”
  • 8. Form Block Approach ✔ no change in user interface ✔ different forms on one site possible ✔ expandability ✗ mix with other blocks ✗ complex forms like multisite ✗ Complex form actions
  • 9. Just a little sneak peek (or what I could do up to now)
  • 10. Summary ● No „universal remedy“ – different approaches possible depending on criteria and user ● Code refactoring after Volto AddOn Training ;) ● Still a lot of work ahead
  • 11. Thank you for your attention!