Facebook Sign Up/Login to Website

My task in this job was to integrate Facebook Login and Graph APIs for login and sign-up purposes. The information then used on user's dashboard to manage their account within the application.

The second task was to develop email sending features for support contact and forgot password. I also implemented some animations and CSS style on some pages.

My tasks in this job were to:

• Integrate Facebook Login and Graph APIs
• Create database for saving sign-up and login information
• Create pop-up login box
• Implement sign-up and login work-flow
• Implement back to top animation
• Implement email sent confirmation page
• Implement send email function

Additional works on this job were:

• Consultation on some Facebook permissions
• Consultation on web-hosting's PHP issue
• Adding a rocket animation
• Adjustments on some UI elements

Platforms and/or technologies I used for this project:

• PHP
• MySQL
• HTML
• CSS
• Javascript/jQuery
• Facebook Login and Graph API

Please visit this page to see my works on the project.

Fantastic Sams Florida Locator

The project was to fix some issues with existing map page and also adding some enhancements on the map and web page. The Google Maps is to show Fantastic Sams's location around Florida area, based on user's search input.

My tasks were:

• Adding place search functionality
• Adding distance calculation function
• Adding auto geolocation detection function
• Enhancing marker's pop-up window
• Creating 'search list' scroll view

Platforms and/or technologies I used for this project:

• HTML
• CSS
• Javascript/jQuery
• Google Maps services

Please visit this page to see my works on the project.

Pulsating Files - Adobe AIR

This project was an enhancement for "Time Based Action" project. The goal for the enhancement was to display a notification on the HTML pages when the current time is inside some specific already defined time.

My tasks were:

• Creating Javascript/jQuery functions.
• Creating CSS style.
• Modifying existing HTML pages.
• Modifying existing Javascript/jQuery functions.

Platforms and/or technologies I used for this project:

• HTML
• CSS
• Javascript/jQuery

Time Based Actions

This was a challenging task. I had to create a functions which takes action based on user's action's and today's date and time. Also, the functions must know whether today is a weekend or holiday. All is done without using server side scripts, only using Javascript and jQuery.

My tasks were:

• Modified some HTML codes for sending event.
• Create Javascript/jQuery script to calculate today's date and time.
• Create Javascript/jQuery script to determine weekend days and holiday days.

Platforms and/or technologies I used on this project:

• Javascript/jQuery
• HTML

Xpresso Bonus Codes

The idea for this project was to provide users with public facilities and services near their position. I took over the project from the previous programmer and I did some re-skinning, modification and optimization to the codes and database.

Parts where I was involved:

• Debugged, modified and optimized the old original source-codes.
• Debugged, modified and optimized back-end database codes.
• Debugged, modified and optimized REST webservice codes.
• Re-design local database within the application.
• Lots of re-skinning works, with almost totally 90% new icons.

Platforms and/or technologies I used on this project:

• PHP
• MySQL database
• HTML
• CSS
• Javascript/jQuery

Mobile Directory

The idea for this project was to provide users with public facilities and services near their position. The POI data for the application only contains POI for cities in Indonesia.

The POI selected is already filtered by nearest location from user's position and displayed on the Android handset's map.

Parts where I was involved:

• Debugged, modified and optimized the old original source-codes.
• Debugged, modified and optimized back-end database codes.
• Debugged, modified and optimized REST webservice codes.
• Re-design local database within the application.
• Lots of re-skinning works, with almost totally 90% new icons.

Platforms and/or technologies I used on this project:

• Java
• PHP CodeIgniter
• MySQL
• SQLite
• Google Maps
• REST webservice
• JSON

Matafocus Family Tracker

This is a mock-up of a location-based-service related application. The idea for this application was to develop a family members location monitoring tool.

Parts where I was involved:

• Created all the layouts.
• Developed SMS notification.

Platforms and/or technologies I used on this project:

• Java

Telkomsel Sefiia

This is a flat-design mock-up / demo application I developed for Telkomsel, a national cellular provider. The idea for this application was, to provide the surveyors with integrated tools to assist them in their daily job.

Parts where I was involved:

• Created all layouts and user's interface.
• Integrated geo-location function.
• Integrated Google Maps.

Platforms and/or technologies I used on this project:

• Java
• PHP
• MySQL database
• Google Maps
• REST webservice

Ramsay Healthcare

The idea for this project was to make the process of viewing and booking hospital and doctor schedules easier for the users. Built on top of PhoneGap/Cordova framework.

Parts where I was involved:

• Created Javascript and jQuery programs to make the view dynamic.
• Created PhoneGap/Cordova plugins.
• Created REST webservice connection.
• Edited and fixed some CSS bugs.
• Edited and fixed HTML structures.
• Added Facebook Login API
• Added Google Plus

Platforms and/or technologies I used on this project:

• Java
• PhoneGap / Cordova
• Javascript/jQuery
• HTML
• CSS
• Google Maps
• REST webservice
• Facebook APIs
• Google Plus APIs

Camera Setan

The idea for this project was to make a fun camera application which intended to scare the users by adding a ghost image into their taken photos, when they were inside certain locations. So, geolocation feature was also used in this application.

Parts which I was involved:

• Created custom camera surface.
• Created superimpose camera image.
• Created geo-location parameter.
• Created notification info.

Platforms and/or technologies I used on this project:

• Java
• PHP
• MySQL database
• Geo-location
• REST webservice

Vehicles's Monitoring Website

This is a vehicle tracking website built to monitor vehicles or fleets location/position sent by GPS tracker devices. This application also monitor other sensors built into the GPS tracker like door and fuel sensors.

Parts which I was involved:

• Updated Google Maps API from v2 to v3.
• Added reverse geo-location function.
• Added vehicle's name boxes and lines.
• Optimized and developed new REST webservice source-codes.
• Optimized and/or refactored Javascript/jQuery codes.

Platforms and/or technologies I used on this project:

• PHP CodeIgniter
• MySQL database
• Javascript/jQuery
• Twitter Bootstrap
• CSS
• Google Maps APIs
• REST webservice

The demo for this web application can be viewed here. Just click the 'Login' button.

Web-based Data Mapping

This is a prototype of data mapping for Indonesia Election Monitoring Board (Bawaslu). Data includes all qualified person to vote (more than 200 millions rows).

The website's maps rely heavily on REST calls to draw the region's boundaries and to get data needed for presentation. Heavy calculations also needed at the back-end to get correct summary of data for each region levels.

The idea for this project was to develop a monitoring, analyzing and reporting tools for 2014's house of representative and presidential election. The demographic data presented in this application is a representation from all regional levels.

Parts which I was involved:

• Integrated LeafletJS map
• Integrated Google Maps
• Integrated ESRI SHP files to get the boundary data
• Created REST webservice source codes
• Created Java scrapping scripts to extract data from .XLS .XLSX .HTML .SQL files
• Created Java scrapping scripts to extract data from www.kpu.go.id website

Platforms and/or technologies I used on this project:

• Java
• PHP
• HTML
• CSS
• MySQL
• Javascript/jQuery
• JSON/GeoJSON
• REST webservice
• LeafletJS API
• Google Maps API

Please visit this page to see the demo.

Survey Management System

The idea for this project was to develop a web-based back-end management system to manage surveys conducted by the surveyors. This application also tracked and monitored surveyor's position and activities on his/her Android handsets.

This system was originally created to help to monitor the governor election in South Sumatera, Indonesia.

Parts which I was involved:

• Integrated LeafletJS map
• Integrated Google Maps
• Created REST webservice to receive incoming and outgoing SMS from Android handsets
• Created REST webservice to receive data and pictures taken from Android's camera
• Developed surveyor's location tracking and monitoring functions
• Database design

Platforms and/or technologies I used on this application:

• PHP CodeIgniter
• MySQL
• Javascript/jQuery
• Twitter Bootstrap
• LeafletJS API
• Google Maps
• Highchart
• REST webservice

The stripped version of the application can be viewed here. Just click the 'Login' button.

Custom GPS Server

The idea of this project was to developed a custom-made GPS server to receive and send data to and from GPS tracker devices installed on vehicles. Built with Java SE, this application used socket/network programming and multi-threaded environment, in order to receive many connections from GPS trackers, including tracker's buttons and fuel indicator messages.

Parts which I was involved:

• Designed and developed database layer.
• Developed socket and stream connection channels.
• Developed multi-thread environment.
• Developed geo-fencing and geo-reverse functions.
• Changed the application to run on command line only (to be used on Linux), previously run on GUI environment.

Platforms and/or technologies I used on this project:

• Java SE
• Swing GUI
• MySQL database
• Socket connections
• Multi threading
• GPS NMEA sentences

Twitter Grab

The idea of this project was to develop a multi-threaded GUI grab engine to grab Twitter's posts. The data then saved and analyzed for current issues/trends among the users in Indonesia.

Parts which I was involved:

• Designed and developed database layer.
• Designed and developed the GUI.
• Integrated Twitter's APIs.

Platforms and/or technologies I used on this project:

• Java SE
• Swing GUI
• JDBC
• MySQL
• Twitter APIs
• Multi threading

eKalendaro

The idea of this project was to developed a publishing schedule tool, to publish user's input to some social media websites like Twitter and Tumblr.

All scripts were created by using plain/core PHP scripting, not by using any frameworks or CMS.

Parts which I was involved:

• Created search functions.
• Created jQuery's AJAX functions to retrieve data from backend
• Changed all CRUD process to use AJAX calls.
• Modified HTML and CSS scripts.
• Modified PHP and MySQL scripts.
• Integrated Twitter and Tumblr API for publishing purposes.

Platforms and/or technologies I used on this project:

• PHP
• MySQL database
• HTML
• CSS
• Javascript/jQuery
• Twitter APIs
• Tumblr APIs
• REST webservice

Please visit this page to see the live demo.

Cloud Client Area

This is a web application for a cloud service's client area, including client's services and billing information. The application is built with custom PHP framework, MySQL, jQuery, HTML, CSS.

Parts which I was involved:

• Created client's registration page.
• Created billing script to run on system's daemon.
• Created billing page.
• Created new database table.
• Fixed registration script.
• Fixed add new VPN script.
• Added new registration-email sending function.
• Changed datetime format.

Platforms and/or technologies I used on this project:

• PHP
• MySQL database
• HTML
• CSS
• Javascript/jQuery

Please visit this page to see live demo.