Archive for April, 2010

CASE STUDY: Education

http://www.heavychef.com/augmented-reality-marketing-case-study-education/

Another take on education via augmented reality. Anatomy has never been so transparent.

CASE STUDY: Using augmented reality to drive computer sales

The future of viral marketing: augmented reality!

http://www.media.asia/Case-Studiesarticle/2009_11/CASE-STUDY-Using-augmented-reality-to-drive-computer-sales/37820

Lenovo wanted to find a way to tap into the vast potential of China’s student market. Rather than bamboozle its audience with dry technical jargon, the company invited students to sample its features through augmented reality technology and compete to win exclusive prizes.”

Mobile Learning…Myth or Reality?

Interesting article that reviews case studies related to mobile devices as learning devices.

The immense popularity of mobile devices amongst contemporary youth is laying the technological foundation for mobile learning. Whilst mobile learning in most forms is still in the conception stage, some schools are experimenting with the devices on offer and recognizing their potential. Research has revealed the educational benefits of implementing mobile devices within schools yet many factors are hindering its progress. There is a fear that mobile learning will not effectively surpass conception stage and be an eternal idea rather then actually coming into existence in the classroom. This summary will investigate case study’s of how mobile learning is being effectively used in the school context and evaluate the obstacles that are preventing widespread use such as established attitudes, with a focus on the issue of finance.

Read More

iPad Helps 99 year old read and write again

This is pretty awesome. I’ve been so focused on mobile service design for young kids, that I haven’t even thought about the elderly.

iPad Helps 99 year old read and write again

Website, “iSites,” is taking the guesswork out of iPhone and Android application development

Create Your Own iPhone or Android App in Minutes With iSites

Creating a self-branded iPhone or Android app just got a lot more accessible.

iSites, a new service launching today, allows you to take your website’s RSS feed and data and quickly transform it into a full-fledged iPhone app. It was created by Genwi, a service that combines aspects of RSS reader, social network and news filter (read our review here).

The product is very straightforward: For just $25, iSites will create a customized iPhone and AndroidAndroid app for you (note: android apps will publish starting in February). The first step is to add some of your feeds. The primary one should be your blog or an RSS feed, but you can also add your Twitter, FlickrFlickr, YouTubeYouTube, PosterousPosterous, TumblrTumblr and other social feeds into your app.

After you’ve added your feeds, you can then customize the app’s look and feel. The header image, colors and menu are all customizable. Once you have that information, along with app store information such as your icon and your store banner, you just have to click a button to publish your app onto the iPhone and Android app stores.

Want to monetize your app? That’s no problem, either: For $99, you can integrate your app with AdMobadvertising. That’s a pretty good deal, especially if you expect to get a fair number of downloads and uses.

Read More

Mike Elgan: Why iPad is the ‘Children’s Toy of the Year’

Parents

Parents are always looking for electronic babysitters to pacify their kids so they can do something else — drive, for example, or make dinner.

Naysayers in my Buzz group say parents won’t shell out $500 for a children’s toy. Here’s my response: Wanna bet? An entire industry has sprung up around DVD players in cars that are just for kids. How much do those cost? Besides, an iPad isn’t a toy. It’s a toy chest full of toys.

An iPad is an ideal kid pacifier. For starters, parent-selected children’s apps for the iPad are likely to be more educational than TV. As a replacement or substitute for in-car entertainment for kids, iPads are better because kids can change the app. The parent doesn’t have to put everyone’s lives at risk trying to swap DVDs.

Parents will believe, and correctly, that using an iPad will better prepare their children for the future than watching TV.

Read More

Case Study : The Iphone Mom

This was a case study I had found earlier when I first decided I wanted to design for kids. It is mostly about kids exposure of iPhone apps from their “iPhone owning mothers”

http://www.greystripe.com/wp-content/themes/gswordpress/reports/GreystripeAdvertisingInsightsQ309.pdf

More than 59% of US mothers who own an iPhone say they let their children use it, and 61% of these moms download games or educational content specifically for their kids, according to a report on mobile advertising by mobile ad network Greystripe.

greystripe-iphone-mom-use-phone-children-use-phone-q3-2009.jpg

The Q3 Mobile Advertising Insights Report (pdf), which is based on user data and surveys of iPhone and iPod Touch users on Greystripe’s network, includes specific findings on and behavioral characteristics of “iPhone Moms,” a term  the company coined to describe this audience segment, which it said includes “dominant purchasing decision makers for households with several members.”

iPhone Moms and Shopping
The study found nearly 60% of iPhone Moms depend on their phone to locate the nearest store around them, while 42% use the iPhone to keep track of shopping lists and 39% use their iPhone to comparison shop.

Other ways moms use iPhones while shopping:

greystripe-iphone-mom-role-phone-play-shopping-q3-20091.jpg

Additional findings from the report:

  • Just more than half of iPhone Moms use their phone at the grocery store, with 40% using it as a shopping-list tool and 23% using it as a recipe resource at the store.
  • On average, 89% of iPhone Moms use their phone for entertainment purposes, whether it is listening to music, browsing the internet or using various entertainment apps.
  • Email comes in at a close second place to entertainment, with 80% of iPhone Moms reporting they use their phone for checking messages.
  • More than 64% of iPhone Moms use their phones for managing their calendar and schedule, which is 9% higher than the rest of the iPhone community as a whole.

About the report: The report is based on data gathered from Greystripe iPhone and iPod Touch users during Q3 2009. Statistics are based on internally run surveys run in the Greystripe network during this time period.

IDEO Case Study : IPhone Applications for children

IPhone Applications for IDEO

Designing quality software for young children and their families

As the iPhone’s popularity soars, parents are increasingly using the handset as a means to entertain and interact with their children. IDEO Toy Lab is an ongoing experiment in developing applications that will enrich this mobile experience for both adults and kids ages 2 to 6.

Although toddlers have been quick to embrace the iPhone, few developers are building apps with this precocious demographic in mind. As a part of IDEO, a human-centered design and innovation firm, Toy Lab operates from the premise that every product should meet the real needs and desires of end users. So we assembled a team of child-development experts, veteran toy designers, and interaction designers to determine how the iPhone could foster learning among the preschool set.

Through interviews and observations with youngsters, the team gleaned many insights into what might make a kid-friendly mobile software app—and went away with little doubt that there was fun to be had in the field.

The first two Toy Lab products — Party Whistle and Balloonimals — are available on iTunes and offer an intuitive and playful experience. Party Whistle is a simple, lively iPhone app that mimics a paper noisemaker whenever the user blows into the microphone. Balloonimals is a creative, entertaining app that lets users make inflatable creatures, from a crab to a dinosaur, by blowing in the mic and then shaking the handset. Both experiences end with a slight twist designed to surprise and delight the user!

How to #2 – make single page website using TweenMax

LOTS OF CODE! But the effect is cool and could be used for a lot of things.

Because the interaction on my one thread of my application was fairly basic since it had to be for a kid to be able to navigate, and decide I would put a how to from the website I am designing for my independent study, which still could be useful for other things than just a website.

My website is a single page site, with a top navigation that navigates up and down the site to each section for teachers, students and parents.

So my issue was trying to get the navigation to be able to go to each section with an ease. For something like this, it is all about positioning. Below is a list of my process

1) designed most of the single page website in photoshop and brought it into flash and made it its own movie clip (website_mc) and exported it for actionscript.

2) The things I left on the main stage were the navigation and the background.

3) I then put buttons on the navigation and wrote the following script: (way more then 4 lines of code but it’s better to give the whole idea so that it’s better understood

import com.greensock.*;
import com.greensock.easing.*; // important to bring in the greensock easing and other files from the “com” folder we downloaded to make the transition up and down the page smooth
var website:MovieClip = new website_mc(); // bring in a new variable ( website_mc ) to the stage
var xPos = stage.stageWidth / 2;
addChild (website); // add the newly named child to the stage. ( the actual website_mc does not appear on the stage , it shows up once file is rendered)
setChildIndex(website,1);
// let’s say you want to add a button for the teacher section, so that once “teachers” is clicked, the site literally moves down to the teacher section
teachers_btn.addEventListener(MouseEvent.CLICK, onTeachersClick);
// set the main (default or home) position for the page first
website.x = xPos; //xPos basically locks the movie clip so that it will not move along the x-axis
website.y = 300;
// this function is saying, that when Teachers is clicked, the child named “website” will literally move up to a new position, as to reveal the “teacher’s” section on the main stage. So it moves from y-position 300 to y-position -200.85. You would change the position to whatever you want based on the properties.
function onTeachersClick(event:MouseEvent) :void{
//website.x = xPos;
//website.y = -200.85;
TweenMax.to(website, 1, {x:xPos, y:-200.85, ease:Circ.easeOut}); // adding the TweenMax ease makes the transition smooth.
}

How to #1 frame change after movie clip

Okay so this may sound a little complicated, but this is a how to on how to progress to the next frame in the main timeline once a movie clip has finished within a movie clip that is embedded in the main timeline. There are definitely easier ways to say that I’m sure.

But, basically for example with my app. I wanted the a frame change in my main timeline after at least one of the items on the recycling team (bottle, can or paper) reached 3 tick marks. So, basically, at the end of the movie clip you want the frame to change, you would put:

import flash.display.MovieClip;
MovieClip(root).gotoAndPlay(5);

The “import flash.display.MovieClip;” is telling flash to reference this movie clip once you get the main timeline.
And then “MovieClip(root).gotoAndPlay(5);” is telling flash to play the movie clip in the root menu (main timeline) and once it finished, to go to and play the next frame you want.

“Print is not dead! It is augmented instead.”

http://augmentedblog.wordpress.com/

AR iPhone Apps

http://mashable.com/2009/12/05/augmented-reality-iphone/

Helen Moody Interview

Helen is a experienced traveler that lives in transit around the US with the occasional stop overseas.
Do you use any online resources when you travel?

I do, but usually its when I have a specific question. I don’t like using them as a crutch cause I like discovering things on my own. It feels more like an accomplishment when I do it on my own.

When in question during a trip, where do you usually turn?

Usually I just try to figure it out on my own, but if I really need help I’ll stop at a gas station or somewhere on the way and ask. In other countries it’s a little more complicated cause you don’t know the language, but I would say most of the time its pretty easy to find a local who can help you.

Do you seek out locals when you’re in a new place, and if so how do you go about finding them?

I’m a big fan of couchsurfing- it’s a website where you find locals in other cities that let you sleep on their couch for a couple days. That’s a great way to meet locals, cause they’re usually pretty willing to show you around and get to know you since you’re sleeping on their couch.

How do you go about finding places of interest while you’re traveling?

Usually I just walk around and go in places that seem interesting.

Do you have any tips for novice travelers?

Don’t be timid, and don’t be afraid to try new things!

How-To #2 Make Things Easier for yourself

A little trick I did while creating my presentation was the way I named files. For instance, when I clicked on “during_btn” in “during_mc”  it would go to and play “during_kf.” By making all these titles the same based on what keyframe it was going to end up playing, it was super easier to punch them in to the code. Before this, my instance names for things were all over the place and I had to double and triple  check everything to make sure if it was named right in order to play.
Another simple trick, but it saved me a lot of time.

How-to #1

Alright, so I was a little late to realize how to make a button in Flash without embedding movie clip inside of movie clip inside of movie clip.

This might seem really simple now, but I had no idea how to add buttons to go to another frame on the same timeline. Here’s the code:
your_mc.addEventListener(MouseEvent.CLICK, onyour_mcClick);

function onyour_mcClick(event:MouseEvent):void {
//trace (“click”);
this.gotoAndPlay(“keyframe”);
}

The key here is “THIS.gotoAndPlay,” which denotes the same timeline. You could also put the name of a movie clip here is you wanted to put movie clip inside of movie clip.

Simple, I know, but not if you don’t know how to do it!

Done!

Archive Disc for the course

Official Documentation Format for NCSU COD GD

Please review the link above regarding rules and requirements for your semester archive discs.

You will need to include the following documents for this course:

COURSE FOLDER:
Doe_GD492_spring10

CREATE A FOLDER FOR EACH PROJECT:
Doe_GD492_AR-Mobile-App-Warmup
> Doe_GD492_AR-Mobile-App-Warmup.fla
> Doe_GD492_AR-Mobile-App-Warmup.swf
> Doe_GD492_AR-Mobile-App-Warmup-desc.pdf

Doe_GD492_Mobile-App
> Doe_GD492_Mobile-App-Brief-Pres.pdf (or chosen format)
> Doe_GD492_Mobile-App.fla
> Doe_GD492_Mobile-App.swf
> Doe_GD492_Mobile-App-Final-Pres.fla (if Flash is chosen format)
> Doe_GD492_Mobile-App-Final-Pres.swf (or chosen format)
> Doe_GD492_Mobile-App-desc.pdf
> Doe_GD492_Mobile-App-process.pdf

NOTES AND DESCRIPTIONS:
Doe_GD492_AR-Mobile-App-Warmup-desc.pdf
Provide at least a paragraph description of your Augmented Reality Mobile Application Warm-up project. The description should include a title, the purpose, what is demonstrated in the file.

Doe_GD492_Mobile-App-Brief-Pres.pdf
The Mobile App Project Brief presentation delivered on March 11.

Doe_GD492_Mobile-App.fla
The fully-functioning interactive thread of your mobile app.

Doe_GD492_Mobile-App-Pres.fla
The final presentation of your mobile app.

Doe_GD492_Mobile-App-desc.pdf
Provide at least a paragraph description of your Mobile Application project. The description should include a title, the purpose (objectives), audience, description of the process learned, and what the scenario demonstrates.

Doe_GD492_Mobile-App-process.pdf
Provide documentation of your process in chronological order. Start with the description provided in the document above. The rest of the document should be an organized static version of everything you posted to the website in regard to the Mobile App project.

Bad news…

Apple Gets Nasty With Adobe Over Flash

Jared Newman

Adobe has flung plenty of mud at Apple for refusing to support Flash on the iPhone and iPad, and Apple’s response has always been silence. Not anymore.

An Apple representative finally shot back in a rare public statement, responding to Adobe’s claim that Apple ties down developers to the iPhone by not letting them code in Flash, which is cross-platform.

“Someone has it backwards–it is HTML5, CSS, JavaScript, and H.264 (all supported by the iPhone and iPad) that are open and standard, while Adobe’s Flash is closed and proprietary,” spokeswoman Trudy Muller said in a statement to Cnet.

As far as Apple comments go, that’s as harsh a burn as you’re going to get — unless it’s coming directly from Steve Jobs.

Adobe has a couple of reasons to be upset. It started with the iPhone and iPad not supporting Flash. A small skirmish followed, with Adobe’s Lee Brimelow showing a bunch of popular sites that rely on Flash, and Jobs dissing the technology at a company-wide meeting. Later, when the iPad launched, Apple promoted a list of “iPad-ready sites,” essentially special versions of popular websites that don’t use Flash at all.

But Adobe had a another plan: Give developers the ability to convert their Flash programs into iPad apps, just as the company did for the iPhone. Apple’s response? Change the iPhone developer terms to allow only a select few programming languages, excluding Flash. Conversion of Flash apps to the iPhone was a major feature of Adobe’s newly released Creative Suite 5, and Apple killed it.

That brings us to this week. Adobe has announced that it’s giving up on Flash conversion to the iPhone by dropping support in future versions of Creative Suite, but the company made sure to insult Apple in the process. “We are at the beginning of a significant change in the industry,” wrote Mike Chambers, Adobe’s principal product manager for Flash developer relations, “and I believe that ultimately open platforms will win out over the type of closed, locked down platform that Apple is trying to create.”

Apple’s response is puzzling, not just because the company rarely provides juicy quotes on the record, but because Apple already won. Adobe threw in the towel, so why throw another punch? It’s rumored that Adobe will sue Apple soon, but public comments won’t make a difference either way.

Either Apple’s just rubbing salt in the wounds of a troublesome company that it finally defeated, or it feels the need to rationalize its actions to the public. Either way, it makes for great tech drama.

we all do it..

MORNIN’ YALL

http://observatory.designobserver.com/entry.html?entry=5497

really, more related to my application but this is so true.

13 ways we look at type.  Michael Beirut

1. Because it works.
Some typefaces are just perfect for certain things. I’ve specified exotic fonts for identity programs that work beautifully in headlines and even in text, but sooner or later you have to set that really tiny type at the bottom of the business reply card. This is what Franklin Gothic is for. Careful, though: some typefaces work too well. Frutiger has been used so much for signage programs in hospitals and airports that seeing it now makes me feel that I’m about to get diagnosed with a brain tumor or miss the 7:00 to O’Hare.

2. Because you like its history.
I’ve heard of several projects where the designer found a font that was created the same year the client’s organization was founded. This must give the recommendation an aura of manifest destiny that is positively irresistible. I haven’t had that luck yet, but still try to find the same kind of evocative alignment. For instance, I was never a fan of Aldo Novarese‘s Eurostyle, but I came to love it while working on a monograph on Eero Saarinen: they both share an expressiveness peculiar to the postwar optimism of the 1950′s.

3. Because you like its name.
Once I saw a project in a student portfolio that undertook the dubious challenge of redesigning the Tiffany’s identity. I particularly disliked the font that was used, and I politely asked what it was. “Oh,” came the enthusiastic response, “that’s the best part! It’s called Tiffany!” On the other hand, Bruce Mau designed Spectacle, the book he created with David Rockwell, using the typeface Rockwell. I thought this was funny.

4. Because of who designed it.
Once I was working on a project where the client group included some very strong-minded architects. I picked Cheltenham, an idiosyncratic typeface that was not only well-suited to the project’s requirements, but was one of the few I know that was designed by an architect, Bertram Goodhue. Recently, I designed a publications program for a girls’ school. I used a typeface that was designed by a woman and named after another, Zuzana Licko’sMrs. Eaves. In both cases, my clients knew that the public would be completely unaware of the story behind the font selection, but took some comfort in it nonetheless. I did too.

5. Because it was there.
Sometimes a typeface is already living on the premises when you show up, and it just seems mean to evict it. “We use Baskerville and Univers 65 on all our materials, but feel free to make an alternate suggestion.” Really? Why bother? It’s like one of those shows where the amateur chef is given a turnip, a bag of flour, a leg of lamb and some maple syrup and told to make a dish out of it. Sometimes it’s something you’ve never used before, which makes it even more fun.

6. Because they made you.
And sometimes it’s something you’ve never used before, for good reason. “We use ITC Eras on all our materials.” “Can I make an alternate suggestion?” “No.” This is when blind embossing comes in handy.

7. Because it reminds you of something.
Whenever I want to make words look straightforward, conversational, and smart, I frequently consider Futura, upper and lower case. Why? Not because Paul Renner was straightforward, conversational, and smart, although he might have been. No, it’s because 45 years ago, Helmut Krone decided to use Futura in Doyle Dane Bernbach’s advertising for Volkswagen, and they still use it today. One warning, however: what reminds you of something may remind someone else of something else.

8. Because it’s beautiful.
Cyrus Highsmith’s Novia is now commercially available. He originally designed it for the headlines in Martha Stewart Weddings. Resistance is futile, at least mine is.

9. Because it’s ugly.
About 10 years ago, I was asked to redesign the logo for New York magazine. Milton Glaser had based the logo on Bookman Swash Italic, a typeface I found unimaginably dated and ugly. But Glaser’s logo had replaced an earlier one by Peter Palazzo that was based on Caslon Italic. I proposed we return to Caslon, and distinctly remember saying, “Bookman Swash Italic is always going to look ugly.” The other day, I saw something in the office that really caught my eye. It was set in Bookman Swash Italic, and it looked great. Ugly, but great.

10. Because it’s boring.
Tibor Kalman was fascinated with boring typefaces. “No, this one is too clever, this one is too interesting,” he kept saying when showed him the fonts I was proposing for his monograph. Anything but a boring typeface, he felt, got in the way of the ideas. We settled on Trade Gothic.

11. Because it’s special.
In design as in fashion, nothing beats bespoke tailoring. I’ve commissioned custom typefaces from Jonathan Hoefler and Tobias Frere-Jones and Joe Finocchiaro, and we’re currently working with Matthew Carter and Chester. It is the ultimate indulgence, but well worth the extra effort. Is this proliferation? I say bring it on.

12. Because you believe in it.
Sometimes I think that Massimo Vignelli may be using too many typefaces, not too few. A true fundamentalist requires a monotheistic worldview: one world, one typeface. The designers at Experimental Jetset have made the case for Helvetica. My partner Abbott Miller had a period of life he calls “The Scala Years” when he used that typeface almost exclusively. When the time is right, I might make that kind of commitment myself.

13. Because you can’t not.
Princeton Architectural Press is about to publish a collection of essays I’ve written, many of which first appeared here on Design Observer. I wanted it to feel like a real book for readers — it has no pictures — so I asked Abbott to design it. He suggested we set each one of the 79 pieces in a different typeface. I loved this idea, but wasn’t sure how far he’d want to go with it. “What about the one called ‘I Hate ITC Garamond?’” I asked him. “Would we set it in ITC Garamond?” He looked at me as if I was crazy. “Of course,” he said.

The book is beautiful, by the way, and not the least bit slutty

Progress – Into Flash

I have most all of my ‘screens’ into flash. I have a few elements that pop up or come out whenever a button is clicked that I need to put in. I’ve also recorded all the sound to place into the sound parts, just need to film someone speaking for the video part.