Minggu, 31 Maret 2013

Menampilkan Data dengan CodeIgniter dari Database MySQL

Kita mulai belajar CodeIgniter :) Bagaimana cara menampilkan Data dari Database MySQL ke Web PHP dengan CodeIgniter. Rencananya artikel ini akan bersambung ke beberapa seri artikel, yaitu :

1. Menampilkan (View) Data dengan CodeIgniter dari Database MySQL
2. Menambah (Add) Data dengan CodeIgniter dari Database MySQL
3. Menghapus (Delete) Data dengan CodeIgniter dari Database MySQL
4. Mengedit (Update) Data dengan CodeIgniter dari Database MySQL

5. Menampilkan (View) Data dengan CodeIgniter Menggunakan Library Table
6. Menambah (Add) Data dengan CodeIgniter Menggunakan Helper Form
7. Menghapus (Delete) Data dengan CodeIgniter Menggunakan Helper Form
8. Mengedit (Update) Data dengan CodeIgniter Menggunakan Helper Form

9. Mengupload Data (Gambar) dengan CodeIgniter
10. Membuat Login Session dengan CodeIgniter.


Kali ini kita mulai artikel pertama. Buka localhost/phpmyadmin, buat dahulu database 'dbci', kemudian sekalian buat tabel 'siswa' :

CREATE DATABASE dbci;

Kamis, 28 Maret 2013

Membuat Polygon pada Google Map v3 dengan Window Popup Event OnClick

Sebenarnya kode program ini adalah tutorial dari dokumentasi resmi Google Maps v3. Tetapi karena sangat pentingnya untuk Penulis karena pekerjaan tertentu maka Penulis postingkan disini. Kode program Javascript ini menggunakan Google Map v3 untuk menampilkan Polygon dan memberi fasilitas klik dan menampilkan Window Popup jika polygon tersebut diklik.

Kode programnya di bawah ini, siap dicopy paste di halaman web. Seharusnya langsung bisa dijalankan :


<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
    <script>

      var map;
      var infoWindow;

      function initialize2() {
        var myLatLng = new google.maps.LatLng(24.886436490787712, -70.2685546875);
        var mapOptions = {
          zoom: 5,
          center: myLatLng,
          mapTypeId: google.maps.MapTypeId.TERRAIN
        };

        var bermudaTriangle;

        map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);

        var triangleCoords = [
            new google.maps.LatLng(25.774252, -80.190262),
            new google.maps.LatLng(18.466465, -66.118292),
            new google.maps.LatLng(32.321384, -64.75737)
        ];

Rabu, 27 Maret 2013

Membuat Aplikasi Peta Android dengan Google Map V2

Fiuhh akhirnya jadi bisa mencoba membuat Aplikasi Peta dengan Google Map V2. Cukup panjang prosesnya. Katanya sih Google Map Android yang versi 1 akan dishutdown tahun ini, artinya semua aplikasi android yang menggunakan Google Map versi sebelumnya Petanya tidak akan muncul bahkan mungkin aplikasinya akan mati tidak bisa dijalankan :( apa iya, kayaknya Google tidak akan berani secepat itu menghentikan layanan, seperti halnya Google Map Web Versi 2 juga sudah lama sejak kemunculan Google Map versi 3 belum juga dihentikan. Kalau Google tetap nekat bisa-bisa ribuan aplikasi di Google Play mati semua hehe.

Pertama-tama buka Android SDK Manager, pastikan anda sudah menginstall Google APIs, kelihatannya yang pasti mendukung Google Map Android V2 adalah Google APIs versi 17. Penulis belum pernah coba versi di bawahnya.


Kemudian pastikan juga sudah menginstall Google Play Services

Senin, 25 Maret 2013

Menghilangkan URL index.php pada CodeIgniter

Setelah sekian lama mempertimbangkan dan menolak untuk belajar CodeIgniter akhirnya penulis "terpaksa" belajar CI :) Saat mencoba menjalankan web dengan Code Igniter untuk selalu saja penulis merasa "terganggu" dengan URL yang selalu ada index.php nya. Misal http://localhost/ci/index.php/welcome.

Nah untuk menghilangkan ternyata mudah, pada direktori CI terluar (ingat yang paling luar) tambahkan file .htaccess, jika kesulitan membuat file .htaccess maka copy saja dari file .htaccess yang ada, kemudian letakkan di folder terluar (jangan mengubah .htaccess yang ada di folder system, application dll).

Kemudian file .htaccess di direktori terluar tersebut, buka dengan notepad, isikan dengan setting berikut :


RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .* index.php/$0 [PT,L]

Simpan, kemudian seharusnya sudah bisa memanggil web CI dengan URL langsung tanpa index.php, misal : http://localhost/ci/welcome.

Semoga berguna.

Minggu, 24 Maret 2013

DateTimePicker pada Java NetBeans Menggunakan JCalendar dan JDateChooser

Pemrograman Java biasa Penulis sebut Bahasa Pemrograman Langit, ato lebih tepatnya Pemrograman Para Dewa hehe :) Karena susah banget, lambat, tapi menurut para Professor di Jurusan IT disebut bahasa Ideal karena memiliki struktur bahasa yang sangat rapi dan sempurna serta bisa berjalan di semua OS.

Nah, kelemahannya yaitu bagi kita para manusia biasa ini :) karena keterbatasan pengetahuan kita tidak mampu mengimplementasikan bahkan komponen yang paling sederhana sekalipun. Kali ini penulis ingin mengambil contoh DateTimePicker (DatePicker) yang berguna untuk memilih Tanggal. Di bahasa pemrograman lain seperti VB, .NET, Web PHP sangat mudah diimplementasikan, tetapi di Java tidak ada, bahkan di NetBeans juga tidak ada komponen tersebut.

Untunglah penulis mendapatkan komponen JCalendar yang dapat ditemukan disini. Ternyata komponen ini sangat praktis untuk memilih Tanggal. Cara pemakaiannya sebagai berikut :

1. Buat Project baru di Netbeans, kemudian pada Palette, klik kanan pilih Palette Manager

Selasa, 19 Maret 2013

Membuat Android Video Player Online, Play Video 3GP URL Web Online

Penulis pernah membuat tutorial cara Membuat Video Player di Android. Tetapi video yang di mainkan harus tersimpan di SDCard. Kali ini penulis coba membuat Video Player di Android tetapi memainkan Video secara Streaming dari Web, artinya Video 3GP tersebut berada di Web Online, yang kita ketahui cukup URL dari Video tersebut.

Video yang didukung untuk streaming dari Web sejauh yang penulis ketahui hanya *.3gp, bahkan *.mp4 saja tidak bisa, apalagi *.avi.

Caranya buat Project Android baru. Kemudian pada pada Activity Utama ketikkan program berikut :

MainActivity.java


package com.example.videoweb;

import android.media.MediaPlayer;
import android.media.MediaPlayer.OnPreparedListener;
import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.app.ProgressDialog;
import android.graphics.PixelFormat;
import android.view.Menu;
import android.widget.MediaController;
import android.widget.VideoView;

Jumat, 15 Maret 2013

Membuat Rute pada Web Peta Google Map, Draggable Directions GoogleMap

Kemarin penulis mendapat script yang sangat menarik untuk Membuat Web Peta Google Map yang memiliki Fitur Rute (Directions) dengan titik awal dan titik akhir yang dapat diatur dan dapat di drag (digeser dengan mouse) atau istilahnya draggable.

Yang cukup mengagumkan ternyata jalan terdekat (rute directions) nya pun dapat didrag pada simpul-simpul jalannya sehingga dapat membuat alternatif jalan yang lain yang melewati titik yang telah kita tentukan.

Scriptnya sebagai berikut :

Kamis, 07 Maret 2013

JSP Untuk Mengupload Gambar, Upload File Dokumen Binary dengan Java Server Pages

Kali ini kita pelajari cara mengupload gambar atau dokumen berbentuk file binary dengan JSP (Java Server Pages). Hal ini penulis lakukan karena pada tutorial sebelumnya ternyata banyak bug atau kesalahannya jika tidak dijalankan atau dideploy di Tomcat. Pada tutorial tersebut jika masih dijalankan di NetBeans kebanyakan tidak berfungsi.

Kali ini kita pakai cara yang lain yaitu menggunakan library milik com.oreilly.servlet yang dapat didownload di  http://www.jarfinder.com/index.php/jars/versionInfo/38510 atau di http://www.servlets.com/cos/.

Langkah pertama buat project JSP di NetBeans, kemudian masukkan library cos-09May2002.jar atau versi lain yang anda dapatkan. Kemudian buat halaman berikut untuk memilih gambar :

form.jsp


<%--
    http://cariprogram.blogspot.com
    nuramijaya@gmail.com
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">