A Custom ExtJS backend for TYPO3
Upcoming SlideShare
Loading in...5
×
 

A Custom ExtJS backend for TYPO3

on

  • 3,565 views

Recent progress of TYPO3 backend usability is really changing the way we see TYPO3 as a tool for a large variety of editors, from tech-savy "superusers" to once-in-a-while average users with no ...

Recent progress of TYPO3 backend usability is really changing the way we see TYPO3 as a tool for a large variety of editors, from tech-savy "superusers" to once-in-a-while average users with no particular technical insight.
However we recently faced a project where the editors needed an even simpler, and in many cases much less versatile backend. Many features of the TYPO3 backend were not needed, but the ones that were, needed to be dead-simple. The editors requiring this simplicity are all members of a large danish political parti running for government, and thus the candidates are busy campaigning, and need a system that facilitates fast and easy editing of their websites.

In order to provide this, we developed a new custom ExtJS (now Sencha) based backend programmed in close collaboration with a representative of the client. We will show how its possible to use TYPO3 combined with a custom backend for uses requiring this sort of extremely simplistic (but feature limited) editing. The talk will focus on how the clients requirements were met and how he full project was completed as an agile project during a very intensive 2 month period using SCRUM.

Statistics

Views

Total Views
3,565
Views on SlideShare
3,497
Embed Views
68

Actions

Likes
0
Downloads
27
Comments
0

5 Embeds 68

http://www.bertrandkeller.info 34
http://bertrandkeller.info 24
http://mediawiki.arsmedium.de 6
http://www.slashdocs.com 3
http://www.docshut.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

A Custom ExtJS backend for TYPO3 A Custom ExtJS backend for TYPO3 Presentation Transcript

  • A custom, easy to use TYPO3 backend with ExtJS Jan-Erik Revsbech <janerik@mocsystems.com> MOC
  • Outline • Introduction • Background • Why a new backend? • Requirements and solution • Demonstration • Challenges • Conclusions MOC
  • Introduction • TYPO3: Easy to use, especially for the regular editor • Front-end editing: Works, but was not considered easy enough to use. • Recent development is in progress, but not yet finished. MOC
  • Background • A new digital strategy based on social media • Limit support • Common visual identity for all candidates MOC
  • Requirements • Small but visually appealing candidate websites acting as a hub for social media services • Primary content from social media • Themeable • Good-looking, stringent design • Possibility to kickstart new sites • Extremely simple and intuitive to use • Hard deadline MOC
  • The editors • Candidates for danish party • Busy schedules • Their website might not be the primary information channel • Not interested in technology, only in content. Technology is not the driving force • Utilizing existing information channels • Varying personas, from the very infrequent user to the dedicated webmaster • Must be able to manage their websites themselves MOC
  • The competitors system “The webmaster should not be scared if the webdepartment recommends him to write the link himself in HTML.” MOC
  • The websites • Basic grid-based front page with a social media feed, mixing twitter, facebook, youtube and flickr entries. • Standard top and right column, only content in central column is directly editable • Manual ordering of content • All componentes made with Extbase MOC
  • A new TYPO3 backend MOC
  • The need-to-have’s • Front end editing. Seamless integrated into website • Drag’n’drop of content • Actively control the source and order of the social- media-stream • Easy editing of “standard” content settings and content elements • Integration to • Twitter • Facebook • Flickr • Youtube • Standard settings should migrate content from central party social feeds. “Kickstart and leave” MOC
  • The custom backend • Fully integrated into website • Stripped from unnecessary complexity • Visually appealing • Using familiar icons MOC
  • Editing settings • Standard formfields • Tab based editing of all settings • Easy image selection MOC
  • Simple editing of content MOC
  • Tooltip help where necessary MOC
  • Publishing • Publishing content when ready • Previewing content seamlessly MOC
  • Technical considerations • Using real TYPO3 backend editors • Utilizing existing workspaces framework • Submitting all content editing via ajax, updating necessary content when needed • Using ExtJS MOC
  • Reasons for using ExtJS • Standard framework for TYPO3 version 4.3 and above (and Phoenix) • Many standard components: Panels, tabs, gridviews, tooltips etc. • Tested in various (needed) browsers MOC
  • Considerations with ExtJS • Removing the “ExtJS” feel of the new backend application • Learning a new large JavaScript framework • Browser compatibility and general support MOC
  • Demonstration MOC
  • Challenges • Versioning/workspaces • ExtJS • Maintaining a large JavaScript framework • Browser compatibility • Performance MOC
  • Conclusions • TYPO3 and ExtJS was the right choice • It definitively is possible to create a custom backend using ExtJS for application building. MOC