Introductory Video

This is my project's introductory video :

Presentation Seminar

This is my slides for Playground 5 presentation seminar session. :)

View more presentations from Cik Meow

Installation Manual

[Online]

1. Connect to internet
2. Open your web browser
3. Log on to http://www.mytweetface.net/
4. Click on “Let’s cam-whore” button to start the application. Further instructions are there.
5. Enjoy and share your photo with the world.

[Offline]

1. Setup your localhost server.
2. You can install WampServer using the installer provided. Else, you may use any other localhost server that you have in your system.
3. If you are using WampServer, open directory “C:\wamp\www”
4. Copy both folders from “02- Working Files” into “C:\wamp\www” directory.
5. Open your web browser to run the application.
6. Log on to
7. i - http://localhost/tweet/index.html to run my first version of the application (ActionScript)
8. ii- http://localhost/fyp/index.html to run my second version of the application (CSS/HTML)
9. Enjoy and share your photo with the world.

Synopsis

This project is an online based application, hosted at http://www.mytweetface.net/; enabling users ease to access the application at their own convenient time. I was inspired to do this project by reviewing on the current issue in the society on cam-whoring and also social networking.

Cam-whoring is fast becoming a pandemic issue all over the world; the definition of Cam-whoring could be different base on geographic regions and cultures. In Malaysia where the culture is more conservative, someone who Cam-whores are refer to individuals who post pictures or videos of themselves on the Internet to gain attention. The term disparages those who post pictures of themselves at inappropriate times or places, and usually implies self-absorption. Other than that, people who enjoy Cam-whoring usually like to seek attentions and will use online social networking services such as Facebook, MySpace and Friendster as their medium.

Social Networking is fast becoming a day to day activity in our daily life base on the current trend of Information Communication Technology (ICT). According to a research, the most popular social networking site is Facebook.com with 250 million users and over 10 billion photos shared globally. The photo sharing feature has become the main attraction of online social networking services and proved by the statistics of 3 billion photos being uploaded every month on Facebook.

As for the design structure of the application, users need to click on the “START” button on main page to start using the application. Then, a screen with an image which is captured by the individual’s webcam will be shown and they can click on the image to change the effect, when they are happy with the desired outcome, they can capture the image and continue with the next step.

In the next stage, the image that has been captured will be loaded, so that the user can edit the value of the brightness, hue, saturation, contrast, alpha and also the threshold. In this stage, they just need to put in the value in the box provided and proceed if they are satisfied with the result.

At the final stage, users need to choose the channel that they want to share their image with others. There are two channels provided; Email and Facebook, the email will be sent using the function of PHP Post via GMail SMTP Server, while to share on Facebook.com, users will be directed to Facebook connect function to link their image to Facebook.

In the future, the enhancement that will take place is an upgrade of this application into a Facebook Application. By combining these two main aspects of social networking and cam-whoring, there is tendency that this application will attract more users because it is really helpful for them to update their photos in social networking site.

Poster

This is the poster for my final project!

[Click to enlarge]

Exhibition

Finally, we done with the final presentation. Even my apps got a lot of bugs, i had presenting it with full of confidence. My apps then has been chosen for Playground ver 5.0 showcase..I'll be exhibit in room DR2016..so, see u guys there!

Webhosting

Finally, my website is up..it is hosted at http://www.mytweetface.net...

I bought this hosting + domain domain for RM99..

the invoice

For RM99, i managed to buy gold package which is providing 1GB Diskspace and 25GB Monthly bandwidth..

the package

This hosting are using Linux OS, Centos 5.6..

So, let's come n visit my site!

New layout for editing page!

This is my new layout for editing page.. [Click to enlarge]

I replace the old slider design with this one after i didn't managed to adjust the value of saturation, hue and contrast.

With this design, users just need to enter the value in the box provided or tick/untick the checker boxes on the side to edit their images.

This page are using ActionScript 2.0 for editing the image values.

Consultation

I am done with saving the image in the server by using the code of

$filename = "images/mtf_". mktime(). ".jpg";

the filename is a variable

images is the folder where the pictures will be save

mtf is the starting of file name

mktime is the time stamp use to name the file

.jpg is the file format

but the problem is how to make it fully functional in my Flash application. I managed to get the image freeze when user click on capture button. But i got the problem on how to unfreeze it when user want to retake their photo. With the help of Mr. Hafiz, i managed to unfreeze the image using this code :

public function captureImage(e:MouseEvent):void {

//snd.play();

captureon = !captureon;

if (!captureon) {

addChild(bitmap);

} else {

removeChild(bitmap);

}

bitmapData.draw(webcam);

then, when users are happy with their image and click continue, their image will be save in my server and they will continue to the next stage.

Save & Load

During the tutorial session in KLCC last Saturday, me with the help of my friend have build a prototype for save and load function. We managed to load the picture when we use the fixed name of the file. But after we changed the name into variable, the image can't be load anymore.

php file for saving the image according to the variable name.

This is how it will work

The image supposed to be load on the black box. I'm still trying to transfer the source code from this prototype to my application. It take time because I need to separate this code into 2 different pages