ToguThe WYSIWYG in no time!

Scenario

Backend based CMS Time wasted by contributors Lots of forms to fill, need to preview

each time

WYSIWYG Time wasted by developers Often hard to customize for advanced

features

What is Togu?

Togu is a WYSIWIG Content Management Framework based on HTML 5 Support for Desktop and Mobile devices Native support for Responsive design

websites Large library of production-ready

Components

Togu goals

Easy contents creation WYSIWYG editing

Fast to develop and customize Forget about the backend development Write the frontend code and you are

done

Features

In place text editing Insert and modify resources with Drag &

Drop Customize the website aspect in real time Access translated contents in one click History of modifications available in one

click Adapt contents depending on the device or

the location Preview the website in mobile devices via

an integrated simulator

Technologies

MVC Frontend Architecture

Two-way data binding between the model and the view

The views are plain Mustache templates with custom directives No more need to use jQuery Selectors Events binding extremely simple

Dependency injection of Services into the Controllers

Inspired by Polymer / AngularJS

Backend Architecture

The server acts as a Data Provider Delivers HTML just for the first Request,

rendering the template to be SEO compliant REST WebServices expose the website data

Completely agnostic from the Frontend design No need to write a line of code in most cases

Easy to port to different languages NodeJS / .NET / Java…

Development Workflow

Create the Templates

Write the Controllers

Define the Data

Structure

Template example

Data Structure example

Controller example

Website example

Drag & Drop of Links

Drag & Drop of Media

Textual Editor

Direct D&D into the page

Thank you

Final Thoughts

Questions?

Final Thoughts

Contacts

www.togu.io

alessandro.siragusa@gmail.com

@alesirag