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

• 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.

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" />

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

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

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)

AUSTRIA

Fall 2012ERJQueryModernERModernD2WExtensionsERJQueryMobileForD2W

cms / blog and snowoman

Technology

a-blog cms カスタマイズ中級編

wordpress คืออะไร การ login · blog...

a-blog cmsでできるマルチデバイス対応

cms trend and activities

production and decays of heavy flavors at cms

a-blog cms...

a-blog cms でampに対応する

talk note vol.1 a-blog cms

user manual cms blog

cms overall performance and physics results in 2010

word press als blog und cms o

a-blog cms training camp 2014...

wdha#038 cms会議 aomori / a-blog cms...

a-sap09「a-blog cmsとwordpress」

a-blog cms 2017年テーマの紹介

a-blog cms 事例紹介（talknote vol.1）

enic. tema 4 instalación de cms wordpress blog

cmsカフェ@東京 / a-blog cms

w/z properties (atlas and cms)

blog skype lms cms (1) (1) (1)