Thursday, July 13, 2006

Designing a Slider

Designing slider is another important “trick” to know for effective creating of interactive visual representations in Flash. In the coming class we will explore this process. Below is Flash display showing how dragging a slider can change not just numerical values on the screen but also display changes as in graphical way (bars change size). So changes in visuals tell us about something, in this case, that if a variable represented by the slider increases, something else with also change and therefore some relationship exists.

Click HERE to download sourse code of this file

Slider can also be used for incremental changes and also control changes in non-liner information. Explore the design below. Once you change slider position, it will lock itself to one or preprogrammed stages and make change in the displayed image.

Click HERE to download sourse code of this file

I designed a step by step video showing how slider is crated and used to change some information on the screen. Click HERE to download it. In addition, some students were interested to know how to create drag and drop interaction. This is not very user friendly in Flash and I will not attempt to teach it in this class. However, some venturous students might study this Flash file as see if they can make sense of it.

Click HERE to download sourse code of this file

Have you discovered and new “trick?” Share with us your experience.

10 Comments:

At 5:42 PM, Blogger Peon Cheung said...

Thanks for your efforts to make so many stuffs for us to work on our final project.
I am wondering whether we can learn with Flash by just exploring the source code that you have provided because I still can't manage it well at the moment. To me, learning with the movies (especially with narration) together with the source code of each stuff will be better. Am I too greedy to expect too much from you?

 
At 11:33 PM, Blogger Daniel said...

Thanks Poen for bringing this point. The issue here is that I am giving you much more stuff that what is possible to do within one module. Movies which I provide with narration and step by step are what we cover and all that you need. This other things like drag and drop is just what someone requested so I wanted to share it with everyone. The other source codes are just for you to work it out your self and use it in the future beyond this module. As I mentioned before en the class, doing technical staff is not something that all would feel comfortable, but this does not matter as you might be well productive with your ideas and plans for production. I must ask those people to look at the issue objectively and to pub blame on me for that. I am already doing too much preparation and planning to make resources, maintain everything and provide you with staff that you will not be able to find anywhere else. In this context, please do not misunderstand the focus point of this module which is for you to explore ways how information can be represented in visual and interactive format. No body expects you to be expert in Flash in several week of practicing. If you like making these things yourself, then there is a plenty of material here for you to work further in your time beyond this module and the course. Download and keep this material and may be sometimes latter you might go back to it. Another point is this is an elective module and people choose to participate. As such this module is much more broadening that structured core modules in the course.

 
At 9:24 AM, Blogger Peon Cheung said...

As Christina suggested, we should not stick at technical issue too long. As well as what you said this module aims to explore well production with ideas and plan for production. I admit that I have been suddenly lost my focus of the learning since the session you began the teaching of Flash as a result of the frustration.

You can view my request as just a personal request as I actually have been through its difficulty and struggling with it by self exploration. My own problem does not mean the problem of the whole world. Please don't take my request too serious. In fact, I was very frustrated with the learning with Flash in class in the beginning. But now I do enjoy the self learning with the movies that you provided (even there is no narration). I have found a bit of progress and my confidence has been gradually rebuilt with it.

I do not mean to push you to do everything for us. I admit that you have done a lot a lot a lot for us. Thank you for that very much.

 
At 9:41 AM, Blogger Christina MLIM said...

Thanks for Chris and Peon to initiate learning the new stuff of Flash here. Actually, I think this is a right way to discuss something we have no chance to discuss/learn in the class, because our purposes are not only fulfilling the coursework. You are bringing out something interesting here.
But I saw some classmates under pressure for "how can I apply Flash to my coursework". As Daniel said, we cannot become Flash experts within few weeks, so "for coursework purpose", we should focus on exploring ways how information can be represented in visual and interactive format. And then, we still have time to explore more about the tools, like Flash, Firework, Photoshop, Photostory...etc., in the future, it is no time limit. As mentioned by Chris, there is a lot of information on the web help us to deal with technical stuffs.

 
At 10:52 AM, Blogger Daniel said...

Yes, Peon, I understand and appreciate your view. For me, each and every student in my class is important. Starting something new like Flash is always a bit hard and as Christina said, there is no limit in the future. If you enjoying you can continue. In not, at least you will understand principles of design and be able to do some planning of digital resources for learning. I think that you are doing well so far and with your partner, little bit of help from me and other classmates, there will no be a problem for you to develop the second assignments.

 
At 10:27 AM, Blogger Chris said...

Daniel, thanks very much for your wonderful samples and the source files. I like the African dancing girl, it's so funny.

 
At 12:17 PM, Blogger Daniel said...

Thanks Chris, I hope you will benefit from these materials beond this module.

 
At 6:26 PM, Blogger Terence Chow said...

Thank for Daniel interesting source code on the web. May I ask whether you could put the source code of "paino" that you did for one of our group student in the web or ILN, so that we could share the working principle.

Thanks,
Terence

 
At 2:43 PM, Blogger Ricky Ho said...

Dear Danial,

Thank you for your example. It stimilate my project work!.

rICKY hO

 
At 5:59 PM, Blogger webdework said...

Daniel,
Nice work. Thanks a lot for the source code. I am implementing it in my project.
Thanks & Regards
Web Design Company

 

Post a Comment

Links to this post:

Create a Link

<< Home