It’s really simple drawing installation.
You get your iPhone and access the URL from your browser in the instruction on the projection, and just start drawing, and you can see it right away on the projection.
You don’t need to install any application.

You can check some videos here: http://www.facebook.com/event.php?eid=106749376013168

So, I used HTML5 + JavaScript for the web application, PHP for the socket (I know, it’s not the best solution, but it was what I could’ve done at this time), C++ & OpenFrameworks for the application running for the projection and a MySQL database to store all the drawn data.

What I’ve learned from this?
- you don’t really need to learn Objective-C and pay hundreds to Apple to make some simple application
- don’t try to do what everyone is doing
- I know c++ now
- flash is slow even on AIR
- sockets on PHP works pretty well
- HTML5 won’t be replacing Flash any time soon
- people are afraid to do something different at work until someone does something new
- don’t try to do everything by yourself

Anyway, at the end, everything went well, personally the result was really good.

If you read this post before 29th of March, you can still go check it out at Hoxton Square.

Well, here is the note I took, and I’m really disapointed about Flash app in iPhone…

Flash app on iPhone:
- It’s a “static” app. Only SWFs packed in the app can be loaded. No SWFs from outside can be loaded;
- You can load images, sound, text from outside;
- No H.264, RTMPT, PixelBender…;
- No access to Mic / Camera;
- No access to Native API like Maps;
- The packed file size is at least 2.7mb because they have to bundle all the functionalities because the compiler doesn’t know what is being used or not;

Flash Embed in HTML
- You can assign a priority to swfs during embed, so in a page with 2 banners and a main swf, can assign main swf a higher priority for performance;

Flash Catalyst
- easy integration of Photoshop/Illustrator design with Flash, using Catalyst.
- good for prototyping and IAs
- skinning components easy
- you can create a Flex Project directly from Catalyst, but the Flex Project can’t be loaded in Catalyst
- you can create just a Library Project so you can change components skins easily

Flash Pro CS5
- Text Framework integrated (http://labs.adobe.com/technologies/textlayout/)
- AS3 snippets for designers, creates simple interactive code as Keyboard / Mouse interaction
- Can save FLA or a uncompressed FLA format, that is a bunch of XML’s and assets inside a folder.
- The uncompressed file format is good to change the assets without opening the FLA file

Flash Builder
- You can easily create Flash Project and select a FLA file
- Better integration with back-end stuff, WebServices / AMF (CF, PHP, Java)
- Code generator for WebService / AMF
- Network monitor, to monitor webservices and AMF
- Easily create CMS, selecting the data origin, can be set to edit or only ready the data

Flash Distribution
- Monetization, using Adobe ID, sell Flash / AIR products
- Apps supports Ads
- Frameworks to make easier integrations with social network.

http://www.hellokeita.in/presentations/LFPUG/20090827/MakingMusicFP10.pdf

And the source files zipped with the demos I showed.

http://www.hellokeita.in/presentations/LFPUG/20090827/examples.zip
The contents are:
Example01-SineWaveExample: Simple example generating a sine wave
Example02-KeyboardExample: Example of a piano keyboard
Example03-WaveformExample: Changing the waveform of a sound
Example04-TimePitchExample: Changing pitch and tempo of a mp3
Example05-HeliumBalloon: Real time pitch shifting using Java

Enjoy!

UPDATE
LFPUG website uploaded the video of my presentation
http://www.lfpug.com/flash-10-making-music/

Thanks Tink to letting me speak there.

Thank you for everyone that went there. The applause in the middle of the presentation cheered me up.

I really enjoyed speaking, and I hope there’s a next time.

I’ll prepare a PDF of the presentation I did together with the source code of the demos I showed and post it here.
Also, Tink should upload the recorded video of the presentation in few days on LFPUG website http://www.lfpug.com

Feel free to pop-up there, it’s for free.

Here is the link:
http://www.lfpug.com/27th-august-2009-27082009/

Signing up, you’ll have a chance to get a Flash On The Beach ticket!

Time: 19:00 – 23:00 (doors open at 18:30)
Venue: CosmoBar, 50-54 Clerkenwell Road, EC1M 5PS (click for map)
Tube: Barbican/Farringdon

Using the “Range” header, you can download specific part of a file.


var urlLoader:URLLoader = new URLLoader();
var urlRequest:URLRequest = new URLRequest("http://upload.wikimedia.org/wikipedia/commons/f/f2/Fanciful_Landscape-1834-Thomas_Doughty.jpg");
urlRequest.method = "GET";
urlRequest.requestHeaders = [new URLRequestHeader("Range", "bytes=0-99")];
urlLoader.addEventListener(Event.COMPLETE, loaded);
urlLoader.load(urlRequest);

function loaded(e:Event):void{
trace(e.currentTarget.data);
}

In this example above, it will load just the first 100 bytes of the file.

I don’t know if there is other ways to do it, but, at least it worked fine for me.

With this, you can manage downloads for huge files pausing and resuming not loosing datas.
Like, if the internet connection breaks while you are downloading something, you can simply resume after the internet connection comes back.