<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>jesperby, intranet manager</title>
	<atom:link href="http://jesperby.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://jesperby.com</link>
	<description>The life of an intranet manager</description>
	<lastBuildDate>Thu, 23 May 2013 10:01:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='jesperby.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://0.gravatar.com/blavatar/0399d483aeef81306ad8b367dda52b82?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>jesperby, intranet manager</title>
		<link>http://jesperby.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://jesperby.com/osd.xml" title="jesperby, intranet manager" />
	<atom:link rel='hub' href='http://jesperby.com/?pushpress=hub'/>
		<item>
		<title>The True Open Source Intranet</title>
		<link>http://jesperby.com/2013/05/14/the-true-open-source-intranet/</link>
		<comments>http://jesperby.com/2013/05/14/the-true-open-source-intranet/#comments</comments>
		<pubDate>Tue, 14 May 2013 00:00:41 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[Guiding principles]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[Vision]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=387</guid>
		<description><![CDATA[As you probably have noted if you read my blog, City of Malmö likes open source. Our dashboard, news, blogs and wiki run on open source, and it all runs on Linux servers. In order to be true to the open source philosophy, City of Malmö now makes its open source builds of the intranet [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=387&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>As you probably have noted if you read my blog, City of Malmö likes <a href="http://en.wikipedia.org/wiki/Open-source_software">open source</a>. Our dashboard, news, blogs and wiki run on open source, and it all runs on Linux servers.</p>
<p>In order to be true to the open source philosophy, <a href="https://github.com/malmostad" target="_blank">City of Malmö now makes its open source builds of the intranet available on GitHub</a>.</p>
<p><span id="more-387"></span></p>
<div id="attachment_355" class="wp-caption alignright" style="width: 162px"><a href="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png"><img class="size-medium wp-image-355" alt="The dashboard on our intranet, running on Rails." src="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png?w=152&#038;h=300" width="152" height="300" /></a><p class="wp-caption-text">The dashboard on our intranet, running on Rails.</p></div>
<p>You need an <a title="Our Intranet Dashboard, version 1.2" href="http://jesperby.com/2013/05/13/our-intranet-dashboard-version-1-2/">intranet dashboard</a>? Why not try ours, built in Rails! Does our <a title="Our Third Way Intranet" href="http://jesperby.com/2013/05/06/our-third-way-intranet/">assets approach</a> sound interesting? Download it and look for yourself! You want to reuse some of our <a title="A new take on intranet news, part 2" href="http://jesperby.com/2013/03/26/a-new-take-on-intranet-news-part-2/">mediawiki and wordpress end user design ideas</a>? It is all there to use! All we ask is that you in turn also share the great things you build.*</p>
<p><a href="https://github.com/malmostad" target="_blank">City of Malmö at GitHub</a></p>
<p>Using open source has a lot of positive effects. Some examples of what we have seen in my organization:</p>
<ul>
<li><strong>Software quality.</strong> The open source things we have done on the intranet keep running, day by day. The cost of maintenance is minimal.</li>
<li><strong>Simple customization.</strong> It is easy to tweak the open source software to suit our needs, and the code is adhering to open standards. This has for example made it possible to build a responsive intranet the way we want it.</li>
<li><strong>No vendor lock-in.</strong> Since open source software does not require an initial choice of and costly purchase of platform, we can introduce new functions and intranet sections by trying it out in a small scale and then scale up if we like the results. We can also follow <a title="Our Third Way Intranet" href="http://jesperby.com/2013/05/06/our-third-way-intranet/">our Best of Breed-philosophy</a>.</li>
<li><strong>Speedy development and quick results.</strong> Open source is ideal when you want to have iterative development and avoid big projects. Open source also means plenty of cost free community developed choices when adding functionality. No need to wait for the vendor to prioritize your needs.</li>
</ul>
<p>Some background on open source:</p>
<ul>
<li><a href="http://www.pcworld.com/article/209891/10_reasons_open_source_is_good_for_business.html" target="_blank">10 Reasons Open Source Is Good for Business – PCWorld</a></li>
<li><a href="http://www.oss-watch.ac.uk/resources/whoneedssource" target="_blank">Benefits Of Open Source Code – OSS Watch</a></li>
<li><a href="http://opensource.org/advocacy/case_for_business.php" target="_blank">Open Source Case for Business – Open Source Initiative</a></li>
<li><a href="http://www.cioinsight.com/it-strategy/linux-open-source/slideshows/five-pros-and-five-cons-of-open-source-software/" target="_blank">Five Pros and Five Cons of Open Source Software – CIO Insight</a></li>
<li><a href="http://www.cloudtweaks.com/2012/08/advantages-and-disadvantages-of-open-source/" target="_blank">Advantages And Disadvantages Of Open Source – CloudTweaks</a></li>
<li><a href="http://tom.preston-werner.com/2011/11/22/open-source-everything.html" target="_blank">Open Source (Almost) Everything</a></li>
</ul>
<p>* The things we have created is released under the <a href="http://en.wikipedia.org/wiki/Affero_General_Public_License" target="_blank">AGPL license</a>. Basically this means you have to open source your own releases of our forked builds.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/387/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/387/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=387&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2013/05/14/the-true-open-source-intranet/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png?w=152" medium="image">
			<media:title type="html">The dashboard on our intranet, running on Rails.</media:title>
		</media:content>
	</item>
		<item>
		<title>Our Intranet Dashboard, version 1.2</title>
		<link>http://jesperby.com/2013/05/13/our-intranet-dashboard-version-1-2/</link>
		<comments>http://jesperby.com/2013/05/13/our-intranet-dashboard-version-1-2/#comments</comments>
		<pubDate>Mon, 13 May 2013 17:45:06 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[Forum]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[open source]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=417</guid>
		<description><![CDATA[A while ago I wrote about our custom built dashboard. Since then we have made another iteration, and today we are in version 1.2. Left column: 1) Theme box for Community and culture content. 2) Status updates from your friends. Middle column: 1) News box, with news from your department, your job role, from the [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=417&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>A while ago <a title="The intranet dashboard matures" href="http://jesperby.com/2012/08/14/the-intranet-dashboard-matures/">I wrote about our custom built dashboard</a>. Since then we have made another iteration, and today we are in version 1.2.</p>
<p><span id="more-417"></span></p>
<div id="attachment_355" class="wp-caption alignnone" style="width: 509px"><a href="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png"><img class="size-full wp-image-355" alt="The dashboard on our intranet, running on Rails." src="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png?w=500"   /></a><p class="wp-caption-text">The dashboard on our intranet, version 1.2.</p></div>
<p>Left column: 1) Theme box for <a href="If you want to see more than five items, you can click &quot;show more&quot;." target="_blank">Community and culture content</a>. 2) Status updates from your friends.</p>
<p>Middle column: 1) News box, with news from your department, your job role, from the organization and important IT news, all in one single time feed. If a news piece have comments, you can see this. If you want to see more than five items, you can click &#8220;show more&#8221;. 2) Discussions box, with blog posts and forum discussions based on your department and job role. If a blog piece have comments, you can see this (see item #1 in the screen shot). If you want to see more than five items, you can click &#8220;show more&#8221;. 3) Your own box, customize it with any rss feed you like. If you want to see more than five items, you can click &#8220;show more&#8221;. In all of these boxes you can also add more feeds to follow.</p>
<p>Right column: 1) People search box. 2) Tools and systems links based on your department and job role. 3) Tasks menu based on your department and job role. In the two last boxes you can also add more tools, systems and tasks.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/417/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/417/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=417&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2013/05/13/our-intranet-dashboard-version-1-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png" medium="image">
			<media:title type="html">The dashboard on our intranet, running on Rails.</media:title>
		</media:content>
	</item>
		<item>
		<title>Our Third Way Intranet</title>
		<link>http://jesperby.com/2013/05/06/our-third-way-intranet/</link>
		<comments>http://jesperby.com/2013/05/06/our-third-way-intranet/#comments</comments>
		<pubDate>Sun, 05 May 2013 23:30:12 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Assets]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[Forum]]></category>
		<category><![CDATA[Intranet idea]]></category>
		<category><![CDATA[Masthead]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[Strategy]]></category>
		<category><![CDATA[Vision]]></category>
		<category><![CDATA[Wiki]]></category>
		<category><![CDATA[Best of breed]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=346</guid>
		<description><![CDATA[You need a CMS for generating your intranet. Statistics says either you choose A) Sharepoint, or B) some other CMS platform that delivers in the same amplitude (you hope), but with a lower price tag and not so many implementation hours (you hope again). Either way, you end up in a long-term engagement and have to [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=346&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>You need a CMS for generating your intranet. Statistics says either you choose A) Sharepoint, or B) some other CMS platform that delivers in the same amplitude (you hope), but with a lower price tag and not so many implementation hours (you hope again). Either way, you end up in a long-term engagement and have to accept the choices and the development pace the platform supplier chooses.</p>
<p>If you are full of initiative and build your own additional functions on top of the product, you are usually &#8220;punished&#8221; when upgrading. More often than not, your own functions break down and have to be rebuilt.</p>
<p>But wait! I am here to tell you there is a third way for your intranet.</p>
<p><span id="more-346"></span>At City of Malmö we have a C) best of breed, open source approach. This means:</p>
<ul>
<li>No need to live with some mediocre modules and tools in the CMS platform.</li>
<li>A more &#8220;modular&#8221; approach on the intranet and in each tool.</li>
<li>Free access to great stuff thousands of open source developers have created, with a global and open ecosystem.</li>
<li>No annual license fees.</li>
</ul>
<p>Let me elaborate.</p>
<p><strong>Using different products for different needs</strong><br /> Two years ago we needed a <strong>blog</strong> on the intranet. Our original CMS did not have a blog module. Therefore we looked at <a href="http://en.wikipedia.org/wiki/Wordpress" target="_blank">WordPress</a>, globally recognized as the leading blog tool. Today our blog section runs on WordPress.</p>
<p>Last year we decided to produce intranet <strong>news</strong> in a completely different way. <a title="A new take on intranet news" href="http://jesperby.com/2012/09/05/a-new-take-on-intranet-news/">Read more about this here</a> and <a title="A new take on intranet news, part 2" href="http://jesperby.com/2013/03/26/a-new-take-on-intranet-news-part-2/">here</a>. For this we decided to use a second WordPress installation, since WPs categorization and tagging was exactly what we needed for our news maintenance.</p>
<p>Last year, we also introduced individual personalization on the intranet and built a <strong>dashboard</strong> in <a href="http://en.wikipedia.org/wiki/Ruby_on_Rails" target="_blank">Ruby on Rails</a>. RoR, often shortened to Rails, is an open source web application framework for the Ruby programming language and has a large, sharing developer community.</p>
<p>Last month we saw the need for a <strong>wiki</strong> section on the intranet. A quick market scan made it obvious <a href="http://en.wikipedia.org/wiki/Mediawiki" target="_blank">Mediawiki</a> is the most used wiki tool. If it is good enough for <a href="http://en.wikipedia.org/" target="_blank">Wikipedia</a>, it most probably fills our needs also. Therefore we use Mediawiki for our brand new wiki section.</p>
<p>Now we need to make our <strong>forum</strong> section responsive. We also feel that the back-end in IPBoard (our current forum product) is too complicated to use. Therefore we will use the forum section in <a href="http://en.wikipedia.org/wiki/Drupal" target="_blank">Drupal</a>, an open source content management framework.</p>
<p><strong>The Best of Breed, open source philosophy</strong><br /> All choices above were made with a &#8220;<a href="http://encyclopedia2.thefreedictionary.com/best-of-breed" target="_blank">Best of Breed</a>&#8221; approach. The BoB philosophy: <em>If we need a blog, why accept that it is not in the CMS platform or settle with mediocre functionality? Why not choose the tool that is considered the best on the market and solve the need this way?</em></p>
<p>Also, all choices above are open source. Open source means mature code, a lot of different plug ins/add ons, a huge, global, sharing developer community and available consultants in every country—the last one often a big problem when choosing a small cms. Open source also means no initial purchase cost and no annual license fees. Hence a lot more money for development.</p>
<p><strong>A consistent user experience</strong><br /> So far, so good. But surely several different products generating the intranet must be living hell in terms of graphic front-end design? It must be impossible to get a consistency of appearance?</p>
<p>No. Because the graphic design <em>is not generated in our products</em>.</p>
<p>City of Malmö has a separate assets server. The assets contains a common base for the UI such as a masthead, footer, form styling, page layouts, styling for articles, widgets, and components. Every product accesses the assets server and uses the base to build the views and pages. Easily explained: the individual product contains the data (the text content, &#8220;the letters&#8221;), and the assets server provides information about <em>how to style</em> the data, e.g. &#8220;apply Georgia, 13px, black, with a green box behind&#8221;. This way the end user does not notice any difference between different generating tools.</p>
<p>Compare this with authentication. A modern system does not run its own user database. Instead, the system has an integration to the central employee catalogue in the organization, or have Single Sign On implemented. Thus the user has only one username and one password to keep track of, and each system does not have to reinvent the wheel. Placing the CSS, java scripts, web fonts and the masthead on a separate server is more of this &#8220;solve it once, use it many times&#8221;.</p>
<p>The intranet assets gives us several benefits:</p>
<ul>
<li>It gives all web applications a consistent UI for the user.</li>
<li>Common changes are deployed in one place and the changes are reflected immediately in all web applications.</li>
<li>It decreases the load time for the end user since the majority of stylesheet and Javascript code will be cached in the browser instead of being fetch from each application.</li>
<li>It speeds up development.</li>
</ul>
<p>A fairly obvious step to take, when you start to think about it. But still pretty genial. A <em>big</em> thank you to our long term consultant Mårten Thavenius who convinced us to choose this path!</p>
<p><strong>A lot of positive effects</strong></p>
<p>The Third Way Intranet has a lot of positive effects:</p>
<ul>
<li>Keeping the user experience and graphic design separate from the content generating tools makes it possible to have several different tools, each time using the best tool for the specific task at hand.</li>
<li>Using open source speeds up the development and delivers results faster. It saves money and gives you plenty of cost free community developed choices when adding functionality.</li>
<li>Several different tools also means you can actually &#8220;hot swap&#8221; sections on the intranet. If we want to change to a different blog tool, we can a) set up the new product, b) make it access the stuff on the assets server, c) export the blog database from WordPress and integrate it in the new product, d) and then redirect the users to the new blog section by changing the address in the masthead tab and on the other places we link to the blog. <em>And the rest of the intranet had zero downtime!</em> No laborious, ulcer-generating all-at-once platform migration needed.</li>
<li>Last but not least, when you have the UX and graphic design on an assets server, third party developers/vendors can use it and add value (functions, services and integrations) to the intranet in a effective and simple way.</li>
</ul>
<p><div id="attachment_353" class="wp-caption alignnone" style="width: 509px"><a href="http://jesperby.files.wordpress.com/2013/05/elever-repeterar-alla-esc-bidrag-c3a5t-svt-e28093-blogg.png"><img class="size-full wp-image-353" alt="A blog page on our intranet, running on WordPress." src="http://jesperby.files.wordpress.com/2013/05/elever-repeterar-alla-esc-bidrag-c3a5t-svt-e28093-blogg.png?w=500"   /></a><p class="wp-caption-text">A blog page on our intranet, running on WordPress.</p></div><div id="attachment_354" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2013/05/tidstjuvar-spc3a5ras-upp-i-leanarbetet-e28093-nyheter.png"><img class="size-full wp-image-354" alt="A news page on our intranet, running on another WordPress server." src="http://jesperby.files.wordpress.com/2013/05/tidstjuvar-spc3a5ras-upp-i-leanarbetet-e28093-nyheter.png?w=500&#038;h=1004" width="500" height="1004" /></a><p class="wp-caption-text">A news page on our intranet, running on another WordPress server.</p></div><div id="attachment_355" class="wp-caption alignnone" style="width: 509px"><a href="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png"><img class="size-full wp-image-355" alt="The dashboard on our intranet, running on Rails." src="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png?w=500"   /></a><p class="wp-caption-text">The dashboard on our intranet, running on Rails.</p></div><div id="attachment_356" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2013/05/ingress-komin-wiki.png"><img class="size-full wp-image-356" alt="A wiki page on our intranet, running on Mediawiki." src="http://jesperby.files.wordpress.com/2013/05/ingress-komin-wiki.png?w=500&#038;h=451" width="500" height="451" /></a><p class="wp-caption-text">A wiki page on our intranet, running on Mediawiki.</p></div></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/346/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/346/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=346&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2013/05/06/our-third-way-intranet/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/05/elever-repeterar-alla-esc-bidrag-c3a5t-svt-e28093-blogg.png" medium="image">
			<media:title type="html">A blog page on our intranet, running on Wordpress.</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/05/tidstjuvar-spc3a5ras-upp-i-leanarbetet-e28093-nyheter.png" medium="image">
			<media:title type="html">A news page on our intranet, running on another Wordpress server.</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/05/min-sida-komin.png" medium="image">
			<media:title type="html">The dashboard on our intranet, running on Rails.</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/05/ingress-komin-wiki.png" medium="image">
			<media:title type="html">A wiki page on our intranet, running on Mediawiki.</media:title>
		</media:content>
	</item>
		<item>
		<title>A new take on intranet news, part 2</title>
		<link>http://jesperby.com/2013/03/26/a-new-take-on-intranet-news-part-2/</link>
		<comments>http://jesperby.com/2013/03/26/a-new-take-on-intranet-news-part-2/#comments</comments>
		<pubDate>Tue, 26 Mar 2013 19:57:46 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Intranet idea]]></category>
		<category><![CDATA[Mobile strategy]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[Vision]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=323</guid>
		<description><![CDATA[Our updated intranet design went live in January. Here you can see 24 screen shots. Besides adjusting the masthead we also improved our news pages. The news pages on the intranet provide the employees with info about changes that affect the working day, they speak about what is important right now. In my blog post [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=323&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Our updated intranet design went live in January. <a href="http://jesperby.com/2013/03/18/our-intranet-more-rwd-then-ever-before/">Here you can see 24 screen shots</a>. Besides adjusting the masthead we also improved our news pages.</p>
<p>The news pages on the intranet provide the employees with info about changes that affect the working day, they speak about what is important right now. In my blog post <a title="A new take on intranet news" href="http://jesperby.com/2012/09/05/a-new-take-on-intranet-news/">A new take on intranet news</a> I wrote about the changes we made in 2012, when we introduced comments on the news pages. Now you will read about iteration #2, some nine months later.</p>
<p><span id="more-323"></span></p>
<p>In the January design change we increased the focus on the news story and reduced some noise on the news page.</p>
<div id="attachment_324" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2013/03/newsnew.png"><img class="size-large wp-image-324" alt="Aaa" src="http://jesperby.files.wordpress.com/2013/03/newsnew.png?w=500&#038;h=720" width="500" height="720" /></a><p class="wp-caption-text">The new news page.</p></div>
<div id="attachment_325" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2013/03/newsold.png"><img class="size-large wp-image-325 " alt="The old news page." src="http://jesperby.files.wordpress.com/2013/03/newsold.png?w=500&#038;h=953" width="500" height="953" /></a><p class="wp-caption-text">The old news page.</p></div>
<div id="attachment_326" class="wp-caption alignnone" style="width: 106px"><a href="http://jesperby.files.wordpress.com/2013/03/320.png"><img class="size-large wp-image-326" alt="The new news page in a smartphone." src="http://jesperby.files.wordpress.com/2013/03/320.png?w=96&#038;h=1024" width="96" height="1024" /></a><p class="wp-caption-text">The new news page in a smartphone.</p></div>
<p><strong>Main task—to tell you about changes</strong><br />
The main task of a news page is to tell you about changes in the organization that are important for you to know in your working day. This task remains after the design change.</p>
<p>For this reason, the greatest focus on the news page are the header and preamble, both in the old and new design. Directly under this, we have the text body. Further down the page there is the comment field.</p>
<p><strong>A page that differ from other pages</strong><br />
News pages differ from other pages. News pages have an expiration date that is often just one or two weeks from the creation date. After this, the event the news page talks about has occurred—and the page stops being relevant.</p>
<p>Basic pages on the other hand often describe something that is &#8220;always true&#8221; in the organization and therefore have a very long lifecycle. The page about how vacation works in City of Malmö has changed maybe three times in ten years, since the rules for this normally do not change in the organization. The page about vacation is not a news page. (But a change on the page might warrant a news item.)</p>
<p>News pages are characterized by constant change and should be sorted according to creation date, newest on top, to give good support.</p>
<p>For this and other reasons we create news in WordPress. This tool, originally for blogs, is excellent for newest on top sorting. Wordpress is also excellent for handling comments on posts, the ability to comment on a news item is a natural companion to news. The possibility to easily batch remove old news also speaks for WordPress as the news creation tool no 1. We have no news older than 11 months on our intranet—because when they become one year old they start to destroy the search engine quality.</p>
<p><strong>The January design change</strong><br />
The big change on the news pages is that the right column is greatly shortened compared to the September iteration. It used to have more than 30 links (5 more news blurbs based on categories for the news item on the page, 4 help links, 10 latest comments, 12 archive months), but now it only has five &#8220;further reading&#8221; links. These five blurbs are community-wide &#8220;Our ​​municipal news&#8221;, relevant for everyone.</p>
<p>The right column links were introduced in September and this was an improvement—the news page originally was a dead end. But we have realized that 30 is too much—a bit less is more. <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  The old solution of news blurbs based on the categories of the current news item had a tendency to send people to other news posts that was not relevant.</p>
<p>Categories and tags have moved to below the news item. We also have less focus on the author, and have moved it further down as well.</p>
<p>The comment section has the same width as the news body, in the old version we had an unnecessary jump to the left when the comments began.</p>
<p>The Like button has been removed. It was not used to any great extent. We will evaluate whether we should have some kind of Like button for news in the future and if another graphic design for this might work better.</p>
<p>The news pages has a footer where we have gathered help, navigation to all categories and labels, news archive, etc. All this content is secondary compared to the actual news item.</p>
<p>And of course the new news pages are also responsive, so they fit beautifully in a smartphone.</p>
<p><strong>Benefits we get</strong><br />
Thanks to the January adjustments in the News section, we use the news page more effectively. Look at the examples above—it is the same content on both pages, but the page in the new design is 25 percent shorter. Also, the need to get the news pages into the smartphone gave us more of a &#8220;Mobile first&#8221; approach in the desktop version with greater focus on the most important content.</p>
<p>We have fewer secondary things exposed directly on the page, and this, together with moving the author, categories and labels downwards, makes the page less &#8220;noisy&#8221;. We get a greater focus on the news content &#8211; just what the page is for!</p>
<p>This allows Komin to give the employees better support and make them more effective in their work—the goal of the intranet.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/323/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/323/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=323&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2013/03/26/a-new-take-on-intranet-news-part-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/newsnew.png?w=500" medium="image">
			<media:title type="html">Aaa</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/newsold.png?w=500" medium="image">
			<media:title type="html">The old news page.</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/320.png?w=96" medium="image">
			<media:title type="html">The new news page in a smartphone.</media:title>
		</media:content>
	</item>
		<item>
		<title>Our intranet—more RWD then ever before</title>
		<link>http://jesperby.com/2013/03/18/our-intranet-more-rwd-then-ever-before/</link>
		<comments>http://jesperby.com/2013/03/18/our-intranet-more-rwd-then-ever-before/#comments</comments>
		<pubDate>Mon, 18 Mar 2013 11:19:25 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Assets]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[Intranet idea]]></category>
		<category><![CDATA[Masthead]]></category>
		<category><![CDATA[Mobile strategy]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[Wiki]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=315</guid>
		<description><![CDATA[More than four months since the last post. But I&#8217;m alive! Since last time I&#8217;ve been promoted to communication channels manager. I have a team of four and our mission is to manage and develop City of Malmös big communication channels: external web, City of Malmös citizen paper (11 issues/year), intranet, and staff magazine (also [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=315&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>More than four months since the last post. But I&#8217;m alive!</p>
<p><span id="more-315"></span>Since last time I&#8217;ve been promoted to communication channels manager. I have a team of four and our mission is to manage and develop City of Malmös big communication channels: external web, City of Malmös citizen paper (11 issues/year), intranet, and staff magazine (also 11 issues/year). On top of this we will also develop City of Malmös mobile presence. This will be a fun challenge!</p>
<p>One thing we have delivered in Januari is a new look for the intranet and more responsive web design. I will let the screen shots speak for themselves! All 24 in a zip file below, and then some teasers in the blog post.</p>
<p>Today our intrant is RWD in more than half of the tools we use to generate it (WordPress, Mediawiki, Ruby). Still to get RWD are the oldest static pages with left hand navigation, and our forum section (IPboard, or maby we will use the Drupal forum). Hopefully an upgrade of our CMS Sitevision will make some of it RWD after the summer break.</p>
<p><a href="https://dl.dropbox.com/u/17101782/Screenshots_City_of_Malmo.zip" target="_blank">24 screen shots from City of Malmös intranet</a></p>
<div id="attachment_317" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2013/03/dashboard_1200.png"><img class="size-large wp-image-317" alt="Dashboard_1200" src="http://jesperby.files.wordpress.com/2013/03/dashboard_1200.png?w=500&#038;h=755" width="500" height="755" /></a><p class="wp-caption-text">Dashboard 1200px.</p></div>
<div id="attachment_316" class="wp-caption alignnone" style="width: 127px"><a href="http://jesperby.files.wordpress.com/2013/03/dashboard_320.png"><img class="size-large wp-image-316" alt="Dashboard_320" src="http://jesperby.files.wordpress.com/2013/03/dashboard_320.png?w=117&#038;h=1024" width="117" height="1024" /></a><p class="wp-caption-text">Dashboard 320px.</p></div>
<div id="attachment_318" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2013/03/news_1200.png"><img class="size-large wp-image-318" alt="News_1200" src="http://jesperby.files.wordpress.com/2013/03/news_1200.png?w=500&#038;h=610" width="500" height="610" /></a><p class="wp-caption-text">News page 1200px.</p></div>
<div id="attachment_319" class="wp-caption alignnone" style="width: 123px"><a href="http://jesperby.files.wordpress.com/2013/03/news_320.png"><img class="size-large wp-image-319" alt="News_320" src="http://jesperby.files.wordpress.com/2013/03/news_320.png?w=113&#038;h=1024" width="113" height="1024" /></a><p class="wp-caption-text">News page 230px.</p></div>
<div id="attachment_320" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2013/03/wiki_1024.png"><img class="size-large wp-image-320" alt="wiki_1024" src="http://jesperby.files.wordpress.com/2013/03/wiki_1024.png?w=500&#038;h=469" width="500" height="469" /></a><p class="wp-caption-text">Wiki main page 1200px.</p></div>
<div id="attachment_321" class="wp-caption alignnone" style="width: 257px"><a href="http://jesperby.files.wordpress.com/2013/03/wiki_320.png"><img class="size-large wp-image-321" alt="Wiki_320" src="http://jesperby.files.wordpress.com/2013/03/wiki_320.png?w=247&#038;h=1024" width="247" height="1024" /></a><p class="wp-caption-text">Wiki main page 320px.</p></div>
<p><a href="https://dl.dropbox.com/u/17101782/Screenshots_City_of_Malmo.zip" target="_blank">See all 24 screen shots from City of Malmös intranet</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/315/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/315/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=315&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2013/03/18/our-intranet-more-rwd-then-ever-before/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/dashboard_1200.png?w=500" medium="image">
			<media:title type="html">Dashboard_1200</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/dashboard_320.png?w=117" medium="image">
			<media:title type="html">Dashboard_320</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/news_1200.png?w=500" medium="image">
			<media:title type="html">News_1200</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/news_320.png?w=113" medium="image">
			<media:title type="html">News_320</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/wiki_1024.png?w=500" medium="image">
			<media:title type="html">wiki_1024</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2013/03/wiki_320.png?w=247" medium="image">
			<media:title type="html">Wiki_320</media:title>
		</media:content>
	</item>
		<item>
		<title>You, Intranet Manager, have to understand IT</title>
		<link>http://jesperby.com/2012/10/29/you-intranet-manager-have-to-understand-it/</link>
		<comments>http://jesperby.com/2012/10/29/you-intranet-manager-have-to-understand-it/#comments</comments>
		<pubDate>Mon, 29 Oct 2012 13:34:23 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Assets]]></category>
		<category><![CDATA[Governance]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[The intranet manager]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=308</guid>
		<description><![CDATA[Do you want to be an exceptional Intranet Manager who accomplish wonderful things and deliver a world class intranet? Then one of the most important things you have to do is &#8220;conquer&#8221; all areas of expertise involved in the intranet. A while ago I heard an Intranet Manager saying &#8220;I have no clue about what [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=308&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Do you want to be an exceptional Intranet Manager who accomplish wonderful things and deliver a world class intranet? Then one of the most important things you have to do is &#8220;conquer&#8221; all areas of expertise involved in the intranet.</p>
<p><span id="more-308"></span></p>
<p>A while ago I heard an Intranet Manager saying &#8220;I have no clue about what our IT developers do&#8221;. While this is ok at low level coding activities (you do not have to know html language), it is NOT ok on a higher conceptual level. In my opinion you must understand <em>what</em> they do, <em>how</em> they are implementing your new intranet features, <em>how</em> this technically relates to the existing intranet and <em>how</em> they are solving your problems.</p>
<p>Only then can you decide on the right development activities for your intranet and have an opinion about the best solution. If you do not have the knowledge you are at the mercy of your developers. And while this is not necessarily bad (most IT developers are not evil), your intranet has a much greater chance of success if you (who have overall responsibility) have a basic understanding of IT, integrations, platform choices etcetera. Because you are the one, maybe the <em>only</em> one, who have the potential to see the intranet&#8217;s every need, no matter which area it falls in. Technology choices are not made in isolation from everything else, they affect the &#8220;softer&#8221; parts of the solution and therefore you have to take an active part in this.</p>
<p>An example: We are applying responsive web design on the Intranet. I am a comms officer, but if I do not understand the basics about html, what a CSS is, why we have this on a separate asset server, how the design break points are controlled by media queries and so on, we would never get a good solution. Not because my developer lack the skills on his own (actually he is brilliant and I am really fortunate to have him!) but because without knowledge I would order the wrong things and require suboptimal solutions.</p>
<p>Of course this also applies to more areas, e.g. HR, comms, business development and core operations—the more you know about all this the better intranet manager you will be.</p>
<p>So, if you, intranet manager, have a background as a communications officer, prioritise learning about IT and other areas related to your intranet!</p>
<p>How to start? Easy—ask your developer the first &#8220;stupid&#8221; questions about how things <em>really</em> work. Soon you will ask smarter questions. Always strive to know about more than you know today. Never act as if some things on your intranet is not your responsibility, or someone else&#8217;s work. Because it is in fact <em>your</em> job, if you want to control just how great intranet you will deliver.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/308/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=308&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2012/10/29/you-intranet-manager-have-to-understand-it/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>
	</item>
		<item>
		<title>Three ways to bring your intranet into the smartphone</title>
		<link>http://jesperby.com/2012/10/14/three-ways-to-bring-your-intranet-into-the-smartphone/</link>
		<comments>http://jesperby.com/2012/10/14/three-ways-to-bring-your-intranet-into-the-smartphone/#comments</comments>
		<pubDate>Sun, 14 Oct 2012 20:30:37 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Assets]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[Mobile strategy]]></category>
		<category><![CDATA[Responsive Web Design]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=267</guid>
		<description><![CDATA[Did you just get the question from your senior manager about when all the employees can use the intranet on their smartphones and tablets? Do not panic. You can deliver sooner than you think. You just have to make a basic decision first. What kind of solution should you go for? There are three possibilities [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=267&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Did you just get the question from your senior manager about when all the employees can use the intranet on their smartphones and tablets? Do not panic. You can deliver sooner than you think. You just have to make a basic decision first.</p>
<p><span id="more-267"></span></p>
<p><strong>What kind of solution should you go for?</strong><br />
There are three possibilities for going mobile:</p>
<ol>
<li>a native app,</li>
<li>a HTML5 &#8220;app&#8221;,</li>
<li>a responsive version of the web/intranet you already have.</li>
</ol>
<p>City of Malmö has the last five years tried all three. Here are our findings.</p>
<p><strong>1. Native app</strong><br />
This is the original way of getting into the smartphone, started by Apple and their App store. Basically you build a program that users can install on their iOS/Android/other OS device, and this program delivers some kind of experience (in this discussion preferably some version of the intranet).</p>
<p>City of Malmö has developed a native iPhone app for citizens. Go to the iPhone app store and search for &#8220;Malmö stad&#8221; for a first hand look.</p>
<div id="attachment_276" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2012/10/native.png"><img class="size-full wp-image-276" title="native" alt="" src="http://jesperby.files.wordpress.com/2012/10/native.png?w=500&#038;h=460" height="460" width="500" /></a><p class="wp-caption-text">City of Malmös native app.</p></div>
<p>In this app we offer the user:</p>
<ul>
<li>News from City of Malmö,</li>
<li>Places (libraries, playgrounds for kids, baths, bicycle pumps and some other physical objects we think citizens want to find),</li>
<li>Art map (showing the places of public art, e.g. statues, and some info about the art items),</li>
<li>Report an error (e.g. a pothole, a broken street lamp, unlawful graffiti).</li>
</ul>
<p>Good services, I think. The error report service can also access the camera in your smartphone and you can take a picture of the pothole. When you send a report City of Malmö also gets a geolocation tag, so we can see <em>where you were</em> when you reported the error.</p>
<p>While this seems like a good solution, there are some drawbacks:</p>
<ul>
<li>Creating mobile content and services this way does not improve the desktop web malmo.se at all. Every integration in a native app is custom made for the app and not reusable on the standard web/intranet. For example, on malmo.se we do not have the Places service.</li>
<li>The user has to go to an app store and download the app before getting started.</li>
<li>The tool generating the app is not our ordinary CMS. In most cases a native app is hard coded, which means you as an intranet manager do not have any direct control over content and features. Upgrading, altering and adjusting content is difficult and often requires external consultants.</li>
<li>A native app also needs a separate server, which means higher costs for running the web/smartphone presence every year.</li>
<li>And—maybe the biggest problem with a native app—you actually have to build and support several apps, at least one for every smartphone OS. Or skip support for small OS ecosystems? Tablets also add to the complexity. Or should tablets use the desktop intranet? Decisions, decisions.</li>
</ul>
<div id="attachment_281" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2012/10/native-landscape500.png"><img class="size-full wp-image-281" title="native-landscape500" alt="" src="http://jesperby.files.wordpress.com/2012/10/native-landscape500.png?w=500&#038;h=375" height="375" width="500" /></a><p class="wp-caption-text">Your future if you choose to go for an native app.</p></div>
<p>We have found that the native app is an expensive and isolated solution, not helping the broader digital presence. The evolving landscape of smartphones/tablets also makes this life increasingly difficult. A native app <em>might</em> be the right solution for a specific single task, but we do not recommend going for a native app when delivering a broader experience or a whole web/intranet.</p>
<p><strong>2. HTML5 &#8220;app&#8221;</strong><br />
With the HTML5 approach you use the smartphone web browser as the &#8220;app&#8221; and build ordinary web pages on templates custom made for smartphone screen sizes.</p>
<p>City of Malmö has also tried this, surf to <a href="http://www.malmo.se/touch">malmo.se/touch</a> for a first hand look.</p>
<p><a href="http://jesperby.files.wordpress.com/2012/10/html5.png"><img class="alignnone size-full wp-image-278" title="HTML5" alt="" src="http://jesperby.files.wordpress.com/2012/10/html5.png?w=500&#038;h=460" height="460" width="500" /></a></p>
<p>In this HTML5 solution we offer the user:</p>
<ul>
<li>News from City of Malmö,</li>
<li>Things to do (e.g. events, lectures, popular tourist attractions),</li>
<li>Available jobs in the municipal organization,</li>
<li>Social service chat for youths,</li>
<li>A link to <a href="http://www.malmo.se" rel="nofollow">http://www.malmo.se</a>.</li>
</ul>
<p>Also good features in this solution, but different ones than in the native app. And while you can also find all four services on malmo.se, they are placed at different places, some several clicks away from the home page.</p>
<p>At best, a solution like this uses the same CMS and server as the ordinary web/intranet. If so, services you deliver through the smartphone can also fairly easy be reused on the desktop web/intranet. However, in some CMS tools it is difficult to make a whole different set of templates. Maybe you need a completely different database/tree structure and depending on your CMS license model you might have to pay for the CMS <em>again</em> (another web = another bill). Therefore some organizations run their HTML5 smartphone presence on a lightweight CMS, e.g. WordPress, or hardcode everything. malmo.se/touch is hardcoded.</p>
<ul>
<li>Creating mobile content and services this way might improve the desktop web/intranet, if you use the same CMS and it is easy to reuse integrations. But if you build on another platform the HTML5 &#8220;app&#8221; will be an isolated island, just as the native app approach is.</li>
<li>If the CMS tool is not the ordinary web/intranet CMS you probably have less control over content and features. Upgrading, altering and adjusting content can be difficult and may require external consultants.</li>
<li>The HTML5 solution might need a separate server, which means higher costs for running the web/smartphone presence every year.</li>
<li>The user have to surf to another address, e.g. <a href="http://mobile.%5Bwebname%5D.com" rel="nofollow">http://mobile.%5Bwebname%5D.com</a>, before getting started.</li>
<li>With the HTML5 solution you can have one build for all the smartphones, if you make sure the templates work for several different screen sizes. Media queries in the CSS (a part of Responsive Web Design) enables you to make custom design solutions for different screen sizes—absolutely necessary for making sure the HTML5 &#8220;app&#8221; also delivers a good user experience in tablets.</li>
</ul>
<div id="attachment_282" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2012/10/html5-landscape500.png"><img class="size-full wp-image-282" title="HTML5-landscape500" alt="" src="http://jesperby.files.wordpress.com/2012/10/html5-landscape500.png?w=500&#038;h=375" height="375" width="500" /></a><p class="wp-caption-text">Your future if you choose to go for an HTML5 &#8220;app&#8221;.</p></div>
<p>We think that the HTML5 approach is much better then building a native app, and can be a good start if you feel you are &#8220;trapped&#8221; in your desktop intranet (an old intranet with bad content or if your CMS can not generate/use RWD). If you do not want the smartphone presence to be a completely different object (operatively and developmentally) you should plan for some kind of future merging of the HTML5 solution and the desktop intranet. Maybe the smartphone solution is the first version of the <em>next</em> intranet? Start in the smartphone but plan for upscaling the app to desktop sizes. A true mobile first approach! (Btw, you really should have <a href="http://www.abookapart.com/products/mobile-first">the bible on this: Mobile First, by Luke Wroblewski</a>.)</p>
<p><strong>3. Responsive Web Design</strong><br />
Responsive Web Design is the new way of getting into smartphones and tablets. The idea is to use <em>one</em> web site/intranet (the one you already have) for generating your presence in desktops/laptops, tablets and smartphones. This is done through CSS3 media queries and fluid proportion-based grids, and</p>
<blockquote><p>As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning, and scrolling.</p></blockquote>
<p style="text-align:right;"><a href="http://en.wikipedia.org/wiki/Responsive_web_design">http://en.wikipedia.org/wiki/Responsive_web_design</a></p>
<p>Right now we are applying RWD on the intranet. Thanks to our assets approach we can implement RWD in steps. (Masthead, CSS and some other items are located on a separate server, our different content generators subscribes to these assets. Content generators: our &#8220;old&#8221; CMS generate base content, we use WordPress for news and blogs, IPBoard for forum, Ruby for our dashboard.)</p>
<p>So how does this look? Since our intranet is not open for all I can not invite you to a first hand try-out. But below are some screen shots that show the same page in different sizes.</p>
<p><a href="http://jesperby.files.wordpress.com/2012/10/rwd.png"><img class="alignnone size-full wp-image-279" title="RWD" alt="" src="http://jesperby.files.wordpress.com/2012/10/rwd.png?w=500&#038;h=460" height="460" width="500" /></a></p>
<p><a href="http://jesperby.files.wordpress.com/2012/10/rwda.png"><img class="alignnone size-full wp-image-286" title="RWDa" alt="" src="http://jesperby.files.wordpress.com/2012/10/rwda.png?w=500&#038;h=365" height="365" width="500" /></a></p>
<p><a href="http://jesperby.files.wordpress.com/2012/10/rwdb.png"><img class="alignnone size-full wp-image-287" title="RWDb" alt="" src="http://jesperby.files.wordpress.com/2012/10/rwdb.png?w=500&#038;h=365" height="365" width="500" /></a></p>
<p><a href="http://jesperby.files.wordpress.com/2012/10/rwdc.png"><img class="alignnone size-full wp-image-288" title="RWDc" alt="" src="http://jesperby.files.wordpress.com/2012/10/rwdc.png?w=500&#038;h=365" height="365" width="500" /></a></p>
<p><a href="http://jesperby.files.wordpress.com/2012/10/rwdd.png"><img class="alignnone size-full wp-image-289" title="RWDd" alt="" src="http://jesperby.files.wordpress.com/2012/10/rwdd.png?w=500&#038;h=366" height="366" width="500" /></a></p>
<p>This page has almost the same content in all sizes because we believe basic employee needs are the same no matter what device you use. People, news, discussions, web feeds you want to keep an eye on and so on—all this is basic stuff we always have to deliver. But this does not mean it has to look exactly the same. Thanks to media queries we compress and adjust appearance and interaction. It is also possible to switch off some boxes and features, and switch on new ones with media queries.</p>
<ul>
<li>With RWD you build content and services once—and you get it in all devices.</li>
<li>You get a consistent appearance in all devices.</li>
<li>You have no double maintenance.</li>
<li>This is a foolproof solution against new devices with different screen sizes and new operating systems.</li>
<li>You have the same web address for everything.</li>
<li>You need only one server and one generating system for everything.</li>
</ul>
<div id="attachment_284" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2012/10/rwd-landscape5001.png"><img class="size-full wp-image-284" title="RWD-landscape500" alt="" src="http://jesperby.files.wordpress.com/2012/10/rwd-landscape5001.png?w=500&#038;h=375" height="375" width="500" /></a><p class="wp-caption-text">Your future if you choose to go with RWD.</p></div>
<p>We at City of Malmö <em>really</em> like RWD and we think this is the future. This is the way to go if you think you already have a good intranet with the right content and services. You will have only one intranet to care for, found at the same address no matter what browser and device you use, and no one will ever ask the question why you can do some stuff in one device but not the other.  (<a href="http://www.abookapart.com/products/responsive-web-design">Get this bible as well: Responsive Web Design, by Ethan Marcotte</a>.)</p>
<p>Another rather elegant effect is that the desktop user can have the intranet on the screen in &#8220;one-column mode&#8221;. 320px on the screen—it can always be open!</p>
<p><strong>&#8220;But what if the mobile user has different needs than the desktop user? RWD do not handle this.&#8221;</strong><br />
This question sometimes pop up. Here I think it is important to discuss what we mean when we say <em>the mobile user</em>. Is it about:</p>
<ol>
<li>A person using a smartphone/tablet, or</li>
<li>A person away from his/her desk?</li>
</ol>
<p>It can not be answer #1. Because I can sit by my desk and use my tablet or smartphone. And I can be away from my desk and still use my laptop. I do not suddenly get totally different needs just because I push away the keyboard on my desk and switch to the iPad or iPhone, still sitting in my chair. Therefore <em>The mobile user</em> is not equal to <em>holding a smartphone/tablet</em>.</p>
<p>In my opinion this means that we must deliver everything in every device! You can not determine user needs based on device, this is not a valid token, so to say. Yes, employees away from their desks might have different needs or might want to use specific services in a different way. But we will have to come up with another way of supporting this than building a smartphone intranet totally different than the desktop version.</p>
<p>This said, I want to remind you that the RWD intranet needs user testing across the whole line of devices. It requires some proper thinking to deliver more complex forms and pages on a mere 153k pixels (original iPhone screen size). Again, make use of the RWD possibilities to compress, adjust, switch off and turn on content. Who knows—maybe the work with the smartphone appearance automatically gives new ideas on how the desktop version can be better.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/267/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/267/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=267&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2012/10/14/three-ways-to-bring-your-intranet-into-the-smartphone/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/native.png" medium="image">
			<media:title type="html">native</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/native-landscape500.png" medium="image">
			<media:title type="html">native-landscape500</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/html5.png" medium="image">
			<media:title type="html">HTML5</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/html5-landscape500.png" medium="image">
			<media:title type="html">HTML5-landscape500</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/rwd.png" medium="image">
			<media:title type="html">RWD</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/rwda.png" medium="image">
			<media:title type="html">RWDa</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/rwdb.png" medium="image">
			<media:title type="html">RWDb</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/rwdc.png" medium="image">
			<media:title type="html">RWDc</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/rwdd.png" medium="image">
			<media:title type="html">RWDd</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/10/rwd-landscape5001.png" medium="image">
			<media:title type="html">RWD-landscape500</media:title>
		</media:content>
	</item>
		<item>
		<title>A new take on intranet news</title>
		<link>http://jesperby.com/2012/09/05/a-new-take-on-intranet-news/</link>
		<comments>http://jesperby.com/2012/09/05/a-new-take-on-intranet-news/#comments</comments>
		<pubDate>Wed, 05 Sep 2012 22:50:52 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Classification]]></category>
		<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[Information management]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[Personalisation]]></category>
		<category><![CDATA[corporate news]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[syndication]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=217</guid>
		<description><![CDATA[In the beginning of 2012, we decided to do something about the way we create news on the intranet. Last time I heard James Robertson and the &#8220;social intranet&#8221; was discussed, he asked the audience how many of us that had enabled comments on the news pages. Almost no one put the hand in the [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=217&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>In the beginning of 2012, we decided to do something about the way we create news on the intranet. Last time I heard <a href="http://twitter.com/s2d_jamesr" target="_blank">James Robertson</a> and the &#8220;social intranet&#8221; was discussed, he asked the audience how many of us that had enabled comments on the news pages. Almost no one put the hand in the air.</p>
<p><span id="more-217"></span>He was surprised, and I felt a bit awkward. Of course this is—as he rightly argued—an easy way to pave the way for other social activities on the intranet. I had already introduced a forum section and a blog section. Then why not comments on news? In a way, I had avoided the issue for almost two years. But James&#8217; remark got me to address this.</p>
<div id="attachment_220" class="wp-caption alignnone" style="width: 310px"><a href="http://jesperby.files.wordpress.com/2012/09/regler-kring-fria-arbetsklc3a4der-komin.png"><img class="size-medium wp-image-220" title="Regler kring fria arbetskläder - Komin" src="http://jesperby.files.wordpress.com/2012/09/regler-kring-fria-arbetsklc3a4der-komin.png?w=300&#038;h=214" alt="" width="300" height="214" /></a><p class="wp-caption-text">Old news presentation.</p></div>
<p>Above is an old intranet news post on the intranet. As you can see we have the basics in place: header, preamble, body. The author can also include a picture, a file and an info box. I would say this is mandatory parts of a news page. As you can also see we have no interaction and almost no possibilities to read more things. This news post is a dead end.</p>
<p>I gave this some thought and made a wish list of new functionality. In addition to the basics, I thought it would be great if the user could:</p>
<ul>
<li><strong>comment on the news</strong></li>
<li><strong>give a thumbs up</strong></li>
<li><strong>see who the author is</strong></li>
<li><strong>have links to related news</strong></li>
</ul>
<p>I also had some back-end wishes:</p>
<ul>
<li><strong>simplified production of news posts</strong> (fewer clicks to publish, shorter CMS training requirements before a producer makes his first news post)</li>
<li><strong>syndication!!!</strong> (our old solution for news meant silo storage, one for each department, and and that we had to make several identical pages for the news to appear in different places on the intranet)</li>
</ul>
<div id="attachment_258" class="wp-caption alignnone" style="width: 234px"><a href="http://jesperby.files.wordpress.com/2012/09/img_0941.png"><img class="size-medium wp-image-258" title="IMG_0941" src="http://jesperby.files.wordpress.com/2012/09/img_0941.png?w=224&#038;h=300" alt="" width="224" height="300" /></a><p class="wp-caption-text">Very early in the design phase: getting the parts of the news page in the right order.</p></div>
<div id="attachment_257" class="wp-caption alignnone" style="width: 234px"><a href="http://jesperby.files.wordpress.com/2012/09/img_0939.png"><img class="size-medium wp-image-257" title="IMG_0939" src="http://jesperby.files.wordpress.com/2012/09/img_0939.png?w=224&#038;h=300" alt="" width="224" height="300" /></a><p class="wp-caption-text">Another idea. (Wondering about the background? My kitchen table. <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  )</p></div>
<div id="attachment_259" class="wp-caption alignnone" style="width: 234px"><a href="http://jesperby.files.wordpress.com/2012/09/img_0942.png"><img class="size-medium wp-image-259" title="IMG_0942" src="http://jesperby.files.wordpress.com/2012/09/img_0942.png?w=224&#038;h=300" alt="" width="224" height="300" /></a><p class="wp-caption-text">Later in the design process. Wireframes.</p></div>
<p>In order to achieve all this we decided to move our news production from our CMS <a href="http://www.sitevision.se/" target="_blank">Sitevision</a> (swedish java based CMS) to a WordPress installation. In 2010 we integrated a blog section on our intranet. The blog runs on WP and we felt this tool also could fill our news production needs.</p>
<div id="attachment_223" class="wp-caption alignnone" style="width: 413px"><a href="http://jesperby.files.wordpress.com/2012/09/kkh-blir-malmc3b6-live-e28093-nyheter.png"><img class="size-large wp-image-223" title="KKH blir Malmö Live – Nyheter" src="http://jesperby.files.wordpress.com/2012/09/kkh-blir-malmc3b6-live-e28093-nyheter.png?w=403&#038;h=1024" alt="" width="403" height="1024" /></a><p class="wp-caption-text">New news presentation.</p></div>
<p>Today we show the news in a modern way. In addition to seeing the basic stuff the user also can &#8220;like&#8221; the news post and comment. It is also clear who made ​​the news post.</p>
<div id="attachment_234" class="wp-caption alignnone" style="width: 488px"><a href="http://jesperby.files.wordpress.com/2012/09/3bitar1.png"><img class="size-full wp-image-234" title="3bitar1" src="http://jesperby.files.wordpress.com/2012/09/3bitar1.png?w=500" alt=""   /></a><p class="wp-caption-text">Like, comments and author.</p></div>
<p>And when you have read the news post the page offers a lot of possibilities for more reading.</p>
<div id="attachment_237" class="wp-caption alignnone" style="width: 413px"><a href="http://jesperby.files.wordpress.com/2012/09/kkh-blir-malmc3b6-live-e28093-nyheter-4.png"><img class="size-large wp-image-237" title="KKH blir Malmö Live – Nyheter 4" src="http://jesperby.files.wordpress.com/2012/09/kkh-blir-malmc3b6-live-e28093-nyheter-4.png?w=403&#038;h=1024" alt="" width="403" height="1024" /></a><p class="wp-caption-text">No dead end!</p></div>
<p>All news posts in the organization are stored in the same WordPress archive. Because of this and the WP model of classifying posts with categories and tags we have really powerful syndication possibilities. We can assign more than one category and more than one tag to a post, and this way we can show a news post in several places but only produce one version. The news post above appears in five different places on the intranet! (On the main pages for the 3 business units &#8220;Street and Parks department&#8221;, &#8220;Culture department&#8221;, &#8220;City Planning Office&#8221;, on the main page &#8220;Our organization&#8221; and on the personalized dashboard for everyone, because this particular news post is deemed relevant for all employees.)</p>
<p>In WP, every category and every tag automatically get an RSS feed. We take these feeds and integrate them in key places on the intranet. This way we integrate news with other types of intranet content.</p>
<div id="attachment_240" class="wp-caption alignnone" style="width: 310px"><a href="http://jesperby.files.wordpress.com/2012/09/gatukontoret-komin.png"><img class="size-medium wp-image-240" title="Gatukontoret - Komin" src="http://jesperby.files.wordpress.com/2012/09/gatukontoret-komin.png?w=300&#038;h=263" alt="" width="300" height="263" /></a><p class="wp-caption-text">WPnews RSS integration on the start page of a business unit.</p></div>
<div id="attachment_241" class="wp-caption alignnone" style="width: 310px"><a href="http://jesperby.files.wordpress.com/2012/09/kommunikationsarbete-komin.png"><img class="size-medium wp-image-241" title="Kommunikationsarbete - Komin" src="http://jesperby.files.wordpress.com/2012/09/kommunikationsarbete-komin.png?w=300&#038;h=251" alt="" width="300" height="251" /></a><p class="wp-caption-text">WPnews RSS integration on the start page of a job role.</p></div>
<p>Our new dashboard also shows the right feeds for every user based on department and job role. Back-end we import 50-60 different feeds from WPnews.</p>
<div id="attachment_243" class="wp-caption alignnone" style="width: 264px"><a href="http://jesperby.files.wordpress.com/2012/09/min-sida-komin.png"><img class="size-medium wp-image-243" title="Min sida - Komin" src="http://jesperby.files.wordpress.com/2012/09/min-sida-komin.png?w=254&#038;h=300" alt="" width="254" height="300" /></a><p class="wp-caption-text">On my dashboard i can see relevant news feeds based on who I am.</p></div>
<p>Today we have used the new way to produce news for 5 months. How did this turn out? Pretty good, actually!</p>
<ul>
<li>June and September both saw approximately 260 news post each month—big and small news to inform the employees, give them work day support and make them more effective.</li>
<li>A news producer today only need 30 min education compared to 4 hours in the old system.</li>
<li>We no longer have to make new versions of the same news post for it to show in different departments and job role sections on the intranet.</li>
<li>Comments and likes for a news post are still in the 0-10 range, but on the way up.</li>
</ul>
<p>This winter we will evaluate with google analytics, surveys and study the user flows. I think we will see that because of our new take, intranet news now works better.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/217/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/217/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=217&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2012/09/05/a-new-take-on-intranet-news/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/regler-kring-fria-arbetsklc3a4der-komin.png?w=300" medium="image">
			<media:title type="html">Regler kring fria arbetskläder - Komin</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/img_0941.png?w=224" medium="image">
			<media:title type="html">IMG_0941</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/img_0939.png?w=224" medium="image">
			<media:title type="html">IMG_0939</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/img_0942.png?w=224" medium="image">
			<media:title type="html">IMG_0942</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/kkh-blir-malmc3b6-live-e28093-nyheter.png?w=403" medium="image">
			<media:title type="html">KKH blir Malmö Live – Nyheter</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/3bitar1.png" medium="image">
			<media:title type="html">3bitar1</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/kkh-blir-malmc3b6-live-e28093-nyheter-4.png?w=403" medium="image">
			<media:title type="html">KKH blir Malmö Live – Nyheter 4</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/gatukontoret-komin.png?w=300" medium="image">
			<media:title type="html">Gatukontoret - Komin</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/kommunikationsarbete-komin.png?w=300" medium="image">
			<media:title type="html">Kommunikationsarbete - Komin</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/09/min-sida-komin.png?w=254" medium="image">
			<media:title type="html">Min sida - Komin</media:title>
		</media:content>
	</item>
		<item>
		<title>The intranet dashboard matures</title>
		<link>http://jesperby.com/2012/08/14/the-intranet-dashboard-matures/</link>
		<comments>http://jesperby.com/2012/08/14/the-intranet-dashboard-matures/#comments</comments>
		<pubDate>Tue, 14 Aug 2012 15:16:05 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[open source]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=199</guid>
		<description><![CDATA[Back in April I wrote about our new information dashboard. The dashboard went live in May, and this summer we have been monitoring usage and fixed some minor bugs. Now we are in the process of upgrading to version 1.1. We believe in taking small but rapid steps, to start with a few features in [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=199&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><a title="A preview of our information dashboard" href="http://jesperby.com/2012/04/16/a-preview-of-our-information-dashboard/">Back in April I wrote about our new information dashboard</a>. The dashboard went live in May, and this summer we have been monitoring usage and fixed some minor bugs.</p>
<p><span id="more-199"></span></p>
<div id="attachment_200" class="wp-caption alignnone" style="width: 510px"><a href="http://jesperby.files.wordpress.com/2012/08/min-sida-komin-3.png"><img class="size-full wp-image-200" title="Min sida - Komin 3" src="http://jesperby.files.wordpress.com/2012/08/min-sida-komin-3.png?w=500&#038;h=551" alt="A" width="500" height="551" /></a><p class="wp-caption-text">Our dashboard &#8220;Min sida&#8221; (My page) version 1.0. The dashboard has global intranet news items, local intranet news items from your own business unit, local news items from your own job role, intranet blog posts you want to follow, intranet forum posts you want to follow, RSS streams you want to follow (any rss from the internet), twitter hash tags you want to follow, Twitter persons you want to follow, Tools you need in your work day (based on who you are), people search (a very basic one).</p></div>
<p>Now we are in the process of upgrading to version 1.1. <a title="Our intranet—six guiding principles, pt2" href="http://jesperby.com/2012/04/27/out-intranet-six-guiding-principles-pt2/">We believe in taking small but rapid steps</a>, to start with a few features in the first version and then quickly move on with the development and launch a version 1.1, 1.2 and so on.</p>
<p>September 15 we plan to</p>
<ul>
<li>have online help icons on the page (expand help texts about what each box does and how to control them as a user)</li>
<li>show how many comments a news piece/blog post has</li>
<li>introduce end user controls for expanding a box in order to show more news/blog items than the preset 5/10</li>
<li>improve the overall looks (today we think the page has too much text and to few pictures/graphic objects)</li>
<li>create the possibility for the user to upload a picture of oneself, register his/her own status message and see colleagues statuses, se the wireframe mockup below</li>
</ul>
<div id="attachment_201" class="wp-caption alignnone" style="width: 304px"><a href="http://jesperby.files.wordpress.com/2012/08/status_2.png"><img class=" wp-image-201 " title="status_2" src="http://jesperby.files.wordpress.com/2012/08/status_2.png?w=294&#038;h=521" alt="a" width="294" height="521" /></a><p class="wp-caption-text">Top box is your own micro-bio-box where you can set your own status. Next box is where you add colleagues and see what they do.</p></div>
<p><em>Update August 16: And some dev screen shots:</em></p>
<div id="attachment_213" class="wp-caption alignnone" style="width: 273px"><a href="http://jesperby.files.wordpress.com/2012/08/a1.png"><img class="size-medium wp-image-213" title="a1" src="http://jesperby.files.wordpress.com/2012/08/a1.png?w=263&#038;h=300" alt="" width="263" height="300" /></a><p class="wp-caption-text">Write mode – submit your status.</p></div>
<div id="attachment_214" class="wp-caption alignnone" style="width: 277px"><a href="http://jesperby.files.wordpress.com/2012/08/a2.png"><img class="size-medium wp-image-214" title="a2" src="http://jesperby.files.wordpress.com/2012/08/a2.png?w=267&#038;h=300" alt="" width="267" height="300" /></a><p class="wp-caption-text">After you have set your status.</p></div>
<p>The status update function package will be the big thing in the 1.1 version and—hopefully—a crowd pleaser. <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  But we do of course not build functions just for fun – work day status updates is an important first part of a brand new employee DB. More about this later this year.</p>
<p>After launch of the 1.1 version, the dashboard will become the standard start page of the intranet. (Until today the starting page has been &#8220;Vår kommun&#8221; (our municipality) an old top down solution from the 90s.) A revolution!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/199/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/199/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=199&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2012/08/14/the-intranet-dashboard-matures/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/08/min-sida-komin-3.png" medium="image">
			<media:title type="html">Min sida - Komin 3</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/08/status_2.png" medium="image">
			<media:title type="html">status_2</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/08/a1.png?w=263" medium="image">
			<media:title type="html">a1</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/08/a2.png?w=267" medium="image">
			<media:title type="html">a2</media:title>
		</media:content>
	</item>
		<item>
		<title>An intranet for the mobile devices</title>
		<link>http://jesperby.com/2012/05/28/an-intranet-for-the-mobile-devices/</link>
		<comments>http://jesperby.com/2012/05/28/an-intranet-for-the-mobile-devices/#comments</comments>
		<pubDate>Mon, 28 May 2012 07:40:38 +0000</pubDate>
		<dc:creator>Jesper Bylund</dc:creator>
				<category><![CDATA[Assets]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Dashboard]]></category>
		<category><![CDATA[Masthead]]></category>
		<category><![CDATA[Mobile strategy]]></category>
		<category><![CDATA[Responsive Web Design]]></category>

		<guid isPermaLink="false">http://jesperby.com/?p=191</guid>
		<description><![CDATA[Responsive web design – one of the hottest trends in 2012, according to .net magazine. But what is RWD? I would describe it as a way to achieve a device-agnostic web page, a page that works no matter what (modern) device you chose to use – computer, tablet, smartphone. Wikipedia describes RWD as a web [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=191&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Responsive web design – <a href="http://www.netmagazine.com/features/15-top-web-design-and-development-trends-2012" target="_blank">one of the hottest trends in 2012, according to .net magazine</a>. But what is RWD? I would describe it as a way to achieve a device-agnostic web page, a page that works no matter what (modern) device you chose to use – computer, tablet, smartphone.<br />
<span id="more-191"></span><a href="http://en.wikipedia.org/wiki/Responsive_Web_Design" target="_blank">Wikipedia describes RWD</a> as a web site</p>
<blockquote><p>crafted to use Cascading Style Sheets 3 media queries, an extension of the @media rule, with fluid proportion-based grids, to adapt the layout to the viewing environment, and probably also use flexible images. As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning, and scrolling.</p></blockquote>
<p>Sounds like a thing an intranet could benefit from. While many organizations still has a single OS platform (City of Malmös computers run on Windows XP and Explorer 7) (Yes, I know its middle age, hopefully we will get at least W7 and Ex9 this autumn), smartphones, tablets and BYOD are on their way. In a year or two, I think a core operating system not adapted for a wide array of devices is facing major problems.</p>
<p>Therefore, we made sure our new intranet dashboard were built with RWD from the beginning. Launched May 25, this page adapt beautifully according to device.</p>
<p><a href="http://jesperby.files.wordpress.com/2012/05/1200.png"><img class="alignnone size-full wp-image-194" title="1200" src="http://jesperby.files.wordpress.com/2012/05/1200.png?w=500&#038;h=443" alt="" width="500" height="443" /></a></p>
<p><a href="http://jesperby.files.wordpress.com/2012/05/1024.png"><img class="alignnone size-full wp-image-193" title="1024" src="http://jesperby.files.wordpress.com/2012/05/1024.png?w=500&#038;h=513" alt="" width="500" height="513" /></a></p>
<p><a href="http://jesperby.files.wordpress.com/2012/05/768-320.png"><img class="alignnone size-full wp-image-192" title="768-320" src="http://jesperby.files.wordpress.com/2012/05/768-320.png?w=500&#038;h=309" alt="" width="500" height="309" /></a></p>
<p>Our dashboard was the first RWD test for us. This summer we will make the other parts of the intranet responsive as well.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jesperby.wordpress.com/191/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jesperby.wordpress.com/191/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jesperby.com&#038;blog=33580988&#038;post=191&#038;subd=jesperby&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jesperby.com/2012/05/28/an-intranet-for-the-mobile-devices/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/83926297f3fba3aa7f7bf4cdef2d9bb9?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jesperby</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/05/1200.png" medium="image">
			<media:title type="html">1200</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/05/1024.png" medium="image">
			<media:title type="html">1024</media:title>
		</media:content>

		<media:content url="http://jesperby.files.wordpress.com/2012/05/768-320.png" medium="image">
			<media:title type="html">768-320</media:title>
		</media:content>
	</item>
	</channel>
</rss>
