Progress – Project DBV – Module 1: Disbursement Delete

It might be a simple task for anyone, but for me, its a big step. Considering that the developers I have only knew CodeIgniter and JQuery in the apartment I rented, this is a big leap forward for them.

The page above is actually a modal message after the user clicks on delete. Thanks to for doing this. He is new to JQuery and CodeIgniter and I’m very proud that he come a long way learning this just to finish the deliverable! Kudos!

Progress – Project DBV – Module 1: Disbursement Voucher

Progress Report on Module 1: Disbursement Voucher

Technology: CodeIgniter, JQuery and JQuery UI Theme.

Started on April 26, 2012 – Progress: 60% (Well I think so). Anyways, this is actually a version 2 of the Disbursement Voucher System I co-developed when I was still learning the ropes of programming (using visual basic 6). This just basically a report generation tool that will be used for voucher reporting on different barangays in Paranaque.

The screen above is actually the pop-up dialog box that will let the user enter a new disbursement voucher data. The table below is the list of disbursement vouchers.

This screenshot update was actually sent by who’m is actually one of the owners of this requirement. Kudos to you sir!

CodeIgniter – PHP MVC Framework

PHP is a very powerful platform if used accordingly. Back when I was in college, I certainly thought of using PHP as my main weapon for development and considered it as the backbone of my career even before graduating college. My PHP Skills are still within me but it certainly not the primary choice. But a good look at the remarkable existing framework it had  and I’m back on track in investing time using it. 🙂 CodeIgniter is a PHP MVC Framework that simplified development by introducing pre-built APIs and Helpers for developer so lessen the development time, as well as give a familiar pattern to ease the development process. Here is a quick video tutorial on CodeIgniter from their website.

In my efforts to learn the new stuff, I used the first IDE I ever used: Dreamweaver!

Quick Setup:

  1. Download CodeIgniter
  2. Put it on your htdocs folder (for XAMPP) – with a little googling, you can actually change the hosting folder to any specific folder you want.

Here’s a sample Source code POS System I extended that uses CodeIgniter:

Notice the structure of the folders. This is how it made it easy for developers. All components have its own sub folders with a very sensible naming on each (Views will be on the views folder, Controllers are on controller folder, etc.).

I deployed this Application on my own domain, feel free to check it out: POSv1 (username: sampledemo / password: sampledemo). This is actually my efforts to put a POS system in one of our Mini Stores – although, this is a bit an overhead since I can just buy us an actual POS system, its fun learning codeigniter and know its potentials.

I’ll post more tutorials on these on later. Feel free to checkout the POS application above and tell me your feedbacks about it!