stackbox                                     CMS                                (Formerly Cont-xt)                       V...
Why another CMS?Monday, May 30, 2011
Because this one is                           different*                          *Just like every other CMS on the market...
What is a page?Monday, May 30, 2011
Simple Content Page                           Title TextMonday, May 30, 2011
Content for this pageMonday, May 30, 2011
•       URL               •       Title               •       Body               •       Parent / Hierarchy               ...
Wordpress 3.1Monday, May 30, 2011
DrupalText                        Title 7Monday, May 30, 2011
Anything Missing?Monday, May 30, 2011
Title Text                       Content for all pagesMonday, May 30, 2011
Is it editable?                            How?Monday, May 30, 2011
Yes and No.                         It depends.Monday, May 30, 2011
Do Your End-Users                            Know...Monday, May 30, 2011
Monday, May 30, 2011
Probably Not.              Good luck telling them to edit templates.Monday, May 30, 2011
But That’s Not The Only                Problem...Monday, May 30, 2011
Complex PageMonday, May 30, 2011
Content for this pageMonday, May 30, 2011
Which one is the main                  content area?Monday, May 30, 2011
Which one is the main                  content area?                       Hint: None of them are.Monday, May 30, 2011
The definition of a page these             content management systems             use is fundamentally flawed.Monday, May 30...
No CMS that uses this definition           of a page agrees on the same          solution to this problem, or even         ...
•       Widgets               •       Blocks               •       Modules               •       Plugins               •  ...
Users are forced to edit pieces of         the same page in completely        different areas of a complex         admin s...
These methods are all        workarounds to a flawed model         that doesn’t work for pages.Monday, May 30, 2011
What about Stackbox?Monday, May 30, 2011
What is a page?                            Title TextMonday, May 30, 2011
What is a page?                        We need a new definition                                Title TextMonday, May 30, 2011
A page is a container for content.Monday, May 30, 2011
•       URL               •       Title               •       Body               •       Parent / Hierarchy               ...
•       URL               •       Title               •       Parent / Hierarchy               •       Metadata           ...
The page template defines the       content. It is impossible to know       the content - amount, placement,            or ...
Content for this pageMonday, May 30, 2011
How do we define content areas?          Designers will be working with templates.Monday, May 30, 2011
<html>                  <head>                     <title>Homepage</title>                  </head>                       ...
What about content on all pages?                       Headers, Footers, Sidebars, etc.Monday, May 30, 2011
Title Text                       Content for all pagesMonday, May 30, 2011
<html>                  <head>                     <title>Homepage</title>                  </head>                       ...
•       Content regions defined with CSS classes                   •    cms_region                       •   Content for th...
Different types of contentMonday, May 30, 2011
How do we handle                       completely different                        types of content?Monday, May 30, 2011
•       Text / HTML / WYSIWYG               •       Site Navigation               •       Blog / News               •     ...
Every piece of content is a     module so nothing is pre-defined.Monday, May 30, 2011
How do we make it easy           for end-users?Monday, May 30, 2011
Kill the admin panel. Put all       edit controls on-page, overlaid on       top of the content the user wants            ...
Modules are placed inside           defined regions on-page with          user-friendly drag-and-drop          and point-an...
How do we make                       developers love                          modules?Monday, May 30, 2011
Modules are self-contained       MVC triads that define their own          behavior and structure.Monday, May 30, 2011
This is made possible with                  Hierarchical MVC (HMVC).Monday, May 30, 2011
One More Thing...Monday, May 30, 2011
Stackbox is multi-site capable.Monday, May 30, 2011
Demo Time!Monday, May 30, 2011
stackbox                                     CMS                              http://stackboxcms.com                      ...
Upcoming SlideShare
Loading in …5
×

Stackbox CMS: Next-Generation Content Management

4,786 views
4,652 views

Published on

Stackbox is an ambitious new open source content management system aiming to end the “back-end” editing paradigm for good. All content editing is done directly in-place and on-page through drag-and-drop, JavaScript and AJAX methods coupled with a simple and efficient server-side templating system. Learn about the design and development decisions that led to the creation of Stackbox.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,786
On SlideShare
0
From Embeds
0
Number of Embeds
703
Actions
Shares
0
Downloads
28
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Stackbox CMS: Next-Generation Content Management

  1. 1. stackbox CMS (Formerly Cont-xt) Vance Lucas php|tek - May 26, 2011Monday, May 30, 2011
  2. 2. Why another CMS?Monday, May 30, 2011
  3. 3. Because this one is different* *Just like every other CMS on the marketMonday, May 30, 2011
  4. 4. What is a page?Monday, May 30, 2011
  5. 5. Simple Content Page Title TextMonday, May 30, 2011
  6. 6. Content for this pageMonday, May 30, 2011
  7. 7. • URL • Title • Body • Parent / Hierarchy • Section / Category / Tags • Metadata • Template Common ElementsMonday, May 30, 2011
  8. 8. Wordpress 3.1Monday, May 30, 2011
  9. 9. DrupalText Title 7Monday, May 30, 2011
  10. 10. Anything Missing?Monday, May 30, 2011
  11. 11. Title Text Content for all pagesMonday, May 30, 2011
  12. 12. Is it editable? How?Monday, May 30, 2011
  13. 13. Yes and No. It depends.Monday, May 30, 2011
  14. 14. Do Your End-Users Know...Monday, May 30, 2011
  15. 15. Monday, May 30, 2011
  16. 16. Probably Not. Good luck telling them to edit templates.Monday, May 30, 2011
  17. 17. But That’s Not The Only Problem...Monday, May 30, 2011
  18. 18. Complex PageMonday, May 30, 2011
  19. 19. Content for this pageMonday, May 30, 2011
  20. 20. Which one is the main content area?Monday, May 30, 2011
  21. 21. Which one is the main content area? Hint: None of them are.Monday, May 30, 2011
  22. 22. The definition of a page these content management systems use is fundamentally flawed.Monday, May 30, 2011
  23. 23. 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
  24. 24. • Widgets • Blocks • Modules • Plugins • Nodes • Extensions • Code Snippets • Hard-coded in Templates Solutions(?) for “other” contentMonday, May 30, 2011
  25. 25. 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
  26. 26. These methods are all workarounds to a flawed model that doesn’t work for pages.Monday, May 30, 2011
  27. 27. What about Stackbox?Monday, May 30, 2011
  28. 28. What is a page? Title TextMonday, May 30, 2011
  29. 29. What is a page? We need a new definition Title TextMonday, May 30, 2011
  30. 30. A page is a container for content.Monday, May 30, 2011
  31. 31. • URL • Title • Body • Parent / Hierarchy • Section / Category / Tags • Metadata • Template Common ElementsMonday, May 30, 2011
  32. 32. • URL • Title • Parent / Hierarchy • Metadata • Template Common ElementsMonday, May 30, 2011
  33. 33. The page template defines the content. It is impossible to know the content - amount, placement, or type - ahead of time.Monday, May 30, 2011
  34. 34. Content for this pageMonday, May 30, 2011
  35. 35. How do we define content areas? Designers will be working with templates.Monday, May 30, 2011
  36. 36. <html> <head> <title>Homepage</title> </head> <body> <div class=”cms_region” id=”slideshow”></div> <div class=”cms_region” id=”intro_left”></div> <div class=”cms_region” id=”intro_center”></div> <div class=”cms_region” id=”intro_right”></div> </body> </html> Regions defined with CSS classesMonday, May 30, 2011
  37. 37. What about content on all pages? Headers, Footers, Sidebars, etc.Monday, May 30, 2011
  38. 38. Title Text Content for all pagesMonday, May 30, 2011
  39. 39. <html> <head> <title>Homepage</title> </head> <body> <div class=”cms_region_global” id=”header”></div> <div class=”cms_region” id=”content”></div> <div class=”cms_region_global” id=”sidebar”></div> <div class=”cms_region_global” id=”footer”></div> </body> </html> We also need global regionsMonday, May 30, 2011
  40. 40. • 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 Unobtrusive markup for regionsMonday, May 30, 2011
  41. 41. Different types of contentMonday, May 30, 2011
  42. 42. How do we handle completely different types of content?Monday, May 30, 2011
  43. 43. • Text / HTML / WYSIWYG • Site Navigation • Blog / News • Event Calendar • Image/Video Slideshow • Contact Form • Product Listing • etc... Different types of contentMonday, May 30, 2011
  44. 44. Every piece of content is a module so nothing is pre-defined.Monday, May 30, 2011
  45. 45. How do we make it easy for end-users?Monday, May 30, 2011
  46. 46. 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
  47. 47. Modules are placed inside defined regions on-page with user-friendly drag-and-drop and point-and-click methods.Monday, May 30, 2011
  48. 48. How do we make developers love modules?Monday, May 30, 2011
  49. 49. Modules are self-contained MVC triads that define their own behavior and structure.Monday, May 30, 2011
  50. 50. This is made possible with Hierarchical MVC (HMVC).Monday, May 30, 2011
  51. 51. One More Thing...Monday, May 30, 2011
  52. 52. Stackbox is multi-site capable.Monday, May 30, 2011
  53. 53. Demo Time!Monday, May 30, 2011
  54. 54. stackbox CMS http://stackboxcms.com hello@brightb.it (405) 595-0101 http://brightb.it Oklahoma CityMonday, May 30, 2011

×