Digital ad agencies are here to stay.

Conventional Advertising agencies have been leading overall brand strategy since their dawn, while digital ad agencies are relatively recent to the mix. There are however, conventional ad agencies that have aquired small digital shops or grown the talent right under their own roof and have all the right mix.

Digitally integrated advertising agencies should lead overall brand strategy for marketers in the next 5-10 years. Marketers are realizing that offline and online have to be integrated, and agencies with the leg-up are those with all criteria:
conventional agency processes, strategic capabilities, emerging channel expertise, forward-looking creative vision to meet clients' demands, strategic web design and UI, robust measurement and analytics capabilities.

An IDEA. (The Definition)

IDEAS must be simple unexpected concrete credible emotional stories!
An environment for the successful idea needs to offer practical insights that creative teams can use to generate and champion these well-constructed ideas; within their environment.

Creative professionals are acutely aware of the ongoing need to develop good ideas and communicate these ideas in compelling ways. However, it takes more than good ideas to achieve maximum business success. Creative teams must make certain these ideas are memorable, understood, and have a lasting impact to change the thoughts and behavior of the people who are the focus of one’s attention.

Apple Ultra-Thin, Sub-Notbook in January?

The January 15th keynote for IDG's Macworld San Francisco expo will see Mac Pros using new 45-nanometer, quad-core Xeons based on Intel's Penryn architecture, the French outlet reports -- systems which AppleInsider said earlier this year were dependent on Intel's supply of new processors before manufacturing could begin, and which would be available by the early 2008 event. These will clock up to the predicted 3.2GHz and use new video cards, including NVIDIA's latest Quadro FX workstation models. A Blu-ray drive should also be an option, the site claims.

As significant as these updates may be, the report also cites sources which point to the release of Mac OS X 10.5.2 as being instrumental to the hardware upgrade. Apple software engineers are reworking Leopard code to optimize it for the SSE4 instructions found within Penryn and the architecture as a whole, both of which promise speed gains above and beyond clock speed boosts.

This update will be the most significant interim upgrade for Mac OS X ever made by Apple, according to the rumor.

Source: Apple Insider

What's the deal with portable content

RSS FEEDS
RSS (short for really simple syndication) is a way to receive regularly updated web content and gather it in one place for easy reading. Instead of constantly checking multiple blogs, news sites, podcasts and other sources throughout the day, one can subsrcibe to "feeds" with an RSS reader (often referred to as an "aggregator"), which will automatically keep itself updated with the latest developments as they happen. It's an efficient and pain-free method of keeping tabs on the world.

More information on RSS

Recommended RSS readers:
Google Reader
NetVibes
Bloglines
NewsGator

Some publications create widgets that allow one to easily rebroadcast snippets of stories on your blog, Facebook profile, iGoogle homepage, etc. Each would most likely contain small chunks of the most recent stories, and readers can see the full text of each when they click a headline.

SAVE & SHARE
When you find a particularly interesting story, there are several ways that you can bookmark it and share it with others. These services are all free, but some form of registration is required for each.
del.icio.us
del.icio.us allows you to bookmark a page and add tags, or descriptive keywords, to identify it. You can then share your del.icio.us page with colleagues and your saved bookmarks will be grouped with similary tagged pages from around the web.
Digg
When you "Digg" a story, it gets added to the site, where other users can Digg it themselves if they like it. When a page receives enough Diggs, it moves to the top of the list and gains more attention.
Reddit
Reddit works in a simliar fashion to Digg. You submit a page, other users vote up or down on it, and stories with the most positive votes rise to the top of the heap.

PAPERVISION 3D

An interview with Mike Chambers about the Papervision3D V. 2.0 said to release sometime before the end of this year ! This looks amazing, 3D all in flash and AS3. Making the web a bit more 3D!

Interview Video Here


Find out more about papervision here


Some projects that really show it's capability

earth mine
SONY Bravia

Creative Brief — The Truth

Successful Creative Briefs should link business objectives and creative strategies together.
In-house creative teams should be looked upon as trusted, value added problem solvers. A creative brief when properly developed and adhered to will promote internal power partnerships and eliminate power struggle.

Call them what you will – “creative briefs,” “design briefs,” “marketing briefs,” “communications briefs,” or even “objectives and strategies statements” – the actual name is less important than helping creative and marketing professionals to fully understand and appreciate their potential value to any design initiative within your organization. The reality is, however, that many designers and their clients have yet to completely embrace the creative brief as a vital part of the design process to share valuable information, build consensus, align expectations, and set clear objectives. The creative brief – when properly developed and adhered to – is one of the most valuable tools in the design process, providing a vital connection between business objectives and creative strategies. For clients, account managers, and creatives, a clear and well-prepared design brief can help make a project, just as a long-winded and unfocused brief can lead to its ultimate demise. While briefs should be customized to each individual discipline, company, and project, there are some common techniques that you can use to help ensure that your organization is not only creating impactful briefs, but also getting the most out of them.

The Creative Brief: What is it and Who Decides Whether to Use One?

The creative brief is a written document that summarizes – comprehensively and concisely – both the business and creative requirements for a specific project or relationship. It is not a proposal, RFP or initiation form, but instead the brief details the overriding business objectives. A brief digs deep into a project and identifies the main factors that drive the entire creative strategy.

When developed by clients or designers working independently of each another, cut and pasted from pre-existing irrelevant documents, or written on the fly without any significant customer, market or competitive research, a creative brief can become more a hindrance than a driving force in the overall design process. If half-heartedly put together without the input of key stakeholders, it can actually confuse a project’s overarching goals while sabotaging any real chance for success.

But if properly developed, a brief can mean stronger business results and a more cohesive and efficient creative process. “A well-written design brief is a written agreement, or contract, between the parties involved with the project,” writes Peter L. Phillips in his book Creating the Perfect Design Brief: How to Manage Design for Strategic Advantage. “A design brief is also a road map, if you will, that defines the various steps that will be followed from the inception of the project to its completion. Design briefs must include a considerable amount of both business strategy and design strategy.” As Phillips himself admits in his book, he is “quite taken” with the title “innovation brief,” a term commonly used in Europe, because he likes what it implies about design being an innovative or strategic business process.

The One-Size-Fits-All Brief Often Fails to Fit Anyone

The individual tasked with writing a brief must understand that the document cannot cover everything, from high-level strategy to print specs. The most effective brief begins with a templated format that can be automated, easily completed, and customized to meet specific client needs.

Demonstrating the Brief’s Value – and Your Own – to the Client

Tell the client in every communication that the brief is an integral part of your process. If they know about the brief in advance, they can allow time in their budget and schedule for it. Include a description of what the brief is and its purpose as a deliverable during the planning phase and you’ll likely get more clients to sign on for this step of the process.

When the designer is not directly involved in developing the creative brief, miscommunication and misunderstandings can arise. On the other hand, when designers participate and lead in the process of creating a design brief, they express and reinforce the value of their insight and contribution. They also reiterate their role as the client’s partner, rather than a vendor, an artist or someone who simply executes ideas, and ensure buy-in to the entire process. Clients who include designers in the research and development process gain from the designers' insight and industry expertise. Both benefit from a mutually agreed upon set of expectations, objectives, and success criteria.

If you are a designer handed an already finished creative brief, you must decide how to best interject yourself into the brief’s development process without disregarding – or alienating – the client. Instead of discounting work already done, simply rename the document (for instance, as an objective and strategy document) and build upon what’s there, adding your own thoughts to make it even more useful. This way, you demonstrate that you appreciate your client’s efforts, and you prove your own value and willingness to collaborate. Many designers fail to be seen as total partners because they work on a “one-off” project basis without selling more integrated, bigger-picture strategic thinking. Whether based on your client’s initial information or created jointly with them, the creative brief is one way to incorporate strategy into the relationship and be seen as valuable, long-term asset.

Writing Your Brief: Who to Include and When to Begin?

Anyone with a true stake in the project should play an active role in the brief’s development, including the entire creative team and the client’s key stakeholders. Identify those responsible for writing the brief, and most importantly guiding/managing the project both internally and externally. Also include those individuals who contribute both internally and externally, as well as those who have the necessary insight into the project and the clout and expertise to make all critical decisions during the process – the approvers.

Briefs are best written at the start of any relationship, prior to the development of a specific design solution, but after the research and discovery phase. The process of developing a creative brief generally includes the following steps: identifying key stakeholders, decision makers and those individuals on your team who will be part of the process; reviewing any relevant background material provided by the client (including existing market research, business plans, audience profiles, branding guidelines, etc.); conducting a planning meeting with the client and stakeholders; conducting research to dig deep into individual issues and preferences before arriving at a collective decision; discussing conclusions and key information gathered from the research; discussing creative strategies; obtaining stakeholder buy-in to conclusions; and finally, drafting and issuing the brief for feedback and final approval.

The brief should provide a clear set of expectations and summarize everything you’re learned during this process, including findings and related recommendations. It’s your opportunity to align the client’s business objectives with your creative strategy. Depending on how extensive the research is, and how long any feedback and approval takes, the entire creative brief process can take anywhere between 1 week to 3 months.

Typically the account person crafts the brief since they are closest to the client. “Ideally it’s a working session with the account person and the entire creative team to reach consensus on the brief’s content. Afterwards, one person on the team writes the actual brief based on the meeting’s results, and this document then goes to the client for input and buy-in.”


Content Guidelines for a Compelling Brief

Although there is no one “right” way to develop a creative brief, there are certain guidelines you should consider following when beginning the crafting process (keeping in mind that to be most constructive, any content should be customized for each specific project or relationship).


A Good Brief Cuts to the Chase…

Economy of words is key, you are defining the space within which the creative team should design and then you need to let them do their job. The objective is to set goal posts for them without infringing on their territory.

Mark Twain’s quotes, “I didn’t have time to write a short letter, so I wrote a long one instead,” to illustrate his point that it’s more challenging to write a short brief because more time is needed to polish the content – and that means more time up front defining and refining objectives and strategies to make them specific and targeted.

There’s a direct correlation between design and strategy. If the creative is off that means the initial strategy – and the creative brief – missed the mark.

Conclusion

Because the creative brief is intended to be a comprehensive strategic map for the entire design project, it’s essential that all key team members be involved from the outset. For the designer, the brief can reinforce you as a strategic partner in the process. For the client, failing to include the creative team likely means they won’t be fully immersed in the project or your objectives. By collaborating with the designer from the beginning of a project, you will ensure their buy-in and understanding, gain from their creative expertise, and have a clear, mutually agreed upon outline of goals and success criteria.

Make sure your brief is a user-friendly, visually-appealing document that people will actually make time to read. Each design organization must create its own specific set of standards, processes, and guidelines when developing a brief. As the first tangible results of any collaboration between client and designer, the creative brief can be a meaningful barometer of the interest – and ability – of both groups to forge a working relationship that encourages teamwork, honest discussion, and clear, open lines of communication. In the end, I think what matters most is that creative and marketing professionals understand the potential value of this important business tool to any design initiative and toward building a solid, mutually rewarding partnership.

Technology is NOT the master!

Interactive design is a medly of electronic displays, kiosks, animations and videos, video games, cell phone/device interfaces and websites. It surrounds our everyday lives and we come into contact with it throughout our day in our world today!

It is essentially the meshing of graphic design/animation/interactivity created on the computer, with appreciation of technical constraints and an understanding of ALL THE POSSIBILITIES of technology .
Technology is always the servant, never the master!

Technorati

Technorati Profile

It's unbranded—add a logo..now it's "branded"

I was recently challenged to defend my reasoning of why a proprietary unbranded interactive program was designed "unbranded". Further questions delved into what it would take to "brand" a interactive program such as this. This led me to a discussion of branding in general...

A brand is the accumulation of perceptions in the mind of a consumer. Sometimes people say brand, when they really mean : logo, graphic design, packaging or ad campaigns....these are just the things that factor into the "accumulation of perceptions" that becomes the brand.

The brand is built through the total experience it offers, and in this case there is a hard line between a branded and unbranded project. Since effective branding is about the experience and memorable value derived from that particular brand—not just instant information, and the nature of this particular program was "information" , and the educational derivitive of that information, supported by peer perception, key opinion leaders and clinical evidence.

Simply injecting an "accumulation of perceptions" into an interactive program that is based on evidence, would seemingly conflict with, or possibly negate—such a source of trusted information—hence possibly working against that brand. On the other hand if the expectation of such a program is that the information is being derived from the brand, encompassing all the perceptions that that particular brand stands for...whell, then creating it in a "branded" fashion would undoubtebly aid the objective of the program, and it's approach in design and development should be optimized to support a "branded" strategy.

Digital StoryBoarding ?

I like this product !
Save Time, update Storyboards quickly, present super-professional storyboards to your clients, export with script or as animated files.
check it:
visit Toon Boom StoryBoard PRO

Untraditional Media Vehicles—become Traditional

Source : New York Magazine (JULY 2007)

Is there a threat to the traditional agency model, with a stable of "creatives" trained to provide print, radio, television ads to a passive audience?
If you're a big marketer, why would you hire an enormous staff at great expense when you could have somebody like those guys who made the funny JibJab video about Kerry and Bush, the one that everyone saw and loved, for relative pennies?

Here's a story of a really effective, very untraditional campaign by Amalgamated and Deep Focus, another small agency, on their highest-profile campaign to date for Court TV's Parco, PI.

It started last summer with a billboard on Houston Street, one that read in block letters:

Hi Steven,
Do I have your attention now?
I know all about her, you dirty, sneaky, immoral, unfaithful, poorly-endowed slimeball.
Every thing's caught on tape.

Your (soon-to-be-ex) Wife, Emily.

P.S. : I paid for this billboard from OUR joint bank account.

Many New Yorkers and whoever else cared to check soon stumbled on a blog by "That Girl Emily," which gathered a million hits in a few days. At Deep Focus, a copywriter spent weeks playing Emily, logging entries and answering emails. She crafted a love story that started months before the billboard went up and ended with "14 Days of Wrath", an elaborately staged retribution that included a BMW spray-painted "I Hope It Was Worth It" getting towed around New York City, and an actress tossing Steven's belongings out of an SUV near Bryant Park. The events were filmed and slipped into YouTube and posted under titles like "Angry Wife Rampage!" That one gathered 284,275 views.

Source : New York Magazine (JULY 2007)

1080i, 720p...what is this ?

The older TV sets, that we grew up watching were called stadard definition—480 lines of picture stacked on top of one another to make up the picture. Pretty sore quality campared with today's standards. The TV refreshed itself 30 times per second (30 FPS, frames per second), it lacked the horsepower to process the full image on each scan. So it just drew every other line, and updated the remaining lines on the next refresh. The images flitted so fast that your brain stihed the two sets of lines together. It is called interlacing, and the screens display properties would be called 480i, i for interlaced.

HD boosts 720 lines or more that can update every line in every refresh pass, progressive scan. The latest TVs can display 1080p. 1080p sources right now are limited to blue-ray and HD DVD players, as well as a few video games..and cable services top out at either 720p or 1080i.

When the action speeds up, things get a bit trickier, TVs use complex algorithims to account for faster moving objects that change positions between frames, guessing which part of the image has changed. A wrong guess leads to visual artifacts and ghosting.

Those are the basics, of HD for consumers out there right now.

1 LAPTOP PER CHILD

There has been talk about this for a while, starting with a research project at the MIT Media Lab has a plan for getting $100 laptops in the hands of millions of people around the world. One notable feature is a hand crank for providing power in places where electricity is undependable or unavailable.



EDUCATION FOR EVERY CHILD IS HERE !!!
Now here's an article published by th
New York Times on OCTOBER 4TH 2007

In November, you’ll be able to buy a new laptop that’s spillproof, rainproof, dustproof and drop-proof. It’s fanless, it’s silent and it weighs 3.2 pounds. One battery charge will power six hours of heavy activity, or 24 hours of reading. The laptop has a built-in video camera, microphone, memory-card slot, graphics tablet, game-pad controllers and a screen that rotates into a tablet configuration.



A laptop for third-world children has a camera, communications ability and a high-resolution screen. Buy two: keep one and the other goes to a child overseas.




And this laptop will cost $200.
The computer, if you hadn’t already guessed, is the fabled “$100 laptop” that’s been igniting hype and controversy for three years. It’s an effort by One Laptop Per Child LAPTOP.org to develop a very low-cost, high-potential, extremely rugged computer for the two billion educationally underserved children in poor countries.
The concept: if a machine is designed smartly enough, without the bloat of standard laptops, and sold in large enough quantities, the price can be brought way, way down. Maybe not down to $100, as O.L.P.C. originally hoped, but low enough for developing countries to afford millions of them — one per child.

The laptop is now called the XO, because if you turn the logo 90 degrees, it looks like a child.
O.L.P.C. slightly turned its strategy when it decided to offer the machine for sale to the public in the industrialized world — for a period of two weeks, in November. The program is called “Get 1, Give 1,” and it works like this. You pay $400 (www.xogiving.org). One XO laptop (and a tax deduction) comes to you by Christmas, and a second is sent to a student in a poor country.

The truth is, the XO laptop, now in final testing, is absolutely amazing, and in my limited tests, a total kid magnet. Both the hardware and the software exhibit breakthrough after breakthrough — some of them not available on any other laptop, for $400 or $4,000.

In the places where the XO will be used, power is often scarce. So the laptop uses a new battery chemistry, called lithium ferro-phosphate. It runs at one-tenth the temperature of a standard laptop battery, costs $10 to replace, and is good for 2,000 charges — versus 500 on a regular laptop battery.

The laptop consumes an average of 2 watts, compared with 60 or more on a typical business laptop. That’s one reason it gets such great battery life. A small yo-yo-like pull-cord charger is available (one minute of pulling provides 10 minutes of power); so is a $12 solar panel that, although only one foot square, provides enough power to recharge or power the machine.

Speaking of bright sunshine: the XO’s color screen is bright and, at 200 dots an inch, razor sharp (1,200 by 900 pixels). But it has a secret identity: in bright sun, you can turn off the backlight altogether. The resulting display, black on light gray, is so clear and readable, it’s almost like paper. Then, of course, the battery lasts even longer.
The XO offers both regular wireless Internet connections and something called mesh networking, which means that all the laptops see each other, instantly, without any setup — even when there’s no Internet connection.

With one press of a button, you see a map. Individual XO logos — color-coded to differentiate them — represent other laptops in the area; you connect with one click. (You never double-click in the XO’s visual, super-simple operating system. You either point with the mouse or click once.)

This feature has some astonishing utility. If only one laptop has an Internet connection, for example, the others can get online, too, thanks to the mesh network. And when O.L.P.C. releases software upgrades, one laptop can broadcast them to other nearby laptops.
• Power users will snort at the specs of this machine. It has only one gigabyte of storage — all flash memory — with 20 percent of that occupied by the XO’s system software. And the processor is feeble by conventional standards. Starting up takes two minutes, and switching between programs is poky.
• Once in a program, though, the speed is fine; it turns out that a light processor is plenty if the software is written compactly and smartly. (O.L.P.C. points out that despite gigantic leaps in processing power, today’s business laptops don’t feel any faster than they did a few years ago. The operating systems and programs have added so much bloat that they absorb the speed gains.)
• The built-in programs are equally clever. There’s a word processor, Web browser, calculator, PDF textbook reader, some games (clones of Tetris and Connect 4), three music programs, a painting application, a chat program and so on. The camera module permits teachers, for the first time, to send messages home to illiterate parents.
• No, the biggest obstacle to the XO’s success is not technology — it’s already a wonder — but fear. Overseas ministers of education fear that changing the status quo might risk their jobs. Big-name computer makers fear that the XO will steal away an overlooked two-billion-person market. Critics fear that the poorest countries need food, malaria protection and clean water far more than computers.
• (The founder, Nicholas Negroponte’s, response: “Nobody I know would say, ‘By the way, let’s hold off on education.’ Education happens to be a solution to all of those same problems.”)
• But the XO deserves to overcome those fears. Despite all the obstacles and doubters, O.L.P.C. has come up with a laptop that’s tough and simple enough for hot, humid, dusty locales; cool enough to keep young minds engaged, both at school and at home; and open, flexible and collaborative enough to support a million different teaching and learning styles.
• It’s a technological breakthrough, for sure. Now let’s just hope it breaks through the human barriers

Merging Design and Development in a 2.0 World

Mired in the goo and muck of old-school thinking?
throw out your old processes and start collaborating in an agile and innovative way.

NOW new approaches.!!
Explore how to be courageous, radical and innovative to erase the hard line between front and back design and development teams.

Source:
Microsoft MIX07 Getting UNSTUCK

This is a tremendous video, speaking about today's possabilities, where in the past proved to be challenges.
Today we can much more easily collaborate and synergize, our knowledge and abilities are able to mix, attitudes are up and in the 2.0 world Creative Possabilities Rein !!!

Below are some images from the video :





FLASH NOW !!

Flash has grown to be so much more than it was ever intended to be.

Al Mandel, who helped market the original LaserWriter at Apple and later had several high-level positions at AOL, used to say, "The step after ubiquity is invisibility," by which he meant that once a technology had reached the point where everyone had it, then people simply forgot about it and from then on assumed it would be there. Invisibility is a good thing because it means there will always be a market for your product. It is quite rare for software to become invisible. Microsoft Windows still hasn't made it, though html and zip encoding have. In terms of software applications, I can think of only two that have reached the point of ubiquity and hence invisibility -- Flash and PDF, both of which come from the same company, Adobe Systems, and being the owner of two invisible technologies makes Adobe more powerful than most of us can even imagine.

Adobe is moving into developer tools in a big way to support its grab for mindshare in the interactive/rich web application space where much of the excitement lately seems to be. Some people think of this as Browser Wars 2.0, but I think it is more fundamental than that. Here are the players. Microsoft is putting massive resources behind Silverlight. Sun is trying to take Java to the next level with Java FX. Mozilla is trying to improve its position through AJAX, Canvas support, and better offline support. And Adobe is leaning hard on Flash, Adobe Integrated Runtime or AIR (formerly code-named Apollo), and Flex. My money is on Adobe simply because of those two invisible weapons, PDF and Flash.

What could PDF, Adobe's Portable Document Format, possibly have to do with this? It's a 30+ megabyte download living right now in more than a BILLION computers. Same for Flash -- a BILLION computers. That's more than 60 megabytes of Adobe code living in nearly every computer on every desktop or laptop in the world -- greater market penetration by far than even Windows enjoys. And what's IN there? Nobody outside Adobe really knows. Is there room in that 60 megabytes for the Adobe Reader, Flash, and a few hooks or applets Adobe might throw in to assist with some future product or service roll out? Sure, why not? That's the power of invisibility.

But invisibility offers no advantage to those who can't follow through. That's not Adobe, by which I mean that's not Flash, which has grown to be so much more than it was ever intended to be.

By itself, Flash has had an amazing evolution. We started with Java applets right? What happened to those? (They're actually making a slow comeback with many of the original issues fixed.) Flash did Java applets right. In fact they did it so right, I imagine Flash adherents will be offended with just comparing the two.

The folks at Macromedia (now Adobe) saw some amazing shortcomings in other web-based execution systems and simply did it right. Java applets were fantastic with major shortcomings (huge Java runtime, poor performance, clunky and ugly interface, etc). Flash fixed all or most of those. And Flash does cross-platform so much better than Java ever did.
If it sounds like I am more or less writing off Java despite Sun's recent announcement of Java FX to directly compete with AIR and Silverlight, well I am. Adobe is far more focused than Sun on this market segment and there are just as many Flash developers as Java developers.

So where is Adobe headed with this? Traditionally we'd expect a fight with Microsoft for the desktop, but I think Adobe is headed in a different direction, toward mobile and embedded devices, with the desktop variants like AIR primarily intended to make sure there is something for all those mobile devices to link to. Here's a clue. Describing why Adobe bought Macromedia (it was to get Flash) an Adobe employee said, "We tried everything, but we couldn't get Acrobat small enough to work on a cell phone. You can do a Flash interface that's a fraction of the file size."

Expect Flash in everything and perhaps even Flash in a chip. Deploying software in hardware is the ultimate DRM.
Think about anywhere you see a graphical user interface that isn't attached to a PC -- kiosks, high-end TV remote controls, touchscreens, ATMs, cell phones, digital cameras, VCRs, DVRs, GPS systems, set-top boxes, computer monitors, televisions, elevators, the Toyota Prius, medical equipment, Point of Sale systems, the "cash registers" at McDonalds -- everywhere, really.

In each case, the user interface was probably developed by a specialized team for specific hardware. The team may have limited training in GUI design or usability, the interface may not be portable across new device models, and the development tools may not be very evolved, which would slow the GUI creation process.

Flash potentially solves all those problems AND creates new opportunities.

Flash is well understood, and the development environment is highly evolved and therefore efficient. There are many experienced Flash designers, so the pool of available talent is potentially much larger. GUI design can be done by people who don't require intimately specialized knowledge of the underlying hardware. GUI elements would be portable across device models and even device categories. Think how the right-facing triangle of the "Play" button started on tape recorders, moved to VCRs, and is now on CD players, DVD players, DVRs, iPods, and any hardware or software that records or plays back content.

GUIs would evolve much more quickly and cost less to create. There could be standard interface libraries for all types of uses, and the similar GUIs would lower the learning curve for users. Talented interface designers would be in demand. User interfaces would be potentially upgradeable. More interesting, GUIs could be user-specific: the same cell phone might have a "Grandma interface" for one user, but a very different GUI for teens. And there's no reason why that should stop with cell phones.Funny, the latest release of Adobe Creative Suite lets you prototype interfaces for various cell phones, so this strategy -- at least in its embryonic form -- has now been expressed as code.

But let's take it a step further. Once you own the interface to every mobile device you can make those devices talk more easily to your networked applications than possibly to those from Apple, Microsoft, or Sun. As we move toward a fully mobile Internet, compliance with mobile APIs will be more important than what operating system is running on the server, which is why I believe Adobe is putting so much effort behind AIR and Flex.

Source : PBS.org and Robert X. Cringely

Flash Player Penetration

As many of us know the flash player has penetrated so deeply that it's content can reach 99% of Internet viewers !
Adobe® Flash® Player is the world's most pervasive software platform, reaching 99% of Internet-enabled desktops in mature markets as well as a wide range of devices. Below are some image clips directly from the ADOBE® web site.

flash design
flash design

Concept Design : Strategic Design Solutions for Today's Art Directors and Designers

Concept Design is a new publication just published by Fora, the R&D division of the Danish Authority for Enterprise and Construction, that is recommended reading for those working on the strategic side of design.

The study focuses on how design can be utilised together with other disciplines to create new solutions to the global challenges faced by the private and public sectors in the twenty-first century, and draws up a map of the proliferation of concept design companies in Denmark, in Europe and the US, and their areas of work.

Download the PDF here (18 mb)

TIP!
Print it out !! It's 115 Pages. Print from Acrobat, DO NOT USE Prieview (on a MAC) some pages are spreads and Acrobat handles them better.

Optimization [SEO] Within Your HTML Page

Here are some helpful ideas on where to get keywords into your HTML code for Search Friendly code.

Remember these are very basic techniques, It takes a great deal of time and work to propery search engine market your website, it usually takes from 3 to 6 months to see results, but nonetheless these basic things do offer some help.

Title Tag

The title tag of the web page is the first tag where search engine spider crawls and according to your title tag optimization gives the place on their listing of search and ranking. Place your primary keywords 2-3 times but as key phrases.

Meta Description Tag meta content="”keywords1," name="”description”"



The second tag of the web page is meta description tag. This tag is used for providing short summary what is all about the page contains. While optimization this tag place your primary keywords with the sentence. So that it comes up with keyword rich meaningful sentences.

Meta Keyword Tag meta content="”keywords1,keywords2

The third tag of the web page is meta keyword tag. This tag is used for keyword stuffing or place primary keywords for search engine bots. Place primary keywords not as a list but atleast 4-5 prime keywords.

Heading H1, H2…..H6 tag h1 keywords1, keyphrases

The another very important tag of the web page. H1, H2 tags are the main heading tags where visitors as well as Search Engines comes to know the site meaning. Or what are the services the website providing. While optimization on this heading tag, people stuffs with keywords. To optimize this tag place your primary and secondary keywords as sentence.

Alt Tag img= alt keywords1, src="http://www.blogger.com/”image.jpg”


The common thing of the web page is images. And image contains alt tag which is very helpful for search engine optimization. This alt tag is the best place for keyword stuffing. Many website I have seen that having only graphics no more text there. But behind this graphics or images they place their website content on this alt tag. To optimize this tag place your primary keywords as plurals too, not more than 40 words.

Anchor Title Tag a title="”keywords1,"


One of the helpful and important tag of the web page is anchor tag. This tag is used for navigations and to redirecting the source page. While optimizing this tag place your primary keywords on the title area. It boost the web page and helps to build the website rich content.

Content

Content of the web page is all about helpful in search engine optimization. Many times i seen people stuffs their keywords as content to get highly noticed by search engines. And their website is not yet ranked too and many of them write their content very nicely with few primary keywords between the content. While optimizing the content of the web page, place your primary and secondary keywords very few but with the meaning of content.

These are the main areas where you can optimize your web page. And it helps you to improve your website ranking and positions on search engines.

Customizing Right-Click MENU for Flash

That Adobe® Flash® tell-tale right-click flash menu, ever wonder about changing it ? Adding your own links, or removing items from the list, here's how...

right click 1

right click 1

Animation Basics

Bringing your Animation to Life
Using keyframe animation, it is too easy to create dull, robotic animation. Linear paths make for lifeless animation.

Anticipation and Follow Through
Naturally, before an object with awareness moves forward, it anticipates the motion, by moving backwards slightly, first. After finishing the forward action, it doesn't completely come to a stop all of the sudden- it pulls back a little bit. This should be especially apparent if the action doesn't ease out.

Natural Movement
To create a more natural, and interesting animation, allow your object to pull back momentarily, before easing ahead.
This is the first step to creating natural looking animation. You can use this technique animating anything which moves, rotates, or scales.

Squash and Stretch
When an object squashes and stretches, it appears to be composed of a softer, organic, elastic material. Objects which do not stretch appear rigid and plain. Subtle exaggeration can grossly enhance an animation's illusion of realism, and make it more stimulating to watch. Overexagguration can make an animation look clearly unrealistic, and cartoon-like.
For most natural animation, good to keep exagguration quick and subtle.

Direction and Flow
Maintaining direction adds a sense of consistency throughout your Flash scenes.
Every object can enter the frame from the right, and exits to the left. This ensures that everything is generally going the same way, and it will not overwhelm or confuse the viewers eye.

Flowing into a collision
Direction can be used to illustrate opposite, or conflicting things.
Even though objects are not visible on the screen together until the final shot, the viewer knows that they are heading towards eachother, and can anticipate the collision.

Conflicting direction :: Staging
Staging is the communication of an action so that it is blatantly obvious to the viewer.
To experience the gross effect of an action, it is important to focus the viewer's attention to where the action occurs. This can be done by creating a strong contrast between the focus, and the rest of the scene. Attempt to lure the viewer's eye to the focal point before the main action even occurs. Bonus points, if you can do it without using obvious symbols such as arrows.
Contrast can be acheived with violent actions, varying speed, or opposing colors. A bright object will have focus in a dull scene, or slow moving text will stand out in a sea of objects constantly whipping by.

A properly staged object should be recognizable just by it's silloete. This applies to complex flash animations, as well as 3D scene layouts.

A good animation can lose it's gross effect if it is not staged clearly- the viewer should always know exactly what's happening, and have somewhere to focus on within the scene.

PANTONE® New Tools to inspire collaboration of Print and Interactive Media

GOE: New Pantone Matching System

Visit the PANTONE® Site

flash design
flash design

GOE is the new colour system launced by the PANTONE®, available from the 1st October 2007.

"With more than 2,000 new PANTONE Colors, the PANTONE Goe System is designed to inspire creativity and fulfill the requirements of a fast-changing, technologically advancing industry. PANTONE Goe is more than a single product with exciting new colors; the System includes modern tools and interactive software to drive collaboration and improve versatility in an increasingly global, multimedia environment."

Pass Variables From Flash to HTML

Until recently the most well-known and widely-used method for transferring variables of a Flash movie from HTML-view, was the addition of the segments to the URL of .swf-document, as shown below:

flash html code image1


Essentially, this is nothing other than the GET method, so it does not allow "hooking on" more than 256 symbols to the address line, and in other words – the transference in a clip of a large quantity of variables or their long line values. But this is not its main disadvantage, since in most cases of these parameters, the length of the query is absolutely sufficient. The basic disadvantage of this method is that when changing the lines of parameters, a Flash clip once again downloads from the server to the client's computer and if its size is sufficiently big, then during every change to a new HTML-page, it is necessary to wait for the page to reload – losing all meaning of using this method.

In Flash-Player's 6 th version, a new parameter, called FlashVars, has appeared, which facilitates sending Flash-clip variables from their HTML-view. The method of using it is shown below:

flash html code image2

Variables are given in the root ( _root ) foundation of a Flash-clip ( _level0 ).

Advantages: This method of sending variables of a Flash clip converted to HTML-view removes the limitations and disadvantages of the GET method.

The History of the iPOD

I found this visual chart in an article in the Wall Street Journal.

Click Here for a larger image

iPOD Chart

Animator VS. Animation

If you have worked with Flash...
Check out this AMAZING Video from ALAN BECKER !

It was forwarded on to me by a colleague.

Credit: ALAN BECKER



Source: Deviantart Website Source

High Definition to Flash Videos from ADOBE

Adobe is expected to announce the release of a beta version of its Flash Player, code-named Moviestar, that adds support for H.264, the video compression portion of the MPEG 4 standard.

The updated Flash Player also will be able to take advantage of hardware acceleration in most PCs' graphics cards and is optimized for dual-core processors, said Mark Randall, chief strategist for dynamic media at Adobe. It will support HE-AAC version 2, a more efficient audio compression standard that is also part of MPEG 4.

The new features will be made available in the fall as part of an update to Flash Player 9.

Support for the H.264 standard will lead to more Web video content being available in high definition, Randall said. He said Adobe chose to support the standard now because it is being adopted more by content producers and media distributors like cable companies.

Flash is a de facto standard for streaming video used by YouTube and other high-volume Web sites.

But Microsoft is challenging Flash's dominance in Web video with Silverlight. Microsoft has signed on large video publishers to use Silverlight, including MLB.com.

Silverlight supports Windows Media Audio and Video and another video compression standard based on Windows Media called VC-1. Microsoft has not announced plans to support H.264, but a representative said the company could add support based on customer feedback.

Featured on FLASHKIT

Featured Flash Site
7259 Flash Sites | 8 New Flash Links




» FEATURED on the Flash Kit home page

» Title: New York City Flash Design
» Comments: Micelistudios is the portfolio website of Steve Miceli.

Steve is an Interactive Creative Director for a major advertising agency in New York City. This website is a snapshot of some of his ideas, design, and motion design. Miceli Studios is dedicated to creating visual design and motion graphics in an interactive environment for a more engaging multimedia experience.

OnEnterFrame vs. SetInterval

onEnterFrame

my_mc.onEnterFrame = function() {
// your statements here
}

Event handler; invoked continually at the frame rate of
the SWF file. The actions associated with the enterFrame
clip event are processed before any frame actions that are
attached to the affected frames. You must define a function
that executes when the event handler is invoked.


setInterval

setInterval(functionName, interval [, param1, param2, ..., paramN])

Function; calls a function or a method or an object at
periodic intervals while a SWF file plays. You can use
an interval function to update variables from a database
or update a time display. If interval is less than the SWF
file's frame rate (for example, 10 frames per second [fps]
is equal to 100 milliseconds), the interval function is
called as close to interval as possible. You must use the
updateAfterEvent() function to make sure that the screen
refreshes often enough. If interval is greater than the SWF
file's frame rate, the interval function is only called
each time the playhead enters a frame; this minimizes the
impact each time the screen is refreshed.


well, this is from macromedia flash help file. now let's see
what they really does and how.

[1] supose, you have movie at 20 fps (frames per second), it means
that frames will change every:

1 Second = 1000 milliSeconds / 20 frames = 50 milliSeconds

[2] nice, but some movies fps will varry up to 20%, depends
on computer which plays movie and movie complexity. mainly,
flash player will resolve it by skipping some frames to keep
fps on rate. so it means that sometimes fps is not precious
as it should be.

[3] mostly used solutions for dynamic control of actions and
objects are onEnterFrame and setInterval. first one is event
handler and it is timeline dependent. the other one is function,
and it is timeline independent.

magic words "timeline dependent" and "timeline independent",
similar words but big difference.

[4] let's see what main diferences are.

onEnterFrame - can be invoked within movieClips (sprites)
and targets (objects).

setInterval - can be invoked within movieClips, targets and
as function for it self, whenever and wherever you need,
onFrame(50) for example and it is more precious than
onEnterFrame (see [2]).

onEnterFrame - will perform some action on every frame, so
it means that interval of action is timeline dependent and
can not be changed.

setInterval - will perform some action in intervals which
user defines and can be chaned any time, dynamically.

[5] typical use

onEnterFrame - mainly for action in accordance with fps,
which do not require time precision and rhythmical repeating.

setInterval - can be used for everything, but not neccessarily
if onEnterFrame suits requirements.

[6] examples of use

let's say you are making a clock, movie fps=20.

application must calculate teller position and to redraw it.

* if you use onEnterFrame, it will calculate position and
redraw teller every

1 Second = 1000 milliSeconds / 20 frames = 50 milliSeconds

means, 20 time per second, but on same position. that is
wasting of CPU.

* if you use setInterval 1000 milliSeconds, it will calculate
position and redraw it every second. meanwhile CPU will be
able to do something else.

another example

if you have some action that must be repeated in very short
intervals, eg. to control state and position of some object.

* if you use onEnterFrame control might be late and action
can fail.

* if you use setInterval you can control it in millisecodns,
(even 1ms) so it is likely that control will not be late.

regulary, very short intervas are used for calculations and
controls, if you try to repaint whole screen every 1 ms it
will be disaster.

normally, it would be silly to make movies with fps 100 just
to control some actions.

another one

if you want to draw something on screen or to repaint screen
or part of it.

* if you use onEnterFrame - it will repaint it in relativley
short intervals (depends on fps) and your eye will not even
catch it.

* if you use setInterval - do not use shrot intervals, unless
you repaint small part of screen. but in most cases onEnterFrame
will be better solution.


[7] conclusion

try to avoid wasting of CPU.

this way or another, be careful with both of subjects, couse
lot of issues at the same time can slow down application and
even hangs it.

Shoot anything. share everything.

Forget tapes, memory cards, and uncharged batteries. Forget big and bulky. Forget ever having to say "I wish you could have been there" again.

Starting today, what you see your friends see. And what makes you laugh makes everyone laugh. Starting today, there's Flip Video — a revolutionary, simple way to shoot video anywhere and send it to friends and family everywhere.

• Full 30 fps video quality at VGA (640x480) resolution
• MPEG-4 recorded video files saved in AVI format
• Flip-out USB 2.0 arm connects to PC or Mac
• TV viewing through Video Out (cable included)
• Built-in wide range microphone and speaker



Source: theFlip Video webSite

On The SURFACE with Microsoft

A Coffee table-shaped computer called "Surface".

Direct Link To The SURFACE Flash Website

Envision a time when surface computing technologies will be pervasive, from tabletops and counters to the hallway mirror

Designed to do away with the need for a traditional mouse and keyboard, users can instead use their fingers to operate the computer.

Also designed to interact with mobile phones placed on the surface, Microsoft says it will initially sell the unit to corporate customers. These will include hotels, casinos, phone stores and restaurants.

So-called "multi-touch" interfaces - which allow the user to move several fingers on a screen to manipulate data, rather than relying on a mouse and menus - have been making waves in tech circles for some time.

Apollo FLASH RIA and AIR

Adobe Systems has officially branded its rich Internet application (RIA) technology known as "Apollo" with the name Adobe Integrated Runtime, or AIR. The new brand name accompanies the first public beta, being released today (JUNE 11th 2007)

AIR is a runtime like Flash, Adobe's widely-used Web animation technology. Flex is the developer framework, which works in Adobe's DreamWeaver authoring software. Developers will be able to write one set of source code that can be executed within a browser using Flash, or on a desktop as an AIR applications.

All developers will need to do to enable their application to run in both environments is repackage it for AIR deployment. "That opens up a whole new set of capabilities that can be done on the desktop that couldn't be done in a browser," said Dave Gruber, group product marketing manager for Flex at Adobe .

Public beta 1, out today, is almost feature complete, but some features are not yet enabled, according to Mike Downey, evangelist group manager at Adobe. This beta includes features like much more support for AJAX developers thanks to full HTML support.

The HTML engine in the first public release was not even halfway complete, according to Downey. "It will be a huge improvement over what we did in beta 1," he told internetnews.com.

Public beta 1 will also support transparency in the app, so developers can build an HTML desktop app with its own custom chrome and transparency. It will also support PDF files and thanks to a partnership with Google , AIR will include support for the SQLite database.

The AIR runtime will be about nine megabytes in size, according to Gruber.

Adobe is also working on extensions to its authoring tools to publish AIR installer files, starting with DreamWeaver CS2. A CS3 version will follow shortly.

Flex is also being updated, with the third beta available today. Adobe is promising nightly builds of the Flex SDK, so people can get latest builds. Among the new features are support for AIR debugging, application packaging and signing, and integration with Adobe's suites, like Illustrator and Photoshop.

This beta separates the application logic from the frameworks. Previous releases forced developers to embed the Flex framework into the application, which made it fat.

Ray Valdes, research director for Gartner, thinks Adobe is taking the right steps. "There needs to be reduced discontinuity between browser and desktop apps through common programming models and tools. I would worry if adobe were not doing these things because all of these things are needed," he told internetnews.com.

He noted that while Adobe is going from the browser to the desktop, Microsoft is going in the opposite direction with Silverlight.

"That of course means a collision course. I think in some sense it's all good in that there are more choices for the developer and the user. I think that anyone who wants to compete will need to execute well, look at competitor offerings, realize it's a dynamic space and everything is a moving target," he said.

Source: www.internetnews.com

Stop All Movies :: AS2 Helpful code

//enter the movieclip you wish to stop this will stop the movieclip and all nested instances
//e.g if we enter stopAllMovies(_root) this will stop every movieclip. Of course if you are wokring
//with levels and have external swfs, then you can use levels instead e.g
//stopAllMovies(_level5);

stopAllMovies(movieclip);

function stopAllMovies(movie:MovieClip):Void {
movie.stop();
for (var i:String in movie) {
if (movie[i] instanceof MovieClip) {
movie[i].stop();
stopAllMovies(movie[i]);
}
}
}
About Stopping All Movieclips:
This snippet builds upon the last 'banner' snippet. Sometimes you not only want to stop the banner from looping anymore, but you need to also stop all the movieclips which are playing as well. This kind of functionality is ideal for use of a recursion. The following script will stop all movieclips in their tracks(of course you need to make sure if any of the movieclips are running due by virtue of a setInterval on onEnterFrame you will have to clear or delete them):



Explanation:
We call the function stopAllMovies sending it a reference to a movieclip (i.e the movieclip which we wish to stop as well as all the nested movieclips within it ). We stop this movieclip and then we loop through each variable i within the movieclip and then check if movie[i] references a movieclip. If it does we stop this movieclip. Now since this is a movieclip it can contain more nested movieclips, hence we need to call the function again, sending it this movieclip as a reference, and the process repeats until we have stopped all the movieclips. Calling a function from within itself is called 'recursion'. The name sounds scarier than it is!! Many times newbies to flash use recursion without even knowing they are doing so!

MapQuest Launches ActionScript API

MapQuest has launched a new, Adobe ActionScript API that will allow developers to use a robust toolset with the benefits of ActionScript 3.0.

Developers will be able to build rich applications with Adobe Flex or Adobe Flash software using a native API for ActionScript for better developer productivity.

"As an industry leading provider of geospatial web services, MapQuest has created a foundation for developers to bring a rich multi-media experience to end-users. Future enhancements will open up the possibilities even further, ultimately allowing developers to customize location-based applications that offer significant end-user control," said Christian Dwyer, Vice President of Business Solutions and Operations for MapQuest.

"Created to offer more choice, the new ActionScript API offers the possibility of enhanced interactivity, lower development costs and faster time to market while providing all the same great mapping, routing, geocoding and search feature sets that customers rely on from MapQuest."

MapQuest says because Adobe's Flash Player is available to 97 percent of the world's Internet-enabled desktops that developers will spend less time on cross-browser support and more on building applications.

"The API developed by MapQuest for ActionScript opens up new avenues for the Web 2.0 developer ecosystem, especially those who use Flash, Flex and Apollo to build rich Internet applications (RIAs) in the browser or right on the desktop," said Jeff Whatcott, Vice President of Product Marketing, Enterprise and Developer Business Unit at Adobe.

"Now, RIA developers can quickly and easily integrate MapQuest's mapping services into their Web 2.0 mash-up applications, enabling them to go beyond simple HTML to create more engaging, data-rich and interactive mapping applications."

Source: www.webpronews.com

Adobe holds the FUTURE of WEB Video

Adobe announced an expansion of its Flash Media Solution Provider (FMSP) program. They are going after content publishers by offering recommended partners to help those creators distribute their videos.

Those creators likely have in-house talent already working in Flash and other Adobe technologies, but the leap into distribution and hosting may be one that requires assistance. A Flash Video Streaming Service program would handle the hosting side, with delivery taking place across distribution networks.

Adobe's list of cohorts reads like a who's who in up and coming multimedia plays: Blip.tv, Motionbox, Podbridge, FeedBurner and Reality Digital. Plus, Adobe already has Brightcove, Maven Networks, and others in its FMSP program.

Between the ubiquity of the Flash player on computers, and the broad adoption of Adobe's other creative tools, the company could be positioned to steer some king-hell distribution business to its partners.

The launch of Adobe Media Player will have elements of control that content creators desired. That control, including the ability to keep advertising elements with videos if and when they go viral, presents a potent combination.

Adobe appears to have all the pieces in place to be the dominant force for enabling video content across a broad audience. Between creation tools, content servers (hosted or on-site), a media player, and distribution partnerships, it's tough to see Microsoft's Silverlight and Expression tools, or anyone else's, challenging Adobe today.

Tomorrow, who knows?

Source: www.webpronews.com

After Effects 2 FLASH Transform properties

WDDG and James 'Baker 1-9' recently launched its killer new site using
an early version of After Effects 2 Flash: Transform Properties for the jitter effect.

After Effects 2 Flash-Transform Properties is an Extension with
the objective of enhancing the integration between After Effects (AE)
and Flash by enabling you to export Transform Keyframe data out of
AE as an XML file, automatically import and parse that data, and map
it to properties of MediaClips in Flash. This version allows you to
export Position (x, y, z), Rotation (degrees), Scale (xscale, yscale),
Opacity (alpha) and Anchor values and map them to MovieClip Properties
(_x, _y, _rotation, _xscale, _yscale and _alpha) in Flash. For example:

You can export Position data out of After Effects - using a
custom script, AEKeyframes2XML_Transform.jsx and map the X and Y values to a MovieClip in Flash.
Publishing the file animates the MovieClip
along the exact X and Y coordinates.

Tooltips and the Help files are included with this installation.
The tutorial, including the script for After Effects, can be downloaded
at http://www.drwoohoo.com/store/AE2Flash-Transform/Tutorial.html.

WANT MORE...check out these links and try it out!

GET IT FROM ADOBE HERE

GO STRAIGHT TO THE SOURCE

Mixing and Merging

Mixing and merging media.
Interactive creative and effective communication.
mixing and merging
Let's define and re-define what it takes to weave many threads into one consistent garment—that transforms information, and captures the moods and minds of our audience.
We live in a very visually-rich world and society, where the use of rich media being: sound, motion graphics, design and interactivity engages us through our TV, movie and web experiences.

It is this rich media effect and level of engagement that business leaders are trying to leverage to better communicate, engage us and deliver results. We now aim to differentiate ourselves from the competition through visually-rich and compelling graphics that support our message.

Mixing at my desk, A Short Video Entry
Merging creative ideas isn't so much about the technology we use to produce results as it is a situation. A situation where people benefit from the full message, without having to absorb the knowledge on which it depends. Sometimes things become too refined, as we move further away from things that are handmade—but to communicate effictively we should not leave out the human ingredient in our media.



height="200" codebase='http://www.apple.com/qtactivex/qtplugin.cab'>




controller="true" loop="true" pluginspage='http://www.apple.com/quicktime/download/'>


crazy video from Motionographer

"Jeff Han's Version of the Bud Select Spot"

FLASH CS3

tight integration with ADOBE Products.
AS3 !!!!
Photoshop, Illustrator, and After Effects.
FLASH CS3 New features Overview

MovieClip Loader Class AS2

check this out!
But now MovieClipLoader class lets you implement listener callbacks that provide status information while SWF or JPEG files are being loaded (downloaded) into movie clips.

After you issue the MovieClipLoader.loadClip() command, the following events take place in the order listed:

When the first bytes of the downloaded file have been written to disk, the MovieClipLoader.onLoadStart() listener is invoked. If you have implemented the MovieClipLoader.onLoadProgress() listener, it is invoked during the loading process. Note: You can call MovieClipLoader.getProgress() at any time during the load process.

When the entire downloaded file has been written to disk, the MovieClipLoader.onLoadComplete() listener is invoked. After the downloaded file's first frame actions have been executed, the MovieClipLoader.onLoadInit() listener is invoked. After MovieClipLoader.onLoadInit()has been invoked, you can set properties, use methods, and otherwise interact with the loaded movie.

If the file fails to load completely, the MovieClipLoader.onLoadError() listener is invoked.

Heres a little example of how it goes:

var wwinc_mcLoader = new MovieClipLoader();
wwinc_Listener = new Object();
/*onLoadStart*/
wwinc_Listener.onLoadStart = function(target_mc) {
/*your statements go here*/
};
/*on initialize (frame 1 of target movie clip*/
wwinc_Listener.onLoadInit = function(target_mc) {
/*your statements go here*/
};
/*loading done..*/
wwinc_Listener.onLoadComplete = function(target_mc) {
/*your statements go here*/
};
wwinc_Listener.onLoadError = function(target_mc, errorCode) {
trace("ERROR CODE = " + errorCode);
/*take an action here...*/
};
/*adding the listener*/
wwinc_mcLoader.addListener(wwinc_Listener);
/*finally load the image*/
wwinc_mcLoader.loadClip("http://webwizardinc.com/img/someimage.jpg", some movieclip

SIMPLER SYNTAX

var oImgListener = new Object();
oImgListener.onLoadInit = function(target_mc)
{
trace(target_mc._name + " load complete");

}

var mclImg = new MovieClipLoader();
mclImg.addListener(oImgListener);
mclImg.loadClip("http://myurl.com/path/to/swf/or/jpg", mcImgLoader);

A bit of theory

The MovieClipLoader class gives us full control on the loading of SWF and pictures, from the start to the initialization of the loaded asset.

The MovieClipLoader class is implemented, as we will see, by registering a listener object that will receive notifications when a MovieClipLoader event handler is invoked.

The MovieClipLoader class is composed of 5 event methods that are used to monitor the loading of an asset from start to finish. These 5 event methods are onLoadStart, onLoadProgress, onLoadComplete, onLoadInit and onLoadError. The beauty of these events is that they are giving us precious information at some key points of the loading and we can use that information to create an advanced preloading system (see my tutorial on creating a preloader). Let's have a look at the picture below :


1. onLoadstart([target_mc:MovieClip]) is invoked as soon as the first byte of data of the asset being loaded has been written on the hard drive. The parameter target_mc returns the name of the container receiving the loaded asset, that parameter is optional.

2. onLoadProgress([target_mc:MovieClip], loadedBytes:Number, totalBytes:Number) is invoked every time the loading content is written to the hard drive during the loading process. loadedBytes returns the number of bytes loaded since the loading started and totalBytes returns the total size of the asset being loaded, again the first parameter is optional.

3. onLoadComplete([target_mc:MovieClip], [httpStatus:Number]) is invoked as soon as the last byte of data of the asset being loaded has been written on the hard drive. Both parameters are optional.

4. onLoadInit ([target_mc:MovieClip]) is invoked as soon as the loaded asset has been initialized and is ready for action.

5. onLoadError(target_mc:MovieClip, errorCode:String, [httpStatus:Number]) is invoked if the server is down, the file is not found, or a security violation occurs.


More methods

Along with these 5 event methods, the MovieClipLoader class makes use of 5 methods that need to be mentioned :

- loadClip(url:String, target:Object) We use this method to load the SWf or picture

- getProgress(target:Object) Returns the number of bytes loaded and the total number of bytes of a file that is being loaded

- addListener(listener:Object) Registers an object to receive notification when a MovieClipLoader event handler is invoked.

- removeListener(listener:Object) Removes the listener that was used to receive notification when a MovieClipLoader event handler was invoked.

- unloadClip(target:Object) Removes a movie clip that was loaded by using MovieClipLoader.loadClip().

MORE CODE ::

_root.createEmptyMovieClip("container",1);

myLoaderListener = new Object();

myLoaderListener.onLoadStart = function(myContainer){
trace(myContainer+" started receiving data");
}

myLoaderListener.onLoadProgress = function(myContainer,loadedBytes,totalBytes){
trace(myContainer+" has loaded "+loadedBytes+" of "+totalBytes);
}

myLoaderListener.onLoadComplete = function(myContainer){
trace(myContainer+" has loaded the asset");
}

myLoaderListener.onLoadError = function(myContainer,errorCode, httpStatus){
trace("problem loading the data, the error code is "+errorCode+" and the httpStatus is "+httpStatus);
}

myLoaderListener.onLoadInit = function(myContainer){
trace("The data is loaded and ready for action so let's remove the listener to free up some memory ");
myLoader.removeListener(myLoaderListener);
}

myLoader = new MovieClipLoader();
myLoader.addListener(myLoaderListener);
myLoader.loadClip("bird.jpg","container");

function showProgress(){
trace(myLoader.getProgress(container).bytesLoaded);
}