<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>mFabrik - mobile sites, apps, HTML5 and CMS software development &#187; Wordpress</title>
	<atom:link href="http://blog.mfabrik.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mfabrik.com</link>
	<description>Freedom delivered.</description>
	<lastBuildDate>Wed, 03 Aug 2011 09:47:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Reducing MySQL memory usage on Ubuntu / Debian Linux</title>
		<link>http://blog.mfabrik.com/2011/03/31/reducing-mysql-memory-usage-on-ubuntu-debian-linux/</link>
		<comments>http://blog.mfabrik.com/2011/03/31/reducing-mysql-memory-usage-on-ubuntu-debian-linux/#comments</comments>
		<pubDate>Thu, 31 Mar 2011 10:56:46 +0000</pubDate>
		<dc:creator>Mikko Ohtamaa</dc:creator>
				<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[plone]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[debian]]></category>
		<category><![CDATA[django]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[memory]]></category>
		<category><![CDATA[mtop]]></category>
		<category><![CDATA[ram]]></category>
		<category><![CDATA[res]]></category>
		<category><![CDATA[top]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[virt]]></category>
		<category><![CDATA[virtual memory]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.mfabrik.com/?p=1149</guid>
		<description><![CDATA[If you are running your services on a low end virtual hosting every byte of memory you can save is important. The memory is often the limiting factor of how many applications you can run on VPS: CPUs are shared, memory not, on the same physical host. Low-end VPS come with 512 MB memory or [...]]]></description>
			<content:encoded><![CDATA[<p>If you are running your services on a low end virtual hosting every byte of memory you can save is important. The memory is often the limiting factor of how many applications you can run on VPS: CPUs are shared, memory not, on the same physical host.</p>
<ul>
<li>Low-end VPS come with 512 MB memory or less</li>
<li>Front front-end server Apache / Nginx / Varnish takes &gt; 100 MB +  min. 20 MB for each child process</li>
<li>Memecached takes its toll</li>
<li>MySQL takes 200 &#8211; 400 MB</li>
<li>Each Python / PHP process takes at least 15 MB and you need parallel processes for paraller HTTP requests (FCGI, pre-fork, others&#8230; )</li>
<li>Operating system processes need some memory (SSH, cron, sendmail)</li>
</ul>
<p>As you can see it gets very crowded in 512 MB.</p>
<p>It&#8217;s especially troublesome since the memory is allocated lazily and the memory usage builds up slowly. In some point caches are no longer caches, but swapped to a disk &#8211; virtual memory usage grows beyond available RAM. To keep the server response, everything time critical should fit to RAM once and if the processes themselves don&#8217;t know how to release memory in this situation you need to tune a memory cap for them.</p>
<h2>MySQL memory consumption</h2>
<p>MySQL can be a greedy bastard what comes to memory consumption. Here on this server MySQL seems to take 417M virtual memory which seems to be little excessive for just running two WordPress instances and one Django / Python application:</p>
<pre>1310 mysql     20   0  417M 21100  2776 S  0.0  1.2  0:00.00 /usr/sbin/mysqld --basedir=/usr --datadir=/var/lib/mysql --user=mysql --pid-file=/v</pre>
<p>After some tuning I was able to bring it down a bit</p>
<pre>3354 mysql     20   0  276m  19m 2848 S    0  1.2   3:41.19 mysqld</pre>
<p>A reduction of 130 MB, or 1/4 of the server total memory. Not bad.</p>
<p><a href="http://ubuntu-snippets.blogspot.com/2009/02/mtop-mysql-monitor.html">Use mtop to monitor running MySQL</a>, its querieries, etc. so you know what&#8217;s going on. As you can see this MySQL has very good cache rate meaning that basically it is keeping everything in memory. If the content of the sites is less than 10 MBytes total, 400 MB contains plenty of space to cache the content:</p>
<pre>load average: 0.05, 0.08, 0.16 mysqld 5.0.51a-3ubuntu5.8-log up 1 day(s), 19:47 hrs                                                             
2 threads: 1 running, 6 cached. Queries/slow: 187.1K/0 Cache Hit: 99.39%</pre>
<h2>What eats memory</h2>
<p>I am not an expert on MySQL, so I hope someone with more insight could post comments regarding how to tune MySQL for low memory situations and how it is expected to behave.</p>
<p>Some ideas I run through my head</p>
<ul>
<li>MySQL default cache settings are not too tight on Ubuntu/Debian, making it suitable for moderate loads, not low loads. If you don&#8217;t have much content, everything is just kept in memory (even if not needed)</li>
<li>MySQL uses round robin for connections and if there is 100 max connections it will allocate a thread stack for each connection (someone please confirm this &#8211; I found contracting infos).</li>
</ul>
<h2>Configuring MySQL</h2>
<p>Here are listed some methods how to reduce the memory usage. This is what I done on this little box</p>
<p>MySQL is mostly configured in <em>/etc/mysql/my.cnf</em> on Ubuntu / Debian.</p>
<ul>
<li>Let&#8217;s halve key_buffer from 16M to 8M. <a href="http://dev.mysql.com/doc/refman/5.0/en/myisam-key-cache.html">It is used by MyISAM table cache</a>.</li>
<li>Halve <a href="http://techgurulive.com/2010/10/20/query_cache_size-tuning-optimizing-my-cnf-file-for-mysql/">query_cache_size</a>. query_cache_size  = 8M. Also, decrease query_cache_limit to 512 K.</li>
<li><a href="http://www.mysqlperformanceblog.com/2006/05/17/mysql-server-memory-usage/">Each connection, even if idle, will have 256 KB buffer</a>. Decrease the number of max. connections. (XXX: not sure about this). Drop max connections from 100 -&gt; 30, as we do not have that many concurrent visitors on the site. Also, set less aggressive thread_stack size.</li>
</ul>
<p>The final adjustments</p>
<pre>key_buffer              = 8M
max_connections         = 30
query_cache_size        = 8M
query_cache_limit       = 512K
thread_stack            = 128K</pre>
<h2>More info</h2>
<ul>
<li><a href="http://www.zimbio.com/Linux/articles/692/Fine+Tuning+MYSQL+Reducing+Memory+Usage">Fine-tuning MySQL</a></li>
<li><a href="http://www.electrictoolbox.com/mysql-table-storage-engine/">Showing what database engine MySQL tables are using</a></li>
<li><a href="http://www.mysqlperformanceblog.com/2006/05/17/mysql-server-memory-usage/">MySQL server memory usage</a></li>
<li><a href="http://www.lowendbox.com/blog/reducing-mysql-memory-usage-for-low-end-boxes/">Reducing MySQL memory usage for low end boxes</a></li>
</ul>
<p>Send in more tips please! Is 32-bit better than 64-bit for low end VPS, how much this affects MySQL?
<p class="signature">
<a href="http://mfabrik.com/@@zoho-contact-form"><img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/mfabrik-24.png"></a> <a href="http://mfabrik.com/@@zoho-contact-form">Get developers</a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml"><img valign="middle" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml">Subscribe mFabrik blog in a reader</a> <a href="http://twitter.com/mfabrik"> <img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/twitter-24.png"></a> <a href="http://twitter.com/moo9000">Follow me on Twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mfabrik.com/2011/03/31/reducing-mysql-memory-usage-on-ubuntu-debian-linux/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Setting up Apache virtual hosts behind Varnish</title>
		<link>http://blog.mfabrik.com/2011/03/04/setting-up-apache-virtual-hosts-behind-varnish/</link>
		<comments>http://blog.mfabrik.com/2011/03/04/setting-up-apache-virtual-hosts-behind-varnish/#comments</comments>
		<pubDate>Fri, 04 Mar 2011 10:44:28 +0000</pubDate>
		<dc:creator>Mikko Ohtamaa</dc:creator>
				<category><![CDATA[plone]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[debian]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[listen]]></category>
		<category><![CDATA[namevirtualhost]]></category>
		<category><![CDATA[ports]]></category>
		<category><![CDATA[static media]]></category>
		<category><![CDATA[varnish]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.mfabrik.com/?p=1058</guid>
		<description><![CDATA[Varnish is a very fast front end cache server. You might want to use it at the front of Apache to speed up loading of your static pages and static media, for example for your WordPress blog. You can also use Varnish backends to multiplex the requests between Plone and Apache based PHP software running [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.varnish-cache.org/">Varnish</a> is a very fast front end cache server. You might want to use it at the front of Apache to speed up loading of your static pages and static media, for example for your WordPress blog. You can also use Varnish backends to multiplex the requests between Plone and Apache based PHP software running on the same server using different <em>backend</em> directives.</p>
<p>However if you wish to use Apache virtual hosts with Varnish there is a trick in it.</p>
<p>We use the following setup</p>
<ul>
<li>Varnish listens to port 80, HTTP</li>
<li>Apache listens to port 81</li>
<li>Varnish uses Apache as a backend</li>
</ul>
<p>The related <em>varnish.vcl</em> is</p>
<pre>backend backend_apache {
.host = "127.0.0.1";
.port = "81";
}

sub vcl_recv {
 ...
 elsif (req.http.host ~ "^blog.mfabrik.com(:[0-9]+)?$") {
    set req.backend = backend_apache;
 }
 ...
}</pre>
<p>Note that the backend IP is 127.0.0.1 (localhost). By default, with Debian or Ubuntu Linux, Apache configuration does not do virtual hosting for this.</p>
<p>So if <em>/etc/apache2/sites-enabled/blog.mfabrik.com </em>looks like:</p>
<pre>&lt;VirtualHost *:81&gt;

 ServerName blog.mfabrik.com
 ...
 LogFormat       combined
 TransferLog     /var/log/apache2/blog.mfabrik.com.log

 ...

 ExpiresActive On
 ExpiresByType image/gif A3600
 ExpiresByType image/png A3600
 ExpiresByType image/image/vnd.microsoft.icon A3600
 ExpiresByType image/jpeg A3600
 ExpiresByType text/css A3600
 ExpiresByType text/javascript A3600
 ExpiresByType application/x-javascript A3600
&lt;/VirtualHost&gt;</pre>
<p>And now the trick &#8211; you need to add the following to <em>/etc/apache2/httpd.conf</em></p>
<pre>NameVirtualHost *:81</pre>
<p>Unless you do all this, Apache will just pick the first virtualhost file in <em>/etc/apache2/sites-enabled</em> and use it for all requests.</p>
<p>Also you need to edit ports.conf and change Apache to listen to port 81:</p>
<pre>Listen 81</pre>
<p class="signature">
<a href="http://mfabrik.com/@@zoho-contact-form"><img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/mfabrik-24.png"></a> <a href="http://mfabrik.com/@@zoho-contact-form">Get developers</a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml"><img valign="middle" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml">Subscribe mFabrik blog in a reader</a> <a href="http://twitter.com/mfabrik"> <img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/twitter-24.png"></a> <a href="http://twitter.com/moo9000">Follow me on Twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mfabrik.com/2011/03/04/setting-up-apache-virtual-hosts-behind-varnish/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Native mobile application development with Plone, WordPress and Python</title>
		<link>http://blog.mfabrik.com/2011/02/09/native-mobile-application-development-with-plone-wordpress-and-python/</link>
		<comments>http://blog.mfabrik.com/2011/02/09/native-mobile-application-development-with-plone-wordpress-and-python/#comments</comments>
		<pubDate>Wed, 09 Feb 2011 13:59:32 +0000</pubDate>
		<dc:creator>Mikko Ohtamaa</dc:creator>
				<category><![CDATA[android]]></category>
		<category><![CDATA[ios]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[plone]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[android scripting environment]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[google app engine]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[meego]]></category>
		<category><![CDATA[mobile apps]]></category>
		<category><![CDATA[nokia]]></category>
		<category><![CDATA[phonegap]]></category>
		<category><![CDATA[push notification]]></category>
		<category><![CDATA[pyobjc]]></category>
		<category><![CDATA[pypy]]></category>
		<category><![CDATA[pyside]]></category>
		<category><![CDATA[qt]]></category>
		<category><![CDATA[series 60]]></category>
		<category><![CDATA[symbian]]></category>
		<category><![CDATA[webkit]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[wurfl]]></category>

		<guid isPermaLink="false">http://blog.mfabrik.com/?p=937</guid>
		<description><![CDATA[We have just released two mobile applications backed by Plone, WordPress and Python middleware code. In this blog post I&#8217;ll tell some background information what we have learnt with mobile applicationand Python development. mFabrik News &#8211; download now for iPhone and Android Why create a mobile application? The first question is why one rather create [...]]]></description>
			<content:encoded><![CDATA[<p>We have just released two mobile applications backed by Plone, WordPress and Python middleware code. In this blog post I&#8217;ll tell some background information what we have learnt with mobile applicationand Python development.</p>
<p style="text-align: center;"><strong>mFabrik News &#8211; download now for iPhone and Android</strong></p>
<p style="text-align: center;"><a href="http://bit.ly/mfabriknewsitunesblog"><img class="aligncenter" title="iPhoneFooter" src="http://blog.mfabrik.com/wp-content/uploads/2011/01/iPhoneFooter.png" alt="" width="88" height="31" /></a></p>
<p style="text-align: center;"><a href="http://bit.ly/mfabriknewsappbrainblog"><img class="aligncenter" title="AndroidFooter" src="http://blog.mfabrik.com/wp-content/uploads/2011/01/AndroidFooter.png" alt="" width="88" height="31" /></a></p>
<h2>Why create a mobile application?</h2>
<p>The first question is why one rather create a mobile application when the same task can be accomplished with a mobile site? Most people even <a href="http://www.wirelessweek.com/News/2010/10/Mobile-Content-Report-Mobile-Browsers-Trump-Mobile-Applications/">prefer mobile sites over applications</a>. From a pure engineering viewpoint, mobile applications are usually just glorified RSS readers that embed Webkit and add some native user interface bling bling over it. With an app, you are limiting your target audience, because an application is limited to one platform. Maintaining application(s) and application developers is more expensive compared to a mobile site which few (cheap) PHP junkies can throw together.</p>
<p>But is not always technology or price which matters. Mobile applications have prestige value &#8211; <em>having or showing success, rank, wealth, etc.</em> If you have a high quality brand, you probably want to have a mobile application too. When you see the brand logo swinging forth and back in an iPhone application with smooth animation running 60 frames per second, you see that it is a proper placement for the brand logo. The output is more luxury, more carefully planned, and does not look like it was thrown together by few cheap web developers.</p>
<p>There are even rationale reason for going after applications. First, you are in a business of making money. It is a lot of easier when the platform itself is offering you a payment solution without a monthly fees (iTunes payment). Other good reason is that there exists interaction between the application and your content beyond the browser window.  You can push messages or do things even if the user is not on your site (see more information about the push solution we implemented below).</p>
<h2>Mobile application development and Python</h2>
<p>As most of this post readers are probably fellow Python developers, here are some thoughts specifically aimed for them. Python itself is not a very good alternative what comes to mobile application development. Though, the application itself may not contain Python code, Python still shines on the backend side of the things. For example, we&#8217;ll hope to publish an example application using Google App Engine in the near future.</p>
<p>The only future proof platform where Python is 1st class citizen for building applications, is Nokia&#8217;s Meego with its Pyside and Qt bindings. Unfortunately Meego doesn&#8217;t have any shipped handsets and looks like it never will.</p>
<p>Android has script bindings, but they are not good enough for real application development, as interaction with the native platform happens over TCP/IP sockets. However, <a href="http://morepypy.blogspot.com/2011/01/jit-backend-for-arm-processors.html">Android has seen some recent exciting development from PyPy project</a>, possibly enabling native Android development for Python in the future.</p>
<p>iOS with Python could be a go, now when Apple has lift ban on interpreted languages. I haven&#8217;t heard anybody doing it yet, though. <a href="http://www.telesphoreo.org/pipermail/iphone-python/2008-October/000203.html">CTypes had some problems long time ago regarding run-time generated code for Python bindings</a>.</p>
<p>Python has also a port for Series 60 (Symbian) &#8211; don&#8217;t go there if you are not prototyping. It is good platform for students for  playing around, but unfortunately it has never been considered as serious development environment by the handset manufacturer. You have tons of headaches if you actually want to release a product version of your application.  Nokia N900, soon supported. is better prototyping platform for Python than Series 60 as you get full Debian userland.</p>
<h2>Mobile application development and wrappers</h2>
<p><a href="http://blog.mfabrik.com/2009/09/30/cross-platform-mobile-application-development-and-payment/">There exist various wrapper technologies which help you to wrap your HTML5 application to a native application shell</a>. With simplistic APIs provided through Javascript bindings, you can access a limited subset of native platform APIs. Wrapper technologies are mostly aimed for web developers, who do not have any experience on application development and they might want to skip the learn experience of native development.</p>
<p>Wrapper technologies do their job and produce decent apps. But if you are a Python developer I recommend you skip the wrapper step and build your own native user interface and embed Webkit yourself. Designing an user interface is much is easier with Apple&#8217;s Interface Builder or Google&#8217;s  Android tools than with half-baked Javascript bindings. The fact that you are actually able to insert a real breakpoint into your code is itself worth of skipping wrappers. If you already are a Python developer you already know at least one real programming language and mastering Objective-C or Java should be an easy task for you.</p>
<p>Webkit itself has bugs. You will regularly hit obscrure bugs when the amount of  Javascript and CSS code grows. In the worst cases Webkit just dies under your application without a way to debug the problem &#8211; sometimes without a workaround available for the problem. This means dead end for your lovely application. You don&#8217;t want to end up to this situation. So, just to have more low level control, using native tools is good.</p>
<h2>mFabrik News application</h2>
<p><a href="http://blog.mfabrik.com/wp-content/uploads/2011/02/news-both.png"><img class="alignnone size-full wp-image-954" title="news both" src="http://blog.mfabrik.com/wp-content/uploads/2011/02/news-both.png" alt="" width="700" height="500" /></a></p>
<p>mFabrik News mobile application allows you to follow the latest news of mobile and web development, produced by our hacking team. The applications source the news from our Plone based web site and WordPress blog (which you are currently reading). It uses special RSS streams prepared with our <a href="http://webandmobile.mfabrik.com">Web and Mobile multichannel publishing solution</a>: news images are optimized for mobile device screens using a handset database (Wurfl) and some other HTML preproessing is done to make the posts look better in embedded WebKit. Processing is done using <a href="http://pypi.python.org/pypi/mobile.sniffer">mobile.sniffer</a> and <a href="http://pypi.python.org/pypi/mobile.htmlprocessing">mobile.htmlprocessing</a> Python packages which are generic Python packages and should be usable in various environments, including App Engine.</p>
<p>iOS mFabrik News application has push notification support. Android doesn&#8217;t yet implement push solution, <a href="http://android-developers.blogspot.com/2010/05/android-cloud-to-device-messaging.html">but it is coming for Android 2.2 handsets</a>.  Please <a href="http://blog.mfabrik.com/2011/01/29/apple-push-notifications-apn-with-python/">see the earlier blog post how we use Apple Push Notifications with Python</a>.</p>
<p>Download, give the apps a spin and report any feedback! (direct links at the beginning of the post)</p>
<p>We may or may not release the source code of the applications, depending if anybody thinks they actually would find it useful.
<p class="signature">
<a href="http://mfabrik.com/@@zoho-contact-form"><img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/mfabrik-24.png"></a> <a href="http://mfabrik.com/@@zoho-contact-form">Get developers</a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml"><img valign="middle" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml">Subscribe mFabrik blog in a reader</a> <a href="http://twitter.com/mfabrik"> <img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/twitter-24.png"></a> <a href="http://twitter.com/moo9000">Follow me on Twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mfabrik.com/2011/02/09/native-mobile-application-development-with-plone-wordpress-and-python/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Apple push notifications (APN) with Python</title>
		<link>http://blog.mfabrik.com/2011/01/29/apple-push-notifications-apn-with-python/</link>
		<comments>http://blog.mfabrik.com/2011/01/29/apple-push-notifications-apn-with-python/#comments</comments>
		<pubDate>Sat, 29 Jan 2011 14:14:39 +0000</pubDate>
		<dc:creator>Mikko Ohtamaa</dc:creator>
				<category><![CDATA[ios]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[plone]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[Android Cloud to Device Messaging (C2DM)]]></category>
		<category><![CDATA[apn]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[apple push notification]]></category>
		<category><![CDATA[atom]]></category>
		<category><![CDATA[bitbucket]]></category>
		<category><![CDATA[bitreader]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[django]]></category>
		<category><![CDATA[froyo]]></category>
		<category><![CDATA[google cloud push]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.mfabrik.com/?p=942</guid>
		<description><![CDATA[We have created a middleware service which inputs RSS feeds and outputs Apple Push Notification. This allows integrate push notification support for your existing content management system easily. This blog post should give you some ideas if you are planning to create similar services. To have the über-experience of customer engagement with mobile push notifications [...]]]></description>
			<content:encoded><![CDATA[<p>We have created a middleware service which inputs RSS feeds and outputs Apple Push Notification. This allows integrate push notification support for your existing content management system easily. This blog post should give you some ideas if you are planning to create similar services.</p>
<p>To have the über-experience of <em>customer engagement</em> with mobile push notifications you need</p>
<ul>
<li>A mobile application (iOS, Android 2.2)</li>
<li>RSS feed to notifications middleware server (our solution)</li>
<li>RSS feeds themselves</li>
<li>Windows/UNIX server running the middleware</li>
</ul>
<h2>How it is put together</h2>
<p><a href="http://www.tornadoweb.org/">Tornado</a> web server is used to handle incoming HTTP requests in scalable manner.</p>
<p><a href="http://code.google.com/p/feedparser/">feedparser</a> library fetches RSS feeds and processes them to client notifications.</p>
<p>BitReader (<a href="http://blog.mfabrik.com/2010/09/08/bitreader-python-module-for-reading-bits-from-bytes/">post</a>, <a href="https://bitbucket.org/jtoivola/bitreader/wiki/Home">source</a>) library is used to create messages to interact with <a href="http://developer.apple.com/library/ios/#documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/CommunicatingWIthAPS/CommunicatingWIthAPS.html">Apple push notification service</a> (APNs). The protocol is bit based protocol running directly over TCP/IP. Apple service has been designed to handle high volumes of traffic &#8211; it does not use anything like stateless HTTP to waste bandwidth.</p>
<p>Django models are used to store the state of each individual subscriber. Django&#8217;s ORM abstraction allows us to use the same middleware for small distributions (&lt; 1000 clients, SQLite database) or big ones (millions of clients, MySQL database). The stored state information includes the subscriber id and the current badge number &#8211; the red circle on the app icon showing the count unread posts. When the application is launched, it can decrease its badge number by doing a HTTP call to the server.</p>
<p>Django settings are used to put together required certificates and whether the application is run in sandbox mode.</p>
<h2>Walkthrough</h2>
<p>There is a core IO loop, running in a separate process, called <em>stream observer</em>. This loops updates fetches RSS feeds&#8217; status and passes updates to Tornado server over HTTP.  With this arrangement, any HTTP capable client can send push notifications.</p>
<p>Tornado handles incoming updates, updates the related subscribe status &#8211; how many unread notifications, etc. through exposed Django views. The notification is formatted according to the variables available on the subscriber mobile platform. In Apple&#8217;s case, the notification message gets title, badge, sound and a launch image. Payload is checked against hard 256 byte limit.</p>
<p>Then the payload is pushed to <a href="http://developer.apple.com/library/ios/#documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/CommunicatingWIthAPS/CommunicatingWIthAPS.html">Apple servers</a> over TCP/IP protocol. SSL certificaties needed.</p>
<p>A subscriber is registered  when the mobile application is launched. The application asks a subscriber id from Apple servers. Then, this subscriber id is delivered to our middleware over normal HTTP call.</p>
<p>The middleware also handles feedback service which gives you list of devices which have unsubscribed from your service. This way you can cut off notifications from unsubscribed clients. This is also done using BitReader and TCP/IP.</p>
<h2>Future</h2>
<p>The architecture is built so that different push backends can be included in the service. Android support is on the roadmap and we probably will have Blackberry and Meego support (when/if Nokia announces such a service).</p>
<p>We have currently tested this solution with RSS streams from WordPress and Plone.</p>
<p>We may release source code when it&#8217;s ready.</p>
<h2>More info</h2>
<ul>
<li><a href="http://blog.boxedice.com/2009/07/10/how-to-build-an-apple-push-notification-provider-server-tutorial/">http://blog.boxedice.com/2009/07/10/how-to-build-an-apple-push-notification-provider-server-tutorial/</a></li>
</ul>
<p class="signature">
<a href="http://mfabrik.com/@@zoho-contact-form"><img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/mfabrik-24.png"></a> <a href="http://mfabrik.com/@@zoho-contact-form">Get developers</a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml"><img valign="middle" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml">Subscribe mFabrik blog in a reader</a> <a href="http://twitter.com/mfabrik"> <img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/twitter-24.png"></a> <a href="http://twitter.com/moo9000">Follow me on Twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mfabrik.com/2011/01/29/apple-push-notifications-apn-with-python/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Plone vs. Drupal &#8211; Welcome to Legoland</title>
		<link>http://blog.mfabrik.com/2011/01/18/plone-vs-drupal-welcome-to-legoland/</link>
		<comments>http://blog.mfabrik.com/2011/01/18/plone-vs-drupal-welcome-to-legoland/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 20:14:42 +0000</pubDate>
		<dc:creator>Mikko Ohtamaa</dc:creator>
				<category><![CDATA[joomla]]></category>
		<category><![CDATA[plone]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[drupal]]></category>

		<guid isPermaLink="false">http://blog.mfabrik.com/?p=901</guid>
		<description><![CDATA[This is the most insightful IRC comment for a while and pretty much summarizes it all. &#60;lloydpearsoniv&#62; i just appreciate the help. Plone is by the far the most sophisticated CMS i have ever dealt with. I thought drupal was tough...lol But i need the sophistication for the project that I am attempting &#60;lloydpearsoniv&#62; seriously, [...]]]></description>
			<content:encoded><![CDATA[<p>This is the most insightful IRC comment for a while and pretty much summarizes it all.</p>
<pre>&lt;lloydpearsoniv&gt; i just appreciate the help. Plone is by the
  far the most sophisticated CMS  i have ever dealt with. I thought
  drupal was tough...lol But i need the sophistication for the project that I am attempting
&lt;lloydpearsoniv&gt; seriously, this makes drupal seem like lego</pre>
<p>So this my new classification on popular CMS systems</p>
<ul>
<li>Joomla!, WordPress: Lego Dublo</li>
<li>Drupal: Lego</li>
<li>Plone: Lego Technic</li>
</ul>
<p class="signature">
<a href="http://mfabrik.com/@@zoho-contact-form"><img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/mfabrik-24.png"></a> <a href="http://mfabrik.com/@@zoho-contact-form">Get developers</a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml"><img valign="middle" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/mFabrikWebAndMobileDevelopment" rel="alternate" type="application/rss+xml">Subscribe mFabrik blog in a reader</a> <a href="http://twitter.com/mfabrik"> <img valign="middle"  src="http://blog.mfabrik.com/wp-content/uploads/twitter-24.png"></a> <a href="http://twitter.com/moo9000">Follow me on Twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mfabrik.com/2011/01/18/plone-vs-drupal-welcome-to-legoland/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Integrating and theming WordPress with your CMS site using XDV</title>
		<link>http://blog.mfabrik.com/2010/03/28/integrating-and-theming-wordpress-with-your-cms-site-using-xdv/</link>
		<comments>http://blog.mfabrik.com/2010/03/28/integrating-and-theming-wordpress-with-your-cms-site-using-xdv/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 12:48:17 +0000</pubDate>
		<dc:creator>Mikko Ohtamaa</dc:creator>
				<category><![CDATA[apache]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[plone]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[xdv]]></category>
		<category><![CDATA[zope]]></category>
		<category><![CDATA[deliverance]]></category>
		<category><![CDATA[drupal]]></category>
		<category><![CDATA[integration]]></category>
		<category><![CDATA[joomla]]></category>
		<category><![CDATA[locationmatch]]></category>
		<category><![CDATA[nginx]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[proxy]]></category>
		<category><![CDATA[theming]]></category>
		<category><![CDATA[virtualhost]]></category>
		<category><![CDATA[xml]]></category>
		<category><![CDATA[xsl]]></category>
		<category><![CDATA[xslt]]></category>

		<guid isPermaLink="false">http://blog.mfabrik.com/?p=421</guid>
		<description><![CDATA[Introduction XDV is an external HTML theming engine, a.k.a. theming proxy, which allows you to mix and match HTML and CSS from internal and external sites by using simple XML rules. It separates the theme development from the site development, so that people with little HTML and CSS knowledge can create themes without need to [...]]]></description>
			<content:encoded><![CDATA[<div id="xdv-theming">
<div>
<h1><a id="introduction" name="introduction" href="http://www.tele3.cz/jbar/rest/render.py#id1">Introduction</a></h1>
<p>XDV is an external HTML theming engine, a.k.a. theming proxy, which allows you to mix and match HTML and CSS from internal and external sites by using simple XML rules. It separates the theme development from the site development, so that people with little HTML and CSS knowledge can create themes without need to know underlying Python, PHP or whatever. It also enables integration of different services and sites to one, unified, user experience. For example, XDV is used by <cite>plone.org &lt;http://plone.org&gt;</cite> to integrate Plone CMS and Trac issue tracker.  XDV compiles theming rules to XSL templates, which has been a standard XML based templates language since 1999. XSL has good support in every programming language and web server out there. Example backends to perform XSL transformation include</p>
<ul>
<li>Python and lxml library</li>
<li>Apache&#8217;s mod_transform</li>
<li>nginx web server</li>
<li>All XSL capable Java and .NET software out there</li>
</ul>
<p>XDV theming can be used together with Plone where enhanced support is provided by <a href="http://pypi.python.org/pypi/collective.xdv">collective.xdv package</a> package. Technically, collective.xdv adds Plone settings panel and does XSL transformation in Zope&#8217;s post-publication hook using lxml library.  XDV can be used standalone with <a href="http://pypi.python.org/pypi/xdv/0.3a2">XDV package</a> to theme any web site, let it be WordPress, Joomla, Drupal or custom in-house PHP solution from year 2000.  XDV is based on <a href="http://deliverance.openplans.org/">Deliverance specification</a> The difference between XDV and Deliverance reference implementation is that XDV internally compiles themes to XSL templates, when Deliverance relies on processing HTML in Python. Currently XDV approach seems to be working better, as we had many problems trying to apply Deliverance for WordPress site (redirects didn&#8217;t work, HTTP posts didn&#8217;t work, etc.).</p>
</div>
<div>
<h1><a id="tutorials" name="tutorials" href="http://www.tele3.cz/jbar/rest/render.py#id3">Tutorials</a></h1>
<ul>
<li><a href="http://plone.org/products/collective.xdv/documentation/reference-manual/theming">http://plone.org/products/collective.xdv/documentation/reference-manual/theming</a></li>
<li><a href="http://pypi.python.org/pypi/collective.xdv">http://pypi.python.org/pypi/collective.xdv</a></li>
<li><a href="http://pypi.python.org/pypi/xdv">http://pypi.python.org/pypi/xdv</a></li>
<li><a href="http://pypi.python.org/pypi/dv.xdvserver">http://pypi.python.org/pypi/dv.xdvserver</a> (with WSGI)</li>
</ul>
</div>
<div>
<h1><a id="setting-up-xdv-development-tools" name="setting-up-xdv-development-tools" href="http://www.tele3.cz/jbar/rest/render.py#id4">Setting up XDV development tools</a></h1>
<p>XDV tools are deployed as Python eggs. You can use tools like <cite>buildout &lt;http://www.buildout.org/&gt;</cite> configuration and assembly tool or easy_install to get XDV on your development computer and the server.  If you are working with Plone you can integrate XDV to your site existing buildout. If you are not working with Plone, <a href="http://pypi.python.org/pypi/xdv#installation">XDV home page</a> has instructions how to deploy XDV command standalone.</p>
</div>
<div>
<h1><a id="xdv-rules" name="xdv-rules" href="http://www.tele3.cz/jbar/rest/render.py#id5">XDV Rules</a></h1>
<p>Rules (rules.xml) will tell how to fit content from external source to your theme HTML.  It provides straightforward XML based syntax to manipulate HTML easily</p>
<ul>
<li>Append, replace and drop HTML pieces</li>
<li>Insert HTML snippets</li>
<li>CSS or XPath selectors can be used to identify HTML parts</li>
<li>It is possible to mix and match content from more than two sites</li>
<li>etc.</li>
</ul>
<p>Rules XML syntax is documented at <a href="http://pypi.python.org/pypi/xdv">XDV homepage</a>.  Rules will be compiled to XSL template (theme.xsl) by <em>xdvcompiler</em> command. The actual theming is done by one of the XSL backends listed above, by taking HTML as input and applying XSL transformations on it.  Note that currently rules without matching selectors are silently ignored and there is no bullet-proof way to debug what happens inside XSL transformation, except by looking into compiled theme.xsl.</p>
</div>
<div>
<h1><a id="using-xdv-to-theme-and-integrate-a-wordpress-site" name="using-xdv-to-theme-and-integrate-a-wordpress-site" href="http://www.tele3.cz/jbar/rest/render.py#id6">Using XDV to theme and integrate a WordPress site</a></h1>
<p>Below are instructions how to integrate a WordPress site to your CMS. In this example CMS is Plone, but it could be any other system.  We will create XDV theme which will theme WordPress site to match our CMS site in the fly.</p>
<p style="text-align: center;"><a href="http://blog.mfabrik.com/wp-content/uploads/2010/03/xdv_wordpress.png"><img class="size-full wp-image-424 aligncenter" title="xdv_wordpress" src="http://blog.mfabrik.com/wp-content/uploads/2010/03/xdv_wordpress.png" alt="" width="658" height="720" /></a></p>
<p>WordPress theme using built with XDV and using a live Plone web page as a theme template.  This way WordPress theme inherits &#8220;live data&#8221; from Plone site, like top tabs (portal sections), footer, CSS and other stuff which can be changed in-the-fly and reflecting changes to two separaet theming products would be cumbersome.  Benefits using WordPress for blogging instead of main CMS</p>
<ul>
<li>WordPress post and comment management is easy</li>
<li>WordPress does not need to be touched: the old public WordPress instance can keep happily running wherever it is during the whole process</li>
<li>You do not need to migrate legacy WordPress installations to your CMS&#8217;s internal blogging tool</li>
<li>WordPress comes with extensive blog spam filtering tools. We get 11000 spam comments a month.</li>
<li>WordPress is designed for blogging and the user interface is good for that</li>
<li>WordPress integrates well with blog pingback support services</li>
<li>WordPress supports Gravatars and other blogging plug-ins</li>
<li>..and so on&#8230;</li>
</ul>
<p>Benefits of using XDV theming instead of creating native WordPress theme are</p>
<ul>
<li>You need to maintain only one theming add-on product e.g. one for your main CMS and WordPress receives updates to this site and theme automatically</li>
<li>WordPress does not need to be touched</li>
<li>You can host your WordPress on a different server, even wordpress.com, and still integrate it to your main CMS</li>
<li>The theme can be recycled not only for WordPress, but also other external services: Bugzilla, Trac, Webmail, phpBB, you-name-it</li>
<li>Even though WordPress has slick UI, it is a well known fact that it is a can of worms internally. My developers do not like the idea of PHP development and would spit on my face if I ask them to go a develop a WordPress theme for us</li>
</ul>
<div>
<h2><a id="theme-elements" name="theme-elements" href="http://www.tele3.cz/jbar/rest/render.py#id7">Theme elements</a></h2>
<p>The theme will consist of following pieces</p>
<ul>
<li>Deliverance rules XML file which defines how to combine Plone and WordPress HTML (rules.xml)</li>
<li>Additional CSS definitions active only for WordPress (wordpress.css). Dependency to this CSS in injected to the &lt;head&gt; by rules XML</li>
<li>Special Plone page template which will provide slots where WordPress can drop in the content (wordpress_listing.pt)</li>
<li>A helper script which makes it easy for repeatable perform theming actions, like recompiling the theme (xdv.py)</li>
</ul>
<div>
<h3><a id="cms-page-template" name="cms-page-template" href="http://www.tele3.cz/jbar/rest/render.py#id8">CMS page template</a></h3>
<p>This explains how to create a Plone page template where WordPress content will be dropped in. This step is not necessary, as we could do this without touching the Plone. However, it makes things more straightforward and explicit when we known that WordPress theme uses a certain template and we explicitly define slots for WordPress content there.  Example:</p>
<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
      xmlns:tal="http://xml.zope.org/namespaces/tal"
      xmlns:metal="http://xml.zope.org/namespaces/metal"
      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
      lang="en"
      metal:use-macro="here/main_template/macros/master"
      i18n:domain="plone"&gt;

&lt;body&gt;

    &lt;div metal:fill-slot="content"&gt;

        &lt;div id="wordpress-content"&gt;
                &lt;!-- Your WordPress "left column" will go there --&gt;
        &lt;/div&gt;

    &lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>
</div>
<div>
<h3><a id="theming-rules" name="theming-rules" href="http://www.tele3.cz/jbar/rest/render.py#id9">Theming rules</a></h3>
<p>Following are XDV rules (rules.xml) how we will fit WordPress site to Plone frame.  It will integrate</p>
<ul>
<li>Content from WordPress</li>
<li>Metadata from WordPress</li>
<li>CSS from Plone</li>
<li>Page basic structrure from Plone</li>
</ul>
<p>rules.xml:</p>
<pre>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;rules xmlns="http://namespaces.plone.org/xdv"
       xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
       xmlns:css="http://namespaces.plone.org/xdv+css"&gt;

    &lt;!-- Remove WordPress CSS by filtering out &lt;style&gt; tags--&gt;
    &lt;drop css:content="style" /&gt;

    &lt;!-- Make sure that WordPress metadata is present in &lt;head&gt; section --&gt;
    &lt;append css:content="head link" css:theme="head" /&gt;

    &lt;!-- note: replace does not seem to handle multiple meta tags very well --&gt;
    &lt;drop css:theme="meta" /&gt;
    &lt;append css:content="head meta" css:theme="head" /&gt;

    &lt;!-- Use blog title instead of Plone page title --&gt;
    &lt;replace css:content="title" css:theme="title" /&gt;

    &lt;!-- Put WordPress sidebar to Plone's portlets section --&gt;
    &lt;append css:content="#r_sidebar" css:theme="#portal-column-one .visualPadding" /&gt;

    &lt;!-- Place wordpress content into our theme content area --&gt;
    &lt;copy css:content="#contentleft" css:theme="#wordpress-content" /&gt;

    &lt;!-- This mixes in WordPress specific CSS sheet which is applied for pages
         served from WordPress only and does not concern Plone CMS.
         This stylesheet will theme WordPress specific tags,
         like blog posts and comment fields.
         We keep this file in Plone, but this could be served from elsewhere. --&gt;
    &lt;append css:theme="head"&gt;
        &lt;style type="text/css"&gt;
           @import url(http://mfabrik.com/++resource++plonetheme.mfabrik/wordpress.css);
        &lt;/style&gt;
    &lt;/append&gt;

    &lt;!-- This stylesheet is used by special spam protection plug-in NoSpamNX --&gt;
    &lt;append css:theme="head"&gt;
        &lt;link rel="stylesheet" href="http://blog.mfabrik.com/wp-content/plugins/nospamnx/nospamnx.css" type="text/css" /&gt;
    &lt;/append&gt;

    &lt;!-- Remove Google Analytics script used for CMS site --&gt;
    &lt;drop css:theme="#page-bottom script" /&gt;

    &lt;!-- Rebuild our Google Analytics code, using a different tracker id this time
         which is a specific to our blog.
      --&gt;
    &lt;append css:theme="#page-bottom"&gt;

        &lt;script type="text/javascript"&gt;
                var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
                document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        &lt;/script&gt;

        &lt;script type="text/javascript"&gt;
                try {
                       var pageTracker = _gat._getTracker("UA-8819100-2");
                       pageTracker._trackPageview();
                } catch(err) {
                }
        &lt;/script&gt;
    &lt;/append&gt;

&lt;/rules&gt;
</pre>
</div>
<div>
<h3><a id="wordpress-specific-css" name="wordpress-specific-css" href="http://www.tele3.cz/jbar/rest/render.py#id10">WordPress specific CSS</a></h3>
<p>This CSS has styles which are applied only to WordPress pages. They are mainly corner case fixes where WordPress and CMS styles must match.  The CSS file is loaded when rules.xml injects it to &lt;head&gt; section.  wordpress.css:</p>
<pre>/* Font and block style fixes */

#wordpress-content h1 {
        border: 0;
}

#wordpress-content .post-end {
        margin-bottom: 60px;
}

#wordpress-content pre {
        width: 600px;
        overflow: auto;
        background: white;
        border: 1px solid #888;
}

#wordpress-content ul {
        margin-left: 20px;
}

#wordpress-content .post-info-date,
#wordpress-content .post-info-categories,
#wordpress-content .post-info-tags {
        font-size: 80%;
        color: #888;
}

/* Make sure that posts and comments look sane in our theme */

#wordpress-content .post {
        margin-top: 15px;
}

#wordpress-content .commentlist li {
        margin: 20px;
        background: white;
        padding: 10px;
}

#wordpress-content .commentlist li img {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
}

#wordpress-content #commentform {
        margin: 20px;
}

#wordpress-content {
        margin-left: 20px;
        margin-right: 20px;
}

/* Make WordPress "sidebaar" look like Plone "portlets */

.template-wordpress_listing #portal-column-one ul {
        list-style: none;
        margin-bottom: 40px;
}

.template-wordpress_listing #portal-column-one ul#Recent li {
        margin-bottom: 8px;
}

.template-wordpress_listing #portal-column-one ul#Categories a {
        line-height: 120%;
}

.template-wordpress_listing #portal-column-one h2 {
        background: transparent;
        border: 0;
        font-weight:normal;
        line-height:1.6em;
        padding:0;
        text-transform:none;
        font-size: 16px;
        color: #9b9b9b;
        border-bottom:4px solid #CDCDCD;
}
</pre>
</div>
<div>
<h3><a id="helper-script" name="helper-script" href="http://www.tele3.cz/jbar/rest/render.py#id11">Helper script</a></h3>
<p>The following Python script (xdv.py) makes it easy for us</p>
<ul>
<li>Recompile the theme</li>
<li>Test the theme applied on the site</li>
<li>Preview the theme in our browser</li>
</ul>
<dl>
<dt>It is basically wrapped with default file locations around</dt>
<dd><em>bin/xdvcompiler</em> and <em>bin/xdvrun</em> commands with some webbrowser opening magic.</dd>
</dl>
<p>xdv.py:</p>
<pre>"""

 This command line Python script compiles your rules.xml to XDV XSL

 Modify it for your own needs.

 It assumes your buildout.cfg has xdv section and generated XDV
 commands under bin/

 To compile, execute in the buildout folder::

     python src/plonetheme.mfabrik/xdv.py

 To build test HTML::

     python src/plonetheme.mfabrik/xdv.py --test

 To build test HTML and preview it in browser, execute in buildout folder::

     python src/plonetheme.mfabrik/xdv.py --preview

"""

import getopt, sys
import os
import webbrowser

# rules XML for theming
RULES_XML = "src/plonetheme.mfabrik/deliverance/etc/rules.xml"

# Which XSL file to generate for compiled XDV
OUTPUT_FILE = "theme.xsl"

# Which file to generate applied theme test runs
TEST_HTML_FILE = "test.html"

# Our "theme.html" is a remote template served for each request.
# Because we are doing live integrattion, this is a HTTP resource,
# not a local file.
THEME="http://mfabrik.com/news/wordpress_listing/"

#
# External site you are theming.
# Note: must have ending slash (lxm cannot handle redirects)
#
SITE="http://blog.twinapex.fi/"

try:
    opts, args = getopt.getopt(sys.argv[1:], "pt", ["preview", "test"])
except getopt.GetoptError, err:
    # print help information and exit:
    print str(err) # will print something like "option -a not recognized"

# Convert options to simple list
opts = [ opt for opt, value in opts ]

print "Compiling transformation"
value = os.system("bin/xdvcompiler -o " + OUTPUT_FILE + " " + RULES_XML +" " + THEME)
if value != 0:
    print "Compilation failed"
    sys.exit(1)

if "-p" in opts or "--preview" in opts or "-t" in opts or "--test" in opts:
      print "Generating test HTML page"
      value = os.system("bin/xdvrun -o " + TEST_HTML_FILE + " " + OUTPUT_FILE + " " + SITE)
      if value != 0:
          print "Page transformation failed"
          sys.exit(1)

if "-p" in opts or "--preview" in opts:
    # Preview the result in a browser
    # NOTE: OSX needs Python &gt;= 2.5 to make this work

    # Make sure test run succeeded
    url = "file://" + os.path.abspath(TEST_HTML_FILE)
    print "Opening:" + url

    # We prefer Firefox for preview for its superious
    # Firebug HTML debugger and XPath rule generator
    try:
        browser = webbrowser.get("firefox")
    except webbrowser.Error:
        # No FF on the system, or OSX which can't find its browsers
        browser = webbrowser.get()

    browser.open_new_tab(url)
</pre>
</div>
</div>
<div>
<h2><a id="compiling-the-theme" name="compiling-the-theme" href="http://www.tele3.cz/jbar/rest/render.py#id12">Compiling the theme</a></h2>
<p>This will generate XSL templates to do theming transform. It will compile rules XML with some boilerplate XSL.  Running our compile script:</p>
<pre>python src/plonetheme.mfabrik/xdv.py
</pre>
<p>Since Plone usually does not use any relative paths or relative resources in HTML, we do not give the parameter &#8220;Absolute prefix&#8221; to the compilation stage. In Plone, everything is mapped through a virtual hosting aware resource locator: portal_url and VirtualHostMonster.  For more information see</p>
<ul>
<li><a href="http://pypi.python.org/pypi/xdv/0.3a2#compilation">http://pypi.python.org/pypi/xdv/0.3a2#compilation</a></li>
</ul>
</div>
<div>
<h2><a id="testing-the-theme" name="testing-the-theme" href="http://www.tele3.cz/jbar/rest/render.py#id13">Testing the theme</a></h2>
<p>The following command will apply theme for an example external page:</p>
<pre>bin/xdvrun -o theme.html theme.xsl http://blog.twinapex.fi
firefox theme.xhtml
</pre>
<p>&#8230; or we can use shortcut provided by our script &#8230;</p>
<pre>python src/plonetheme.mfabrik/xdv.py --preview
</pre>
</div>
<div>
<h2><a id="applying-the-theme-in-apache-production-environment" name="applying-the-theme-in-apache-production-environment" href="http://www.tele3.cz/jbar/rest/render.py#id14">Applying the theme in Apache production environment</a></h2>
<p>These steps tell how to apply the integration theme for WordPress when WordPress is running under Apache virtualhost.</p>
<div>
<h3><a id="installing-dependencies" name="installing-dependencies" href="http://www.tele3.cz/jbar/rest/render.py#id15">Installing dependencies</a></h3>
<p>We use Apache and mod_transform. <a href="http://pypi.python.org/pypi/xdv#apache">Instructions how to set up modules for Apache</a> are available on XDV homepage. Some hand-build modules must be used, but instructions to set them up for Ubuntu / Debian are available.  Apache 2 supports <a href="http://httpd.apache.org/docs/2.2/mod/mod_filter.html">filter chains</a> which allow you to perform magic on HTTP response before sending it out. This corresponds Python&#8217;s WSGI middleware.  We&#8217;ll use special built of mod_transform and mod_depends which are known to working. These modules were forked from their orignal creations to make them XDV compatible, as the orignal has not been updated since 2004 (here you can nicely see how open source guarantees &#8220;won&#8217;t run out of support&#8221; freedom).</p>
<ul>
<li><a href="http://code.google.com/p/html-xslt/">XDV mod_transform and mod_depends homepage</a></li>
<li><a href="http://www.outoforder.cc/projects/apache/mod_transform/">Orignal mod_transform and mod_depends homepage</a></li>
</ul>
<p>Example:</p>
<pre>sudo -i
apt-get install libxslt1-dev libapache2-mod-apreq2 libapreq2-dev apache2-threaded-dev
wget http://html-xslt.googlecode.com/files/mod-transform-html-xslt.tgz
wget http://html-xslt.googlecode.com/files/mod-depends-html-xslt.tgz
tar -xzf mod-transform-html-xslt.tgz
tar -xzf mod-depends-html-xslt.tgz
cd mod-depends-html-xslt ; ./configure ; make ; make install ; cd ..
cd mod-transform-html-xslt ; ./configure ; make ; make install ; cd ..
</pre>
<p>Enable built-in Apache modules:</p>
<pre>a2enmod filter
a2enmod ext_filter
</pre>
<p>For modules <em>depends</em> and <em>transform</em> you need to manually add them to the end of Apache configuration, as they do not provide a2enmod stubs for Debian. Edit /etc/apache2/apache.conf:</p>
<pre>LoadModule depends_module /usr/lib/apache2/modules/mod_depends.so
LoadModule transform_module /usr/lib/apache2/modules/mod_transform.so
</pre>
<p>You need to hard reset Apache to make the new modules effective:</p>
<pre>/etc/init.d/apache2 force-reload
</pre>
</div>
<div>
<h3><a id="virtual-host-configuration" name="virtual-host-configuration" href="http://www.tele3.cz/jbar/rest/render.py#id16">Virtual host configuration</a></h3>
<p>Below is our virtualhost configuration which runs WordPress and PHP. Transformation filter chain has been added in.  /etc/apache/sites-enabled/blog.mfabrik.com:</p>
<pre>&lt;VirtualHost *&gt;

    ServerName blog.mfabrik.com
    ServerAdmin info@mfabrik.com

    LogFormat       combined
    TransferLog     /var/log/apache2/blog.mfabrik.com.log

    # Basic WordPress setup

    Options +Indexes FollowSymLinks +ExecCGI

    DocumentRoot /srv/www/wordpress

    &lt;Directory /srv/www/wordpress&gt;
        Options FollowSymlinks
        AllowOverride All
    &lt;/Directory&gt;

    AddType application/x-httpd-php .php .php3 .php4 .php5
    AddType application/x-httpd-php-source .phps

    # Theming set-up

    # This chain is used for public web pages
    FilterDeclare THEME
    FilterProvider THEME XSLT resp=Content-Type $text/html

    TransformOptions +ApacheFS +HTML
    # This is the location of compiled XSL theme transform
    TransformSet /theme.xsl

    # This will make Apache not to reload transformation every time
    # it is performed. Instead, a compiled version is hold in the
    # virtual URL declared above.
    TransformCache /theme.xsl /srv/plone/twinapex.fi/theme.xsl

    # We want to apply theme only for
    # 1. public pages (otherwise WordPress administrative interface stops working)
    &lt;Location "/"&gt;
        FilterChain THEME
    &lt;/Location&gt;

    # 2. Admin interface and feeds should not receive any kind of theming
    &lt;LocationMatch "(wp-login|wp-admin|wp-includes)"&gt;
        # The following resets the filter chain
        # http://httpd.apache.org/docs/2.2/mod/mod_filter.html#filterchain
        FilterChain !
    &lt;/LocationMatch&gt;

&lt;/VirtualHost&gt;
</pre>
</div>
<div>
<h3><a id="running-it" name="running-it" href="http://www.tele3.cz/jbar/rest/render.py#id17">Running it</a></h3>
<p>After Apache has all modules enabled and your virtualhost configuration is ok, you should see WordPress through your new theme by visiting at the site served through Apache:</p>
<ul>
<li><a href="../">http://blog.mfabrik.com</a></li>
</ul>
</div>
<div>
<h3><a id="automatically-reflecting-cms-changes-back-to-xdv-theme" name="automatically-reflecting-cms-changes-back-to-xdv-theme" href="http://www.tele3.cz/jbar/rest/render.py#id18">Automatically reflecting CMS changes back to XDV theme</a></h3>
<p>The theme should be recompiled every time</p>
<ul>
<li>Plone is restarted: CSS references change in &lt;head&gt; as CSS cache is rebuilt</li>
<li>CSS is modified: CSS references change in &lt;head&gt; as CSS cache is rebuilt</li>
<li>Plone content is changed and changes reflect back to WordPress theme (e.g. a new top level site section is being added)</li>
</ul>
<p>This is because the compilation will hard-link resources and template snippets to resulting the theme.xsl file. If hard-linked resources change on the Plone site, the transformation XSL file does not automatically reflect back the changes.  It could be possible to use Plone events automatically to rerun theme compilation when concerned resources change. However, the would be quite complex.  For now, we are satisfied with a scheduled task which will recompile the theme now and then.  Alternatively, mod_transforms could be run in non-cached mode with some performance implications.  Here is a shell script, update-wordpress-theme.sh, which will perform the recompilation and make Apache&#8217;s transformation cache aware of changes:</p>
<pre>#!/bin/sh
#
# Periodically update WordPress theme to reflect changes on CMS site
#

# Recompile theme
sudo -H -u twinapex /bin/sh -c cd /srv/plone/twinapex.fi ; python src/plonetheme.mfabrik/xdv.py

# Make Apache aware of theme changes
sudo apache2ctl graceful
</pre>
<p>Then we call it periodically in cron job, every 15 minutes in /etc/cron.d/update-wordpress:</p>
<pre># Make WordPress XDV theme to reflect changes on CMS
0,15,30,45 * * * * /srv/plone/twinapex.fi/update-wordpress-theme.sh
</pre>
</div>
</div>
<div>
<h2><a id="updating-wordpress-settings" name="updating-wordpress-settings" href="http://www.tele3.cz/jbar/rest/render.py#id19">Updating WordPress settings</a></h2>
<p>No changes on WordPress needed if the domain name is not changed in the theme transformation process.</p>
<div>
<h3><a id="site-url" name="site-url" href="http://www.tele3.cz/jbar/rest/render.py#id20">Site URL</a></h3>
<p>Unlike Plone, WordPress does not have decent virtual hosting machinery. It knowns only one URL which is uses to refer to the site in the external context (e.g. RSS feeds).  This setting can be overridden in</p>
<ul>
<li>WordPress administrative interface</li>
<li>wp-config.php</li>
</ul>
<p>Here is an example how we override this in our wp-config.php:</p>
<pre>// http://codex.wordpress.org/Editing_wp-config.php#WordPress_address_.28URL.29
define('WP_HOME','http://blog.mfabrik.com');
define('WP_SITEURL','http://blog.mfabrik.com');
</pre>
</div>
</div>
<div>
<h2><a href="http://www.tele3.cz/jbar/rest/render.py#id21">HTTP 404 Not Found special case</a></h2>
<p>Http 404 Not Found responses are not themed by Apache filter chain. This is not possible due to order of pipeline in Apache.  As a workaround you can set up a custom HTTP 404 page in WordPress which does not expose the old theme.</p>
<ul>
<li>Go to WordPress admin interface, Theme editor</li>
<li>Edit 404.php and modify it so that it does not pull in the WordPress theme:
<pre>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Not found&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

        &lt;h1&gt;Not Found, Error 404&lt;/h1&gt;
        &lt;p&gt;Aaaaw, snap! The page you are looking for no longer exists. It must be our hamster who ate it.&lt;/p&gt;

        &lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;Go to blog homepage&lt;/a&gt;

        &lt;a href="http://mfabrik.com"&gt;mFabrik business site&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
</li>
</ul>
<p>For more information see</p>
<ul>
<li><a href="http://codex.wordpress.org/Creating_an_Error_404_Page">http://codex.wordpress.org/Creating_an_Error_404_Page</a></li>
</ul>
</div>
<div>
<h2><a id="roll-out-checklist" name="roll-out-checklist" href="http://www.tele3.cz/jbar/rest/render.py#id22">Roll-out checklist</a></h2>
<p>Below is a checklist you need to go to through to confirm that the theme integration works on your production site</p>
<ul>
<li>WordPress public pages are loaded with the new theme</li>
<li>WordPress login works</li>
<li>WordPress administrative interface works</li>
<li>RSS feed from WordPress works and contain correct URLs</li>
<li>HTTP 404 not found is handled correctly</li>
<li>HTTP 302 redirect is handled correctly (i.e. missing / at the end of blog post URL)</li>
<li>Changes on CMS site are reflected to WordPress theme within the update delay</li>
<li>Old blog site is redirected to new site using HTTP 301 (if applies)</li>
</ul>
</div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.mfabrik.com/2010/03/28/integrating-and-theming-wordpress-with-your-cms-site-using-xdv/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Sharing RSS feeds from the feed reader</title>
		<link>http://blog.mfabrik.com/2007/11/10/sharing-rss-feed/</link>
		<comments>http://blog.mfabrik.com/2007/11/10/sharing-rss-feed/#comments</comments>
		<pubDate>Sat, 10 Nov 2007 14:49:10 +0000</pubDate>
		<dc:creator>Mikko Ohtamaa</dc:creator>
				<category><![CDATA[blogging]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[export]]></category>
		<category><![CDATA[google reader]]></category>
		<category><![CDATA[opml]]></category>
		<category><![CDATA[opml-blogroll]]></category>
		<category><![CDATA[rss]]></category>

		<guid isPermaLink="false">http://blog.redinnovation.com/2007/11/10/sharing-rss-feed/</guid>
		<description><![CDATA[I am following pretty many good web technology blogs in my Google Reader. Compiling this RSS feed list has taken few hours and I&#8217;d like to share the fruits of my hard work. Luckily in our beautiful world of Web 2.0 this is easy. Use Google Reader Manage subscriptions -&#62; Export function to export your [...]]]></description>
			<content:encoded><![CDATA[<p>I am following pretty many good web technology blogs in my <a href="http://google.com/reader">Google Reader</a>. Compiling this RSS feed list has taken few hours and I&#8217;d like to share the fruits of my hard work. Luckily in our beautiful world of Web 2.0 this is easy.</p>
<ol>
<li>Use Google Reader Manage subscriptions -&gt; Export function to export your RSS feed list in OPML format</li>
<li>Upload this file to your server</li>
<li>Install <a href="http://www.chipstips.com/?p=159">OPML Blogroll</a> widget, by fabulous Sterling Camden, to WordPress</li>
<li>That&#8217;s it!</li>
</ol>
<p>You should see the results on the right &#8212;&gt;</p>
<p>The next step is to get auto export URL (via Google API keys?) to Google Reader so that I don&#8217;t have to manually sync the OPML file on my server.</p>
<p>I also recommend sharing your RSS feed list in <a href="http://share.opml.org">Share Your OPML</a> service.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mfabrik.com/2007/11/10/sharing-rss-feed/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

