Category — Flex

This is just a quick note to say that I have just found out that my first tutorial over at The Tech Labs has gone live! It is entitled ‘Create and Skin a Photo Gallery with Flickr, Flex and Actionscript 3.0′ It can be found here:

http://www.thetechlabs.com/tutorials/flex/create-and-skin-a-photo-gallery-with-flickr-flex-and-actionscript-30/

You can follow The Tech Labs over at twitter here: @thetechlabs. Make sure you spread the word around about the tutorial!

Well, over the past week, week and a half, I have been working on the portfolio section. As you may have noticed, I have dropped the home section. This was for quite a few reasons, let me explain:

When build my portfolio, I planned the whole thing out using these questions:

1. What story is the site trying to tell?
2. What will my viewers what to see at the site?
3. What content does the site need, to fulfill these questions?

So, now you know the bare minim of my design process, here are the answers I came up with:

1. I am trying to tell the story of how much I love what I do.
2. My viewers want to see my work, and what makes me, me :).
3. The content that is needed, is my work, and something to tell the users who I am?

So there you go. Now you can see that there was no need for a home section. What useful information could I of displayed on it? My latest project, but why? For this, they can just visit my portfolio? A quick description about me? Why not read the full thing over at my about section? You may be thinking that all this could of been place in a home section just for ease of use, maybe to get the user interested in what the site has to offer. This is not relevant for a portfolio. If it was a news site, or a company site, then yes, this could be used to get the end user interested in what the site has to offer. For a portfolio, the chances are, the user has come to this site to view my work, or to read about me? So they are not going to need additional work into making them view my portfolio, or read about me.

Another question here is, well what else would make then interested into view my work? The site it’s self. If you place the user into an engaging and satisfying experience, they will want to carry on and view the rest. This is basically my design process for a site!

_

So that is the design side of things over with, now lets get onto what I have done so far. Well,

1. 1. Have almost finished the main menu (Just a few things I’m not quite sure about…).
2. 2. Set up the external SWF loading, and all the stuff needed to load the appropriate sections in. The text you see when you click on the portfolio section and about is all in an external SWF.
3. 3. I am working on the portfolio sections. For early previews keep checking the beta link, as I will be uploading them soon.
4. 4. I have started sorting out all the database stuff, etc. This is all going to be loaded using AMFPHP/MySQL/PHP.

So there you have it , a very in-depth look into my portfolio!

Harry.

Just to let you know, althought slightly late, Adobe have release an update to Flex & Flex Builder.

You can read more here: http://www.adobe.com/devnet/flex/articles/sdk3_fb301.html

Harry.

Well, over the past few years, the web has changed drastically, and I thought it would be the time to post my views on it all :)

1. AIR

Adobe AIR

This is the most noticeable development in the web, and is also the most useful! As most of you know, AIR enables you to take web applications to the desktop, with unimaginable ease. The best thing about AIR, is that you can use your existing skills, to create the applications. Also, due to the AIR run-time, it is cross platform. Now this combined with the use of tradition web languages (HTML, AS, JavaScript, etc…), opens up a huge mark, never touched upon by web developers. The power of this is still to be put to it’s full potential.

For example, you could just launch a desktop app to do your shopping, instead of launching the browser, log-in in, then waiting for the browser to refresh as you add whatever you need to your cart. All this could be done without one page refresh, no long loading times etc. This would make doing your weakly shopping much easier and less of a pain in the arse.

Here are some links to get you started:

• Gotoandlearn() – Getting started with AIR. Lee Brimelow
  
• Getting started with AIR on Linux. Mike Chambers
• Adobeairtutorials.com.
• 101 AIR Resources.

2. Flex / Flash

Adobe Flash CS3

Adobe Flex 3

Now, these technologies are a lot more mature than AIR. Flex is on version 3 and Flash is almost at version 10. Nearly, if not all animation and creative sites are made using Flash technologies. The same thing using other technologies would take 10x as much work, and also when using Flash you have a universal platform. This means that Flash designers/developers can kick browser compatibility out the window.

With Flash, not only can it be a great tool to create with, but also a great tool to provide inspiration with. Now you may be thing that you can gain inspiration from anything. Now this is very true. For example, is it as easy to gain inspiration to get into web dev but looking at a PHP script, or looking at a cool animation done in Flash? Now the whole reason I go into the web, was because of Flash. I remember thinking how cool it would be to creating experiences like that, and even better, show them to the whole world!

Alternatively, you could use Flex, which is based on the Flash platform, for creating RIA (Rich Internet Applications). Flex is split into two parts, the Flex framework. This provides all the components, etc, that you build Flex applications with, then there is Flex Builder. This is a Flex IDE built on Eclipse. Flex Builder (now at version 3) is very good for getting the best out of Flex. It combines a visual GUI designer and a code view.

Flex was originally designed to be used by tradition coders and not designers, but now is evolving the same way Flash did, catering for designers and developers. Although Flex, I think it will always be more for coders than designers.

Now, if you combine Flex and Flash, you get a functional RIA but with a very fancy GUI. A lot of  was done in Flash, and the back end could be developed in Flex. This means that the traditional web app, will become a lot more interesting, but not lose any of its functionality.

Tutorial Links:

• Gotoandlearn() – Great all round Flash tutorials.
• Kirupa – Tutorials on everything!
• Flash Perfection.
• Flex.org – The heart of Flex.
• Adobe Flex Developer Center.

3. HTML / Javascript / Ajax

Ajax

Now onto the most tradition web technologies. These have been used since the early days of the web (apart for AJAX). The backbone of the web is HTML. This, in it’s self, cannot do much. This is where Javascript and other languages come in. These can be combined with HTML to provide much more functionality. This could be animation using something like Moo Tools, or a CMS using PHP/Ajax.

I haven’t had much experience using these technologies. Flash is my main one, but when I first for into web, I used HTML is extensively and also I got to know PHP.

These different technologies are now being combined with Flash, and each other to provide more complete web sites/apps.

Getting started:

• W3Schools.
• HTML Code Tutorial.
• HTMLTutorials.ca.
• Page Tutor.

Conclusion:

Well, now you know what the main aspects of some of the main languages. It really depends on what you want to do. If you want to make animations etc, then go for Flash. For RIA , use Flex. If you want to just make anything else, then you could use a combination of these languages, or see which one makes the task you need the easiest.

Harry.