
PROJECTS

How this project works:
-
Provide information about candies available in store.
-
There's navigation for products.
-
There's slideshow of available products on Home page.
-
There's a page for ordering product(s).
-
There's a page for customer to make payment confirmation.
Project | 01
Web Design for Candy Online Shop
​Year: 2014
Type: Individual Project
​
This project about designing "Cuppie Candy" online shop using HTML and CSS. I made this project using Adobe Dreamweaver as practicum's final assignment on subject Human Computer Interaction.
​
Tools: Adobe Photoshop CS3, Adobe Dreamweaver CS3.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZTThuWEdOU2padjA
​
​
​
​
​
​
​
​
​
​

How this project works:
-
For user "customer":
-
Customer must login to enter the main web page and make order/transaction.
-
Customer can get their login information on menu Register.
-
After login, customer can see product list and make order/transaction.
-
For user "admin":
-
Admin must login to use the function.
-
After login, admin can insert, update, and delete product(s).
-
Admin can also insert member, delete member, and update member's role (to become "admin" or "member").
Project | 02
Web Application for Burger Online Shop
​Year: 2015
Type: Individual Project
​
This project was web-based application online store "BlueJack Burger Shop". I made this project using Java language (JSP), Apache Tomcat, and Microsoft Access database as practicum's final assignment on subject Web Programming.
​
Tools: Adobe Dreamweaver CS3, Adobe Photoshop CS3, Apache Tomcat, Database Microsoft Access.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZYmRDRmprT0lUeFU
​
​
​
​
​
​
​
​
​
​

Gameplay:
-
Player must walk along dungeon to defeat Dragon, the last boss.
-
There will be enemies along the way.
-
There also "Power Up" along the way.
Project | 03
Game RPG for Android
​Year: 2015
Type: Group Project
​
This project was RPG game "Dungeon&Monster" for Android platform. This project made for competition "Kompetisi: Liga Digital Indonesia 2015". My part in this project was as game designer.
​
Tools: Adobe Photoshop CS3, GameMaker Studio.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZQ2xvZmh1SjdGN3c
​
​
​
​
​
​
​
​
​

How this project works:
-
This application gives explanation about properties and formulas geometry space (bidang ruang).
-
There's button to make application fullscreen and button to turn background music on/off.
-
User must click "Start Button" to enter the application.
-
There will be some navigations of geometry space for user to see.
-
Inside each geometry space navigation, user can see properties and formulas of the corresponding grometry space.
Project | 04
Flash Application
​Year: 2016
Type: Individual Project
​
This project was Flash application "Collection of Math Formula". I made this project using Adobe Flash CS3 as a guide for my student's final assignment in SMAN 42, Halim, Jakarta.
​
Tools: Adobe Flash CS3.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZZjRHSkJYUkNzbW8
​
​
​
​
​
​
​
​
​

How this project works:
-
"Master Data" page:
-
User can add data, update data, and delete data for each Master Data (Exchange Rate, Commodity Rubber, Commodity Steel, Commodity Resin, and Commodity Lamp).
-
User can upload Microsoft Excel file to add Master Data.
-
user can download each Master Data as Microsoft Excel file.
-
"Tasks List" page:
-
User can see their work list in Tasks List page.
-
For user who have position higher than Staff, Tasks List will contain work list from user who have lower position to be approved. E.g: Sec.Head can see work list from Staff, Dept.Head can see work list from Sec.Head, Div.Head can see work list from Dept.Head.
-
User with position as Staff can see their work list that need to be revised or have been approved by their superior by clicking button "View My Tasks List" on menu "Tasks List".
Project | 05
Web Application
​Year: 2017
Type: Individual Project
​
This project was a web application "Cost Structure Standardization" to add data, update data, delete data, upload data, download data, view task list, and view task history. I made this project using C# programming language, JQuery, Ajax, Bootstrap, HTML5, CSS3, MVC, and Ms SQL Server 2012 database as a request from TMMIN.
​
Tools: .Net 4.5, Microsoft Visual Studio 2012, Database SQL Server 2012.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZM1NrT1FCbkdURTQ
Download the database: https://drive.google.com/open?id=0B_RRIoSdmVPZbDZhQU94NmVxUEk
​
​
​
​
​
​
​
​
​






Project | 06
Company Profile Design
​Year: 2017
Type: Individual Project
​
This project was a request from PT. Arofrasa Victorindo. I made this project using Adobe Photoshop CS3.
Tools: Adobe Photoshop CS3.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZRW5KT2JmRlBTY2M
How this project works:
-
User can search data of Staff by insert the staff code in the field "Cari Data" then it will automatically display the staff data.
-
User can add new data by inserting the data in the corresponding field then click "Simpan" button.
-
User can update data of staff by inserting new data of the staff after searching the staff data, then click "Ubah" button to save the change.
-
User can delete data of staff after searching the staff data by clicking "Hapus" button.
-
For further details, please watch the video.
Project | 07
Salary Application
​Year: 2017
Type: Individual Project
​
This project was a desktop application "Program Aplikasi Gaji Karyawan" to search data, add data, update data, and delete data. I made this project using Visual Basic (VB) programming language and Ms SQL Server 2012 database as a guide for my student's final assignment.
​
Tools: Microsoft Visual Studio 2012, Database SQL Server 2012.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZUjZNM0tod3Zkbk0
Download the database: https://drive.google.com/open?id=0B_RRIoSdmVPZc2NMcldDSllBRnc
​
​
​
​
​
​
​
​
​
How this project works:
-
User can view the data that already in database by looking at the tables on main page.
-
User can add new data by click "Tambah Data" button from main page, then insert the data in the corresponding field. Then click "Tambah Data Penduduk" button to add new "Penduduk" data or click "Tambah Data Kota" to add new "Kota" data.
-
User can update data by click "Ubah Data" button from main page then choose which data to update.
-
User can delete data by click "Hapus Data" button from main page then choose which data to be deleted.
-
For further details, please watch the video.
Project | 08
Citizen's Data Application
​Year: 2017
Type: Individual Project
​
This project was a web-based application to add data, update data, and delete data. I made this project using PHP programming language, XAMPP, and MySQL database as a guide for my student's final assignment.
Tools: XAMPP, Microsoft Visual Studio 2012, Database MySQL.
​
Download this project: https://drive.google.com/open?id=0B_RRIoSdmVPZcldkTTlWVURneWs
Download the database: https://drive.google.com/open?id=0B_RRIoSdmVPZNTdETWE0cHprQ28
​
​
​
​
​
​
​
​