Slide 1

Slide 1 text

Vance Lucas php|tek - May 26, 2011 stackbox CMS (Formerly Cont-xt) Monday, May 30, 2011

Slide 2

Slide 2 text

Why another CMS? Monday, May 30, 2011

Slide 3

Slide 3 text

Because this one is different* *Just like every other CMS on the market Monday, May 30, 2011

Slide 4

Slide 4 text

What is a page? Monday, May 30, 2011

Slide 5

Slide 5 text

Title Text KWWSZZZH[DPSOHFRP ,QVLGH3DJH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD &RS\ULJKW0\3URMHFW QSXWRN"

Slide 6

Slide 6 text

Content for this page KWWSZZZH[DPSOHFRP ,QVLGH3DJH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD &RS\ULJKW0\3URMHFW QSXWRN"

Slide 7

Slide 7 text

Common Elements • URL • Title • Body • Parent / Hierarchy • Section / Category / Tags • Metadata • Template Monday, May 30, 2011

Slide 8

Slide 8 text

Wordpress 3.1 Monday, May 30, 2011

Slide 9

Slide 9 text

Title Text Drupal 7 Monday, May 30, 2011

Slide 10

Slide 10 text

Anything Missing? Monday, May 30, 2011

Slide 11

Slide 11 text

Title Text KWWSZZZH[DPSOHFRP ,QVLGH3DJH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD &RS\ULJKW0\3URMHFW QSXWRN"

Slide 12

Slide 12 text

Is it editable? How? Monday, May 30, 2011

Slide 13

Slide 13 text

Yes and No. It depends. Monday, May 30, 2011

Slide 14

Slide 14 text

Do Your End-Users Know... Monday, May 30, 2011

Slide 15

Slide 15 text

Monday, May 30, 2011

Slide 16

Slide 16 text

Probably Not. Good luck telling them to edit templates. Monday, May 30, 2011

Slide 17

Slide 17 text

But That’s Not The Only Problem... Monday, May 30, 2011

Slide 18

Slide 18 text

Complex Page KWWSZZZH[DPSOHFRP +RPHSDJH+XOXVW\OH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD $FWLRQ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD +HDGHU +HDGHU +HDGHU &RS\ULJKW0\3URMHFW QSXWRN"

Slide 19

Slide 19 text

Content for this page KWWSZZZH[DPSOHFRP +RPHSDJH+XOXVW\OH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD $FWLRQ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD +HDGHU +HDGHU +HDGHU &RS\ULJKW0\3URMHFW QSXWRN"

Slide 20

Slide 20 text

Which one is the main content area? Monday, May 30, 2011

Slide 21

Slide 21 text

Which one is the main content area? Hint: None of them are. Monday, May 30, 2011

Slide 22

Slide 22 text

The definition of a page these content management systems use is fundamentally flawed. Monday, May 30, 2011

Slide 23

Slide 23 text

No CMS that uses this definition of a page agrees on the same solution to this problem, or even the same terminology. Monday, May 30, 2011

Slide 24

Slide 24 text

Solutions(?) for “other” content • Widgets • Blocks • Modules • Plugins • Nodes • Extensions • Code Snippets • Hard-coded in Templates Monday, May 30, 2011

Slide 25

Slide 25 text

Users are forced to edit pieces of the same page in completely different areas of a complex admin system several pages away from the content itself. Monday, May 30, 2011

Slide 26

Slide 26 text

These methods are all workarounds to a flawed model that doesn’t work for pages. Monday, May 30, 2011

Slide 27

Slide 27 text

What about Stackbox? Monday, May 30, 2011

Slide 28

Slide 28 text

Title Text What is a page? Monday, May 30, 2011

Slide 29

Slide 29 text

Title Text What is a page? We need a new definition Monday, May 30, 2011

Slide 30

Slide 30 text

A page is a container for content. Monday, May 30, 2011

Slide 31

Slide 31 text

Common Elements • URL • Title • Body • Parent / Hierarchy • Section / Category / Tags • Metadata • Template Monday, May 30, 2011

Slide 32

Slide 32 text

Common Elements • URL • Title • Parent / Hierarchy • Metadata • Template Monday, May 30, 2011

Slide 33

Slide 33 text

The page template defines the content. It is impossible to know the content - amount, placement, or type - ahead of time. Monday, May 30, 2011

Slide 34

Slide 34 text

Content for this page KWWSZZZH[DPSOHFRP +RPHSDJH+XOXVW\OH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD $FWLRQ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD +HDGHU +HDGHU +HDGHU &RS\ULJKW0\3URMHFW QSXWRN"

Slide 35

Slide 35 text

How do we define content areas? Designers will be working with templates. Monday, May 30, 2011

Slide 36

Slide 36 text

Regions defined with CSS classes Homepage
Monday, May 30, 2011

Slide 37

Slide 37 text

What about content on all pages? Headers, Footers, Sidebars, etc. Monday, May 30, 2011

Slide 38

Slide 38 text

Title Text KWWSZZZH[DPSOHFRP ,QVLGH3DJH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD &RS\ULJKW0\3URMHFW QSXWRN"

Slide 39

Slide 39 text

We also need global regions Homepage
Monday, May 30, 2011

Slide 40

Slide 40 text

Unobtrusive markup for regions • Content regions defined with CSS classes • cms_region • Content for the current page • cms_region_global • Content shared across multiple pages • Any global template region that shares the same ID Monday, May 30, 2011

Slide 41

Slide 41 text

Different types of content KWWSZZZH[DPSOHFRP +RPHSDJH+XOXVW\OH )RUPRUHLQIRFRPPHQWVDQGVXJJHVWLRQVJRWRPRUWHQMXVWFRPDZLUHIUDPHNLWIRUJRRJOHGUDZLQJV 6HFWLRQ 6HFWLRQ /RJLQ 6LJQXS ,WHP ,WHP ,WHP ,WHP ,WHP ,WHP +HDGLQJ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW&UDV LPSHUGLHWHQLPDFDXJXHDXFWRU YLYHUUD $FWLRQ /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD /RUHPLSVXPGRORUVLWDPHW FRQVHFWHWXUDGLSLVFLQJHOLW &UDVLPSHUGLHWHQLPDF DXJXHDXFWRUYLYHUUD +HDGHU +HDGHU +HDGHU &RS\ULJKW0\3URMHFW QSXWRN"

Slide 42

Slide 42 text

How do we handle completely different types of content? Monday, May 30, 2011

Slide 43

Slide 43 text

Different types of content • Text / HTML / WYSIWYG • Site Navigation • Blog / News • Event Calendar • Image/Video Slideshow • Contact Form • Product Listing • etc... Monday, May 30, 2011

Slide 44

Slide 44 text

Every piece of content is a module so nothing is pre-defined. Monday, May 30, 2011

Slide 45

Slide 45 text

How do we make it easy for end-users? Monday, May 30, 2011

Slide 46

Slide 46 text

Kill the admin panel. Put all edit controls on-page, overlaid on top of the content the user wants to edit. Monday, May 30, 2011

Slide 47

Slide 47 text

Modules are placed inside defined regions on-page with user-friendly drag-and-drop and point-and-click methods. Monday, May 30, 2011

Slide 48

Slide 48 text

How do we make developers love modules? Monday, May 30, 2011

Slide 49

Slide 49 text

Modules are self-contained MVC triads that define their own behavior and structure. Monday, May 30, 2011

Slide 50

Slide 50 text

This is made possible with Hierarchical MVC (HMVC). Monday, May 30, 2011

Slide 51

Slide 51 text

One More Thing... Monday, May 30, 2011

Slide 52

Slide 52 text

Stackbox is multi-site capable. Monday, May 30, 2011

Slide 53

Slide 53 text

Demo Time! Monday, May 30, 2011

Slide 54

Slide 54 text

[email protected] http://brightb.it (405) 595-0101 Oklahoma City stackbox CMS http://stackboxcms.com Monday, May 30, 2011