My Works (Portfolio)

Projects Accomplished

kavolearning

[ Description ]
* Fully Customized Website with campaign integrated
* Mobile optimized website
* Learning module (time based)
* Sortable javascript ranking game
* Dynamic Leaderboard (weekly winner)
* Automated system EDM ( reminder )
* Cron job controllers for checking EDM blasting

[ Build Tools ]
* PHP ( Laravel PHP Framework )
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

bca-green-office

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in the game to claim a prize
* User needs to select a furniture and then a popup question will be shown for the user to answer.
* A lucky winner will be drawn by the Admin at the end of the campaign based on the answers.

[ Build Tools ]
* PHP ( Laravel PHP Framework )
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

calrsber-ta

[ Description ]
* Facebook iFrame tab application
* A campaign application that invites users to take part in the game to claim a prize
* User needs to typein the pre-defined codes that are found on Carlsberg packs and submit their details
* A lucky winner will be drawn by the Admin at the end of the campaign

[ Build Tools ]
* PHP ( Laravel PHP Framework )
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

ane-hidden-cities

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in the game
* User needs to select a challenge that he can take and then invite a friend to challenge and take part in the campaign aswell.
* A lucky winner will be drawn by the Admin based on the no. of invites that a user has made.

[ Build Tools ]
* PHP ( Laravel PHP Framework )
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

nus_fass_quizb

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a quiz game
* Audience needs to answer a set of questions and invite friends
* A lucky winner will be drawn by the Admin based on the no. of invites that a user has made.
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

game_page

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a spot the difference game
* Audience needs to find the hidden 5 difference of the two picture
* A lucky winner will be drawn by the Admin based on the no. of minutes,seconds,milliseconds that a user takes to find the difference
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

flyer_products

[ Description ]
* Facebook Application built with wordpress
* An e-commerce application inside Facebook iFrame Tab
* The application integrate a payment gateway to process payments.
[ Build Tools ]
* PHP
* WordPress
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

testimonial

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a testimonial game
* User needs to register and submit testimonials, then audience needs to vote for their favourite testimonials.
* A lucky winner will be drawn by the Admin based on the highest voted testimonial
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

panasonic_thrulens_products

[ Description ]
* Custom WordPress Theme with campaign application
* A campaign application that sits inside a wordpress themed website
* Audience needs to register in the campaign
* Campaign can be re-open and re-skin in the WordPress Admin page
* A lucky winner will be drawn by the Admin at the end of the campaign.

[ Build Tools ]
* PHP
* WordPress
* HTML
* CSS
* jQuery / Javascript

 

mcys_quiz_questions_v1a

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a quiz game
* Audience needs to answer a set of questions and invite friends to take part in the campaign.
* A lucky winner will be drawn by the Admin based on the number of invites a user has gathered.
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

mango

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a photo contest wherein
they need to upload pictures.
* Audience votes for their favourite photos and then at the end of the campaign
* A leaderboard is showcased to show leading photo entry
* A lucky winner will be drawn by the Admin
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

visual-OK

[ Description ]
* Facebook iFrame Tab Application
* A campaign application that invites users to take part in a share and win.
* Audience needs to share and invite friends to take part in the campaign.
* A lucky winner will be drawn by the Admin at the end of the campaign
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

Lepan_club_leaderboard

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a register and win game
* Audience needs to register and invite friends to register as well
* A leaderboard is showcased to show leading inviter
* A lucky winner will be drawn by the Admin based on the no. of invites a user has made
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

gallery_main

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a 2 in 1 application,
photo contest and Event booth capture moments.
* User also needs to invite friends to also take part in the game
* Audience needs to vote for their favourite Photo entries
* A lucky winner will be drawn by the Admin based on the no. votes a photo have gathered.
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

 

quiz

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a quiz contest wherein
they answer a set of questions.
* User also needs to invite friends to also take part in the quiz
* A lucky winner will be drawn by the Admin based on the no. of friends invited that has successfully registered and played the game
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

03Submit-Testimonial-Page

[ Description ]
* Facebook Application
* A campaign application that invites users to take part in a testimonial contest.
* Audience votes for their testimony and then at the end of the campaign
* A lucky winner will be drawn by the Admin
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

winners

[ Description ]
* Facebook iFrame Tab application
* A promotional campaign app that invites audience to participate in the photo contest
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

dugro

[ Description ]
* Facebook iFrame Tab
* A promotion tab appliacation

[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

winner_sg1

[ Description ]
* Facebook iFrame and App
* A campaign application that invites users to take part in a photo contest wherein
they need to upload pictures from their travel adventures.
* Audience votes for their favourite photos and then at the end of the campaign
* A lucky winner will be drawn by the Admin
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

 

 

landingpage

[ Description ]
* Facebook iFrame Tab application
* A campaign application that invites users to take part in the outdoor event
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

 

Avengers Home Page

[ Description ]
* Send a gift card facebook application
* Audience select Avenger gift card and select a friend to
send it. Sending is by means or posting to your facebook friends wall
* To qualify in the lucky user needs to send gift cards to 7 friends
* At the end of the campaign, a winner will be selected via lucky draw
[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

Twilight-campaign

 

[ Description ]
* Facebook Application
* A photo contest campaign that enable user to upload pictures in the application
* Brands audience needs to vote which pair they
* Winner will be selected by means of highest vote

[ Build Tools ]
* PHP
* Facebook PHP SDK
* HTML
* CSS
* jQuery / Javascript

 

 

Description:

It’s an RSVP campaign for a brand, let user to create their dream party sponsored by the brand. After a an event finishes, this application utilize wordpress to blog

pictures and details of the event.

Technology:

  • jQuery
  • OOP Javascript implementation
  • MySQL backend
  • Facebook JS SDK
  • Worpress ( Special theme for Facebook Integration )


Description:

It’s an RSVP campaign for a brand, gather’s visitor’s information and their thought about their product.

Technical feature:  utilizes Facebook JSK for OAuth 2.0, client side authentication flow.

Technology:

  • jQuery
  • OOP Javascript implementation
  • MySQL backend
  • Facebook JS SDK
  • Custom Javascript Utilities (Platform)

Description:

A full php / javascript made game application.

Technology:

  • jQuery
  • OOP Javascript implementation
  • MySQL backend


Website

Description :

A website that has customized WordPress Theme, all are done without plugins, all are functions in hard code.

Technology:

  • jQuery
  • jQuery UI
  • MySQL backend
  • WordPress 3.0.4 ( Modified Theme )

Description :

A facebook connect enabled website and an E-Commerce website that pulls Amazon data as products.

Technology:

  • jQuery
  • jQuery UI
  • AJAX
  • JSON
  • Facebook GRAPH API
  • MySQL backend
  • Amazon API
  • CodeIgniter MVC

Facebook Application

Description :

Another campaign application that gains high traffic.

Visitor of a fan page need to invite one of his friends to complete a crew, or he/she can also join someone’s crew by clicking on Facebook feeds invites, Tweeter invites and application request.

Technology:

  • jQuery
  • jQuery UI
  • AJAX
  • JSON
  • Facebook GRAPH API
  • MySQL backend

Description :

Another campaign application that gains high traffic.

An Iframe canvas Facebook  application,  another campaign application.

Technology:

  • jQuery
  • jQuery UI
  • AJAX
  • JSON
  • Facebook GRAPH API
  • MySQL backend



Description :

A campaign application that gains high traffic.

An Iframe canvas Facebook  application,  another campaign application.

Technology:

  • jQuery
  • jQuery UI
  • AJAX
  • JSON
  • Facebook GRAPH API
  • MySQL backend

Description :

An Iframe canvas Facebook  application,  this application only accepts those serial numbers that are stored in our database.

Technology:

  • jQuery
  • jQuery UI
  • AJAX
  • JSON
  • Facebook GRAPH API
  • MySQL backend

Description :

An Iframe canvas Facebook  application,  the application changes it’s images of 5 sets per week, every week has different images to show. 

Technology:

  • jQuery
  • jQuery UI
  • AJAX
  • JSON
  • Facebook GRAPH API
  • MySQL backend



An FBML application that sits on a Facebook Fan Page, it has a backend interface where you you can moderate the application tab.
Technology:

  • jQuery
  • AJAX
  • JSON
  • Facebook FBML
  • Facebook FBJS


Facebook Application that collects user information and save to database for offer collection.
Technology:

  • jQuery
  • AJAX
  • JSON
  • Facebook API


An FBML application on Facebook Fan page, it grabs locations from database and pull static map from google.

Technology:

  • jQuery
  • AJAX
  • JSON
  • Google API
  • Facebook API

Following video’s are my works for an in-house developed web application for company use only, served in an intranet server. I put it in a video format so that I can share how it really works on live. Please do watch it in full screen ^_^

Company Intranet

Descriptions:

Virtually mimic a local desktop of a normal computer including the fancy Apple Mac like menu navigation at the bottom. Icons are movable and points you to web applications running on the same server.

Features:
– Written in ASP.net ( C# )
– My own Javascript Frameworks for JS Effects
– Dragable ICONs
– Virtual Desktop
– FishEye Menu
– Docking Icons


Drawing Logsheet

Descriptions:
Maintains Drawing Numbers, from number acquisition to managing current available drawing numbers that are dynamically generated by the system. I can handle user session that includes monitoring of who is currently log on the system.

Features:
– Written in ASP.net ( C# )
– AJAX Enabled ( AJAX.NET )
– Uses my own Javascript Frameworks for JS Utilities


Electronic Manual

Descriptions:
Collection of electronic files in PDF format. These files are being compiled and manipulated in a manage web application for user interaction.

Features:
– Written in ASP.net ( C# )
– Uses my own Javascript Frameworks for JS Utilities


Advertisements