cms / blog and snowoman

MONTREAL JUNE 30, JULY 1ST AND 2ND 2012


コンテンツマネージメントシステム、ブログと ”雪女”

WOWODC 2012 by Ken Ishimoto (K’s Room & A10-Objects)

12年7月5日木曜日



WOWODC 2012 by Ken Ishimoto (K’s Room & A10-Objects)

CMS / BLOG and SnoWOman




Ken Ishimoto10 years 4th Dimension Developer, 2 years Real Basic and

since 2008 WebObjects Developer


Agenda

• Offline CMS

• CMS System

• SnoWOman

• Demo

• Q&A


Offline CMS Deploy System12年7月5日木曜日

Offline CMS

• Buy the App

• Create the Content on your Computer

• Deploy everything via FTP to a Server

• Any Changes? You need your Computer to fix the changes and then you have to deploy it, sometimes you have to upload every Page again.


NICE• Easy Solution

• We make the Custom Design.

• The Customer can use it. (Maybe)


BUT...

• No way to connect it to a DatabaseCMS but static CMS

• Won’t work with Wonder

• We don’t make Money (only for some Design)


Drupal : What’s nice about it

• Many Themes

• Lot of Languages

• Very Popular

• Open Source

• Lot of Plugins


Custom Themes

• Create Custom Themes

(3 People worked 4 Months on it)


Localize

• There are a lot of already Localized Templates(most are only 40-60% done)

• We had a Plugin that wasn’t written for that and it took(3 Person / 2 Days to Localize only a Menu Entry)


Plugins

• Upgrade to New Version

• The User will upgrade because a nice new Feature is available

• But, old Plugin’s won’t work anymore and break


Security


Security

• BUGS, Security flaws

• The Community fix this Problems and the User has update everyfew Months or sometimes every few weeks

• Most User have only a Site without a Contract for Maintenance(This Site’s are now hackable)

• You can find Security issues easily on there Homepage's (Everybody include Hackers know the security issues also)


How can I use it?

• Learn PHP

• Learn MySQL

• Download Drupal and learn it


Project Wonder

• Won’t work with Wonder

• If you are not using MySQL you need 2 Databases

• No way to use it with EOF, MVC and KVC (everything we love)


But Can I use it with WO?

• write PHP code and make Rest Calls to Wonder

• Maintenance two separate Systems now : PHP and Java-WO(if you are a Power User maybe not a big deal)


WordPress : WAY 1

• own Deploy ?

• Than it will like Drupal, you have to careabout everything, write PHP and dive into it.


WordPress : WAY 2

• use the Service of Wordpress.com

• The take care about Security now^^ yeah

• But Custom Design cost Money and it is not allowedto write PHP code and add features to it. No Connectionto WO anymore.


SnoWOman12年7月5日木曜日

Why a CMS?

• Written with Wonder

• Because we love WOF, EOF, MVC, KVC

• No need to learn a new Language

• Use a Database that you like

• Login to your Application and change the Context


Easy Installation

• only add the Frameworks

• It will initialize itself and make also the default Pages

• Already in real use at 6 different Customer Locations

• In use now by 2 Developers in Japan (WOdka Project)


6 Frameworks

• WOKeyValueDataStorage (1 Entity)

• WOEmoji

• ERMailManager (5 Entities)

• SKIN_Sandvox

• ERModernJQuery

• SnoWOman (5 Entities)


WOKeyValueDataStorage

• one Entity KeyValue Storage

• The Data stored into this Entitywith Key & Value

• The Value Property Data is in .plist Format

• Try to Cache in Memory and refresh every Hour

• Can use with other Frameworks in the Future


ERModernJQuery

• Input Field Validation

• Banner

• FlightBoards

• Picture / Video Viewer

• and more ...


WOEmoji

• Usage of Emoji

• Yes, Japanese People loves that

• For now our User who writes Content are 100% Mac or iPad Users

• But after it is written Windows User will see the Content


The Funniest WO Code ever


ERMailManager

• This Framework is handling Newsletter

• Waiting for “Amedeo” Release


SKIN_SandvoxIt reads the Original Templates from the

Sandvox App.

Only Buy the App and copy the Plugins to the Framework

66 Templates ready to use


SnoWOman

• MAIN Framework

• 4 TEMPLATES for now (will come more)

• A lot of WIDGETS

• CMS Request Handler & CMSContext


TEMPLATES

• Simple Template (Sandvox)

• Print Template (for Printing)

• D2W Template (for ModernDirect2Web)

• Custom Template (for Custom Skins)


CUSTOM Skins

• Easy to make Custom Skins

• Most Customer need a Custom Skin anyway


Widgets : Text & Html

• PlainText

• RichText

• Blockquote

• Raw HTML


Widgets : Video

• YouTube

• JW Player

• Estro Player


Widgets : Photo

• Banner Slideshow

• Slideshow

• Photos

• PrettyPhoto


Widget : Newsletter

• Newsletter

• Newsletter Remove


Widgets : Twitter & IM

• AIM

• Skype

• RSS (Viewer Support)

• Tweet

• Twitterlist


Widget : Apple

• Web App

• Safari Extensions

• Mac App Store

• iTunes

• iBookStore

• App Store


Widget : Facebook

• Like

• Subscribe

• Comment

• Recommendations

• Facepile

• Send


Widgets

• Amazon

• Delicius

• Badge

• Bookmarks


Widgets

• Googlemaps

• Shareaholic

• Flickr

• Linklist

• Flightboard


Widgets

• Testimonials

• Tagline Rotation

• Language Switcher

• Button

• Sample


Widgets

• Kickstarter

• Worldcommunitygrid

• Contact sheet

• External Page


Widgets

• Menu + Submenus

• WOPagename

• Viewer Area for RSS or Help


Widgets

• static (Pinpoint of Widgets)

• Raw HTML,

• Plain Text,

• Rich Text,

• Bookmark,

• Button,

• WOPagename


Widget : News

• News : Displaying News Page

• NewsList : Displaying Linksto the latest News


Widget : Blog

• Blog : Displaying Blog Page

• BlogList : Displaying Linksto the latest Blogs


Widget : Survey

• Result :

• Text

• Textarea

• Single Select (with Options)

• Multi Select (with Options)


Widget : Products

• Menu for Cafe or Restaurant

• Add Size + Price + Description

• Picture

• Hot ?

• Ice ?

• New Product?

HTML 5 Canvas


Programming

• The CMSRequestHandler try to find the plist for the URL

• If he can’t find it a 404 Error comes back

• In the plist the Information of the Page with Skin & Widgets Information are creating the Page


Difficulties

• WOHyperlink

• WOImage

The Link will be stored into the Database

If Link is not correct a Runtime Error happens.


The way of WOHYPERLINK

<wo:hyperlink href="" actionClass="" directActionName="" pageName="" >XXX</wo:hyperlink>

Is the Link a http:// or https:// to a different Site, Is it a PageName or a DirectAction. Maybe a Link to an different CMS Page.

Makes it really difficult to store this Information into the Database and after refresh to build and bind the Information to every Context or Widgets.

IMAGE

Link to an Image in the Application ? In an different Framework or maybe outside to an external location.It is not easy to make a Call like because an Error occurs.

<wo:image framework="" filename="" src="" />

Every time

<wo:if condition=""> <wo:image framework="" filename="" /></wo:if><wo:else> <wo:image src="" /></wo:else>

Makes it very difficult to create the Components.


Static Resources

To create No Error in the CMS the HTML <img> Link and ERXStaticResource is used.

HTML :<webobject name="PHOTO" />

WOD :

PHOTO : WOGenericContainer { elementName = "img"; src = src;}

JAVA :

public String src() { String s = “http://www.xxx.com/image.png”; return ERXStaticResource.urlForResourceNamed(context(), s); }

External Images : http://www.xxx.com/image.png

Internal Images : static://<<FrameworkName>>:<<FilePath>> static://app:images/image.png


http://www.xxx.com/image.png




Link Resources

To create No Error in the CMS the HTML <a> Link and ERXHyperlinkResource is used.

HTML : <webobject name="LINK"> xxx </webobject>

WOD : LINK : WOGenericContainer { elementName = "a"; href = href; }

JAVA :

public String href() { String s = “http://www.xxx.com”; return ERXHyperlinkResource.urlForHyperlinkResource(context(), s); }

External Link : http://www.xxx.com or https://www.xxx.com

Internal Link : da://<<actionClass>>:<<directActionName>> da://Main cms://default






https://www.xxx.com

https://www.xxx.com

Real-world Usage

• http://www.chanoma.at : Deployed

• http://www.nippon-ya.at (July 2012)

• http://www.ksroom.com (Fall 2012)

• http://www.sound-of-sirens.net : Deployed

• http://www.a10-objects.jp (Fall 2012)

• YesGrp D2W - internal usage : Deployed

• http:// ??? No Domain decide yet (Fall 2012)

JAPAN

AUSTRIA

USA


http://www.chanoma.at

http://www.chanoma.at

http://www.nippon-ya.at

http://www.nippon-ya.at

http://www.ksroom.com

http://www.ksroom.com

http://www.sound-of-sirens.net

http://www.sound-of-sirens.net

http://www.a10-objects.jp

http://www.a10-objects.jp



Demo




Fall 2012ERJQueryModernERModernD2WExtensionsERJQueryMobileForD2W


Q&A




cms / blog and snowoman

Technology