<?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>Open Tech SmbA &#187; Content Management</title>
	<atom:link href="http://www.opentech.dk/category/content-management/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.opentech.dk</link>
	<description>System &#38; Network Administration - Unix, Linux, Mac &#38; Windows</description>
	<lastBuildDate>Sun, 22 Aug 2010 15:57:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Automatic rotation, renaming and resizing of pictures</title>
		<link>http://www.opentech.dk/2010/05/15/automatic-rotation-renaming-and-resizing-of-pictures/</link>
		<comments>http://www.opentech.dk/2010/05/15/automatic-rotation-renaming-and-resizing-of-pictures/#comments</comments>
		<pubDate>Sat, 15 May 2010 18:21:37 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=966</guid>
		<description><![CDATA[ometimes you need to share a number of raw pictures over the internet.
Raw pictures can have non-efficient file names from the digital camera. This makes them hard to organize and list. Raw pictures can be huge in file size. This is a problem for storage, backup, transfer, upload and download. Raw pictures can contain hidden [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://www.opentech.dk/wp-content/gallery/open-tech-smba-website/imagemagick.jpg" title="" class="shutterset_singlepic79" >
	<img class="ngg-singlepic ngg-right" src="http://www.opentech.dk/wp-content/gallery/cache/79__h=x_imagemagick.jpg" alt="imagemagick" title="imagemagick" />
</a>
Sometimes you need to share a number of raw pictures over the internet.</p>
<p>Raw pictures can have non-efficient file names from the digital camera. This makes them hard to organize and list. Raw pictures can be huge in file size. This is a problem for storage, backup, transfer, upload and download. Raw pictures can contain hidden data from your camera, camera software and picture editing software. The hidden data can include automatic data, such as timestamps, face identification and software details. That can be a security problem.</p>
<p>Therefore, you might want to prepare raw pictures for sharing over the internet.</p>
<p>In the following example, we will prepare a number of raw pictures from a digital camera for sharing over the internet.</p>
<p>The pictures are rotated according to their orientation data in <a href="http://da.wikipedia.org/wiki/EXIF">Exchangeable Image File Format (EXIF)</a>. The orientation data in EXIF is then reset. The pictures are renamed according to the timestamp in EXIF. The pictures will have their EXIF header removed for security reasons. All this is done using <a href="http://www.sentex.net/~mwandel/jhead/">jhead</a>, which a JPEG EXIF header manipulation tool, that is perfect for this task.</p>
<p><code>jhead -autorot -ft -nf%Y-%m-%d-%H-%M-%S -purejpg *.JPG</code></p>
<p>The pictures are resized. This makes them smaller in file size and makes them fit the target. In this example, we will prepare pictures for sharing on Facebook, which uses a maximum size of 720 pixels. This is done using <a href="http://www.imagemagick.org/script/mogrify.php">mogrify</a>, which is perfect command line processing tool for this task. mogrify is a part of <a href="http://www.imagemagick.org/">ImageMagick</a>. If the picture is horizontal, the picture is resized to a maximum width of 720 pixels. If the picture is vertical, the picture is resized to a maximum height of 720 pixels. The aspect ratio remains the same.</p>
<p><code>mogrify -resize 720x720 *.jpg</code></p>
<p>If needed, we can apply grey scaling and then a blue tint. This effect will make all pictures appear blue.</p>
<p><code>mogrify -modulate 100,0,100 -fill 'blue' -tint 25 *.jpg</code></p>
<p>If needed, we can add a watermark. In this example, we will set the font type to the Kompakt TrueType font, the font size to 36, the place to bottom right, the font outline color to white, the transparency to 30% (0.3), the font RGB color code to 200,0,200 (pink), the transparency to 30%, the location to 5,0 (a little more space to the right edge) and our website address as the watermark.</p>
<p><code>mogrify -font /usr/share/fonts/truetype/opentech/kompakt.ttf -pointsize 36 -draw "gravity southeast stroke rgba(255,255,255,0.3) fill rgba(200,0,200,0.3) text 5,0 'www.opentech.dk'" *.jpg</code></p>
<p>Open Tech SmbA can help your company automate picture and image processing. Contact Open Tech SmbA by mail at <a href="mailto:opentech@opentech.dk">opentech@opentech.dk</a> or call Open Tech SmbA at +45 43 62 22 88.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/05/15/automatic-rotation-renaming-and-resizing-of-pictures/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/05/15/automatic-rotation-renaming-and-resizing-of-pictures/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding (embedding) YouTube videos to website content or blog post</title>
		<link>http://www.opentech.dk/2010/03/19/adding-embedding-youtube-videos-to-website-content-or-blog-post/</link>
		<comments>http://www.opentech.dk/2010/03/19/adding-embedding-youtube-videos-to-website-content-or-blog-post/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 14:07:10 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=864</guid>
		<description><![CDATA[Adding (embedding) YouTube video clips to the content of your website or blog post can be a little tricky. Here is the way to do it.
Visit YouTube and find the video clip, that you wish to add (embed). Find the URL field. Click the Customize button. It looks like a star. Choose your preferred settings, [...]]]></description>
			<content:encoded><![CDATA[<p><object style="width: 340px; height: 285px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="340" height="285" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/FE_p5N89XQI&amp;hl=en_US&amp;fs=1&amp;rel=0&amp;color1=0x5d1719&amp;color2=0xcd311b&amp;border=1" /><param name="align" value="right" /><param name="vspace" value="7" /><param name="hspace" value="7" /><embed style="width: 340px; height: 285px;" type="application/x-shockwave-flash" width="340" height="285" src="http://www.youtube.com/v/FE_p5N89XQI&amp;hl=en_US&amp;fs=1&amp;rel=0&amp;color1=0x5d1719&amp;color2=0xcd311b&amp;border=1" hspace="7" vspace="7" align="right"></embed></object>Adding (embedding) YouTube video clips to the content of your website or blog post can be a little tricky. Here is the way to do it.</p>
<p>Visit <a href="http://www.youtube.com">YouTube</a> and find the video clip, that you wish to add (embed). Find the URL field. Click the Customize button. It looks like a star. Choose your preferred settings, that will work with the design of your website. Copy the HTML code, next to Embed, in the field.</p>
<p>Visit your website or blog post. Switch to HTML. Click the anchor point, which is the place, where the video clip will be inserted and anchored to. Paste the HTML code. Apply your preferred settings, such as alignment, vertical space and horizontal space. A CMS has a button for this because the CMS will change the HTML code.</p>
<p>In this article, we have ambedded the <a href="http://www.youtube.com/watch?v=FE_p5N89XQI">System Administrator&#8217;s Day song</a> by <a href="http://deadtroll.com">Wes Borg</a>.</p>
<p>However, we generally recommend, that you use a link to the video clip. This way, the video clip can be viewed in other resolutions &#8211; and the viewer can read comments, bookmark it and more.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/03/19/adding-embedding-youtube-videos-to-website-content-or-blog-post/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/03/19/adding-embedding-youtube-videos-to-website-content-or-blog-post/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making websites or blog posts printer friendly</title>
		<link>http://www.opentech.dk/2010/03/19/making-websites-or-blog-posts-printer-friendly/</link>
		<comments>http://www.opentech.dk/2010/03/19/making-websites-or-blog-posts-printer-friendly/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 13:08:09 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[System Management]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=851</guid>
		<description><![CDATA[ontent management system (CMS) websites, themes and blog posts are designed for screens. They look nice on your screen. If you try to print, you will find, that it does not look well. They are not designed for print.
A quick way to make a website or a blog post printer friendly is to use an [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://www.opentech.dk/wp-content/gallery/open-tech-smba-website/laserprinter.jpg" title="" class="shutterset_singlepic54" >
	<img class="ngg-singlepic ngg-right" src="http://www.opentech.dk/wp-content/gallery/cache/54__320x240_laserprinter.jpg" alt="laserprinter" title="laserprinter" />
</a>
Content management system (CMS) websites, themes and blog posts are designed for screens. They look nice on your screen. If you try to print, you will find, that it does not look well. They are not designed for print.</p>
<p>A quick way to make a website or a blog post printer friendly is to use an online utility, that will read the URL, that you wish to print, convert it for print and offer you to print or save in PDF. The website or blog post can offer a print friendly link to the online utility &#8211; or the visitor of the website can use the online utility manually.</p>
<p>We can recommend <a href="http://www.printfriendly.com">PrintFriendly</a>.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/03/19/making-websites-or-blog-posts-printer-friendly/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/03/19/making-websites-or-blog-posts-printer-friendly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Protecting personal data</title>
		<link>http://www.opentech.dk/2010/03/08/protecting-personal-data/</link>
		<comments>http://www.opentech.dk/2010/03/08/protecting-personal-data/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 06:07:51 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[Content Management]]></category>
		<category><![CDATA[System Management]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=729</guid>
		<description><![CDATA[hinking, that you are above reproach, is not enough to stop your personal data from being used against you by authorities, employers, marketing campaigns, hackers and sick people with or without your permission or authorization.
Personal data can be used for theft of identity, criminal activities, revenge and other critical abuse, that can give you severe [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://www.opentech.dk/wp-content/gallery/open-tech-smba-website/thief.jpg" title="" class="shutterset_singlepic67" >
	<img class="ngg-singlepic ngg-right" src="http://www.opentech.dk/wp-content/gallery/cache/67__320x240_thief.jpg" alt="thief" title="thief" />
</a>
Thinking, that you are above reproach, is not enough to stop your personal data from being used against you by authorities, employers, marketing campaigns, hackers and sick people with or without your permission or authorization.</p>
<p>Personal data can be used for theft of identity, criminal activities, revenge and other critical abuse, that can give you severe trouble with authorities, debt and other traumatic events. You can as innocent even get arrested and emprisoned.</p>
<p>Make sure, that the personal data, you give, is proportional to your goal. An example of this is when you as a private person is buying a service or a product from a private company &#8211; and the private company asks for your social security number. This is not proportional to the goal and should be denied.</p>
<p>Make sure, that your service memberships, subscriptions and accounts use different  usernames, passwords and mail addresses. An example of this is when you use the same password for all services, such as computer, mail and social networks &#8211; and a hacker obtains the password from the least secure service. This might give the hacker access to surprising amounts of personal data about you and your relations.</p>
<p>Make sure, that you have a policy for using social networks. The policy should include your rules for privacy settings, personal data, content, applications, quizzes, relations and sharing. An example of this is when you make unverified relations or accept applications and share personal data, that can be abused.</p>
<p>Make sure, that you have a policy for content of conversions, chats and communication. You can assume, that most conversations are logged, monitored and recorded. This includes public areas, rooms of interest, fixed phones, mobile phones, messaging, mail and social networks.</p>
<p>Make sure, that you use secure encryption when transmitting or storing private data. Use <a href="http://www.opentech.dk/2009/12/29/encrypted-mail-for-the-graphical-desktop-environment/">digital signing and encryption of mail</a>. An example of this is when you submit credit card details to an insecure non-encrypted payment service. Another example is when you store private data on an insecure non-encrypted computer, which is then lost during transportation, subject to theft or hacking.</p>
<p>Make sure, that you use and surf the internet anonymously. Replace the domain name service (DNS) servers of your internet service provider (ISP) with <a href="http://www.opentech.dk/2010/01/13/open-and-uncensored-dns-servers/">open DNS servers</a>. Replace the mail service of your ISP with your own mail service. Replace the proxy server of your ISP or the direct connection to the internet with a connection through a network of virtual tunnels, such as <a href="http://www.torproject.org/">Tor</a>.</p>
<p>Make sure, that electronic devices, that leaves digital tracks, are turned off or is offline when not in use. This include mobile phones, computers, watches, sports equipment, security wear and other devices, that use trackable systems, such as GSM, GPRS, GPS and other networks.</p>
<p>Make sure, that you can get advice from a <a href="http://www.opentech.dk">system administrator</a> and a criminal defence lawyer.</p>
<p>Learn more at <a href="http://www.aedh.eu">European Association for The Defence of Human Rights</a>, <a href="http://www.edri.org">European Digital Rights</a> and <a href="http://www.itpol.dk">IT Political Association of Denmark (IT Politisk Forening)</a>.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/03/08/protecting-personal-data/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/03/08/protecting-personal-data/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Password protecting a website</title>
		<link>http://www.opentech.dk/2010/03/07/password-protecting-a-website/</link>
		<comments>http://www.opentech.dk/2010/03/07/password-protecting-a-website/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 16:53:30 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>
		<category><![CDATA[System Management]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=722</guid>
		<description><![CDATA[assword protecting a website or part of a website is used to control access.
Which method you use depends on the operating system, web server, language and content management system.
If you use the FreeBSD operating system and the Apache web server, a simple solution is to use the htpasswd utility.
In the following example, two users are [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://www.opentech.dk/wp-content/gallery/open-tech-smba-website/beastie.png" title="" class="shutterset_singlepic37" >
	<img class="ngg-singlepic ngg-right" src="http://www.opentech.dk/wp-content/gallery/cache/37__320x240_beastie.png" alt="beastie" title="beastie" />
</a>
Password protecting a website or part of a website is used to control access.</p>
<p>Which method you use depends on the operating system, web server, language and content management system.</p>
<p>If you use the <a href="http://www.freebsd.org">FreeBSD</a> operating system and the <a href="http://www.apache.org">Apache</a> web server, a simple solution is to use the htpasswd utility.</p>
<p>In the following example, two users are given access to a password protected part of a website. Each user will be given a username and a password. The same commands can be used for changing password.</p>
<p><code>nano -w www/www.foobar.com/ppc/.htaccess</code></p>
<pre>AuthUserFile /usr/home/foobar/www/www.foorbar.com/ppc/.htpasswd
AuthType Basic
AuthName "Foobar Password Protected Content"
Require valid-user</pre>
<p><code>htpasswd -c www/www.foobar.com/ppc/.htpasswd ann<br />
htpasswd www/www.foobar.com/ppc/.htpasswd bob</code></p>
<p>When opening the password protected part of the website, a dialog appears, and, if correct password is given, gives access to the password protected content.</p>
<p>Note, that website password protection should not be considered safe in general.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/03/07/password-protecting-a-website/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/03/07/password-protecting-a-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress, pictures and galleries</title>
		<link>http://www.opentech.dk/2010/03/06/wordpress-pictures-and-galleries/</link>
		<comments>http://www.opentech.dk/2010/03/06/wordpress-pictures-and-galleries/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 15:30:21 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>
		<category><![CDATA[System Management]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=689</guid>
		<description><![CDATA[he content management system WordPress has a built in feature, that can handle pictures. However, this is not a well working feature. Fortunately, WordPress supports the use of plugins, which are extensions for WordPress. You can find many different plugins for WordPress on the homepage of WordPress.
NextGEN Gallery handles pictures much better. It is easy [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://www.opentech.dk/wp-content/gallery/open-tech-smba-website/nextgen-gallery.png" title="" class="shutterset_singlepic13" >
	<img class="ngg-singlepic ngg-right" src="http://www.opentech.dk/wp-content/gallery/cache/13__320x240_nextgen-gallery.png" alt="nextgen-gallery" title="nextgen-gallery" />
</a>
The content management system <a href="http://www.wordpress.org">WordPress</a> has a built in feature, that can handle pictures. However, this is not a well working feature. Fortunately, WordPress supports the use of plugins, which are extensions for WordPress. You can find many different plugins for WordPress on the homepage of WordPress.</p>
<p><a href="http://wordpress.org/extend/plugins/nextgen-gallery/">NextGEN Gallery</a> handles pictures much better. It is easy to create a new gallery, upload one or more pictures into it &#8211; and then insert a picture from the gallery or the complete gallery into a post. The way, that NextGEN Gallery displays pictures is neat, smooth and fast. It supports full screen.</p>
<p>This procedure will install NextGEN Gallery.</p>
<p><code>cd wp-content/plugins<br />
ftp http://downloads.wordpress.org/plugin/nextgen-gallery.zip<br />
unzip nextgen-gallery.zip<br />
rm nextgen-gallery.zip</code></p>
<p>Open the website. Click &#8220;Log in&#8221; or &#8220;Site Admin&#8221;. Click &#8220;Plugins&#8221;. Find &#8220;NextGEN Gallery&#8221;. Click &#8220;Activate&#8221;.</p>
<p>The plugin is now installed and it is ready to use.</p>
<p>Click &#8220;Gallery&#8221;. Click &#8220;Upload pictures&#8221;. Set the value of &#8220;New Gallery&#8221; to the title of your new gallery, such as &#8220;2009-04-16 The Queen and Chris-Craft&#8221;. Click &#8220;Add gallery&#8221;. Click &#8220;Upload Images&#8221;. Click &#8220;Browse&#8230;&#8221;. Select file with MouseLeft. Select more files with Ctrl and MouseLeft. Click &#8220;OK&#8221;. Set the value of &#8220;in to&#8221; to the new gallery. Click &#8220;Upload images&#8221;.</p>
<p>If you want to insert  gallery when adding or editing a post, then click the &#8220;Add NextGEN Gallery&#8221; button. Set the value of &#8220;Select gallery&#8221; to the new gallery. Click &#8220;Insert&#8221;.</p>
<p>If you want to insert a picture from one of the galleries, then click the &#8220;Add NextGEN Gallery&#8221; button. Click &#8220;Picture&#8221;. Set the value of &#8220;Select picture&#8221; to the picture. Set the value of &#8220;Float&#8221; to either &#8220;Left&#8221;, &#8220;Center&#8221; or &#8220;Right&#8221;. Click &#8220;Insert&#8221;.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/03/06/wordpress-pictures-and-galleries/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/03/06/wordpress-pictures-and-galleries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making movies with Sony Handycam DCR-SX30, Ubuntu Linux and Kino</title>
		<link>http://www.opentech.dk/2010/02/17/sony-handycam-dcr-sx30-ubuntu-linux-and-kino/</link>
		<comments>http://www.opentech.dk/2010/02/17/sony-handycam-dcr-sx30-ubuntu-linux-and-kino/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 05:42:36 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Application Management]]></category>
		<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>
		<category><![CDATA[System Management]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=430</guid>
		<description><![CDATA[The Sony Handycam DCR-SX30 is a digital video recorder (DVR), that stores video clips in the MPEG program stream (PS, MPEG-PS) container format, that multiplexes one digital video channel and two digital audio channels. The video channel is MPEG-2 at a 16:9 wide screen frame resolution (dimension) of 720 x 576 pixels at a rate [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="DVR" src="/binaries/dvr.jpg" alt="" width="250" height="153" />The <a href="http://www.sony.lv/product/sdh-standard-definition-on-memory-stick/dcr-sx30e/">Sony Handycam DCR-SX30</a> is a digital video recorder (DVR), that stores video clips in the <a href="http://en.wikipedia.org/wiki/MPEG_program_stream/">MPEG program stream (PS, MPEG-PS)</a> container format, that multiplexes one digital video channel and two digital audio channels. The video channel is <a href="http://en.wikipedia.org/wiki/MPEG-2/">MPEG-2</a> at a 16:9 wide screen frame resolution (dimension) of 720 x 576 pixels at a rate of 25 frames per second (fps). The digital audio channels is Dolby Digital (AC-3) at a sample rate of 48 kHz and 256 kbps. The DVR can record in three different qualities. These are named HQ, SP and LP. However, these all use the same aspect, resolution, frame rates and so on.</p>
<p>PS is used on stable media, such as a memory stick or a digital video disc (DVD). The related MPEG transport stream (TS, MPEG-TS) is used in unstable media, such as transmitting over the internet.</p>
<p>In this example, we will go through the proces of making movies from the video clips.</p>
<p>We turn the DVR on and attach the USB cable to the DVR and the computer. On the DVR, we select access to internal or external memory (memory stick) as necessary. The operating system <a href="http://www.ubuntu.com/">Ubuntu</a> presents the MPEG-PS video clips, which we transfer to a local directory. It is not recommended to edit video clips, that is stored on a network file system. This might result in problems &#8211; and the operating system behind the network file system might even backup the huge amounts of temporary files.</p>
<p>In our example, the video editing program <a href="http://www.kinodv.org/">Kino</a> is not installed yet. We install it from Applications and Ubuntu Software Center.</p>
<p>We are now ready to edit our video clips from the DVR. However, we do not run Kino from Applications, Sound &amp; Video and Kino. Instead, we right click the first MPEG-PS video clip and open it with Kino.</p>
<p>This is important because Kino reads aspect settings from the first frame. If no frame is available at run time, then it defaults to wrong aspect settings, that will result in black borders and wrong aspect settings. This is a bug, that has never been fixed. Also, we go to Edit, Preferences and look under Default. We confirm, that the aspect ratio is correct. If not, we change correct it and close Kino. This setting is only read on start. This seems to be another bug.</p>
<p>Kino offers to import and convert our video clip into raw <a href="http://en.wikipedia.org/wiki/DV/">digital video (DV, DV-DIF)</a> format, which is used in video editing. The resolution and the frame rate of the video channel remains the same. The sample rate of the audio channels remains the same. We drag the MPEG-PS video clips into Kino.</p>
<p>We are now ready to edit the video clips. We go to Edit. The purpose of this step is to end up with a series of scenes. Use the drag, cut, copy, paste, split, join and timeline tools. Keep it as simple and as short as possible. Save the project at this point.</p>
<p>We can now add special effects as necessary. This is done in FX. There are two types of effects. One is scene effects. One is transition effects. The scene effects are applied (rendered) on one scene at a time. If transitions effects is needed, such as cross fading, then render these.</p>
<p>If titles are needed, then prepare a scene of reading time length and render these. We can recommend the following themes.</p>
<p><code><strong>Theme  Font               Opa  Colour  O  Opa  Colour  Align   Fa</strong><br />
Pinky  Market Regular 56  200  F52AF5  1  202  451342  Center  25</code></p>
<p>If audio dubbing or mixing is needed, such as adding background music, then render these. If other video or audio filters are needed, then render these.</p>
<p>Kino is now ready to export the final movie. Save.</p>
<p>Now, we are almost done. We will now want to export our series of scenes into the final movie. This is done in Export. We select every 1 frame of all.</p>
<p>There are different movie formats available. You should choose the movie format, that suits your purpose. If your final movie is to be uploaded to YouTube or Facebook, you might want to choose Flash. This format is also a good choice for MPEG1 video clips with bad frame rates and aspect settings.</p>
<p>In our example, we choose the MPEG1 format. We open the MPEG tab. Set File to the filename of the final movie.</p>
<p>An example of a valid filename is &#8220;mpeg1&#8243; or &#8220;flash-broadband&#8221;. Do not include a complex path, the home hyphen or a file type suffix in order to avoid weird errors, such as &#8220;Error writing to KINO/MJPEG audio &#8211; aborting&#8221;.</p>
<p>We set the File Format to Generic MPEG1. This format can be viewed by most users and does not require the <a href="http://www.opentech.dk/2009/11/16/preparing-windows-users-for-xvid-encoded-movie-clips/">DivX</a> software. We click Export and Kino now writes the audio track (MP2), write the video track (MPV) and join (multiplex) them (MPG or MPEG). The multiplexer is <a href="http://mjpeg.sourceforge.net">MJPEG</a>. The final movie is stored in the user home.</p>
<p>The following are other acceptable test results of a scene with a duration of 6,5 sec.</p>
<p><code>Encoding                    Time   MB  Pixels  fps   kHz kbps<br />
Generic MPEG1               0:54  1,1  720x576  25  48,0  224<br />
Generic MPEG2               0:29  2,6  720x576  25  48,0  224<br />
Flash / Broadband           1:52  0,7  384x288  25  44,1   NA<br />
DivX Single / Broadband     0:56  0,5  512x288  25  32,0   64<br />
DivX Single / Medium        0:54  0,5  512x288  25  44,1  128<br />
DivX Single / Best          1:20  4,3  720x576  25  48,0  192</code></p>
<p>We copy files as necessary and delete the temporary files.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/02/17/sony-handycam-dcr-sx30-ubuntu-linux-and-kino/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/02/17/sony-handycam-dcr-sx30-ubuntu-linux-and-kino/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Automatic graphical representation of structural information</title>
		<link>http://www.opentech.dk/2010/02/10/automatic-graphical-representation-of-structural-information/</link>
		<comments>http://www.opentech.dk/2010/02/10/automatic-graphical-representation-of-structural-information/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 22:31:07 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>
		<category><![CDATA[System Management]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=546</guid>
		<description><![CDATA[Presenting structural information as graphics can be a tidious task for human, but, a perfect job for a computer.
In this example, we will install Graphviz on the Ubuntu operating system, which is an open source utility, that can read structural information from text format in the standard dot language and present it in graphics, such [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Graphviz" src="/binaries/abcde.png" alt="" width="179" height="251" />Presenting structural information as graphics can be a tidious task for human, but, a perfect job for a computer.</p>
<p>In this example, we will install <a href="http://www.graphviz.org/">Graphviz</a> on the <a href="http://www.ubuntu.com">Ubuntu</a> operating system, which is an open source utility, that can read structural information from text format in the standard <a href="http://en.wikipedia.org/wiki/DOT_language">dot language</a> and present it in graphics, such as a flowchart, proces or network diagram. It can read from the command line or from a script. It can write to a graphics format, such as PNG, JPG or PDF.</p>
<p>Graphviz is bundled with a number of filters, that draws the structural information in different ways.</p>
<ul>
<li>dot is a filter for drawing directed graphs.</li>
<li>neato is a filter for drawing undirected graphs.</li>
<li>twopi is a filter for drawing radial layouts of graphs.</li>
<li>circo is a filter for drawing circular layout of graphs.</li>
<li>fdp is a filter for drawing undirected graphs.</li>
</ul>
<p>Graphviz is available in the package system of Ubuntu.</p>
<p><code>sudo apt-get install graphviz</code></p>
<p>That&#8217;s it! We can now draw directly from the command line or in a text file.</p>
<p><code>echo "digraph G {A-&gt;B-&gt;C;A-&gt;D-&gt;E}" | dot -Tpng &gt; abcde.png</code></p>
<p><code>nano -w abcde.dot</code></p>
<p><code>digraph G<br />
{<br />
A-&gt;B-&gt;C<br />
A-&gt;D-&gt;E<br />
}</code></p>
<p><code>dot -Tpng -o abcde.png abcde.dot</code></p>
<div id="pfButton"><a href="http://www.opentech.dk/2010/02/10/automatic-graphical-representation-of-structural-information/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2010/02/10/automatic-graphical-representation-of-structural-information/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating and adding a favorites icon (favicon.ico) to a website</title>
		<link>http://www.opentech.dk/2009/12/23/creating-and-adding-a-favorites-icon-favicon-ico-to-a-website/</link>
		<comments>http://www.opentech.dk/2009/12/23/creating-and-adding-a-favorites-icon-favicon-ico-to-a-website/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 08:37:01 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>
		<category><![CDATA[System Management]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=425</guid>
		<description><![CDATA[Favorites icons (favicon.ico) are small icons or thumbnails, that are related to websites or website content, that are shown in the collection of favorites and in the address bar of the browser.
This is the procedure for creating a favorites icon and making a website load it.
We boot an Ubuntu computer and open The Gimp, which [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Icon" src="/binaries/favicon.png" alt="" width="128" height="64" />Favorites icons (favicon.ico) are small icons or thumbnails, that are related to websites or website content, that are shown in the collection of favorites and in the address bar of the browser.</p>
<p>This is the procedure for creating a favorites icon and making a website load it.</p>
<p>We boot an Ubuntu computer and open <a href="http://www.gimp.org">The Gimp</a>, which is a recommendable graphics editor, and create a new image with a size of 16 pixels x 16 pixels. We set the zoom level to 1600 percent and create the image. We can use all of the squares as the browsers will add a margin around the icon. When done, we save a copy of the image in the PNM format, which is the format, used by the image conversion utility, we will be using.</p>
<p>If not installed, we install the image conversion utility <a href="http://netpbm.sourceforge.net/">Netpbm</a>.</p>
<p>We use Netpbm to convert the image to the favorites icon format.</p>
<p><code>ppmtowinicon -output favicon.ico favicon.pnm</code></p>
<p>We transfer the favorites icon to a directory of the website, set permissions as necessary and make the website load it by inserting the following links in the header section, right below the title tag. Test, that the browser can view the icon by direct path.</p>
<p><code>&lt;link rel="shortcut icon" href="/wp-content/favicon.ico" type="image/x-icon" /&gt;<br />
&lt;link rel="icon" href="/wp-content/favicon.ico" type="image/x-icon" /&gt;</code></p>
<div id="pfButton"><a href="http://www.opentech.dk/2009/12/23/creating-and-adding-a-favorites-icon-favicon-ico-to-a-website/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2009/12/23/creating-and-adding-a-favorites-icon-favicon-ico-to-a-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Preparing Windows users for Xvid encoded movie clips</title>
		<link>http://www.opentech.dk/2009/11/16/preparing-windows-users-for-xvid-encoded-movie-clips/</link>
		<comments>http://www.opentech.dk/2009/11/16/preparing-windows-users-for-xvid-encoded-movie-clips/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 19:21:01 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Procedure]]></category>

		<guid isPermaLink="false">http://www.opentech.dk/?p=328</guid>
		<description><![CDATA[Xvid and DivX is a compressed high quality movie format, that is widely used on the internet in order to reduce file size. The word Xvid or DivX should appear in the filename to indicate this movie format.
Computers, that are based on the Windows operating system, might not be able to play Xvid or DivX [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://en.wikipedia.org/wiki/XviD">Xvid</a> and <a href="http://en.wikipedia.org/wiki/DivX"><img class="alignright" title="DivX" src="http://www.opentech.dk/binaries/divx.png" alt="" width="256" height="66" />DivX</a> is a compressed high quality movie format, that is widely used on the internet in order to reduce file size. The word Xvid or DivX should appear in the filename to indicate this movie format.</p>
<p>Computers, that are based on the Windows operating system, might not be able to play Xvid or DivX movie clips in the built-in movie player.</p>
<p>This procedure will make it possible for those computers to play Xvid and DivX movie clips in the default movie player.</p>
<p>Install the <a href="http://divx.com/downloads/divx">free DivX Codec software for Windows</a>. You only need the DivX Codec component, thus you can disable other components, other related software and registration details.</p>
<p>That&#8217;s it.</p>
<div id="pfButton"><a href="http://www.opentech.dk/2009/11/16/preparing-windows-users-for-xvid-encoded-movie-clips/?pfstyle=wp" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.opentech.dk/2009/11/16/preparing-windows-users-for-xvid-encoded-movie-clips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
