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;


CREATE TABLE  `dbci`.`siswa` (
`nis` VARCHAR( 50 ) NOT NULL ,
`nama` VARCHAR( 200 ) NULL ,
`alamat` TEXT NULL ,
`tgllahir` DATE NULL ,
`nilai` DOUBLE NULL ,
`foto` VARCHAR( 200 ) NULL ,
PRIMARY KEY (  `nis` )
);

INSERT INTO `dbci`.`siswa` (`nis`, `nama`, `alamat`, `tgllahir`, `nilai`, `foto`) VALUES ('011011', 'Adi', 'Jogja', '1990-04-25', '90', '011011.jpg'), ('510290', 'Dewi', 'Solo', '1992-09-11', '80', '510290.jpg'), ('219045', 'Tiara', 'Semarang', '1991-03-23', '85', '219045.jpg');

Download CodeIgniter, extract di folder htdocs, misalnya dengan nama 'webci', setting terlebih dahulu file konfigurasi berikut :

- webci/application/config/config.php :

$config['base_url'] = 'http://localhost/webci';

- webci/application/config/database.php :

$db['default']['hostname'] = 'localhost';
$db['default']['username'] = 'root';
$db['default']['password'] = '';
$db['default']['database'] = 'dbci';
$db['default']['dbdriver'] = 'mysql';

- webci/application/config/autoload.php :

$autoload['libraries'] = array('table', 'database');

$autoload['helper'] = array('url','html','form','file');

Kemudian buat file webci/application/models/msiswa.php


<?php
class Msiswa extends CI_Model
{
function getdata()
{
$ambil = $this->db->get('siswa');
if($ambil->num_rows() > 0)
{
foreach($ambil->result() as $baris)
{
$hasil[] = $baris;
}
return $hasil;
}
}
}
?>


Selanjutnya buat file webci/application /controllers/siswa.php


<?php
class Pegawai extends CI_Controller{
function index(){
$this->load->model('msiswa');
$data['isi'] = $this->msiswa->getdata();
$this->load->view('vsiswa',$data);
}
}
?>


Terakhir buat file webci/application/views/vsiswa.php :

<a href="siswa/tambah">tambah</a>
<table>
<tr>
<td>No</td>
<td>NIS</td>
<td>Nama</td>
<td>Alamat</td>
<td>Tgl Lahir</td>
<td>Nilai</td>
<td>Aksi</td>
</tr>
<?php
$no = 0;
foreach($isi as $baris){
?>
<tr>
<td><?php $no++; echo $no; ?></td>
<td><?php echo $baris->nis; ?></td>
<td><?php echo $baris->nama; ?></td>
<td><?php echo $baris->alamat; ?></td>
<td><?php echo $baris->tgllahir; ?></td>
<td><?php echo $baris->nilai; ?></td>
<td><a href="siswa/ubah/<?php echo $baris->nis; ?>">edit</a> | <a href="siswa/hapus/<?php echo $baris->nis; ?>">delete</a></td>
</tr>
<?php
}
?>
</table>

Hasilnya dapat dipanggil dari browser dengan URL http://localhost/webci/index.php/siswa, atau jika anda sudah mengkonfigurasi sesuai dengan artikel Menghilangkan URL index.php pad CodeIgniter, maka anda jadi bisa memanggil dengan URL http://localhost/webci/siswa :

Di artikel selanjutnya coba kita pelajari cara Menampilkan Data Database pada CodeIgniter dengan Library Table. Membuat Halaman Insert Data MySQL di Web CodeIgniter.

Semoga bermanfaat.

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 (

Cara Membuat Stempel Asli Bahan dari Karet Runaflek

Kalau Mas Bro sekalian sudah cupet, cari kerja sulit skil minim, mau bunuh diri takut mati... hehehe... jangan ah..!.. ini aku ada saran buat sampeyan yang lagi bingung, yaitu menciptakan lapangan kerja untuk diri sendiri, mudah dipelajari biaya murah hasilnya hemm.. luar biasa, yaitu buat stempel... dengan buat kedai kecil dipinggir jalan raya sudah bisa cari duit nii..!,

Buat stempel tidak seperti dulu, rumit banyak proses, pake dicukit lah, ada yang di press, buat cetakan master dulu pake bonit, trus buat cetakan lagi pake gip... hemmm rumit!!! tapi sampeyan tidak perlu kuwatir, sekarang ada cara buat stempel yang simpel dan sederhana dalam pengerjaannya yaitu stempel dengan bahan Karet (polymer) "RUNAFLEK" sampeyan ingat-ingat itu.. biar tidak lupa kalau belanja untuk peralatan Stempel, biasnya karet ini tersedia pada toko peralatan percetakan dan sablon, perkiraan harga Karet Stempel Runaflek 1 lembar ukuran A4 : 110.000, Kayu Stempel 3,5 cm : 5.000, dalam setiap pembelian karet Runaflek telah dilengkapi dengan gabus dan mika.

Terlalu lama basa-basinya ya.., OK..! berikut ini adalah cara membuat Stempel menggunakan Karet Runaflek

Bahan :

1. Gambar dalam kertas kalkir
2. Karet Runaflek
3. Thinner A
4. Bensin
5. Kayu Stempel
6. Double tip

Alat :

1. Papan triplek atau kayu datar untuk Alas
2. Kaca untuk tutup
3. Sikat Gigi
4. Gelas takaran
5. Gelas / Mangkuk

Cara Kerja :

1. Buat design Stempel menggunakan program  CorelDRAW
2. Cetak hasil design sampeyan dalam kertas kalkir kalau punya printer laser jet atau cetak dengan printer diskjet dengan kertas biasa lalu foto copy dalam kertas kalkir, atau langsung cetak dengan mika  (plastik transparan) yang khusus untuk mencetak dengan printer diskjet, banyak tersedia dipasaran, syarat utama kalau menggunakan mika bigitu selesai proses ngeprint langsung sampeyan keringkan, yang paling mudah menggunakan setrika dengan posisi mika dibawah setrika dengan jarak kira-kira 2 cm antara srika dengan mika film, kalau nggak gitu ada kemungkinan hasil cetakan akan mblobor!!!
3. Siapkan papan triplek dan kaca pada tempat yang datar dan tertutup / gelap.
4. Pasang karet runaflek diatas papan tersebut dengan ketentuan posisi karet sebagai berikut : gabus, karet dan paling atas mika.
5. Gabus bisa disimpan dan mika yang atas bisa dilepas dan nanti digantikan oleh kaca
6. Perhatikan posisi karet jangan sampai terbalik, posisi yang agak kaku ditaruh dibawah dan yang tadi ada dibawah mika ditaruh diatas.
7. Taruh gambar yang ada dikertas kalkir tadi di atas karet runaflek dengan posisi terbalik, karena gambar nanti akan tercetak terbalik dan bila digunakan akan tercetak benar.
8. Tutup dengan kaca bening dan jemur/panaskan pada cuaca panas kurang lebih 15 - 20 menit.
9. Sambil menjemur karet tadi siapkan Larutannya, larutan bensin dengan larutan thiner 1 : 1 dicampur dalam gelas.
10. Setelah kurang lebih cukup dalam penjemuran angkatlah karet tersebut dan lepas kaca, gambar kalkir dari papan.
11. Ambil Karet tersebut dan gosoklah dengan sikat dengan menggunakan cairan larutan tadi pada bagian atas karet.
12. Gosok terus sampai muncul gambar pada permukaan karet tersebut.
13. Setelah selesai keringkan, lalu potong sesuai dengan bentuk stempel.
14. Pasang karet tersebut dengan gabus yang telah disediakan tadi dengan menggunakan double tip.
15. Setelah itu pasang gabus yang sudah tertempel dikaret tadi dengan kayu stempel dengan lem castol.
16. Coba pada papan tatakan stempel,
17. Dan lihat hasilnya, nah... ada penampakan ya..?

 Gambar Cara Afdruk-nya seperti gambar dibawah ini;

OK.. selamat berwirawasta, dengan menciptakan lapangan kerja baru, minimal sudah mengurangi 1 orang pengangguran.

untuk menghemat biaya untuk film sampeyan bisa buat sendiri, Desain yang umun seperti gambar dibawah ini;

Untuk film dari bahan karet Runaflek harus di buat negatif, caranya seperti gambar dibawah ini, yaitu buat lingkaran beri warna (fill) putih sebagai backgroud pada desain stempel yang sudah kita buat, kemudian pada Menu Bar --> Effects --> Transform --> klik Invert

Maka hasilnya seperti dibawah ini

desain stempel yang umun cara membuatnya sampeyan intip disini!!

Membuat Stempel Palsu dg CorelDRAW

Seandainya Mas Bro sekalian kepepet, misalnya punya keperluaan yang amat sangat mendesak, mau minta surat pengantar ke Pak RT, eee...  ternyata Pak RT tidak ada di tempat, katanya tetangga sebelah sedang menunaikan ibadah Haji misalkan,  nah ... Mas Bro sekalian bisa buat stempel RT palsu (bukan maksud kita untuk mengajari dalam kejelekan lo..! la wong ini sifatnya mendesak kok..!) dan saya harap mas Bro sekalian tidak menyalahgunakan trik ini untuk kejahatan lo...!!

Ok ... ikuti langkah sebagai berikut untuk membuat stempel palsu;

Contohnya seperti ini... (kalau Mas Bro sekalian telaten bisa membuat stempel yang lebih jelek dari gambar dibawah ini)

Buat lingkaran dengan Ellipse tool (F7)

Kemudian klik mouse pada Pick tool, object lingkaran masih keadaan terpilih (aktif) tekan 2 kali tombol + (plus) di numpad (keyboard) untuk menggandakan, dengan tekan Ctrl, drag ke dalam sedikit, kemudian lingkaran hasil penggandaan yang kedua drag juga kedalam dengan ukuran yang lebih kecil (jangan lupa dengan tekan Ctrl)

Selanjutnya buat kotak dengan Rectangle tool (difungsikan sebagai object pemotong) dan tempatkan pada posisi seperti gambar dibawah ini (untuk memposisikan center cara yang paling cepat, Klik object kotak dan Shift klik object lingkaran dan tekan E dan C di Keyboard, perlu di ingat..! jangan terbalik, yang harus di klik object kotak dulu lo..!, dimanapun tempatnya object kotak akan mengarah pada object lingkaran dengan posisi center.... )

Pilih object lingkaran dan object kotak dan klik Back minus front pada Property bar, maka object lingkaran akan terpotong dan object kotak akan hilang dengan sendirinya.

Selanjutnya buat object lingkaran lagi dengan men-copy object lingkaran yang sudah ada, keadaan object lingkaran masih dalam keadaan terpilih klik Text tool pada Toolbox, kemudian pada Menu bar pilih Text --> Fit Text To Path

 Ketik apa saja yang Mas Bro sekalian inginkan.

Untuk membuat text yang melengkung dibawah, Text tool masih keadaan terpilih arahkan cursor ke object lingkaran bagian bawah kemudian ketikkan apa yang Mas Bro inginkan

 Kemudian klik Mirror text horizontally dan Mirror text vertically

 Atur parameter pada Distance from path dan....

 Pada Offset

 Kemudian klik Shape tool untuk mengatur spasi pada text

untuk pembatas buat object bintang dengan menggunakan Polygon tool, tekan + pada Numpad  untuk men-copy object bintang, dengan tekan Ctrl, drag object bintang ke samping.

Proses awal selesai, dan untuk pengaturan warna, buat object kotak yang (yang berfungsi sebagai lensa) tempatkan persis diatas desain stempel yang sudah jadi, kemudian pada Menu bar klik Effect --> Lens, dan atur seperti langkah gambar dibawah ini.

Conver to bitmap desain stempel yang sudah jadi tadi dan atur sedemikian rupa dengan edit bitmap, sampai nyaris menyerupai  stempel yang asli....  kira-kira seperti gambar dibawah ini.

yang diatas itu palsu... dan kalau Mas Bro akan membuat stempel yang asli caranya klik disini !!

Membuat Vector Dengan CorelDRAW X4 (bag.2)

7. Membuat Rambut
7.1 Buat Layer baru ubah nama Layernya menjadi Rambut
7.2 Buat object Rambut sesuai pada Image yang telah diposterize
Tetapi sebagian rambut agak menjorok menutupi sebagian wajah dan leher
7.3 Kemudian buat object sesuai highlight pada rambut juga
7.4 Selanjutnya rambut di warnai
7.5 Hilangkan outline pada rambut



7.6 Hilangkan Layer Image Posterize
Maka akan tampak seperti berikut




7.7 Trim Object terluar pada wajah (1) dengan Rambut (2)
Cara Trim : Shift+select Object 1 dan 2 kemudian klik Icon Trim pada Property Bar
Trim Object terluar pada leher (3) dengan Rambut (4)
Caranya seperti diatas
Berikut Gambar Object yang akan di Trim dan gambar rambut yang telah di Trim



7.8 Pindahkan atau drag Layer Wajah pada posisi di atas Layer Image


Hingga tampak seperti gambar berikut



8. Buat Object untuk Kaos pada Layer Image
*alasan membuat kaos pada layer Image karena Layer Image berada pada posisi paling dasar sehingga tidak menutupi Object yang lain
Seperti gambar berikut, sengaja dibuat warna biru agar terlihat jelas ya Boozz..



8.1 Beri efect lipatan dan lighting dengan warna yang lebih gelap agar terlihat tidak flat (datar)
Seperti gambar berikut



Nah udah hampir jadi nich sooob..

Langkah selanjutnya,

9. Hilangkan Image (bitmap) Pada layer Image
9.1 kemudian masih pada layer Image, buat object kotak untuk backgroundnya menggunakan Rectangle tool,
(pindahkan objeck kotak tersebut pada posisi paling dasar agar tidak menutupi object yang lain )
9.2 Beri warna dengan Fountain Fill, type Radial atau menurut selera Anda,
Disini saya menggunakan warna Orange dan putih
Maka hasilnya seperti gambar berikut



Waah dah jadi niich�
Eeiiiiitttsss� highlight dhidung terlalu terang noooh�
Oh.. Iyaya� tinggal disamakan dengan warna highlight yang di pipi atau, di beri effect transparency type Uniform dengan parameter 50%...
Bereeeeessss�.
tapi kalo belum merasa pas, boleh lakukan editing dan penambahan sampai Anda merasa karya Anda telah sempurna�
Niiiich hasil akhirnya setelah di kutak katik pada lighting bagian leher, pemberian Line antara leher dan wajah, dan bagian pada bagian rambut�.


Mudah-mudahan tutorial ini bermanfaat..
Selamat berkarya semoga karya Anda lebih baik lagi�

Sumber :http://belajar-coreldraw.blogspot.com/2011/11/membuat-vector-dengan-coreldraw-x4-bag2.html

Menggambar Wajah Menjadi Kartun (bag1)

Judul Asli; Membuat Vector Dengan CorelDRAW X4

Bagian 1;
Tutorial Membuat vector ini dperuntukkan khususnya untuk teman-teman di INDOCCOM (Komunitas Pengguna CorelDRAW Indonsia), atau siapa saja yang ingin belajar membuat vector.
1. Langkah Awal
1.1 Buka CorelDraw, kemudian pada Layer 1 ubah namanya menjadi Image




1.2 Import File yang akan dibuat vector (Ctrl+I) , disini saya menggunakan Image Cinta Lurah



2. Membuat Mata
2.1 Pada Docker Object Manager, Buat Layer baru dan ubah nama Layernya menjadi Mata
Caranya klik Icon New Layer yang terdapat pada sudut bawah pada Docker Object Manajer


2.2 Buat lingkaran mata menggunakan Bezier Tool, kemudian edit atau sesuaikan menggunakan Shape Tool.



2.3 Buat bola mata menggunakan Ellips tool
Kemudian Intersect pada lingkaran mata,
Caranya :shift+select kedua objek, kemudian klik shortcut Intersect pada Property Bar
Kalau Anda ga� mau repot, buat Shortcut dulu untuk Intersect, tapi dah tau kan cara buat Shorcutnya.. hehe..



Hilangkan (Delete) object bola mata yang utuh



2.4 Buat object baru menggunakan bezier tool untuk bagian mata yang gelap
Kemudian Intersect dengan lingkaran mata (setelah Intersect slalu hilangkan object utuhnya)



Jika object yang dibuat menimpa atau sebagian menutupi bola mata, Anda tinggal meng-order object to front  of layer atau select object kemudian tekan Shift+PageUp pada keyboard

 
2.5 Lanjutkan membuat bagian mata yang lain dan highligth pada mata



2.6 Buat lingkaran terluar pada mata
Setelah itu order to back of layer (shift+PageDown) agar tidak menutupi object lain



2.7 Buat bulu mata menggunakan Bezier tool

 
2.8 Setelah semua bagian mata selesai, beri warna mata yang sesuai, pada Color Palletes, warnai mulai dari object yang kecil. Kemudian hilangkan Outline



2.9 Buat lekukan line pada kelopak mata

 

3. Membuat Alis 

3.1 Masih pada Layer Mata, Buat object sebagai dasar alis



 Buat satu object bulu alis kemudian Copy-paste kan pada seluruh bagian alis
Lakukan rotate dan transform agar sesuai alur bulu pada alis



3.2 Buat juga mata sebelahnya ya Booozzz..
Tungguu� tunggu�. Bulu mata yang bawahnya koq ga da???
Oowh iya yah� ya udah tambahin sendiri ja, gitu ja koq repot.. hehe..



4. Membuat Hidung
4.1 Buat Layer baru dan ubah nama Layernya menjadi Hidung
4.2 Buat garis tepi dan lubang hidung, kemudian buat highlightnya



5. Membuat Bibir (Mulut)
5.1 Buat Layer baru dan beri nama Bibir
5.2 Buat Line terluar pada bibir



5.3 Buat object sesuai dengan perbedaan gelap n terang warna bibir
5.4 Dilanjutkan membuat object gelap / line pemisah antara bibir atas dan bibir bawah



5.5 Warnai dari object yang terkecil hingga seluruh bagian bibir
5.6 Kemudian hilangkan Outline-nya




6. Membuat Wajah dan Leher
6.1 Buat layer baru dengan ubah nama Layernya menjadi Wajah dan Leher
6.2 Copy-paste kan Image Cinta Lurah dari Layer Background ke Layer Wajah
*Jangan lupa (Unlock dan Lock lagi Image-nya biar ga ke geser)..he..
6.3 Ubah Image dengan Effect Posterize

Caranya :
Select Image > Pilih Effect pada Menu Bar > Pilih Transform > Posterize
Atur Parameter Posterizenya sesuai keinginan Anda
Sebagai contoh Parameter yang saya gunakan adalah 4



Image yang telah di beri Effect Posterize akan tampak seperti gambar berikut



6.4 Trace dengan Bezier tool sesuai bentuk Posterize
Yaitu pertemuan antara warna yang satu dengan warna yang lain
Seperti gambar berikut yang saya buat dengan Line biru



6.5 Warnai wajah kemudian hilangkan Outlinenya