Author: Arnold Biffna

Google Maps API

  • Type in and search for cities, addresses, and land marks within Flash
  • Different views including satellite imagery
  • Reverse Geo-coding:  move the map and the address of where you are displays on the bottom
  • Added my own interactive layer “Drag Radius”

Launch Flash!see it
The task at hand was to build an “Area Selector” in Flash. You could go to an address, drag a highlight over the area, and then get the coordinates and size. Future plans were to hook into databases with coordinate information and extract other data for marketing purposes.
Currently it shows LAT/LONG/area/radius. Adding the area and radius was not easy. It has to account for the zoom level. So, a 1″ radius could be 1/10 sq Mile, or it could span half of the planet, depending on your zoom level. The other feature I added was Reverse Geo-coding. The center point reveals the address of the building underneath (if there is one). Dragging the map more triggers address lookups on each move.

The Google Maps API for AS3 is here: http://code.google.com/apis/maps/documentation/flash/

You have to sign up for an API key, but its well worth it.

Dynamic Slide Show

This XML based slideshow can be used as a web page widget to show linkable images on a page.

Launch Flash!see it

<?xml version="1.0" encoding="UTF-8" ?>

<slideshow  date="09/28/2007">
    <config>
        <transitiontime>2</transitiontime>
        <displaytime>5</displaytime>
    </config>
    
    <items>

        
        <item>
            <src><![CDATA[http://www.actionscriptdude.com/portfolio/content/photoviewer/california/Oxnard/oxnard2.jpg]]></src>
            <type>image</type>
            <link><![CDATA[http://www.actionscriptdude.com/portfolio/content/photoviewer/california/Oxnard/oxnard2.jpg]]></link>
            <text>
                <header><![CDATA[beach at Oxnard, CA]]></header>
                <description><![CDATA[Just an hour from Los Angeles is a relaxing, uncrowded beach I love to visit.]]></description>
            </text>
        </item>         
        
    
        <item>
            <src><![CDATA[http://www.actionscriptdude.com/portfolio/content/photoviewer/california/Mono%20Lake/tufaSunset.jpg]]></src>
            <type>image</type>
            <link><![CDATA[http://www.actionscriptdude.com/portfolio/content/photoviewer/california/Mono%20Lake/tufaSunset.jpg]]></link>
            <text>
                <header><![CDATA[Mono Lake]]></header>
                <description><![CDATA[At the East entrance to Yosemite is a magical lake. The Tufa rock formations were once underneath the water level as volcanic springs created these amazing structures.]]></description>
            </text>         

        </item>

Flickr API

Launch Flash!see it

Search for public images on Flickr using RSS feeds. In the video, the search for “red rose” was a request like this:

http://api.flickr.com/services/feeds/photos_public.gne?tags=red%20rose

with a response like this:

 
	Recent Uploads tagged redrose 
	 
	 
	tag:flickr.com,2005:/photos/public/tagged/all/redrose 
	http://l.yimg.com/g/images/buddyicon.gif 
	 
	2014-05-24T05:09:22Z 
	Flickr 
	 
		Rose & Too Many Bugs 
		 
		tag:flickr.com,2005:/photo/14253736692 
		2014-05-24T05:09:22Z 
		2014-05-24T05:09:22Z 
		2014-05-23T20:28:11-08:00 
		2014-05-23T20:28:11-08:00 
		  <p><a href="http://www.flickr.com/people/deepeephoto/">DeePee64</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/deepeephoto/14253736692/" title="Rose &amp; Too Many Bugs"><img src="http://farm6.staticflickr.com/5535/14253736692_2120e26890_m.jpg" width="240" height="181" alt="Rose &amp; Too Many Bugs" /></a></p> <p>Clearly need to get the spray gun out of the shed!! Nice to see the roses blooming again despite that chore. :)</p> 
		 
			DeePee64 
			http://www.flickr.com/people/deepeephoto/ 
			48870176@N04 
			http://farm9.staticflickr.com/8394/buddyicons/48870176@N04.jpg?1369478206#48870176@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Yet Might We Kiss 
		 
		tag:flickr.com,2005:/photo/14231285416 
		2014-05-23T23:10:09Z 
		2014-05-23T23:10:09Z 
		2014-05-17T16:18:19-08:00 
		2014-05-17T16:18:19-08:00 
		  <p><a href="http://www.flickr.com/people/29910712@N05/">russell.tomlin</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/29910712@N05/14231285416/" title="Yet Might We Kiss"><img src="http://farm6.staticflickr.com/5589/14231285416_cd8fa8e2d0_m.jpg" width="240" height="159" alt="Yet Might We Kiss" /></a></p> 
		 
			russell.tomlin 
			http://www.flickr.com/people/29910712@N05/ 
			29910712@N05 
			http://farm6.staticflickr.com/5467/buddyicons/29910712@N05.jpg?1369085993#29910712@N05 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Abandoned 
		 
		tag:flickr.com,2005:/photo/14067183039 
		2014-05-23T21:05:11Z 
		2014-05-23T21:05:11Z 
		2014-05-23T14:13:59-08:00 
		2014-05-23T14:13:59-08:00 
		  <p><a href="http://www.flickr.com/people/sharonriddickgroppi/">Sharon Riddick Groppi</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/sharonriddickgroppi/14067183039/" title="Abandoned"><img src="http://farm3.staticflickr.com/2920/14067183039_ebd60c8363_m.jpg" width="240" height="160" alt="Abandoned" /></a></p> <p><br /> <br /> <br />
			“And what if—-what are you if the people who are supposed to love you can leave you like you’re nothing?”<br /> <br />
			― Elizabeth Scott, The Unwritten Rule</p> 
		 
			Sharon Riddick Groppi 
			http://www.flickr.com/people/sharonriddickgroppi/ 
			95067321@N03 
			http://farm4.staticflickr.com/3737/buddyicons/95067321@N03.jpg?1392582216#95067321@N03 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		red roses. 
		 
		tag:flickr.com,2005:/photo/14249327332 
		2014-05-23T14:09:19Z 
		2014-05-23T14:09:19Z 
		2014-05-18T13:19:55-08:00 
		2014-05-18T13:19:55-08:00 
		  <p><a href="http://www.flickr.com/people/47093873@N08/">cate♪</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/47093873@N08/14249327332/" title="red roses."><img src="http://farm3.staticflickr.com/2910/14249327332_8324e06cc6_m.jpg" width="240" height="160" alt="red roses." /></a></p> <p>鎌倉文学館にて</p> 
		 
			cate♪ 
			http://www.flickr.com/people/47093873@N08/ 
			47093873@N08 
			http://farm5.staticflickr.com/4048/buddyicons/47093873@N08.jpg?1266763966#47093873@N08 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		red passion 
		 
		tag:flickr.com,2005:/photo/14249218122 
		2014-05-23T13:50:01Z 
		2014-05-23T13:50:01Z 
		2014-05-23T13:29:01-08:00 
		2014-05-23T13:29:01-08:00 
		  <p><a href="http://www.flickr.com/people/rousci/">Ross Photo's</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/rousci/14249218122/" title="red passion"><img src="http://farm3.staticflickr.com/2939/14249218122_00481f98a5_m.jpg" width="240" height="160" alt="red passion" /></a></p> 
		 
			Ross Photo's 
			http://www.flickr.com/people/rousci/ 
			8906740@N04 
			http://farm6.staticflickr.com/5458/buddyicons/8906740@N04.jpg?1369123056#8906740@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Rose bush 
		 
		tag:flickr.com,2005:/photo/14244458692 
		2014-05-22T19:50:49Z 
		2014-05-22T19:50:49Z 
		2013-05-22T20:03:28-08:00 
		2013-05-22T20:03:28-08:00 
		  <p><a href="http://www.flickr.com/people/123499036@N02/">Kriszti M</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/123499036@N02/14244458692/" title="Rose bush"><img src="http://farm3.staticflickr.com/2914/14244458692_a61f9a9205_m.jpg" width="159" height="240" alt="Rose bush" /></a></p> 
		 
			Kriszti M 
			http://www.flickr.com/people/123499036@N02/ 
			123499036@N02 
			http://farm6.staticflickr.com/5567/buddyicons/123499036@N02.jpg?1399290337#123499036@N02 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		IMG_7620 
		 
		tag:flickr.com,2005:/photo/14243306661 
		2014-05-22T19:39:32Z 
		2014-05-22T19:39:32Z 
		2014-05-22T11:30:38-08:00 
		2014-05-22T11:30:38-08:00 
		  <p><a href="http://www.flickr.com/people/annafur/">Annafur</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/annafur/14243306661/" title="IMG_7620"><img src="http://farm6.staticflickr.com/5032/14243306661_d2b546abc0_m.jpg" width="240" height="158" alt="IMG_7620" /></a></p> 
		 
			Annafur 
			http://www.flickr.com/people/annafur/ 
			13606906@N04 
			http://farm6.staticflickr.com/5012/buddyicons/13606906@N04.jpg?1398403630#13606906@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		IMG_7595 
		 
		tag:flickr.com,2005:/photo/14246591935 
		2014-05-22T19:39:31Z 
		2014-05-22T19:39:31Z 
		2014-05-22T11:25:17-08:00 
		2014-05-22T11:25:17-08:00 
		  <p><a href="http://www.flickr.com/people/annafur/">Annafur</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/annafur/14246591935/" title="IMG_7595"><img src="http://farm6.staticflickr.com/5539/14246591935_53f7fca139_m.jpg" width="184" height="240" alt="IMG_7595" /></a></p> 
		 
			Annafur 
			http://www.flickr.com/people/annafur/ 
			13606906@N04 
			http://farm6.staticflickr.com/5012/buddyicons/13606906@N04.jpg?1398403630#13606906@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		IMG_7612 
		 
		tag:flickr.com,2005:/photo/14223448906 
		2014-05-22T19:39:32Z 
		2014-05-22T19:39:32Z 
		2014-05-22T11:28:35-08:00 
		2014-05-22T11:28:35-08:00 
		  <p><a href="http://www.flickr.com/people/annafur/">Annafur</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/annafur/14223448906/" title="IMG_7612"><img src="http://farm3.staticflickr.com/2909/14223448906_bcfab2e06b_m.jpg" width="240" height="170" alt="IMG_7612" /></a></p> 
		 
			Annafur 
			http://www.flickr.com/people/annafur/ 
			13606906@N04 
			http://farm6.staticflickr.com/5012/buddyicons/13606906@N04.jpg?1398403630#13606906@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Red rose 
		 
		tag:flickr.com,2005:/photo/14266294103 
		2014-05-22T18:18:07Z 
		2014-05-22T18:18:07Z 
		2014-05-22T20:16:50-08:00 
		2014-05-22T20:16:50-08:00 
		  <p><a href="http://www.flickr.com/people/april-mo/">april-mo</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/april-mo/14266294103/" title="Red rose"><img src="http://farm3.staticflickr.com/2908/14266294103_b210f3014d_m.jpg" width="240" height="234" alt="Red rose" /></a></p> 
		 
			april-mo 
			http://www.flickr.com/people/april-mo/ 
			35541543@N08 
			http://farm3.staticflickr.com/2863/buddyicons/35541543@N08.jpg?1395556257#35541543@N08 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		St Mary's roses 
		 
		tag:flickr.com,2005:/photo/14265827203 
		2014-05-22T17:02:01Z 
		2014-05-22T17:02:01Z 
		2014-05-22T16:57:45-08:00 
		2014-05-22T16:57:45-08:00 
		  <p><a href="http://www.flickr.com/people/duncanh1/">[Duncan]</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/duncanh1/14265827203/" title="St Mary's roses"><img src="http://farm3.staticflickr.com/2932/14265827203_f1afb3f8b3_m.jpg" width="240" height="166" alt="St Mary's roses" /></a></p> <p>On a wet afternoon in Nottingham's Lace Market.</p> 
		 
			[Duncan] 
			http://www.flickr.com/people/duncanh1/ 
			29057345@N04 
			http://farm4.staticflickr.com/3221/buddyicons/29057345@N04.jpg?1334438065#29057345@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Mister Lincoln Hybrid Tea Rose 
		 
		tag:flickr.com,2005:/photo/14058181070 
		2014-05-22T14:34:09Z 
		2014-05-22T14:34:09Z 
		2014-05-22T10:31:32-08:00 
		2014-05-22T10:31:32-08:00 
		  <p><a href="http://www.flickr.com/people/flowersgalore/">Flowers Galore</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/flowersgalore/14058181070/" title="Mister Lincoln Hybrid Tea Rose"><img src="http://farm6.staticflickr.com/5280/14058181070_f7eb84252e_m.jpg" width="240" height="225" alt="Mister Lincoln Hybrid Tea Rose" /></a></p> <p>Garden 2014</p> 
		 
			Flowers Galore 
			http://www.flickr.com/people/flowersgalore/ 
			13450604@N05 
			http://farm6.staticflickr.com/5339/buddyicons/13450604@N05.jpg?1378836362#13450604@N05 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Mister Lincoln Hybrid Tea Rose 
		 
		tag:flickr.com,2005:/photo/14242581612 
		2014-05-22T14:34:09Z 
		2014-05-22T14:34:09Z 
		2014-05-22T10:32:23-08:00 
		2014-05-22T10:32:23-08:00 
		  <p><a href="http://www.flickr.com/people/flowersgalore/">Flowers Galore</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/flowersgalore/14242581612/" title="Mister Lincoln Hybrid Tea Rose"><img src="http://farm6.staticflickr.com/5199/14242581612_2b3f777a6e_m.jpg" width="240" height="199" alt="Mister Lincoln Hybrid Tea Rose" /></a></p> <p>Garden 2014</p> 
		 
			Flowers Galore 
			http://www.flickr.com/people/flowersgalore/ 
			13450604@N05 
			http://farm6.staticflickr.com/5339/buddyicons/13450604@N05.jpg?1378836362#13450604@N05 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Unbreak My Heart 
		 
		tag:flickr.com,2005:/photo/14057476487 
		2014-05-22T12:06:17Z 
		2014-05-22T12:06:17Z 
		2014-05-22T11:50:10-08:00 
		2014-05-22T11:50:10-08:00 
		  <p><a href="http://www.flickr.com/people/101390044@N08/">_Natasa_</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/101390044@N08/14057476487/" title="Unbreak My Heart"><img src="http://farm6.staticflickr.com/5197/14057476487_80048d3b33_m.jpg" width="240" height="160" alt="Unbreak My Heart" /></a></p> <p><b><a href="https://www.youtube.com/watch?v=p2Rch6WvPJE" rel="nofollow">Unbreak My Heart</a></b></p> 
		 
			_Natasa_ 
			http://www.flickr.com/people/101390044@N08/ 
			101390044@N08 
			http://farm6.staticflickr.com/5580/buddyicons/101390044@N08.jpg?1399845796#101390044@N08 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Rain,  rain go away come again another day......  #flowerporn #flowershotoftheday #macrophotography #macro #macro_collection #purestnoeditnofilter #rose #redrose #raindrops 
		 
		tag:flickr.com,2005:/photo/14056113820 
		2014-05-22T06:29:45Z 
		2014-05-22T06:29:45Z 
		2014-02-10T12:25:21-08:00 
		2014-02-10T12:25:21-08:00 
		  <p><a href="http://www.flickr.com/people/124570467@N08/">markbeastsimons13</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/124570467@N08/14056113820/" title="Rain,  rain go away come again another day......  #flowerporn #flowershotoftheday #macrophotography #macro #macro_collection #purestnoeditnofilter #rose #redrose #raindrops"><img src="http://farm3.staticflickr.com/2909/14056113820_90823f3fb6_m.jpg" width="240" height="180" alt="Rain,  rain go away come again another day......  #flowerporn #flowershotoftheday #macrophotography #macro #macro_collection #purestnoeditnofilter #rose #redrose #raindrops" /></a></p> 
		 
			markbeastsimons13 
			http://www.flickr.com/people/124570467@N08/ 
			124570467@N08 
			http://farm3.staticflickr.com/2913/buddyicons/124570467@N08.jpg?1399959343#124570467@N08 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Glorious bush 
		 
		tag:flickr.com,2005:/photo/14261810323 
		2014-05-22T02:18:48Z 
		2014-05-22T02:18:48Z 
		2014-05-18T10:59:59-08:00 
		2014-05-18T10:59:59-08:00 
		  <p><a href="http://www.flickr.com/people/111348044@N04/">Tim Brown's Pictures</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/111348044@N04/14261810323/" title="Glorious bush"><img src="http://farm6.staticflickr.com/5533/14261810323_6c73045f34_m.jpg" width="240" height="159" alt="Glorious bush" /></a></p> <p>Roses bloom in sidewalk gardens near Dupont Circle, Washington DC.</p> 
		 
			Tim Brown's Pictures 
			http://www.flickr.com/people/111348044@N04/ 
			111348044@N04 
			http://farm8.staticflickr.com/7068/buddyicons/111348044@N04.jpg?1397469369#111348044@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Blossoming family 
		 
		tag:flickr.com,2005:/photo/14054986479 
		2014-05-22T02:18:55Z 
		2014-05-22T02:18:55Z 
		2014-05-20T17:18:52-08:00 
		2014-05-20T17:18:52-08:00 
		  <p><a href="http://www.flickr.com/people/111348044@N04/">Tim Brown's Pictures</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/111348044@N04/14054986479/" title="Blossoming family"><img src="http://farm3.staticflickr.com/2920/14054986479_ed03902b54_m.jpg" width="240" height="159" alt="Blossoming family" /></a></p> <p>Roses bloom in sidewalk gardens near Dupont Circle, Washington DC.</p> 
		 
			Tim Brown's Pictures 
			http://www.flickr.com/people/111348044@N04/ 
			111348044@N04 
			http://farm8.staticflickr.com/7068/buddyicons/111348044@N04.jpg?1397469369#111348044@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Red, pink, and white 
		 
		tag:flickr.com,2005:/photo/14238327941 
		2014-05-22T02:18:36Z 
		2014-05-22T02:18:36Z 
		2014-05-18T11:01:58-08:00 
		2014-05-18T11:01:58-08:00 
		  <p><a href="http://www.flickr.com/people/111348044@N04/">Tim Brown's Pictures</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/111348044@N04/14238327941/" title="Red, pink, and white"><img src="http://farm6.staticflickr.com/5485/14238327941_da3f35dc99_m.jpg" width="159" height="240" alt="Red, pink, and white" /></a></p> <p>Roses bloom in sidewalk gardens near Dupont Circle, Washington DC.</p> 
		 
			Tim Brown's Pictures 
			http://www.flickr.com/people/111348044@N04/ 
			111348044@N04 
			http://farm8.staticflickr.com/7068/buddyicons/111348044@N04.jpg?1397469369#111348044@N04 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		G.I. Joe & The Red Rose 
		 
		tag:flickr.com,2005:/photo/14054463720 
		2014-05-22T00:14:44Z 
		2014-05-22T00:14:44Z 
		2014-05-18T06:28:21-08:00 
		2014-05-18T06:28:21-08:00 
		  <p><a href="http://www.flickr.com/people/35746992@N08/">cleofysh</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/35746992@N08/14054463720/" title="G.I. Joe &amp; The Red Rose"><img src="http://farm3.staticflickr.com/2901/14054463720_ec8a60c62e_m.jpg" width="79" height="240" alt="G.I. Joe &amp; The Red Rose" /></a></p> 
		 
			cleofysh 
			http://www.flickr.com/people/35746992@N08/ 
			35746992@N08 
			http://farm4.staticflickr.com/3332/buddyicons/35746992@N08.jpg?1321536442#35746992@N08 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
	 
	 
		Mister Lincoln Hybrid Tea Rose 
		 
		tag:flickr.com,2005:/photo/14217712316 
		2014-05-21T23:31:24Z 
		2014-05-21T23:31:24Z 
		2014-05-21T17:05:09-08:00 
		2014-05-21T17:05:09-08:00 
		  <p><a href="http://www.flickr.com/people/flowersgalore/">Flowers Galore</a> posted a photo:</p>  <p><a href="http://www.flickr.com/photos/flowersgalore/14217712316/" title="Mister Lincoln Hybrid Tea Rose"><img src="http://farm6.staticflickr.com/5197/14217712316_a96eed5b0d_m.jpg" width="240" height="160" alt="Mister Lincoln Hybrid Tea Rose" /></a></p> <p>Garden 2014</p> 
		 
			Flowers Galore 
			http://www.flickr.com/people/flowersgalore/ 
			13450604@N05 
			http://farm6.staticflickr.com/5339/buddyicons/13450604@N05.jpg?1378836362#13450604@N05

Vandalize


 
Launch Flash!see it

  • doodle on pictures using different colors
  • save as jpeg and set compression quality
  • your picture gets placed in the Vandal Hall of Fame where people can see it
  • people can comment on your picture
  • live preview generation
  • several communication methods in it’s own “Vandalize Service”

This was a prototype for a FaceBook app, designed by the UX ( User eXperience) designers at speakTECH back in 2007. I created the back end and front end, making it functional based on some nice specs from the team. The back end was it’s own remoting service called “VandalizeService”.

Portfolio Application

 
I was looking for a way to display CS4, CS5, Flex 3, and Flex 4 content all in one contiguous Flash experience. Turns out Flex 4 (FlashBuilder) was the best choice! It has proven very stable compared to CS5 as a swf in swf container environment, and does not seem to have any issues with Flash components. Whenever I had free time, I added more items to the portfolio or more features to the portfolio application.

Launch Flash!see it

Perhaps the biggest piece of programming in my online portfolio is the portfolio application itself. It’s not described anywhere in the portfolio, so I’m doing it here.

Here’s a list of features it has:

  • Database Driven: All portfolio items are assembled in a mysql database with info such as title, description, swf path, etc. From the database, you can choose items in the sliding “accordion” component, or the 3D image wheel – both on the left side.
  • Data Services: Data is fetched using Flash Remoting, I wrote the PHP services that feed my ActionScript structured, binary compressed data
  • Integrated WordPress Blog: Portfolio Items described in the blog are linked to the items in the portfolio, and the blog entries can be read while in the site. Click the “W” icons to see.
  • XML Menu system: I can easily add links and items that trigger AS3 functionality. Also, items can be launched in a JavaScript LightBox just by populating the xml
  • Windowing system: Allows you to view multiple items at once and move them around
  • Layout Control: Sizes to any ( decent ) resolution and automatically adjusts the layout to compensate, even when you resize the browser during viewing
  • 3D Item Selector: A custom PaperVision 3D component I built to select items. Selected items have a yellow 3D polygon above them, and highlighted items use a glow effect.
  • Deep Linking: Using Asual SWFaddress, you can link directly to individual portfolio items such as the Slideshow example: https://arnoldbiffna.s3.amazonaws.com/asd001/index.html#/id43
  • Shadowbox: Some portfolio items launch in a JavaScript box overlay. This allows it to launch html content in a separate window without “leaving” the site
  • Full Screen Mode: Click the “Max” button in the top right corner
  • Cascading Windows & Close All functionality: in the Appearance menu
  • Code Generated Wallpaper: in the Appearance menu. Uses a radial gradient

The structure of the portfolio could be reused to develop a large application where interactive modules are loaded and unloaded as needed. Floating windows and dialog boxes, along with the menu system are all elements of this. The code is an MVC ( Model View Controller ) structure that I find easy to update and build on.

The portfolio was rendered dynamically from the database, following a path of mysql -> PHP -> AMFPHP -> Flex.

MP3 Player

 

  • Stereo output level display
  • Spectrum Display
  • Volume Control
  • Balance Control
  • Stop, Play, Pause, Previous & Next Track
  • Loop feature
  • Time / position display
  • Flash Remoting based playlist, autogenerated

This version was an extension to the original version I made, adding the spectrum display. To avoid copyright issues, I grabbed some royalty-free music clips off the web and put them in a folder. The PHP getDirectory call in PortfolioService grabs all the mp3s in a folder and returns info about them to generate the playlist and play the music. Launch Flash!see it