Wednesday 01 September, 2010

Spread the word, an iPad app built in Flash!


Near the end of June, I started a little experiment, just for fun, which would just immitate fridge magnets. I wanted to make it a multi-user experience. So everybody hitting the page would see the changes that are being made realtime. I built the first version and was quite happy.

But a few days ago, it struck me: I can just use the code I used for that experiment and port it to the iPad using the iPhone Packager (which comes with Flash CS5). So I did!

Although I had to change some of the code (loading settings files, etc), I was actually able to build this application rather quickly. I also added a multi-room feature, so everybody can have their own fridge with magnets ;-)
So you can now actually leave your boy/girlfriend a message on a virtual fridge (with no food in it) and then mail him/her the link! He/She can then rearrange the letters and leave you a message in return; Fridge-magnet style! That’s geeky, right!? :-D

About the application

‘Spread the word’ is both an iPad and a browser application.
The clients are built using Flash Builder (for the browser app) and Flash CS5 (iPad app). The multi-user support is a Red5 application.

‘Spread the word’ online

You can view the application in the browser by hitting the following URL:

http://spreadtheword.nocreativity.com

If you want to have your own fridge, just add ‘?myOwnFridge’ (replace ‘myOwnFridge‘ with a name of your choice). For example

‘Spread the word’ for iPad

Currently the iPad application is only available though my Cydia repo. I will however be trying to get it into the Apple App Store (I know about 3.3.1, I’m still giving it a shot :-P ). The app also supports rooms, so feel free to go crazy (but be nice, there’s kids on the internet ;-) )

If you want to install the iPad application you need a jailbroken iPad. If you haven’t added my repository to your Cydia sources yet, follow these instructions:

  1. Open Cydia on your jailbroken iPad
  2. Go to the ‘Manage’ tab
  3. Tap ‘Sources’
  4. Tap ‘Edit’ in the upper right corner
  5. Tap ‘Add’ in the upper left corner
  6. Fill in the following URL: ‘http://nocreativity.com/cydia’
  7. Tap ‘Add source’
  8. You’re done!

To install Spread The Word for iPad, do this:

  1. Open Cydia on your jailbroken iPad
  2. Go to the ‘Sections’ tab
  3. Find the ‘noCreativity’ section
  4. Tap on the application (there’s only one in that list right now, so you can’t do anything wrong from this point on ;-) )
  5. Tap ‘install’ in the upper right corner
  6. Tap ‘Confirm’ in the upper right corner
  7. When the installation is done, exit Cydia. Spread the word should be installed now. Have fun!

Credits

Eventhough I created this app myself, I owe a big thank you to Eugenia Furman for letting me use her beautiful letters. Those are actually real letters, which she created herself. They’re for sale on Etsy. They’re really awesome. Make sure you go and check out her other work. I totally love it!


Related Posts


“1 app, 5 screens” doesn’t impress
Everything else

17 Comments

  • Davy says:

    Cool stuff! :D Thumbs up!

    How long does a room stay alive, after zero activity?

  • Ronny says:

    Thanks, Davy!
    Rooms should stay alive forever (or until I delete the SharedObjects on the server ;) )

  • Jarne says:

    Hoe laat je die red5 online werken op je server?
    Very nice, die server shizzle!

  • Ronny says:

    @Jarne: Heb nen Red5 server draaien online ;)

  • Karim says:

    very nice.

    Although – magnets can be dragged so far right ( by extending browser window ) – that they get lost…. these kinds of social experiments are really nice… Nice one!

  • Ronny says:

    @Karim: Thx buddy! Will add a few updates later tonight, fixing both this and a few other issues ;) Thanks again!

  • Sarah says:

    omg this is so fun!

  • Ronny says:

    Thx, Sarah! I’m glad you like it! :D

  • Sarah says:

    1 small little thing… it could use a resize handler (for the non-ipad users ;-) ) so that it resizes the letters on window resize.

  • Ronny says:

    I’m in the middle of pushing a few updates (browser and iPad version). One of the changes is that you can’t drag the letters outside 1024×768 anymore ;)

  • Sarah says:

    Ah good idea!
    I’m trying to arrange them alphabetically :-D

  • Daniel says:

    Hi Ronny,

    Wondering if you could briefly help with an issue on publishing for iPhone/iPad.
    I’ve been trying to publish the IPA file from CS5 (on Mac) without luck.
    If I set my Java version to Java SE 6 64-bit (in the system’s Java Preferences), CS5 will crash at the end of the publishing process (I see the process bar get to the end, and then boom!).
    If i set the default java version to J2SE 5.0 32 bit, I get a dialog right after clicking /publish saying “the digital certificate is invalid”.

    I think I did the certificate/provisioning process correctly, so not sure if I should do it again (i’ve already done it like half a dozen times), or maybe the issue is related to wrong java version or something….

    Thanks in advance, and congratulations for such a good blog

  • Ronny says:

    Hi Daniel,
    my Java settings are done like this:
    http://shots.nocreativity.com/b87d3f7d6eb6d54251c1b99380d10c72.jpg
    I had that crashing thing at the end too, but it went by itself.

    Ther certificate thing can’t really be done wrong, you just download it from the Apple site and point to it in Flash CS5.

    Good luck!

  • Brrrrrap says:

    Firstly, before I start love the site, design and topics – great reading and right up my street!

    Now, dude, how the hell did you make a full screen ipad app from Flash CS5 ?

    I can use the ipad OS settings to publish an ipad app but thats no good for my ipad – i want full screen (not the pixelated “2x” iphone version) !!

    Is there any way of publishing full screen ipad native apps from flash through cydia (AppSync) – ?

    Also when trying the iphone Flash made apps i can’t seem to use video without the “Publish” failing – any ideas ?!

  • Brrrrrap says:

    - Sorry – i meant i can create and publish and sync iPHONE apps but not full size iPad apps…. any ideas?!

    And video?

  • bmabsout says:

    okay so i did an app that works put it on the ipad and it works but when i take the filename.app folder from the ipa and put it in the Applications folder the icon shows but if i try to open it it just gets stuck on a black screen i don’t know what to do


Trackbacks and Pingbacks

Leave a Comment


Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">