<?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>Fiona Angelina &#187; Fiona</title>
	<atom:link href="http://fionaangelina.com/author/fiona/feed/" rel="self" type="application/rss+xml" />
	<link>http://fionaangelina.com</link>
	<description>just a so-so blog from a pleasure-seeking person</description>
	<lastBuildDate>Wed, 08 Feb 2012 14:04:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Setting Up Android Development Environment</title>
		<link>http://fionaangelina.com/2012/01/23/setting-up-android-development-environment/</link>
		<comments>http://fionaangelina.com/2012/01/23/setting-up-android-development-environment/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 15:23:25 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Mobile Application Development]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[eclipse]]></category>
		<category><![CDATA[mobile app]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=479</guid>
		<description><![CDATA[So you are interested in developing mobile application for Android, but do not know how to set up the environment? One of the easiest way is to use Eclipse, an open-source IDE. Accompanied with Android Plugin for Eclipse, worry less about the messy details and you could start programming your first mobile application in Android [...]]]></description>
			<content:encoded><![CDATA[<p>So you are interested in developing mobile application for Android, but do not know how to set up the environment? One of the easiest way is to use <strong>Eclipse</strong>, an open-source IDE. Accompanied with <strong>Android Plugin for Eclipse</strong>, worry less about the messy details and you could start programming your first mobile application in Android right away.</p>
<p><em><strong>Notes:</strong> In this post, I assumed you have had previous experience programming with Java, therefore you have installed <a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html" title="Download JDK from Sun">JDK (Java Development Kit)</a> in your desktop/laptop.</em><span id="more-479"></span></p>
<p>Here are the things you need to download:</p>
<ol>
<li><strong>Eclipse IDE</strong>. Download: <a href="http://www.eclipse.org/downloads/" title="Download Eclipse">http://www.eclipse.org/downloads/</a>. I recommend downloading <strong>Eclipse Classic Indigo (3.6)</strong> or <strong>Eclipse Classic Galileo (3.5)</strong>. From my own experience (I&#8217;m using a Mac), Indigo always works fine. Galileo has a little bit problem in which I need to close and re-open my Eclipse to run the application again.</li>
<li><strong>Android SDK</strong>. Download: <a href="http://developer.android.com/sdk/index.html" title="Download Android SDK">http://developer.android.com/sdk/index.html</a>. Choose the one that suits your machine.</li>
</ol>
<p>Here are the steps:</p>
<ol>
<li>Install the Eclipse Classic you have downloaded before.</li>
<li>Unzip the Android SDK. Place the unzipped folder to any place you like. In my example, I put it inside the Eclipse folder.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at125916AM.png"></p>
</li>
<li>Open your Eclipse. Choose &#8220;Help > Install New Software&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at10201AM.png"></p>
</li>
<li>Click &#8220;Add&#8221;. In the &#8220;Location:&#8221; textfield, type: &#8220;https://dl-ssl.google.com/android/eclipse/&#8221; and give the name anything you like, for example &#8220;Android Plugin&#8221;. Click &#8220;OK&#8221; and wait.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at71509PM.png"></p>
</li>
<li>Tick the &#8220;Developer Tools&#8221;. Ensure all software under Developer Tools were ticked as well. Click &#8220;Next&#8221;.
<p align="center"><img width="90%" src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at71536PM.png"></p>
<p>If you are asked about the license agreement, choose &#8220;I accept&#8221;. Click &#8220;Finish&#8221;. Once everything have been installed, restart your Eclipse.</p>
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at71557PM.png" width="90%"><br />
<img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at71733PM.png"></p>
</li>
<li>Eclipse will ask your Android SDK location. Choose &#8220;Use existing SDKs&#8221; and set the location where you copy paste your Android SDK folder. In my example, it is inside my Eclipse folder. Click &#8220;Next&#8221;. A warning will appear, just click &#8220;OK&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at72006PM.png" width="90%"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at72039PM.png"></p>
</li>
<li>In your Eclipse, choose &#8220;Window > Android SDK Manager&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at11106AM.png"></p>
<p>Choose the platform you want to develop on. For example, I&#8217;m choosing &#8220;Android 2.2&#8243;. Click &#8220;Install 6 Packages&#8221;.</p>
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at72145PM.png" width="90%"></p>
<p>Then, choose &#8220;Accept all&#8221; to save your time and click &#8220;Install&#8221;. Wait until finished.</p>
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at72227PM.png" width="90%"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at71644PM.png"></p>
</li>
<li>The last step, you have to create the AVD (Android Virtual Device). In your Eclipse, choose &#8220;Window > Android AVD Manager&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at11110AM.png"></p>
<p>Click &#8220;New&#8221;. Give your AVD a name, for example: &#8220;AVD 2.2&#8243;. Select the target. Because I am developing for Android 2.2, I choose the target: &#8220;Android 2.2 &#8211; API Level 8&#8243;. Click &#8220;Create AVD&#8221;.</p>
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/Screenshot2012-01-23at74845PM.png"></p>
</li>
</ol>
<p>Your Android environment is ready now. To test it, we can create a simple HelloWorld Android application.</p>
<ol>
<li>Click &#8220;File > New > Android Project&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at11659AM.png"></p>
<p>Give the project name anything you like, for example &#8220;HelloWorldApp&#8221;. Click &#8220;Next&#8221;.</p>
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at11824AM.png" width="90%"></p>
</li>
<li>Select the build target. In our example, it would be &#8220;Android 2.2&#8243;. Click &#8220;Next&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at11831AM.png" width="90%"></p>
</li>
<li>Give name to the package, for example &#8220;com.fionaangelina.helloworldapp&#8221;. Click &#8220;Finish&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at11925AM.png" width="90%"></p>
</li>
<li>Run your project. If successful, AVD will be launched and the message &#8220;Hello World, HelloWorldActivity&#8221; will be shown&#8221;.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/setting-up-android/ScreenShot2012-01-23at12147AM.png" width="90%"></p>
</li>
</ol>
<p>Have fun developing Android application! <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2012/01/23/setting-up-android-development-environment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2011 In Brief and 2012 Resolution</title>
		<link>http://fionaangelina.com/2012/01/18/2011-in-brief-and-2012-resolution/</link>
		<comments>http://fionaangelina.com/2012/01/18/2011-in-brief-and-2012-resolution/#comments</comments>
		<pubDate>Wed, 18 Jan 2012 10:35:02 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=472</guid>
		<description><![CDATA[It&#8217;s actually have been pretty late to create 2012 resolution now. But suddenly after reading my old post, I just want to post some stuff to sum up what I have done in 2011 and my resolution for 2012. 2011 has been a really busy year for me. So, here we go&#8230; Semester 4 (February [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s actually have been pretty late to create 2012 resolution now. But suddenly after reading my <a href="http://fionaangelina.com/2011/01/19/i-miss-some-australian-open-2011/">old post</a>, I just want to post some stuff to sum up what I have done in 2011 and my resolution for 2012. 2011 has been a really busy year for me.</p>
<p><strong>So, here we go&#8230;</strong><span id="more-472"></span></p>
<p>Semester 4 (February 2011-July 2011) was probably my most hectic semester as a Computer Science student. Everyday, I spent most of my days sitting in front of my Toshiba laptop doing homeworks and projects. Even though I had started doing those homeworks and projects days before, still it wasn&#8217;t finished until the D&#8217;Day. I had to ensure all bugs (read: cover it up) didn&#8217;t show up during the final project presentation <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_lol.gif' alt=':lol:' class='wp-smiley' /> </p>
<p>I was accustomed to bullshitting during presentation. It was a really important skills!</p>
<p>I got my first client as a freelancer in 2011! And never want to involve in any projects again because of events in late 2011.</p>
<p>I said goodbye to my Toshiba laptop. It flickered so much that I couldn&#8217;t stand it anymore. I bought a brand new MacAir 13&#8243; 128GB in late November 2011. Why MacAir, not MacPro? The reason is because I&#8217;m going to Australia in 2012 and I won&#8217;t drive (using public transportation and walking), therefore I might need lighter laptop so I could bring it to any place I want without worrying about how heavy it is. Result: I see other <em>standard</em> laptops are very thick and heavy.</p>
<p>I got my first straight As in 4th semester. In two of the courses during that semester, I got 90.5 and 90.6 so it was a very lucky of me.</p>
<p>I got an iPhone two months earlier because of my dad and my little sister. My plan was to buy it in Aussie. But well, it had been bought, so I&#8217;ll just be happy about it. iPhone 4S sucks though. Occasionally losing signal and couldn&#8217;t read my SIM card.</p>
<p>Finally I was forced to learn PHP and CSS in depth. Got my first touch of framework (both Java Web and PHP framework). Haven&#8217;t really mastered them. This was the year I got to know JQuery as well. And I favored it over Flash.</p>
<p>I developed a mobile application for J2ME and Android. Really curious about good Web-based mobile service architecture.</p>
<p>Bought two new lenses: Tamron 17-50mm f/2.8 non-VC (my favorite lens now!) and Canon EF-S 10-22mm f/3.5-4.5 USM.</p>
<p>Not really into tennis now, but had been a fan of Barcelona FC!</p>
<p>Found a lot of good movies in cinema (2010 let me down): Real Steel, MI4, Sherlock Holmes 2, Rise of the Planet of the Apes, and The Adventures of Tintin. Found lovely serial: Sherlock (British TV series).</p>
<p>Went to my first music concert live: Java Soulnation 2011 thanks to my lil sister (I usually felt so lazy to go to such kind of concert). Fell in love with electro pop music genre, thanks to LMFAO and David Guetta.</p>
<p>Stop joining orchestra (it has been great years playing flute with you, Twilite Youth Orchestra) and stop playing flute in late December 2011. Maybe I&#8217;ll pick it up again later next year. I won&#8217;t bring my flute to Australia (or will I?) Don&#8217;t know yet.</p>
<p><strong>So, 2012 resolution?</strong></p>
<p>I survive the so-called doomsday <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_lol.gif' alt=':lol:' class='wp-smiley' />  Explore things related to Data Mining, created my first iPhone App, hope to get my iPhone 4S fixed, decide whether I want to do thesis (and hope it is not a bad decision), travel around Australia, and finally enjoy my 1-year stay in Australia <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2012/01/18/2011-in-brief-and-2012-resolution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Instagram </title>
		<link>http://fionaangelina.com/2011/12/20/instagram/</link>
		<comments>http://fionaangelina.com/2011/12/20/instagram/#comments</comments>
		<pubDate>Tue, 20 Dec 2011 12:17:09 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[photo editing]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/2011/12/20/instagram/</guid>
		<description><![CDATA[Been in love with Instagram filters since I saw one of my friends posted Instagram-filtered photos in his Facebook. Getting my own iPhone meaning now I can play with Instagram :9 Here are some of my shots processed with Instagram Majinboo look-a-like Gingerbread (by coincidence) given from Marcella to me. Thanks, citi iPhone&#8217;s dof is [...]]]></description>
			<content:encoded><![CDATA[<p>Been in love with Instagram filters since I saw one of my friends posted Instagram-filtered photos in his Facebook. Getting my own iPhone meaning now I can play with Instagram :9</p>
<p>Here are some of my shots processed with Instagram <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p align="center">
<a href="http://fionaangelina.com/wp-content/uploads/2011/12/20111220-191841.jpg"><img src="http://fionaangelina.com/wp-content/uploads/2011/12/20111220-191841.jpg" alt="20111220-191841.jpg" class="alignnone size-full" /></a><br />
<em>Majinboo look-a-like Gingerbread (by coincidence) given from Marcella to me. Thanks, citi <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </em>
</p>
<p align="center">
<a href="http://fionaangelina.com/wp-content/uploads/2011/12/20111220-191848.jpg"><img src="http://fionaangelina.com/wp-content/uploads/2011/12/20111220-191848.jpg" alt="20111220-191848.jpg" class="alignnone size-full" /></a><br />
<em>iPhone&#8217;s dof is pretty nice!</em>
</p>
<p align="center">
<a href="http://fionaangelina.com/wp-content/uploads/2011/12/20111220-191900.jpg"><img src="http://fionaangelina.com/wp-content/uploads/2011/12/20111220-191900.jpg" alt="20111220-191900.jpg" class="alignnone size-full" /></a><br />
<em>Shot using Canon EOS 40D, processed with Photoshop CS3 and Instagram</em></p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/12/20/instagram/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My First Mobile Application Development</title>
		<link>http://fionaangelina.com/2011/10/08/my-first-mobile-application-development/</link>
		<comments>http://fionaangelina.com/2011/10/08/my-first-mobile-application-development/#comments</comments>
		<pubDate>Sat, 08 Oct 2011 14:50:19 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Mobile Application Development]]></category>
		<category><![CDATA[j2me]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[mobile app]]></category>
		<category><![CDATA[symbian]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=434</guid>
		<description><![CDATA[This semester I am enrolling in a course named &#8220;Wireless Mobile Software Engineering&#8221;. In this course, I will learn how to develop mobile application for Symbian (J2ME) and Android mobile phones. In the first half of the semester, I&#8217;ll learn J2ME first. I&#8217;m not really excited in learning J2ME though, since it is an outdated [...]]]></description>
			<content:encoded><![CDATA[<p>This semester I am enrolling in a course named &#8220;Wireless Mobile Software Engineering&#8221;. In this course, I will learn how to develop mobile application for Symbian (J2ME) and Android mobile phones.  In the first half of the semester, I&#8217;ll learn J2ME first. I&#8217;m not really excited in learning J2ME though, since it is an outdated technology in my opinion. I find a lot more interest in developing application for BlackBerry, Android, and iOS the most! (I haven&#8217;t bought a Mac, as a note). I, with my three teammates, have planned to develop a mobile application for the final project (but no spoiler for now hehe). If it has been finished, I&#8217;ll be sure to post the screenshots <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' /> </p>
<p align="center">
<img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/Screenshot2011-10-08at94552PM.png"><br />
<em>And here is my first mobile application development: &#8220;Yellow World&#8221; <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </em></p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/10/08/my-first-mobile-application-development/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>My First Attempt in Modifying a Template</title>
		<link>http://fionaangelina.com/2011/09/01/my-first-attempt-in-modifying-a-template/</link>
		<comments>http://fionaangelina.com/2011/09/01/my-first-attempt-in-modifying-a-template/#comments</comments>
		<pubDate>Thu, 01 Sep 2011 12:54:05 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[blogger]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=429</guid>
		<description><![CDATA[Looking back at my first ever blog, I see the result of my first attempt in modifying a Blogger template. Really proud of myself back then (though I think the design is ugly now). I know nothing about CSS yet I can produce such kind of thing with motivation Miss the old days~]]></description>
			<content:encoded><![CDATA[<p align="center">
<img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/fionaangelina_1314881152696.png" width="100%">
</p>
<p>Looking back at my first ever blog, I see the result of my first attempt in modifying a Blogger template. Really proud of myself back then (though I think the design is ugly now). I know nothing about CSS yet I can produce such kind of thing with motivation <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  Miss the old days~</p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/09/01/my-first-attempt-in-modifying-a-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Online Streaming Using Sopcast on Mac OS X</title>
		<link>http://fionaangelina.com/2011/08/13/online-streaming-using-sopcast-on-mac-os-x/</link>
		<comments>http://fionaangelina.com/2011/08/13/online-streaming-using-sopcast-on-mac-os-x/#comments</comments>
		<pubDate>Sat, 13 Aug 2011 15:25:52 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[sopcast]]></category>
		<category><![CDATA[sports]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=400</guid>
		<description><![CDATA[Finally, I can stream in peace on my iMac. Streaming wasn&#8217;t a problem for me until my Windows laptop flickered so much and I decided to move to the only available desktop in my home: an iMac. I usually stream live sports using a software called SopCast, combined with resources from http://www.wiziwig.tv/. It is so [...]]]></description>
			<content:encoded><![CDATA[<p>Finally, I can stream in peace on my iMac. Streaming wasn&#8217;t a problem for me until my Windows laptop flickered so much and I decided to move to the only available desktop in my home: an iMac.</p>
<p>I usually stream live sports using a software called SopCast, combined with resources from <a href="http://www.wiziwig.tv/">http://www.wiziwig.tv/</a>. It is so far the best way I can find to stream sports online. The problem is: Sopcast is not available for Mac. Well, I find some solution but couldn&#8217;t make it work. Until today! And now I want to spread the workarounds (it&#8217;s free btw) <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>What do you need?</p>
<ol>
<li>A Mac machine, of course</li>
<li>Winebottler. Download: <a href="http://winebottler.kronenberg.org/">http://winebottler.kronenberg.org/</a></li>
<li>X11. From my research, you can get X11 from your disc. If you are using Snow Leopard, you don&#8217;t need to install X11 since it is pre-installed.</li>
<li>Mozilla Firefox for Windows. Download: <a href="http://www.mozilla.com/en-US/firefox/new/">http://www.mozilla.com/en-US/firefox/new/</a></li>
<li>Sopcast. Download: <a href="http://www.sopcast.com/download/">http://www.sopcast.com/download/</a></li>
<li>VLC Media Player for Windows. Download: <a href="http://vlc-media-player.en.softonic.com/">http://vlc-media-player.en.softonic.com/</a></li>
</ol>
<p><span id="more-400"></span></p>
<p>Steps:</p>
<ol>
<li>First, you need to install WineBottler in your Mac. Simply drag the WineBottler icon to your Application folder
<p><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/Screenshot2011-08-13at74004PM.png" alt="" width="100%" /></li>
<li>Install Mozilla Firefox using WineBottler. Do not install it as a stand alone application. Choose &#8220;Run directly in &#8230;&#8221; and click &#8220;Go&#8221;. Run the installer just like a normal Windows installer.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/Screenshot2011-08-13at74255PM.png" alt="" width="100%" /></p>
</li>
<li>Similar to step #2, install Sopcast and VLC Media Player using WineBottler.</li>
<li>Now configure your Sopcast. Click &#8220;Options&#8221;. Change the external player to &#8220;Use your own external player&#8221;, and find VLC.exe in your <em>fake</em>C drive.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/Screenshot2011-08-13at74556PM.png" alt="" /></p>
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/Screenshot2011-08-13at92229PM.png" alt="" width="100%" /></p>
</li>
</ol>
<p>DONE! Now, you can <em>test-drive</em> your Sopcast. Here is steps how to watch live sports using Wiziwig.tv:</p>
<ol>
<li>Use your Windows Firefox to open <a href="http://www.wiziwig.tv/">http://www.wiziwig.tv/</a> website.</li>
<li>Find match you want to stream.</li>
<li>Check the station. If the software name is &#8220;Sopcast&#8221;, click the &#8220;play&#8221; link.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/Screenshot2011-08-13at94227PM.png" alt="" /></p>
</li>
<li>Your Sopcast application will run, but with a black screen. Click the left most icon to play in external player.</li>
<li>VLC will run, but stops after few seconds. To solve this, you have to ensure that your stream is being looped by simply toggle the &#8220;Loop All&#8221; button.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/Screenshot2011-08-13at94424PM.png" alt="" /></p>
</li>
</ol>
<p><strong>Other workaround</strong><br />
This workaround might work for those who can&#8217;t make the VLC in Windows opens after clicking the Sopcast link. You need to have VLC for Mac installed in your Mac OS X.</p>
<ol>
<li>After clicking the Sopcast link, open your VLC for Mac. Do not close Sopcast that is running in your Wine.</li>
<li>Open File &gt; Open Network. In the URL textfield, type: http://localhost:8902/tv.asf or http://127.0.0.1:8902/. Click Open. The stream should be started.
<p align="center"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/ScreenShot2012-02-05at55307PM.png" alt="" width="100%" /></p>
</li>
</ol>
<p>Happy streaming. Hope it helps Mac users who haven&#8217;t found a workaround for online streaming <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/08/13/online-streaming-using-sopcast-on-mac-os-x/feed/</wfw:commentRss>
		<slash:comments>70</slash:comments>
		</item>
		<item>
		<title>New Workspace</title>
		<link>http://fionaangelina.com/2011/08/04/new-workspace/</link>
		<comments>http://fionaangelina.com/2011/08/04/new-workspace/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 05:24:09 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[personal]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=393</guid>
		<description><![CDATA[I can&#8217;t hold my flickering laptop anymore. The flicker has gone so bad, black screen most of the time. I will fix my laptop soon. If it costs so much, maybe I&#8217;m going to buy a new laptop in less than 1 month (my plan is to buy new laptop in January, since I am [...]]]></description>
			<content:encoded><![CDATA[<p>I can&#8217;t hold my flickering laptop anymore. The flicker has gone so bad, black screen most of the time. I will fix my laptop soon. If it costs so much, maybe I&#8217;m going to buy a new laptop in less than 1 month (my plan is to buy new laptop in January, since I am going to Australia to continue my study).</p>
<p>And now, I am working in a new workspace, my brother&#8217;s iMac. I actually prefer my sister&#8217;s MacPro, but these days she often uses her MacPro and brings it to school. I actually don&#8217;t really like working in iMac. Its screen is just too big. Then the rest is Mac&#8217;s <em>uncomfortableness</em>: MacMessenger is not as comfortable as Windows Live Messenger, and I have to minimize my window to actually get notifications if something occurs (like during chatting).</p>
<p>But I think I&#8217;ll get used to it in no time. I think I can hold working in iMac, rather than having to deal with my laptop&#8217;s flickering screen.</p>
<p><strong>Updated &#8211; 1 September 2011:</strong><br />
It turns out the new version of MacMessenger is fine. Though there is one feature I miss from the Windows Live Messenger: when one person writes a lot of lines, his/her name will only be displayed once. The notification appears although I didn&#8217;t minimize the screen. I&#8217;m getting used to iMac&#8217;s big screen as well. It&#8217;s been 1 month and I enjoy working in this new workspace <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/08/04/new-workspace/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Integrating PHP and NetBeans, CodeIgniter Next</title>
		<link>http://fionaangelina.com/2011/07/25/integrating-php-netbeans-codeigniter-next/</link>
		<comments>http://fionaangelina.com/2011/07/25/integrating-php-netbeans-codeigniter-next/#comments</comments>
		<pubDate>Mon, 25 Jul 2011 05:58:31 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[codeigniter]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[netbeans]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=383</guid>
		<description><![CDATA[Until today, I was developing PHP with the help of Notepad++ only. Notepad++ is very lightweight, one of the reasons why I prefer it to NetBeans. But the job of uploading becomes irritating. I have to use FileZilla, and choose which file(s) I need to replace in my web hosting. With NetBeans, every time I [...]]]></description>
			<content:encoded><![CDATA[<p>Until today, I was developing PHP with the help of Notepad++ only. Notepad++ is very lightweight, one of the reasons why I prefer it to NetBeans. But the job of uploading becomes irritating. I have to use FileZilla, and choose which file(s) I need to replace in my web hosting.<span id="more-383"></span></p>
<p>With NetBeans, every time I save (or run, or manually, depends on your setting) my PHP file(s), it will be synchronized with the one in my web hosting. So I do not need to upload it manually one by one. NetBeans will take care all of the stuff.</p>
<p>The only question left is what will happen if me and my friend import a project from same existing remote server. Maybe I&#8217;m going to try it one day <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p>NetBeans provides three types of PHP project:</p>
<ol>
<li>New project from scratch</li>
<li>Project from existing sources</li>
<li>Project from remote server (from your web hosting)</li>
</ol>
<p>With option #2 and #3, it really encourages me to convert to NetBeans right away. One of my projects have been successfully ported to NetBeans project from a web hosting.</p>
<p>My next project is website for BITMAP. Since NetBeans seems cool to work with, I&#8217;m going to port my existing source code into NetBeans project. Moreover, in this project, I am using a framework for the first time (for a real project). The framework I use is CodeIgniter. Hopefully the process of integrating CodeIgniter and NetBeans won&#8217;t be hard.</p>
<p>Why CodeIgniter?</p>
<p>Simply because I only know two PHP frameworks at that time: Yii and CodeIgniter. Initially, I put more interest because Yii seems cuter (the name, and the website itself). But because I don&#8217;t understand how to install Yii, I opted for CodeIgniter.</p>
<p>So far, learning how to use CodeIgniter has been fun. I couldn&#8217;t wait until I taste its rich library too. It must be damn cool. For now, I have just been able to create an index page, and remove the annoying index.php.</p>
<p align="center">
<a href="http://i213.photobucket.com/albums/cc258/fiona_angelina/bitmap-mockup-1.png"><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/bitmap-mockup-1.png" width="100%"></a><br />
<em>As usual I didn&#8217;t create the design<br />(Click the image for larger resolution)</em></p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/07/25/integrating-php-netbeans-codeigniter-next/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Project: Digital Artvolution 2011</title>
		<link>http://fionaangelina.com/2011/07/23/project-digital-artvolution-2011/</link>
		<comments>http://fionaangelina.com/2011/07/23/project-digital-artvolution-2011/#comments</comments>
		<pubDate>Sat, 23 Jul 2011 16:10:05 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=372</guid>
		<description><![CDATA[It&#8217;s been a long time since I posted something. Currently I&#8217;m in relax mode. Enrolling in two courses (total: 8 hours/week), I have a lot of time to play and do other things. Since I&#8217;m not in a whining mode, this post will be about my latest completed project, website for Digital Artvolution 2011. Little [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been a long time since I posted something. Currently I&#8217;m in <em>relax</em> mode. Enrolling in two courses (total: 8 hours/week), I have a lot of time to play and do other things. Since I&#8217;m not in a whining mode, this post will be about my latest completed project, website for <a href="http://www.digitalartvolution.com">Digital Artvolution 2011</a>.</p>
<p>Little about Digital Artvolution 2011&#8230;</p>
<blockquote><p>&#8220;Digital Artvolution&#8221; derive from the words “Art” and “Evolution” in which, there will be various exhibitions from the classes in BINUS INTERNATIONAL Art &#038; Design major about how art has evolve to what we see today such as typography, computer graphics, packaging, illustration, photography and many more. Various big art industry will come and participate on this year&#8217;s artvolution event. So come and learn about what art and design has become. &#8211; <a href="http://digitalartvolution.com">http://digitalartvolution.com</a></p></blockquote>
<p><span id="more-372"></span></p>
<p>I was appointed as the Head of IT Division of this event. Therefore, my job is to create a fully functional website with these features:</p>
<ul>
<li>Converting the design from image to CSS code</li>
<li>Contact form</li>
<li>Participant login system</li>
<li>Online registration</li>
<li>Image uploading system</li>
<li>Other minor stuff
</ul>
<p>And&#8230; Here is the project. I&#8217;ve taken several screenshot from the website.</p>
<p><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/index.png" width="100%"></p>
<p><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/artvol2011.png" width="100%"></p>
<p><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/login.png" width="100%"></p>
<p><img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/upload.png" width="100%"></p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/07/23/project-digital-artvolution-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Latest Work: Digital Artvolution</title>
		<link>http://fionaangelina.com/2011/05/17/latest-work-digital-artvolution/</link>
		<comments>http://fionaangelina.com/2011/05/17/latest-work-digital-artvolution/#comments</comments>
		<pubDate>Tue, 17 May 2011 08:04:59 +0000</pubDate>
		<dc:creator>Fiona</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://fionaangelina.com/?p=336</guid>
		<description><![CDATA[Well, I become the IT Division of an event called Digital Artvolution. It will be held in BINUS INTERNATIONAL on October 2011 (I forgot the exact date). I&#8217;ve just finished developing the interface yesterday. It looks nice so far (no programming yet). Here are the mock up. Click the image to make it larger. Note: [...]]]></description>
			<content:encoded><![CDATA[<p>Well, I become the IT Division of an event called Digital Artvolution. It will be held in BINUS INTERNATIONAL on October 2011 (I forgot the exact date). I&#8217;ve just finished developing the interface yesterday. It looks nice so far (no programming yet). Here are the mock up. Click the image to make it larger.</p>
<p>Note: I do not design it, of course <img src='http://fionaangelina.com/wp-includes/images/smilies/icon_lol.gif' alt=':lol:' class='wp-smiley' /> </p>
<p align="center">
<img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/digital-artvol-mock-up-1.jpg" width="100%"/><br />
<em>Home</em></p>
<p align="center">
<img src="http://i213.photobucket.com/albums/cc258/fiona_angelina/digital-artvol-mock-up-2.jpg" width="100%"/><br />
<em>Standard page</em></p>
]]></content:encoded>
			<wfw:commentRss>http://fionaangelina.com/2011/05/17/latest-work-digital-artvolution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

