squiz iuc 2010 - 2.1 squiz easy edit suite

E E S2.1 Easy Edit Suite

What is Easy Edit Suite (EES)?

• A pre configured ‘out of the box’ simple editing solution.A pre configured  out of the box  simple editing solution.• An editing ‘add on’ for Squiz Matrix from 3.28.0+.• A way for clients to start editing content straight away without 

being exposed to admin mode and without the resource investment required to develop complex Simple Edit Layouts.

• An interface to edit Squiz Matrix content from Squiz CMS• An interface to edit Squiz Matrix content from Squiz CMS.• A framework for building more sophisticated editing solutions 

to support specific business publishing requirements – i.e. ‘Workspaces’.

Why have we created EES?

• A big part of our next step forward as a company e.g. ‘SquizA big part of our next step forward as a company e.g.  Squiz Suite’.

• To address the complex nature of configuring Simple Edit Layouts.

• Clients want something that ‘just works’ and can be setup within minutes.within minutes.

• Standardising simple editing so we can train and support it.• ‘Connect’ our Squiz Suite products in look and feel.

How did we get here?

• Prototype 1Prototype 1

How did we get here?

• Prototype 2‐aPrototype 2 a

How did we get here?

• Prototype 2‐bPrototype 2 b

How did we get here?

• FinalFinal

How does it all work?

How do we install EES?

1. Squiz Matrix 3.28.0+. New features require 3.28.3+ up until1. Squiz Matrix 3.28.0 . New features require 3.28.3  up until but not including v4.

2. Download EES fromh // /d l d/http://matrix.squiz.net/download/ees

3. Follow instruction guide at http://manuals.matrix.squiz.net/ees/chapters/installationhttp://manuals.matrix.squiz.net/ees/chapters/installation

EES Interface ExplainedEditing ToolbarEditing Toolbar

1. ‘New’ button opens wizard to create new pages, news, files.2. Mode switcher ‘Preview’ and ‘Edit’.3 C tl l d i3. Currently logged in user name.4. Exit editing mode to exit back to design or logout out.5 Find an asset to navigate and redirect to5. Find an asset to navigate and redirect to.6. Save content changes.

EES Interface ExplainedEdit ModeEdit Mode

• Asset details• Screen selectors• Warning box• Screen content

EES Interface ExplainedEdit Mode ScreensEdit Mode Screens

1. Details: change status and update page names .2. Content: edit, add, delete, ‘nest’ (share) page content.3. Metadata: edit SEO and functionally dependant metadata.4. Workflow: approve/reject or review logs/summary.5. Linking: manage location links and view/re‐order children.6. URLs: add/remove web paths.

EES Interface ExplainedAsset FinderAsset Finder

1. Use to:• Navigate via redirect to other assets under the current website.• Select parent(s) when in creation wizard.• Select new link location parent when used from the linking 

screenscreen.• Select content to nest when editing nested areas within standard 

pages.2. Features include: breadcrumbs, auto browse, auto scroll, child 

counts and customisable root nodes for default panel. 

EES Interface ExplainedAsset Creation WizardAsset Creation Wizard

1. Create new pages: standard pages, news items.2. Create new files: folder, image, pdf, word, excel, powerpoint, 

mp3, flash video, generic video, generic file.3. Hide and show in menu on creation.4 Cli id lid i4. Client side validation.5. Integrated asset finder.

EES WorkspacesWhat are workspaces?What are workspaces?

• Predefined “out of the box” interfaces for managing specific business content in the one area e.g. news, image galleries, calendars.W k ill t ifi i l t ti d d t• Workspaces will expect specific implementation and data structures/configurations in order to function correctly.

• Initially two workspaces will be available to manage image galleries and news items.

• Future workspaces will include extensions to these to allow for different implementation approaches, as well as workspaces todifferent implementation approaches, as well as workspaces to handle more complex assets like calendar events.

• Assists with managing complex content from Squiz CMS due to lack of EES toolbarof EES toolbar.

EES WorkspacesThe workspace interface / functionalityThe workspace interface / functionality

• Configured root nodes automatically switch the editing interface to use workspace look and feel.

• Assigning workspaces to a category allows the related• Assigning workspaces to a category allows the related workspaces feature to function.

• Assets under a configured workspace root node have awareness that they belong to a workspace.

• Drag and drop reordering, standard add/edit/delete functionality and integration with the creation wizard.y g

• Using workspaces as a framework, custom workspaces can be defined without any server side changes to meet individual “outside the box” implementationsoutside the box  implementations.

EES Hints and tips

• EES explainedhttp://manuals.matrix.squiz.net/ees

• JavaScript customisation• JavaScript customisationhttp://manuals.matrix.squiz.net/ees/chapters/plugin‐customisation

• CSS customisationhttp://manuals.matrix.squiz.net/ees/chapters/css‐customisations

• Image variety triggershttp://manuals.matrix.squiz.net/ees/chapters/ees‐trigger‐configurationg

EES Q & A

• Forums: http://forums.matrix.squiz.net/• Manuals: http://manuals.matrix.squiz.net/ees