1. TYPO3 5.0
The taste of Phoenix
Illustration by Momkai - a digital creative agency for Software Inc.
http://www.behance.net/Gallery/Vabi-Phinix-_-Numex/137704 ... still evolving
2. Jens Hoffmann Björn Brockmann
Creative Director User Experience Lead
d.k.d Internet Service GmbH Leo Burnett GmbH
Clients: Lufthansa, Telekom, Clients: Fiat, Harman Kardon,
Cocoon, Anzag, Chevrolet Europe,
TAZ, VGF, WWF Cadillac, Fissler,
Kellogg´s, Samsung
TYPO3 Design & Usability Team Leader TYPO3 Usability Team Member
TYPO3 5.0 Core Team Member
„Official TYPO3 Websites“ Team Member
6. Woman
Creates Content Younger
Texter
Personality Younger or Old
Man
Student
Implements Content
Younger
Cheap Employe Intern
Personality
Doesn't accept the status quo
Pensioner
Content Content Editor
Wears ugly but modern closes
Goals Keep content updated
Implement design Goals
Add, edit, move and delete content
Tasks
Create/Edit HTML, CSS ans JS code
Produce news articles
Adds fluid syntax to HTML templates
Editor is restrained from a lot of things
Tasks HTML Designer
Review HTML quality
Will never change the overall structure of a site
Notes
Review HTML-Design accuracy
Front end editing
You don't necessarily need typoscript
Typically don't remember their password
Beyond Dreamweaver
Man
Hacker dude Notes
Mid age
Types of HTML designers
Experienced HTML developer
Personality Used to Abstraction
Former Designer
Organizer and handles job with care
Connects HTML with TYPO3 Goals
Could handle responsibilities
Create/Debug/Edit TypoScript Code
Keep content updated and structured
Tasks
Goals
Add/Edit Fluid Code
into HTML templates HTML Integrator Structure the site
Can edit TypoScript in the Content Manager Apply templates
Backend or an extrnal Editor
Notes
Layout Edit content
Formally known as TypoScript Editor
Edit DAM structure
Expand functionality
Goals
Tasks Edit Metadata
Fix problems
Index Media
Connecting to other systems
Modify page structures
Write new Packeges
Management
Review content
Testing
Tasks
Notes Needs to understand basic concepts
Write stand-alone applications
Woman
Implement features
Mid age
Create/Edit PHP Code
Personality
Right hand of the boss
Used to PowerTools
PHP Developer
Personas Lübeck Always charming
Likes challenging tasks
Goals Administer System Users
Scrum meeting
User Manager Users
Defines tasks for today
Tasks Create/Edit/Delete Groups
Reads specifications
Notes
Rights
Develop App
Typical day for a PHP developer
Typical from HR
Tests in the backend
QM
Notes Not really used to the System
Can see results in frontend
Occasional usage of the System On monthly basis
Loops between developing and testing
Man
Publish App
Arrogant Humans are only Resources
Afraid of sun light
Stressed
Low human skills
Personality Unhappy
In love with his PC
Well dressed
Linux & co. Like to show his skills by doing it the hard way
Personality
Weekly Haircut
Uses the keyboard, not the mouse
Smokes
Wears one week the same closes
Marketing Manager
Goals Monitor performance of the site
Pizza and Beer sculptured his impressive body
running analytic queries
Playes Online-games in his free time
Tasks
generate reports
Keeping it secure
no technical guy
Wants to be able to script tasks Keep the system running
System Administrator System
used to excel word
Securing Goals
Notes
Managing multiple installations
Report all ways running out of time
Upgrading
lives in email
Setting up TYPO3
Woman
Housekeeping
Good People/Soft skills
Installing
Well dressed
Optimizing Tasks
Personality
Stressed
Updating
Too much coffee
TYPO3
running backups
Project Manager Vegetarian
Never sees the backend?
Notes
manage human resources
lives in the shell
Goals
Getting website live
monitoring employees workloads
Tasks
Quality Management Language
Notes Need to use Informations Externally
8. Klaus & Margarete Robin Hermine Gerrit Genie
Content Editor Content Manager User Manager Chief editor Translator
Content Management
Mr. Hartman Bill Cornelius Gallus Roger Kaspersky
Project Manager Marketing Manager HTML Designer TYPO3 Integrator PHP Developer System Administrator
Report Layout System
All Personas are Models on the Pictures here and take distance from the work context we made up.
9. Gerrit (Chief editor)
Goals Improve content quality
Tasks Keep the Editors busy
Reviews & publishes content
Needs Publishing process
10. TYPO3 Personas
(Across TYPO3 versions)
http://j.mp/t3personas
Help to improve them!
TYPO3
16. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Mai 2010
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend. Activate Content Editing
Level 2 via a "Double Click" any- Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. content frame
where in the Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
42. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Active editing mode
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
Suspendisse potenti. Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
43. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend. Activate Content Editing
Level 2 via a "Double Click" any- Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. content frame
where in the Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
Suspendisse potenti. Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
44. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
Suspendisse potenti. Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
45. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam element
Sorry, you can't edit this
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
Suspendisse potenti. Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
46. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Julia is editing this
since 15:37 o'clock
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor Sorry, some else is already editing this.
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Contact him via Chat to get feedback.
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
Suspendisse potenti. Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
47. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
Julia is editing this
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2 since 15:37 o'clock
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. to see user editing Infos
"Rollover" a Block
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
- Chat with Editor (if it gets edited)
- View rights for edit block (if available)
- View rights to move block (if available)
Suspendisse potenti. Donec faucibus. Nunc placerat justo et - View rights to delete block (if available)
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
48. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu"Single-Click" to select a block lorem. Duis varius mauris vel augue.
lacus, bibendum in, neque sed
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
"Single-Click" + SHIFT to multi-select block's
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam. "Single-Click" + STRG to move a block
(Indicate via Cursor on Rollover)
Suspendisse potenti. Donec faucibus. Nunc "Double-Click"et edit a block
placerat justo to
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
49. 99 2 State
▼ 5 Version.Build
Clipboard groups edit Default ▼ Custom Images ▼ Custom Texts ▼ Custom Lorem ▼ + Hallo, Real Username Logout
Recycler ▼
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Moved ▶
13
1 3 8
Site search ...
Website User Jens Pic of a car Clipboard entry Search me Lorem Ipsum
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio is processed,
After a selection porttitor mattis.
Donec dignissim ornare tortor. Donec could be move on the page.
it lectus turpis, tempor id, cursus
vitae, eleifend in, risus. Aenean (Called: Short distance move)
turpis. Mauris ultricies quam
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in,
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta
To Move (over large distances),
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta to clipboard "drop-zone"
drag&drop lacus id pede. Nulla
scelerisque lorem ut quam.
To Delete (or remove a instance),
drag&drop to recycler "drop-zone"
Suspendisse potenti. Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Cras lectus. Sed imperdiet placerat est. Etiam
Duis at magna id pede vestibulum accumsan. Suspendisse at accumsan felis eget ligula. Proin auctor, nibh
massa. Proin eleifend. Vestibulum interdum. Mauris sed volutpat pellentesque, tortor lectus
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl condimentum felis, sit amet accumsan leo dui
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus. ut ligula. Pellentesque convallis. Duis dapibus
neque sed lorem.
50. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
Activate Aloha Inline Editor via
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam. "double click" onto any
a
accessable Content Element
Suspendisse potenti. Use ESC key or click on the
Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet.CMS head, to suscipit, nunc ut laoreet
Vestibulum deactivate Aloha
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
51. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos. Text selection
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
Propertys
Format
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Presets Parameter Add
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa.
sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla
scelerisque lorem ut quam.
Suspendisse potenti. Donec faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
52. 99 2 State
5 Version.Build
Hallo, Real Username Logout
3
Content Management Report Layout System Dashboard
Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style
Site search ...
Brand logo (Home)
Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1
Site switcher Rootline
CTA AD
Titel Nr
Level 2
Lorem ipsum dolor sit amet consectateur
Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi
Level 4 peccat. Si veteres ita miratur laudatque poetas, ut
Level 4 ▶
nihil anteferat, nihil illis comparet, errat. Si
quaedam nimis antique, si peraque dure dicere
Level 4
credit eos.
Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor
Propertys
Format
lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa
Presets Parameter Add
Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue
eget ante consectetuer tempor. Duis at magna id pede vestibulum
Level 2
accumsan. Suspendisse at massa. Proin eleifend.
Level 2 Cras lectus. Sed imperdiet placerat est. Etiam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh
Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus
Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui
vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus
malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue.
Change selection to ...
pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. Select a word by
sit amet, iaculis nec, est. Main Content Arealectus quis lectus. Integer
└ Proin scelerisque
felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla clicking "into" text
scelerisque lorem ut quam. Grid element 70% / 30%
└
└ Column 70% width
Suspendisse potenti. Donec Untitled paragraph
└ faucibus. Nunc placerat justo et
dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet
└ Text selection
porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem.
Platinum Ad
Maecenas at augue eget ante consectetuer tempor.
Duis at magna id pede vestibulum accumsan. Suspendisse at
massa. Proin eleifend. Vestibulum interdum. Mauris
Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl
dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.