Sunday, September 28, 2014

memahami primary key dan foreign key

Dalam pembuatan table pada database sudah tidak asing lagi jika memerlukan primary key dan foreign key. Primary key merupakan field kunci atau field utama pada sebuah table yang memberikan suatu identitas data ditable tersebut, karena column pada table tersebut tidak dapat diisi dengan data yang sama. Foreign key adalah field relasi dari primary key sehingga dapat diganakan untuk membuat suatu relasi antar dua table atau lebih yang memiliki primary key maupun foreign key.

MYSQL merupakan salah satu database yang sering digunakan oleh developer aplikasi web. Dalam pembuatan table dalam database sering menggunakan primary key dan foreign key untuk membuat suatu relasi antar table. Secara teori saya masih sulit menjelaskan mungkin karena saya kurang dalam membaca buku, tetapi saya akan mencoba dengan beberapa hal yang saya coba menggunakan MYSQL.

Pertama kali saya membuat table dengan nama MD_KATEGORI_PAKAIAN.

CREATE TABLE MD_KATEGORI_PAKAIAN(
KD_KATEGORI_PAKAIAN VARCHAR(11) PRIMARY KEY,
NM_KATEGORI_PAKAIAN VARCHAR(12),
KET_KATEGORI_PAKAIAN TEXT) TYPE = INNODB;

Table yang saya buat menyertakan TYPE=INNODB, karena sebelumnya table yang saya buat tidak menyertakan TYPE=INNODB tidak dapat bekerja sesuai dengan keinginan saya. Kebanyakan database secara default jika membuat table dengan primary key dan foreign key sudah saling mengikat. Jika saya belum membuat data untuk primary key maka tidak dapat menambahkan data untuk foreign key, akan muncul error "Cannot add or update a child row: a foreign key constraint fails". 

Selanjutnya membuat table dengan dama D_PAKAIAN

CREATE TABLE D_PAKAIAN(
KD_DATA_PAKAIAN VARCHAR(11),
KD_KATEGORI_PAKAIAN VARCHAR(11),
UMUR VARCHAR(11),
MERK_PAKAIAN VARCHAR(50),
STOK_PAKAIAN INT(11),
KET_PAKAIAN TEXT,
HARGA INT(30),
IMG_KATEGORI_PAKAIAN LONGBLOB,
PRIMARY KEY (KD_DATA_PAKAIAN),
FOREIGN KEY (KD_KATEGORI_PAKAIAN) REFERENCES MD_KATEGORI_PAKAIAN(KD_KATEGORI_PAKAIAN) ON UPDATE CASCADE ON DELETE CASCADE) TYPE=INNODB;

table diatas menyertakan foreign key yang ON DELETE CASCADE , ON UPDATE CASCADE dan TYPE = INNODB. ON DELETE CASCADE berfungsi jika column data primary key dihapus maka data yang sama di foreign key secara otomatis juga akan terhapus. ON UPDATE CASCADE berfungsi jika data pada primary key di update maka data pada foreign key secara otomatis akan terupdate.

Hanya ini yang dapat saya sampaikan tentunya ada kesalahan jika kebetulan ada yang membaca dan menemukan kesalahan dalam pemahaman saya tolong dibenarkan dan saya sangat senang untuk memperbaikinya. Karena tulisan ini hanya sebagai pengingat saja. 

Monday, September 15, 2014

membuat localStorage

LocalStorage merupakan tambahan/ fitur yang diberikan pada html5 yang dapat digunakan dengan javascript. LocalStorage ini membuat penyimpanan pada browser. Hanya broser yang compatible saja yang dapat mengakses menggunakan localstorage. Browser saat ini sudah mendukung localstorage. Untuk mengecek apakah broseser tersebut compatible atau tidak gunakan script sebagai berikut :

<script>
          if(typeof(localStorage) == 'undefined')
     alert('Browser anda tidak mendukung localStorage.!');
else
     alert('Browser anda mendukung localStorage.');
</script>

Untuk menyimpan variable di localStorage gunakan script dibawah ini :

<script>
         localStorage.setItem('nama','data');
</script>

Untuk mengambil data :

<script>
        localStorage.getItem('nama');
</script>

Untuk menghapus data yang di localStorage :

<script>
        localstorage.removeItem('nama');
</script>

Untuk menyimpan data di localStorage menggunakan JSON/ array :

<script>
         localStorage.setItem('nama',JSON.stringify(data_array));
</script>

Untuk mengambil data JSON / array dari localstorage:

<script>
       var result = JSON.parse(localstorage.getItem('nama'));
       $.each(result, function(i,field)){
             var data = result[i].data;
       });
</script>

mungkin sekian saja yang bisa dishare. masih banyak yang perlu dipelajari dan dipahami. semoga dapat menulis lebih baik dan bermanfaat lagi.

Tuesday, September 9, 2014

membuat backgound slide menggunakan jquery dan vegas

Design web lebih menarik jika background pada web tidak hanya warna putih, tetapi menggunakan gambar. Menggunakan Jquery dapat membantu mempercepat membuat background dengan gambar. Plugin yang ditambahkan dalah dari vegas yang berupa file js dan file css, yaitu jquery.vegas.min.js dan jquery.vegas.min.js. Komponen-komponen tersebut terlebih dahulu dapat didownload disini.  untuk mendapatkan jquery yang terbaru disini. Setelah di download langkah untuk setupnya adalah sebagai berikut :

include file Jquery : <script type="text/javascript" src="jquery.1.11.1.js" </script>
include file Jquery.vegas.js : <script type="text/javascript" src="jquery.vegas.min.js"></script>
include file Jquery.vegas.css :<link rel="stylesheet" type="text/css" src="jqyery.vegas.css"/>

Setelah itu jika hanya ingin menambahkan background dapat menggunakan script sebagai berikut :

<script>
  • $(function() {
  • $.vegas({
  • src:'/images/background.jpg'
  • });
  • $.vegas('overlay', {
  • src:'/vegas/overlays/13.png'
  • });
  • });
</script>

Jika ingin menggunakan slide background dapat menggunakan script sebagai berikut :

<script>
  • $.vegas('slideshow', {
  • backgrounds:[
  • { src:'/img/background1.jpg' },
  • { src:'/img/background2.jpg' },
  • { src:'/img/background3.jpg' }
  • ]
  • })('overlay');
</script>

untuk include setiap file dapat menyesuaikan lokasi dimana penempatan filenya. Jquery vegas ini hanya membuat background untuk satu halaman penuh jadi untuk diset ke area div kayaknya masih belum bisa.

Untuk lebih jelasnya silahkan kunjungi documentasi yang saya peroleh di http://vegas.jaysalvat.com/documentation/slideshow/

Saya menemukan jquery vegas ini tidak sengaja saat mencari-cari jquery slide dan ini menurut saya kok agak menarik jadi saya coba dan lumayan menambah pengetahuan. Sekian dan terimakasih....

Tuesday, September 2, 2014

mengkonfersi huruf besar ke huruf kecil atau sebaliknya menggunakan php

Untuk mengubah huruf menjadi besar semua dapat menggunakan strtoupper. Sedangkan untuk mengubah menjadi huruf kecil semua dapat menggunakan strtolower. Jika ingin mengubah yang huruf besar hanya kata pertama menggunakan ucfirst. Jika ingin mengubah yang huruf besar perkata menggunakan ucwords.

misalkan sebaga berikut :

<?php
 $huruf = "kalimat ini akan dirubah sesuai dengan Kebutuhan SAYA";
echo strtoupper($huruf);
echo strtolower($huruf);
echo ucfirst(strtolower($huruf));
echo ucwords(strtolower($huruf));
?>