Final Presentation Slides

View more presentations from CikMeow.

Teaser | Promo Video

MyTweetFace from Cik Meow on Vimeo.

Final Synopsis = Poster!!

[Click to enlarge]

Functional Specifications Sheets

These are my functional specifications sheets. Click to enlarge the images.

Conceptual Diagram!

Floor plan

The photo booth will be divided into 2 - interactive area and control centre.

Left Side View -Interactive area

User will be provided with webcam and touch screen panel to interact with the application. Spotlight is used to give the better lighting in photo captured.

Right Side View - Control Centre

There are two monitor provided; 1 touchscreen panel faced on interactive area and 1 for developer to control the system.

Flowchart

This is the flowchart of the application!

Face Detection Software

I have found a website that provide me a list of face detection software and SDKs either it is for free or for commercial purpose. I found that this website really helps me in discovering about this features

This is the link of the website:

http://www.facedetection.com/facedetection/software.htm

This site is developed by Dr. Robert Frischholz as a tribute to Peter Kruizinga 's Face Recognition Homepage.

Application Story/Flow Board

After consulting my idea with both of the lecturers, I have reconstructing and enhanced my ideation for the best outcome. I have combining my idea of Facebook apps game with my previous idea of editable photo booth. This is the details of my ideation concepts.

1. User entered interactive area to interact with the application. The developer controlled the program in control center.

2. User then can activate the program by clicking on “START” button. This intro page will provide title, basic description, and also tag line to the user.

3. User will be directed to “Instruction Page” after clicking on “START” button. After done with the instruction, user may proceed to the next page.

4. Terms and Conditions are applied in order to keep this application safe and on track. User need to agree with T&C before proceed to the next page.

5. The camera is triggered by face detection. The camera will start snapping the pictures when it detects face.

6. The image taken will be shown up. User will be asked either they like the picture or not ; if yes, proceed to next page and if no, back to previous page

7. User then can edit their pictures. Features available are brightness, saturation, contrast, color; rotate, move, resize, and adding background images

8. When they are done, they may choose either want to download the picture, email it or join the network.

Download - The picture will be sent to user’s phone via Bluetooth

Email - User need to key-in their email address

Join the network - User need to fill-in the form

9. If the user choose to join the network, they need to key-in their personal data. Personal data : name, age, interest, nationality, sex, language, email. Save the data to proceed to the next stage.

10. The data then will be saved and displayed on the screen. The image will be floating on the screen. For indication purpose, blue is for man, pink is for woman. Click on the images to get to know the person better.

11. When clicked, the picture will be enlarged. Basic data will be shown. User need to click “LIKE” to be friend and click “X” to back to floating images.

12. MyTweetFace will send friend suggestion to users’ account. They may add them later. The reason of using friend suggestion; give user more space to decide either he/she like to be friend with other or not.

Tron Photobooth

This is a web photobooth that I found while browsing on Petrosains site. This application is to promote the movie - Tron Legacy. And here is some details about it.

1. Intro page - click on START to proceed

2. Choose the type of pictures that you want to take

3. Understand the instruction and agree with T&C. Then choose either to capture new image or upload from HDD.

4. Take another picture if you dont like it. Continue if you like the picture.

5. Edit your pictures with features provided.

6. Choose either want to post the picture on Facebook or save it on your computer.

*Post to wall is not functioning

Actually, I found this application after consulting my idea with Mr. KY n Mdm. Forest. So, I think I will use some features of this application to enhance my idea.

National Art Gallery

13 Jan - Media Art's final year student had a trip to National Art Gallery. We have assigned to answer the question given by observing the artwork that have been exhibited there. My favorite artwork is "The new world disorder" by Mohd. Shaharudin Sabu.

The artwork that i chose is about the suffering that need to be face by some Muslim Country like Palestin and Afghanistan. The pictures drew is to portray their sadness while the mechanical human is to show how they need to continue their life with kinetic body due to the injury from the war.

Other than observing the artwork there, I have take this opportunity to consult my idea with Mdm. Forest and Mr. KY. They do approve my idea but with slightly change. They suggest me to be more specific about FB friends finding and combining the features of my previous proposal (editable photo-booth) into this application. I will look forward to this and try to improve my idea based on their suggestion. Thx to Mr. KY n Mdm. Forest to make me feel more comfortable with my idea.

Apps on Facebook.com

Introduction

• Web apps that loaded in the context of Facebook (FB)
• This apps give u opportunity to be parted of FB experience
• The apps can be integrate with FB features like Request, Bookmarks and Page tabs to make it more likely a seamless part of FB experience.
• Core FB Platform technologies available : [1]Social Plugins, [2]Graph API and [3]Platform Dialogs.

Getting Started

• The apps can be build by using any language that supports web programming like PHP, Python, Java or C#.
• Loaded into a [4]Canvas Page.
• Populate the Canvas Page by providing a Canvas URL that contains the HTML, JavaScript and CSS.
• When user request for the Canvas Page, the Canvas URL will be load within the [5]iframe.
• Result : ur apps will be displayed in standard FB chrome.

For more details, i will refer to http://developers.facebook.com/docs/guides/canvas