PDA

View Full Version : One of the finest and with best usability flash site



theflash
May 8th, 2006, 03:09 AM
http://www.orange-project.com/

They have developed pretty neatly... with BACK browser button working for IE and firefox :D

and neat design like the preloader too...

matthewjumps
May 8th, 2006, 03:29 AM
that is so awesome how they made the BACK browser button working for IE and firefox...how the hell do you do that?

theflash
May 8th, 2006, 04:26 AM
Links for back button stuff..

http://www.adobe.com/devnet/blueprint/articles/back_button.html
http://www.robertpenner.com/experiments/backbutton/backbutton_code.html
http://www.actionscripts.org/tutorials/intermediate/Enabling_a_back_button_within_flash/index.shtml

How to make it work for both browsers I dont know...

hybrid101
May 8th, 2006, 07:15 AM
woah, that's nice!
fwa site of the day:D
the site deserves it:D

devAngel
May 8th, 2006, 04:57 PM
wow....that's great stuff! and flash...;)

Pasquale
May 9th, 2006, 02:47 AM
Great find mate :thumb:

theflash
May 9th, 2006, 06:16 AM
thanks :) I am looking for options to implement it.. flexible

fr-ode
May 9th, 2006, 04:25 PM
nice, but navigation with the keyboard doesn't work properly using firefox

Flaevo
May 9th, 2006, 06:11 PM
uhm guys it's not that hard to link up a php script / actionscript / javascript that tells you what type of browser it is using and rewrite how the back button works because of it? Maybe im misunderstanding how it is working...

edit: This actually isn't a back button it's simply a php script resetting variabals without reloading the page.

Jeff Wheeler
May 9th, 2006, 06:14 PM
Awesome! I love how it tells you to resize the window if it's too small. Absolutely beautiful.

The back button doesn't work for me, but very cool that they did it.

theflash
May 9th, 2006, 10:42 PM
uhm guys it's not that hard to link up a php script / actionscript / javascript that tells you what type of browser it is using and rewrite how the back button works because of it? Maybe im misunderstanding how it is working...

edit: This actually isn't a back button it's simply a php script resetting variabals without reloading the page.
Though I have not looked into the js files they have included in the source, I dont think they are doing that.

Even if they are doing that how will they remember the status of previous page or action in website?

see the way bookmark label changes in the address bar

Torq
May 9th, 2006, 11:49 PM
Though I have not looked into the js files they have included in the source, I dont think they are doing that.

Even if they are doing that how will they remember the status of previous page or action in website?

see the way bookmark label changes in the address bar

They are definitely doing that. It's common in PHP to use say a menu on the left, and then use include() for the side content. Use a switch to determine what the content is. Variables are remembered because the page hasn't changed, the include has. So they would just keep an array of what page is visited, and the current index you're on. After this point it's just a matter of preference. Send the index (or increment/decrement: forward/back) when clicking in flash to php, which transverses the array and updates the page id #. Then go to the next image, or they might have the image urls stored in the php, so the php sends the url to be loaded back to flash.

If they aren't doing exactly that, maybe cookies, txt file, or mysql db?

I actually had a similar idea in mind for my site: every page would have an id, because I didn't like how in flash you don't have direct links to content. As well there would be a box to type the id (in flash for more comfort) to load a certain page.

Torq
May 10th, 2006, 12:03 AM
Oh yeah, and the site ain't too bad. Pretty standard for a portfolio site though. Except they don't support 1024x800 as the standard, and tell you to resize your browser, which is just weird. Sure, say it's best viewed in, but don't cut off the left side of the menu (it's under the title/header) when theres tons of room to the right. Just goes to show they didn't even test in 1024x800.

theflash
May 10th, 2006, 01:38 AM
They are definitely doing that. It's common in PHP to use say a menu on the left, and then use include() for the side content. Use a switch to determine what the content is. Variables are remembered because the page hasn't changed, the include has. So they would just keep an array of what page is visited, and the current index you're on. After this point it's just a matter of preference. Send the index (or increment/decrement: forward/back) when clicking in flash to php, which transverses the array and updates the page id #. Then go to the next image, or they might have the image urls stored in the php, so the php sends the url to be loaded back to flash.

If they aren't doing exactly that, maybe cookies, txt file, or mysql db?

I actually had a similar idea in mind for my site: every page would have an id, because I didn't like how in flash you don't have direct links to content. As well there would be a box to type the id (in flash for more comfort) to load a certain page.
First thing first it's not easy for browser to remember the status of flash cotents as data in flash has a high dynamic nature. Say one time you transit from one timeline to other and from one frame to other.

So for flash basically programmer has to architechture website states in such a way that passing that state to flash will make it able to take the transitions there from ANYWHERE. This aint that easy. Mind it.

Besides where I had posted some tuts they explain it very well what is the basic technique. For each new action the new html frame is loaded passing the state data which is passed to a small flash file in that frame. This small invisible flash file will connect main swf file with localConnection object which is used to pass the variables(state data). If I am not clear enough you might want to check that tut.

My only doubt in your method is how they might pass data to main swf? because it is already embeded in your page and you dont reload it..

flashwillkill
May 10th, 2006, 05:08 AM
Hello,
for those of you who are interested (I have not read the whole thing, but maybe it will aswer some questions?), Jens Franke (who developed the site) explains some "technical views" here ...
http://blog.jensfranke.com/page/5/
Cheers

theflash
May 10th, 2006, 06:00 AM
From my understanding he is using frames to create history of events

unclesond
May 10th, 2006, 06:39 AM
This guys knows his shizzle.

phorte
May 15th, 2006, 12:48 AM
Orange, wasnt that the site that was on here a few months ago, that had the full size flash window, and a built in scroller into the flash, and it blurred as ur scrolled, and implemented the scroll wheel too. (you prob have no idea what im talking about, but i do.. so thats all that matters.. :D)

Very nice site btw, and yes this guy does know his shizzle. He can shizzle my nizzle any day.. :lol:

EDIT: Hmm, it was Oringe (http://www.oringe.com/flashSite/), not Orange. Whos the fool now.. :( :trout:

theflash
May 15th, 2006, 01:36 AM
I knew what you were talking about but didnt know the site :P

And yeah that is a great site as well.

Flaevo
May 16th, 2006, 11:14 PM
First thing first it's not easy for browser to remember the status of flash cotents as data in flash has a high dynamic nature. Say one time you transit from one timeline to other and from one frame to other.

So for flash basically programmer has to architechture website states in such a way that passing that state to flash will make it able to take the transitions there from ANYWHERE. This aint that easy. Mind it.

Besides where I had posted some tuts they explain it very well what is the basic technique. For each new action the new html frame is loaded passing the state data which is passed to a small flash file in that frame. This small invisible flash file will connect main swf file with localConnection object which is used to pass the variables(state data). If I am not clear enough you might want to check that tut.

My only doubt in your method is how they might pass data to main swf? because it is already embeded in your page and you dont reload it..

He is NOT actually reloading the flash content. In php you can send/rewrite/update alot of page elements including the browser address without even reloading the page. He simply has a data socket on the PHP with flash to stream the variables without reloading.

theflash
May 17th, 2006, 02:38 AM
He is NOT actually reloading the flash content. In php you can send/rewrite/update alot of page elements including the browser address without even reloading the page. He simply has a data socket on the PHP with flash to stream the variables without reloading.

Thanks. Can you tell me how to create such data socket in php to pass data to flash and vice versa?

tarun
May 17th, 2006, 03:25 AM
please send me some good action script tutorials immediately. My email ID trnghoh@yahoo.co.in

phorte
May 17th, 2006, 04:05 AM
Yeah man, hook us up with the info. This sounds like really ground breaking stuff! :A+:

Digitalosophy
May 18th, 2006, 02:47 PM
please send me some good action script tutorials immediately. My email ID trnghoh@yahoo.co.in

lol righto chap...

wow what an impressive display of flash & browser connectivity.

:thumb:

great site