Critique

Budget and Equipment

















INTERFACE DESIGN DEVELOPMENT

1. scripting struggle












































































PROPOSED LAYOUT SPACE























OPTION 1(PREFERRED)





















PHOTOGRAPHY

























































AQUARIUM PHOTOS TAKEN IN MELAKA










































































OPTION 2.
Incase i fail to afford the Touch panel,building my own will be another idea

Tried to build my own.




















Requirements to build my own include:
1- Cardboard
2- Piece of clear sturdy material(glass)
3- Paper(like tracing paper)
4- Web cam
5- Computer
6- projector





















TOUCH PANEL SEARCH
-Redzone2u company
Touch panel SKIT price and details received though under negotiation on the price.















Touch Panel under negotiation with REDZONE2U.COM

PRICE: RM590.00

Maple 17" Resistive Touch Panel - C/W Controler card &
driver - Ready for use on Normal Computer.
(*Not c/w any frame)

Our 5-wire analog resistive touchscreens are designed
for extreme and high-use environments, and features
superior durability, resolution, accuracy and
positioning speed.

Specifications

* Touchscreen: analog resisitive
* Provided Sizes (Custom sizes welcome) 10.4" ~ 19"
* Optical
o Film Type: Polished, Anti-glare or Anti-reflective
o Light Transmission: Standard 80%, High 85%, Super-high 90%

* Electrical
o Operation Voltage: D.C. 5V
o Insulation Impedance: 25M ohm or > @ DC 25V
o Linearity: 98.5% (bias less than 1.5%)
o Chattering Time: 10 msec or less

* Mechanical
o
Input Method: finger, pen, or gloved hand
o
Touch Activation Force: < 80 grams typical
o
Surface Hardness: Scrape Hardness 3H ASTM D3365 and 3H JIS K5400

* Supported Operating Systems
o MS-DOS, Windows 95/98/2000/CE/ME/2000NT, OS/2, MAC, Linux etc

* Sensor Thickness (Film on glass)
o Standard 1.35 mm, 2.05 mm, 3.25 mm +/- 0.25

* Reliability
o Operation Environment: -20 ~ 60C
o Storage Temperature: -30 ~ 70C
o Humidity: 60C, 90% RH 280 HR
o Touch Durability: 35 million touches in a single location
o Surface Scratching 1 Million times (250gf 60mm/s)
o Surface Pitting - 35 Million times (250gf 2 times/s)
o NEMA 4 Capable




SOME SCRIPT THAT AM TRYING TO PUT TOGETHER FOR THIS TOUCH INTERACTION
working on Multitouch and Gestures in Action script3,
still learning and putting it together to work.

Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;
this.stage.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin);
this.stage.addEventListener(TouchEvent.TOUCH_MOVE, onTouchMove);
this.stage.addEventListener(TouchEvent.TOUCH_END, onTouchEnd);

private function onTouchBegin(e:TouchEvent):void
{
var dot:Sprite = this.getCircle();
dot.x = e.stageX;
dot.y = e.stageY;
this.stage.addChild(dot);
dot.startTouchDrag(e.touchPointID, true);
this.dots[e.touchPointID] = dot;
}

private function onTouchEnd(e:TouchEvent):void
{
var dot:Sprite = this.dots[e.touchPointID];
this.stage.removeChild(dot);
}



REFERENCES


http://blog.circlecube.com/2008/03/14/interactive-spin-actionscript-tutorial/

http://www.instructables.com/id/MultiTouch-Pad/

http://www.actionscript.org/forums/showthread.php3?t=228574

http://www.slideshare.net/rpavlik/multitouch-interaction-and-task-management-cs460-spring-09-capstone-project

http://www.instructables.com/id/How-to-Make-a-Cheap-Multitouch-Pad/

Sparkle Trailer

Poster

MEDIA SPARKLE revised and final.

MEDIA SPARKLE Idea Enhancement
COLOR QUOTES(Mind Generated)

QUOTE 1 "People observe the colors of a day only at its beginnings and endings, but to me it's quite clear that a day merges through a multitude of shades and intonations, with each passing moment. A single hour can consist of thousands of different colors. Murky darkness. In my line of work, I make it a point to notice them."
~jacque~DM

QUOTE 2 "The idea of linking color and behavior is reasonable enough. Anyone who has ever felt blue, seen red, blacked out, or turned green knows we're prone to make emotional associations with different shades." ~jacque~DM

QUOTE 3 "I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by the content of their character." ~jacque~DM

0.0 TITLE: MEDIA SPARKLE

1.0 INTRODUCTION

A Media sparkle is an interactive installation surface that will induce graphical visuals that are circular like, swirl form,curls to represent a water circulation with the essence of a color wheel and will respond to the user's activity with his/her fingure tips,where by the user will place a fingure on any area of the sparkle base and when the surface senses a touch it produce continual flow of unique visuals of different colors appearing with sound in the background and when the user's fingure is withdrawn,the visuals will also withdraw plus the sound will stop. My concern in this project is to create a system that will respond friendly to physical and natural touch by multiple users.

2.0 BACKGROUND

I got this idea when i was playing in water with my fingure tips and every time i placed my fingure tips in water there were circular visuals that i CLEARLY AND CLOSELY saw and so i brought it to an idea of what if its projected on a surface how beautiful would it look?

2.1 JUSTIFICATION(motivation)

The issue behind this idea is to have experience, to explore digitized colors, use of space to enhance digital knowledge and also bring about a color wheel from paper to interactive installation. Graphical interactive experience of color communication and color symbolism.

3.0 OBJECTIVES

To have experience in the touch sensitive technology.
To create a system that responds friendly to physical/natural touch on the surface.
To experience a continual flow of unique and fleeting touch.
To portray art and beauty through response to physical touch.
To create a sense of exploration and an eye opener to beauty exposed in digital form or installation.
To enhance digital knowledge.

4.0 TARGET AUDIENCE

Am targeting students interested in interaction and installation and audience that has an eye for technology and touch sense interested.

5.0 CONCEPT

This media sparkle is projected on a surface with a video camera capturing the interaction from beneath with sound at every graphical visual formed on the surface through the interaction with the surface with the user's fingure tips. Graphical circular visuals in different Colors will be projected every time the user gets to interact with the surface.

6.0 ANTICIPATED OUTPUT

A fully functional Media Sparkle surface with the objectives mentioned above projected in the interactive installation.

7.0 SCOPE

A Media sparkle should capture attention and interest to the users and have another understanding on the concept of touch through the interaction with their their natural hands.

8.0 METHODOLOGY

An Media Sparkle will be created using flash, computer, video camera,sensors, speakers and projector. The Media Sparkle will be implemented using flash scripting.

9.0 INSPIRATIONS





























PROJECT DESIGN

Analysis
i analysis this Project with all the gathered information that will lead to the execution of this interactive installation with the inspiring studies and keeping in mind the objectives with my urge for acquiring inspiration in this touch sensitive installation.

Content
a) Introduction overview:
An exposure and experimental interactive surface with the use of new media with the concern for the projection of graphical visuals through interaction with the surface. This project should capture the attention of the users and have another understanding on the concept of touch through the interaction with their their natural hands.

b) Performance Criteria:
The technical and functional requirements like sensors,video camera,speakers.
Some studies on particular touch sensors.

































c) Design flow/set up:

The project set up and functionality will look like this. Sound,graphical circular like more like swirls that are curly like visuals will be projected.















c)(1)The surface measurements and look like this.



















c)(2) Graphical visuals(circular, swirl and curly form) with sound


















** My lovely Media Sparkle

















d) Components:

With the material components of a project deliverable are shown below, some design specifications will incorporated.




















Approach (Break down for easy understanding)

Social / User Behaviour

Social / User Behavior

A social behavior pointed directly towards society is the BRANDED BEHAVIOR in Malaysia where the quality and price of a product are a big deal for example Gucci has expensive products with high quality but people choose to go to china town to buy the same product, with low quality but cheaper. This means that people can create the same product but different quality with different prices at that.

The behavior in this case shows that society is economical, they want high quality products but they don’t want to spend, they rather acquire a cheap one with low quality as long as the product is the same. When you look at a Gucci bag in a Gucci shop it looks so expensive and even the price puts u off (RM 300) and when one goes to china town and sees the same bag at (RM 50) and both bags do the same job, you wouldn’t blame society for having duplications of different quality but doing the same function.

This kind of behavior in society makes a real Gucci shop go at a loss sometimes and that’s when you find a SALE of about 50% -70% because they want to clear the product and bring in new products this is when society is motivated to acquire the products because the SALE is on hence cheaper.

This branded behavior encourages greater market in china town and hence encourages more duplication of products with the same brand name but with low quality yet cheaper. So the china town market will acquire more than the Gucci shop in midvalley.

Sometimes the high quality Gucci products will be acquired by tourists on vacation because they are willing to spend on a brand that looks trustworthy and of high quality.

In a Gucci shop there is nothing like bargaining because the prices are fixed you either take it or leave it, BUT in china town u can bargain until you are comfortable with the price you want to take the product at hence motivation for the same product but different prices because of the difference in places of sale and display.

Most times one will not wait for the SALE to start because they need the product urgently and so they find themselves in China town looking for the same products at a cheaper price and actually acquire it despite the quality difference.

People taking the initiative to duplicate a product is also not in their own liking, it’s because they know they can actually earn from duplicating products because not everyone can afford the same product at that high price so hence the duplication to cater for those that have less to spend on a relatively rational item. Not everyone can afford such expensive products so it’s also fair that those that have little money are catered for and that’s why we have places like china town to rescue society in need of the same product, different qualities for the same purpose.

If one acquired a bag from a Gucci shop and another person acquired the same bag from china town, that same product is doing the same purpose, you wouldn’t tell the price at which the bags where bought at neither would you tell the quality. So branded behavior is rather less of a big a deal because we all gain from the both sides.

My online survey

https://jacque.speedsurvey.com

MEDIA SPARKLE Idea Enhancement

COLOR QUOTES(Mind Generated)

QUOTE 1 "People observe the colors of a day only at its beginnings and endings, but to me it's quite clear that a day merges through a multitude of shades and intonations, with each passing moment. A single hour can consist of thousands of different colors. Murky darkness. In my line of work, I make it a point to notice them."
~jacque~DM

QUOTE 2 "The idea of linking color and behavior is reasonable enough. Anyone who has ever felt blue, seen red, blacked out, or turned green knows we're prone to make emotional associations with different shades." ~jacque~DM

QUOTE 3 "I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by the content of their character." ~jacque~DM

Proposal 2(Enhancement)

0.0 TITLE: MEDIA SPARKLE

1.0 INTRODUCTION

A Media sparkle is an interactive surface that will induce sparkle(color usage)in terms of beauty and will respond to the user's activity with his/her fingure tips,where by the user will place a fingure on any area of the sparkle base and continuous circles,flowers,butterflies,leaves of different color animations will show up and when the user's fingure is withdrawn,the animations will also withdraw.The beauty in fashion patterns and color combinations will be displayed in this form of installation.

2.0 BACKGROUND

I got this idea when i was playing in water with my fingure tips and every time i placed my fingure tips in water there were circular visuals that i CLEARLY AND CLOSELY saw and so i brought it to an idea of what if its projected on a surface how beautiful would it look?

2.1 JUSTIFICATION(motivation)

The issue behind this idea is to have experience, to explore digitized colors, use of space to enhance digital knowledge and also bring about a color wheel from paper to interactive installation. Animated interactive experience of color communication and color symbolism.

3.0 OBJECTIVES

To create a system that responds friendly to physical/natural touch on the surface.
To experience a continual flow of unique and fleeting touch.
To portray art and beauty through response to physical touch.
To create a sense of exploration and an eye opener to beauty exposed in digital form or installation.
To enhance digital knowledge.

4.0 TARGET AUDIENCE

Am targeting students interested in interaction and installation and audience that has an eye for color and beauty in multimedia.

5.0 CONCEPT

This media sparkle is projected on a surface with a camera capturing the interaction from beneath with sound at every animation formed on the surface through the interaction of the surface with the user's fingure tips. Colors in every kind of beauty will be projected every time the user gets to interact with the surface.

6.0 ANTICIPATED OUTPUT

A fully functional Media Sparkle surface with the objectives mentioned above projected in the interactive installation.

7.0 SCOPE

A Media sparkle should capture attention and interest to the users and have another understanding on the concept of touch through the interaction with their figure tips.

8.0 METHODOLOGY

An Media Sparkle will be created using flash, computer, video camera, and projector. The Media Sparkle will be implemented using flash scripting and zone trigger. A survey will be conducted online and even through email to collect data and information and intense research in addition.


9.0 PRECEDENCE STUDIES






































10.1 MORE STUDIES







































11.0 GRAPHIC IDEAS





































IDEA DEVELOPMENT 1
12.0 Sketches


































13.0 Jacque's MIND development.






























Meaning of Interactive
Any type of media that allows the user to influence and react to it.

Meaning of Installation
The act of installing something (as equipment).

Types of interaction
Interaction may take place
1) Verbally

2) Through Language or Sign Language

3) Touch

4) Technology (Email etc)

5) Non Verbal (Body Language)


Jacque's funny mind Sketches of Interaction


















































Places of installations
E-gallery
Malls
Car parks
Train stations
Relaxation parks

Software studies(Macromedia Flash)
Macromedia Flash(Creating Interactivity Using ActionScript)
ActionScript enables you to plan and create both simple and complex interactive movies.write a script that duplicates and hides movie clips to make several instances of an item appear or disappear at the user's command, and test for movie clip collisions.Object Oriented ActionScript 2 techniques.
Divided into four sections to take you from novice to professional results:
* Flash Fundamentals: Introduces the Flash authoring environment and basic core Flash concepts.
* ActionScript 2 Fundamentals: Explains basic programming concepts and terminology, and shows how ActionScript 2 classes are constructed and used.
* Built-in Classes: Describes the built-in ActionScript classes that are available for use in applications, including the MovieClip class, Key class, Sound class, etc.
* Using ActionScript to Build a Game: Describes the development process for creating a complex Flash application and presents commercial-quality game coding examples.
- Benefit from explanations and examples of why and how ActionScript can simplify Flash production and expand your design potential
- Learn all the basics of strong scripting skills to produce professional results.


IDEA DEVELOPMENT 2









A study on water movement in a swirl or rather a curly swirl in photoshop.Showing the different movements of water and the beauty it brings out.
WILLIAM ASHWORTH quotes "Children of a culture born in a water-rich environment, we have never really learned how important water is to us. We understand it, but we do not respect it."

Some Water sounds
Sir Geoffrey Jellicoe quotes "The underlying attraction of the movement of water and sand is biological.If we look more deeply we can see it as the basis of an abstract idea linking ourselves with the limitless mechanics of the universe."

i have sounds of calm waters, soothing water sounds, dripping water sounds and some sounds of flowing water.


Content Development
To begin with, When I was young I used to think that water came from the kitchen sink. But now I'm older,and I know,that water comes from rain and snow.It stays there, waiting,in the sky,in clouds above our world so high.Frozen water becomes ice,Boiled water makes steam.I like water in a fountain Or in a flowing stream.

Rain drops or water drops are heavy when they drop they form Curly swirls, like the fountains in a compound,open area or fun park. Water is fun to play with or play in like a swimming pool, when taking a cold shower or even that beautiful water in spring or Autumn or even summer.

When the beautifully colored leaves fall into the waters in spring,Autumn they form a color impression and make a day brighter and one thing is learned out of that and that is "colors" or better still color wheel,because of the different shades of colors in an open space. when the sun is out and the skies are blue and reflect into an ocean or just a glass of water,there is beauty in there the blue skies projected are beautiful.

So in a way,my installation will include sound and visuals,sounds of water dropping,moving and the visuals will include leaves of different shades,flowers,water and colored visuals and the examples are showed above.

Sound that complements an animation at a fingure tip touch on the surface,when there is a touch on the surface an animation of like water in curly swirl forms will appear with a particular water sound,then again if there is a touch on the surface animation of like different colored leaves,flowers will appear still with particular sounds.

When it comes to color usage, a detail understanding is personally understood interms of color blendings, facts about color usage in my study are that Color affects every facet of our lives. The way we react to colors is a combination of biological,social and cultural reasons. Color has the ability to soothe and also to stimulate us.

A color is described as cool or warm depending on its position in the color spectrum and the hues of its nearest neighboring color.Warm colors project the hot hues of sunlight and promote a feeling of warmth in a room. They advance space and are used to make walls appear closer. Cool colors reflect the fresh violets and blues of moonlight. They enhance the space in a room by making the walls appear further away.

Red, orange and yellow are warm colors, while violet and blue are cool colors. Green is said to be the most neutral color.i took some time to consider the effects of color on the individuals who will be frequenting the environment you create when decorating. When choosing color take into account whether you are trying to soothe or stimulate, and be aware of the effects of color on the well-being of the inhabitants you are decorating for.

Ghant Chart















*****************************************************************