CSI Project – Software Engineer

This time I worked on a project for Computer Services, Inc (CSI). CSI is a company that supports technology solutions for its customers. Most of the CSI customers are on the banking industry, so they take care of very sensitive data. CSI has several locations across the nation, and I work for the branch that is located in Amarillo, Texas.

On this project, the clients want to keep track of their live production data and generate reports, but they do not want to do it directly on the live production data because if something goes wrong, the live production may be hurt. The solution for this project was to replicate the live production database into another database, called Archive. The clients want to have a system that can send the live production data in a particular time automatically by using a scheduling system.

Please see the video below for the broader explanation of this project:

The video below is talking about the Stored Procedure aspects and the Scrum Process:




Categories: Portfolio | Tags: , , , , , , , | Leave a comment

Android/iOS Mobile Development using Appcelerator Titanium

Android and iOS have gained popularity today in terms of mobile apps industry. These technologies have their own fans and use different platforms to run it, so it sometimes creates gap between the app developer, app user, and the app itself. For example, if we want to develop Android, the app cannot be used in the iOS or vice versa. In order to solve this issue, I usually develop apps using Appcelerator Titanium that can cross platforms. This technology allows us to write code at once, and then can be pushed or used onto different platforms, such as Android, iOS, and even Balckberry.

This time I am going to show you one of my projects building the mobile app using Appcelerator Titanium. This project is developed for College of Business at West Texas A&M University, and it was just barely started when I took this video. Thank you for watching!

Categories: Portfolio | Tags: , , , , , , , , , , , , | 2 Comments

Beta Gamma Sigma Induction Ceremony

West Texas A&M University College of Business is certified by the AACSB International. “..AACSB International – The Association to Advance Collegiate Schools of Business, which is the highest accrediting body for business colleges in the world.  Less than five percent of business programs in the world achieve this standard of excellence.  This means that the faculty, curriculum, and all other educational resources are thoroughly and professionally evaluated by an independent board of educators and have been found to be of exceptional quality” (WTAMU website, http://tinyurl.com/qxcswvn).

I am proud to be part of College of Business at West Texas A&M University. I am also enrolled as a student at West Texas A&M University  Computer Information and Decision Management Department that belongs to the College of Business, majoring Computer Information Systems, which is certified by  ABET. These two accreditation give two benefits at once for students who enrolled in College of Business as Computer Information Systems major.

Today, October 3rd, 2013, I was recognized officially by Beta Gamma Sigma at West Texas A&M University Chapter for high scholastic achievement. Beta Gamma Sigma is the international honor society for collegiate schools of business in the world. Beta Gamma Sigma is founded in 1913 and has recognized the outstanding academic achievements of collegiate business and management scholars.  Lifetime membership is the highest recognition business scholars anywhere in the world can receive at a business program accredited by AACSB International.  Only the top scholars of these programs are invited to join Beta Gamma Sigma.  Members currently reside in all 50 U.S. states and more than 160 countries and serve in corporate, government, non-profit, educational, and other management positions at every level of responsibility.  Employers and graduate programs value the significance of Beta Gamma Sigma membership. Induction into Beta Gamma Sigma signals of high academic achievement and is a permanent part of the academic transcript.  Members of Beta Gamma Sigma comprise an exceptional group of business leaders worldwide.

In this induction ceremony, I received a medal and certificate of recognition (please see Figure 1).

Figure 1 : Beta Gamma Sigma Medal and Certificate

Figure 1 : Beta Gamma Sigma Medal and Certificate

Related Link:
– West Texas A&M University Newsletter

Categories: Portfolio | Tags: , , , , , , , , , , , | Leave a comment

Psychology Experiment Lab – Web Project

This project is built using HTML5, CSS3, jQuery, Javascript, AJAX, PHP, and MySQL database. This project is called as Social Interaction Lab, and this project is created for Psychology Department at West Texas A&M University. The psychology department wants to engage people and students around the world to participate into their kind of experiments about human attractiveness.

The Features of this website are:
– Administrator side
– User Side
– Face research experiment
– Voice research experiment
– Questionnaires
– Custom blog
– Gallery and sliding images
– Excel reports
– jQuery pagination
– jQuery-AJAX insertion
– Password and data encryptions
– Regular Expression validations

Please see this video below about the demo of this project

Categories: Portfolio | Tags: , , , , , , , , , , , | Leave a comment

WTAMU Presidential Summer Research Award 2013

Many researchers have stated that physical therapy has become a good alternative in helping people return to normal activity following health issues or injured caused of accidents. People over 50 years of age tend to lose both muscle mass and muscle elasticity, which means they cannot stretch as well as before. They also get weaker as they get older if they do not exercise routinely. Statistics show that people choose physical therapy instead of taking surgery because physical therapy is less expensive than the surgery.

During the summer 2013, I worked on a technology research for the President of West Texas A&M University program about physical therapy using motion sensitive cameras.  I wrote computer programming language to control the cameras to recognize the human shapes, movements, gestures, and even the human voices.

My ideas about this research were developed drastically when I discussed it to Dr. Jeffry Babb (my advisor) and Mr. Patrick Pitre (a professional of physical therapy who owns and runs a clinic in Amarillo, Texas). Dr. Babb helped me on the technology perspective, and Mr. Pitre helped me on the medical side. As a result, I combined the medical procedures with something fun, such as games, music, rewards, and sophisticated devices. Currently, I produced four products of game consoles and five products of medical exercises to help patients and therapists to do exercises in interactive and enjoyable ways.

This research has given me a lot of opportunities to increase my technological skills and to learn other things beyond of my expertise, such as health issues and physical therapy. In this opportunity, I would like to give thanks for West Texas A&M University, especially Dr. J. Patrick O’Brien (the President of West Texas A&M University), Dr. Angela Spaulding (the Chief Research Officer), all members of the Killgore Research Committee, Dr. Jeffry Babb, Dr. Sean Humpherys, Dr. Christopher Furner, Mr. Patrick Pitre, and everyone who supported this research. Thank you very much for all generosity that you have given to support this research!

In this research, I received a medal, award, and valuable experiences in my life. Please see Figure 1 to see the medal.

Figure 1 : WTAMU Summer Research Medal

Figure 1 : WTAMU Summer Research Medal

Please see Figure 2, 3 , and 4 to see the research summary program.

Figure 2: Cover Page of the Summary Program

Figure 2: Cover Page of the Summary Program

Figure 3: Awardees, Advisors, and Committees of the Summer Research

Figure 3: Awardees, Advisors, and Committees of the Summer Research


Figure 4: Result summary of my research. Some texts are hidden for confidential purposes

Notes: If you have any question regarding to the physical therapy, please feel free to visit Mr. Pitre’s website at this link below:

Categories: Portfolio | Tags: , , , , , , , , , | 4 Comments

Running Multiple Websites (Drupal) using Apache on Linux Server

This notes is for someone who wants to create the second or third website after successfully installing the first drupal webstie on his linux server. Here, the step-by-step process:
I. Prepare the DNS Server for the second website.
– Go a head login to domain controller
– Create new DNS server by specifying the new domain name and the ip address of the linux server.
*For this case, let’s assume that we want to create the new website, named “www.newsite.com”

II. Configure Multiple Sites in Apache
1. Prepare new directory
– Go a head login to the linux server.
– Create a new directory in /var/www/ directory.
*I sugest to name it after the new site name, which is “www.newsite.com”
– Create index.html file inside the “www.newsite.com”, and maybe you can say “Hello World” on the body tag
2. Setup the Apache Config file
– Go to /etc/apache2/sites-available
– Open the default file, and uncomment every single line by putting # in front of every single line of code
– Go back to the /etc/apache2/sites-available, you’ll see the first main website that you have successfully installed
– Copy the first main website, and paste to the new name, which is “www.newsite.com”
– Open the “www.newsite.com” file, setup the ServerName, ServerAlias, DocumentRoot, and the Directory path.
Also, uncomment some of the original line on code. (*Please see Figure 1 for the Code Details)

multiple site apache

Figure 1: Sites-Available code

– Go to /etc/apache2/ and change the permission of sites-enabled file into 777
– Enable the “www.newsite.com” that is located in the sites-available by typing:
sudo ln -s /etc/apache2/sites-available/www.newsite.com /etc/apache2/sites-enabled/www.newsite.com
– Change the permission of sites-enabled back to 755
3. Restart apache by typing:
– sudo /etc/init.d/apache2 graceful , or by typing
– sudo /etc/init.d/apache2 restart
4. Check the new website by typing http://www.newsite.com on the browser
– if you can see the “Hello World”, it means you have succeed Configuring the Multiple Sites in Apache

III. Install the Drupal Site
– Go to /var/www/ and delete the “www.newsite.com” directory
– Download new version of drupal by typing:
sudo wget http://ftp.drupal.org/files/projects/drupal-7.22.tar.gz
*Notes: you can check what is the newest version on the www.drupal.org
– Extract the drupal-7.22.tar.gz archive by typing:
sudo tar xvf drupal-7.22.tar.gz
– Rename the drupal-7.22 name into “www.newsite.com” by typing:
sudo mv drupal-7.22/ “www.newsite.com”
– Change the ownership of all “www.newsite.com” files to www-data.www-data by typing:
sudo chown -R www-data.www-data “www.newsite.com”

IV. Create Database and the Username in MySQL for the new drupal site
– Access the mysql by typing:
mysql -u root -p[the root password]
– Create the database name (e.g., newsite) by typing
create database newsite;
– Create the username and password (e.g., newsite) by typing:
CREATE USER ‘newsite’@’localhost’ IDENTIFIED BY ‘newsite’;
– Grant all privileges to newsite user for the database by typing:
grant all privileges on newsite.* to newsite@localhost;

V. Install the New Drupal Website
– Go to /var/www/www.newsite.com/sites/default
– Copy the default.settings.php and paste into settings.php name
– Type http://www.newsite.com into the browser url
– Follow the installation process

Categories: Tips | Tags: , , , , , | 2 Comments

An Attractive Website using JQuery

Building a website is one of my favorite jobs in the Computer Information area. I learned many different approaches and technologies in how to build a website, such as ASP.NET from Microsoft, Open Sources of PHP, JQuery, Drupal 7, etc. I found so many interesting features on each of those technologies. In this post, I would like to talk about HTML5, CSS3,  JQuery, AJAX, and node.js.

JQuery is one of my favorite technologies in building a website. JQuery is a javascript library that makes your website more attractive and looks more fancy and cool. According to the JQuery.com, “jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.”

The Features of this website are:
– Photo Gallery
– Sliding images
– Dynamic Map locations
– Send email

Please see Figure 1 about sliding images using JQuery.

visit indonesia
Figure 1: Sliding images using JQuery

Please see Figure 2 about Google Map feature in JQuery.

visit indonesia scuba diving

Figure 2: Google Map using JQuery

Please see Figure 3 about a cool photo galleries using JQuery.

visit indonesia galleries

Figure 3: Photo gallery using JQuery

Please see this video below about the demo of one of my projects using JQuery

Categories: Portfolio | Tags: , , , , , , , , , , , | 1 Comment

XAMPP Configuration to Secure MySQL, PhpMyAdmin and Localhost

This is a note how to configure XAMPP after installing Xampp in your computer. You can download the installer in this link http://www.apachefriends.org/en/xampp-windows.html#641

1. How to secure the MySQLand PhpMyAdmin after finished Installing Xampp (Please see Figure 1):
– Open the browser
– Type http://localhost/security/xamppsecurity.php
– Type New Password for MySql Root password
– Check “http”
– Hit button “Password changing”

2. How to secure localhost (Please see Figure 1):
– Still in the http://localhost/security/xamppsecurity.php
– Type “root” for User textfield on the XAMPP DIRECTORY PROTECTION (.htaccess)
– Type the password
– Hit button “Make safe the XAMPP directory”

Notes : After you hit button “Make safe the XAMPP directory”, the data will be safed in the following file:

After you did the Instruction #1 and #2, the localhost (xampp configuration) will need authorization permission everytime user access it,
but any user can still access their projects that they put in “htdocs” folder by typing “localhost/[project folder or project name]”

Figure 1: XAMPP user interface

3. Create PhpMyAdmin Account User
– Access PhpMyAdmin site by typing http://localhost/phpmyadmin/ on the browser
– Type “root” for User Name
– Type the password
– After you have been granted for accessing PhpMyAdmin, Click “Users” tab
– Click “Add user”
– Type the User name
– Pick “Local” on the Host drop-down list
– Type the Password
– The button “Generate” password is optional, so I reccomend not to click it
– Pick any kind of privilege for the new user
– Hit button “Add user”

Please see this video for the step-by-step process:

Categories: Tips | Tags: , , , , , , | 4 Comments

Virtual Meeting to Save Time and Energy

Today, technology runs very fast. Everybody and every company competes to each other to invent or re-invent new technology, which is to enable people face the world today. One of technologies that I usually use to help me communicate with my colleagues is Cisco WebEx.

Cisco webex is a software product from cisco company.
It is called virtual meeting. It creates and schedules meetings wherever you want, upload and share an agenda, files, and contacts.
Cisco webex also can record and replay your virtual meetings and share it with colleagues.

In short, it can be said that it is a combination of skype and dropbox and other technologies. So, it is combined together in cisco webex.

Why WebEx?
– Flexible
– Safe, it is running on the Cisco Cloud
– Increase productivity, you don’t have to spend times for traveling to meet colleagues.
– More Green

Special Features:
– Organize and share files
– Virtual Meetings
– Chat Messenger
– Share Desktop
– Recording Capabilities
– Mobile Access

Cisco offers some versions for the WebEx, such as the free edition, Premium 8, Premium 25, and Premium 100 (Please see Figure 1)

Figure 1: Cisco WebEx versions

Please feel free to watch the demo below that I used to communicate with my colleague.

Categories: Tips | Tags: , , , , , , , , , , , , | Leave a comment

C# ASP.NET Project

This is one of my projects using C# ASP.NET 4.

I built this project in Microsoft environment. I use SQL Server 2008 R2 for the database, and I use Visual Studio 2010 for the code editor.

Features of this website:

  • Advertising Custom Control using AJAX and Script Manager
  • Encryption of Credit Card and User Password
  • Income Report that can be open in Pdf, Excel, and Word documents
  • Good session management
  • Product Search
  • Regular Expression Validations of Credit Card and Email Address

Please check this out:

Categories: Portfolio | Tags: , , , , | Leave a comment

Create a free website or blog at WordPress.com.