What Is This OIC is Blogging/Component platform built with Node.js and CoffeeScript. Note-- I actually updated the UI to look much more modern since I recorded this, I know it is old fashioned here. Ultimate Goal The ultimate goal for this project is to kill WordPress, SquareSpace, PhoneGap, MS Access, MS Excel, Google Documents, Zoho Creator, and Microsoft Windows. Just Kidding! (sort of). Features Its still at very early stage but it already has quite a few powerful features that are developed enough to demo, such as the drag and drop design, built-in IDE, easy plugin publishing, collaborative spreadsheet widgets, etc. Music/installing plugins The first thing I'm going to do is turn on the music, so I will also demonstrate how installing plugins works at the same time. I just hit plugins, start typing the name of the plugin, click and it installs. Now I have a groove button to play Groove Salad. Motivation The reason I started this project was because I like the way WordPress works in general, and WordPress has a number of advantages, such as the multitude of plugins and the content types etc. which allow you to quickly build a site without writing a lot of code, but there are some aspects of WordPress that aren't ideal, like the fact that its written PHP, you have to edit css/html/php code in order to modify the overall layout or design of the site, and the widgets usually aren't really composable i.e. you generally can't nest them. Also, adding WordPress plugins tends to slow it down until you install and configure an optimizing plugin like totalcache. OIC has some of those optimizations built in: its combines javascript and css files automatically, uses etags, and caches files in ram. Building a Site So I will create a simple blog. Add some text -> click on text tool, click on screen Add some pages -> drag pages widget onto screen Add an image -> click on image, select image from computer Add a place to collect emails -> drag email collector widget onto page Add a blog -> drag records widget onto page, add title and article fields. This widget will actually store any sort of data you want which could be blog entries or for example product pages or whatever. I will be enhancing the blog and separating it out into its own widget. Add a collaborative spreadsheet -> drag sheet widget onto page Code editor -- CodeMirror with tabs for browser code (CoffeeScript), HTML, CSS, Node.js (CoffeeScript), Package.json, external files, automatically compiles CoffeeScript and runs npm if necessary. Editor has built-in find, replace, indent. Plugins are very easy to create and publish Site manager This is a simple virtual hosting control panel. You enter a site name in this field and custom domain names here, forward your DNS to the server IP, hit add new site, and OIC is installed for you. This allows you to run as many sites as you want from a single server or VPS. Music: Portofino by Teengirl Fantasy (http://teengirlfantasy.angelfire.com)
