Archive for the ‘Application’ Category

September 3, 2010 0

Google Maps API for 2 Domains (in Flash, AS3)

By Karey in ActionScript, Application, Flash, Web

Google Maps can be easily integrated into Flash with an API key for the application's domain. Though, since each Google Maps API key can only be assigned to one domain, if your website contains two domains reading the same server (example: www.mysite.com and www.mysite.org), you will need two separate API keys for each domain. While ideally I'd prefer to redirect one domain to the other, this isn't always the case for how a client wants their site to read. In order for the SWF file containing Google Maps to load successfully in multiple domains, the ActionScript file needs to be edited accordingly. Though the final result can also be achieved using a combination of JavaScript and ExternalInterface in Flash, I found it easiest to use AS3's LocalConnection to convert the SWF's domain into a String and then indexed with an if/else statement to decide with API key ActionScript should use:

 
import flash.net.LocalConnection;
var lc:LocalConnection = new LocalConnection();
var domain:String = lc.domain;
 
if (domain.indexOf("com") != -1) {
	map.key = "key-A";
} else {
	map.key = "key-B";
}
 
map.setSize(new Point(P1, P2));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
swfMovieClip.addChild(map);
 

More information on Google Maps API.

August 7, 2010 0

Google Mashups and Flash (AS3)

By Karey in ActionScript, Application, Flash, Resource

I recently learned about Google Mashups from my boyfriend who relayed class material from his MS in Management of IT program, and luckily with perfect timing in relation to current projects. Essentially, Google Mashups can be defined as a web page or application that combines data or functionality from two or more external sources, resulting in a new service. For example, a Mashup can be created by integrating Google Maps into a personal web page, combining web page information with map data.

Two weeks ago I launched the website for Monticello Wine Trail, in which I utilized Google Mashups. One of the most important aspects of the MWT website is the ability for visitors to view and learn about the smaller trail clusters of wineries, grouped by their proximity to one another. In the previous website, the trail information was provided on a static JPG image. By integrating Google Maps into the Flash site, website visitors are able to interact (zoom and pan) with the maps, providing an overall more interactive user experience and more detailed map information.

google-mashups-api

Integrating Google Maps into Flash (via ActionScript 3.0) is quite easy and only requires the use of Google Maps API (which allows embedding of a Google Map into one's web page using JavaScript). The following link walks through the steps for embedding Google Maps in Flash applications. Google also provides tutorials and a great selection of Flash and Flex demos from which to pull code.

Below are some links to additional resources:
Sign Up for the Google Maps API
Displaying Google Maps in Flash by Kirupa
Implement a Map Using the Google Map API for Flash by Activetuts+
Google Maps: 100+ Best Tools and Mashups by Mashable

April 27, 2010 0

Adobe After Effects 101

By Karey in After Effects, Application, Resource, Tutorial

Might be doing a bit of dabbling in Adobe After Effects for a current project, or at the very least need an understanding of best practices for constructing Photoshop and Illustrator files to be used in After Effects. Therefore, I've been watching/reading some introduction tutorials, in particular those by Adobe Instructor Chad Perkins. Found the video tutorial below on Adobe TV, and if you go to the video's original location you can view more episodes for learning After Effects CS4.

In addition, found this great Adobe help file regarding Preparing and importing Photoshop files for After Effects.

January 19, 2010 0

Apdev ActionScript 3.0 Video Player

By Karey in ActionScript, Application, Flash, Web

Apdev recently released a new version of their AS3 open source Video Player. It features simple playlist support, loop function, full-browser, and dynamic resizing. Screen shot below:

Apdev-Video-Player

If you have a strong stomach and are interested in viewing it live in a recent project of mine for a podiatrist, head on over to: www.4finefeet.com/surgical-videos.html

Pick up the source code below:
http://code.google.com/p/apdev-videoplayer/

On a related note check out an open source mp3 Flash Player mentioned in a previous post.

November 10, 2009 3

Flash XML Editors

By Karey in ActionScript, Application, Flash, Resource, Web

Since most of my Flash project involve utilizing XML, I have been on the prowl lately for browser based XML editors to serve as Content Management Systems for clients. Three in particular have caught my eye and deserve checking into. Take a look at Rainbow, Rainbow Live, and Flash XML Editor Version 2 below.

Rainbow and Rainbow Live
Rainbow is the free version of Rainbow Live. It downloads onto your computer, where you edit XML files on your hard drive through its Flash interface. Most importantly it helps users avoid XML syntax errors since all editing is done through an easy to use 'duplicate/delete/move/rename' - node interface.
rainbow-02

Rainbow Live extends Rainbow further to allow live editing of XML files through a lite CMS built in Flash. With no back-end scripting or SQL databases - Rainbow Live is easy to integrate and setup for a website. Additionally, the editor contains login capabilities and other useful specs.
rainbow-02

*Both Require Flash player 10

Flash XML Editor Version 2
Flash XML Editor ($40 from activeden) is a lite CMS that has many of the same abilities of Rainbow Live, combined with the features of multiple file uploading, interface customization, configurable tabbed menu, AS2 and AS3 support, and more!
xml-editor
Rainbow and Rainbow Live

September 5, 2009 4

Toy Camera iPhone App

By Karey in Application, Photography, Toy Camera

LOVE the Toy Camera iPhone application by Takayuki Fukatsu. So incredibly easy to use - download and install, then open just like Camera and snap away. The app automatically converts your new photos to lomo like pics.

Check out some I took below before and after Jimmy Buffett concert at Nissan Pavilion on Thursday evening:

toy-camera-01

toy-camera-02

toy-camera-03

toy-camera-04
Toy Camera

August 24, 2009 1

Open Source Flash mp3 Player

By Karey in Application, Resource, Web

mp3player

Last week discovered a great site with open source Flash mp3 players. MP3 Player features five different versions - Mini, Normal, Maxi, Multi, and JS - which allow easy customization and even easier integration into websites.

Definitely a convenient option for quick mp3 integration into your next website. I recently utilized this tool on CINE's homepage to post an interview with documentary filmmaker Ken Burns.

July 29, 2009 0

iPhone Photo Applications

By Karey in Application, Photography, Resource

After my post on iPhone as Art, I luckily stumbled upon this list by Hongkiat on 30 Best Free iPhone Photo & Video Applications.

I'm going to give a few of them a try on my iPhone and post some pics later this week. Hopefully even though I have the first generation iPhone they will still give me the expected photography results.

July 5, 2009 0

Mac Application Additions

By Karey in Application

Paparazzi!. Not sure what took me so long to download this free and useful screen shot app.

TaskMate. More organized than Stickies, not as complicated as Evernote, somewhere just right in the middle.

DateLine. This basic linear calendar attaches to the desktop, providing easy access to iCal, and best of all - quick readability.

Check more out at Smashing Magazine's 25 Free Mac Apps That Will Boost Your Productivity.