Catatan Kartika Chumairoh

Kamis, 19 April 2012

Belajar CSS3

15.52 1 comment

CSS ato bisa dibilang Cascading Style Sheets. CSS adalah sekumpulan code-code yang dipakai untuk mempercantik tatanan web anda. Jika memakai CSS anda tak perlu mendesain form setiap halamannya, tapi cukup membuat satu halaman dan sudah bisa dipakai untuk banyak halaman.

CSS3 adalah generasi penerus CSS yang ada saat ini. Pada CSS3 ada beberapa fungsi yang ditambahkan. Dan hari ini saya juga belajar CSS3 tidak terlalu sulit jika sudah paham tentang CSS. Apalagi jika kita tidak membuat dari awal. kita akan mudah sekali mengerti CSS. Cukup dengan merubah CSS yg sudah anda punya / yang ada di internet.

Dibawah ini adalah contoh hasil dari CSS3 yg sudah saya buat, mungkin tidak terlalu buruklah, hehe..


Gambar di atas hasil dari CSS3

Untuk melihat bagai mana cara membuat CSS di atas bisa lihat dibawah ini, bisa anda edit sesuka hati anda, silahkan mencoba, semoga membantu :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br />
<html><br />
<head><br />
<style type="text/css"> 
div
{
width:100px;
height:75px;
background-color:yellow;
border:5px solid green;
}

div#div2
{
width:100px;
height:75px;
background-color:#FF8899;
border:5px solid #006677;

border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */

transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
}
div#div3
{
width:110px;
height:80px;
background-color:#FF3322;
border:5px solid blue;
transform:rotate(70deg);
-ms-transform:rotate(70deg); /* IE 9 */
-moz-transform:rotate(70deg); /* Firefox */
-webkit-transform:rotate(70deg); /* Safari and Chrome */
-o-transform:rotate(70deg); /* Opera */
}
div#div4
{
width:120px;
height:75px;
background-color:tomato;
border:5px solid grey;
text-shadow: 5px 5px 5px yellow;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
transform:rotate(-30deg);
-ms-transform:rotate(-30deg); /* IE 9 */
-moz-transform:rotate(-30deg); /* Firefox */
-webkit-transform:rotate(-30deg); /* Safari and Chrome */
-o-transform:rotate(-30deg); /* Opera */
}
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9+ */
}

div
{
font-family:myFirstFont;
font-weight:bold;
}
</style><br />
</head><br />
<body><br />
<br />
<div>Hello. This is a DIV element.</div><br />
<div id="div2">Hello. This is a DIV2 element.</div><div id="div3">Hello. This is a DIV3 element.</div><div id="div4">Hello. This is a DIV4 element.</div><br />
</body><br />
</html><br />
<br />

Revisi Database VMI

06.59 No comments

Tgl 17 april 2012, banyak yang harus kami revisi. Penamaan tabel masih banyak yang salah, kemudian ada juga tabel yang belum direlasikan. Selain itu saya harus membaca file-file yang sudah diberikan untuk menemukan ide membuat tabel baru. Tapi setelah saya membaca, saya kira tabel yang saya buat sudah mewakili maksud dari file-file yang sudah saya baca. Gambar 1.1 dibawah ini adalah tabel-tabel yang sudah saya perbaiki namanya. Selain itu bisa dilihat pada Gambar 1.2 adalah relasi antara tabel-tabel yang ada di Database VMI.


Gambar 1.1 Database VMI


Gambar 1.2 relasi antar tabel

Sekian catatan Kartika, jika ada saran silahkan tinggalkan comment, :)

Menambahkan Tabel Baru pada Database VMI

22.43 No comments

Hari ini aku masih tetap ditugaskan untuk memperbaiki database VMI yang kami buat kemaren, karena masih ada yg salah. Seperti contoh kurang pemberian primary key, penamaan tabel, dll. Kami juga ditugaskan untuk mendeskripsikan masing-masing tabel dan menambahkan tabel-tabel baru.

Ada sekitar 5 tabel yang kami tambahkan yaitu :

Tabel buku tamu = vmi_guest_book

id
name
message
datetime

Table geology = vmi_geology

id
id_material
name

Table material geologi = vmi_material_geology

id
type_material

Table timeline geologi = vmi_timeline_geology

id
id_geology
timeline
datetime

Table koleksi ruangan = vmi_collection_room

id
name


Relasi DB VMI 5 tabel di atas

Gambar disamping adalah relasi / ERD yang sudah kami buat. Disini vmi_geology berhubungan dengan vmi_collection_museum. vmi_geology tersebut memiliki material (asal terbentuknya benda tersebut) dan timeline. Selain itu di dalam tabel collection selain terdapatjuga terdapat kategori juga terdapat tabel room, yaitu tabel yang berisi informasi tentang letak koleksi tersebut.

Sekian postku hari ini, :)

Cara Mudah Belajar CSS

19.46 No comments

Dari membaca beberapa blog yang ada di internet, CSS kependekan dari Cascading Style Sheets. CSS biasanya dipakai oleh para Web Designer untuk mengatur style halaman web mereka. CSS sangat membantu dalam mendesain style suatu web, karena kita cukup membuat satu CSS untuk satu web. Tanpa harus mengatur style di tiap halaman web yang kita miliki. Pasti kita kenal donk kalau sering bergaul dengan PHP atau HTML.

Untuk belajar CSS dengan mudah kita tidak perlu repot-repot membuat CSS dari awal. Tetapi cukup mengedit CSS / template yang sudah jadi. Dengan begitu kita juga akan cepat mengerti dalam membuat CSS. Apabila masih bingung kita bisa search di internet tentang cara pembuatan CSS.

Sekian, semoga membantu, :)

Tampilan Relasi Database VM

21.36 No comments

Setelah beberapa hari kami mebuat tabel, hari ini kami merelasikan tabel-tabel tersebut. Relasi antar-tabel dapat berupa relasi 1-1 (one-to-one), 1-M (one-to-many), atau M-N (many-to-many). Untuk merelasikan tabel di butuhkan minimal 2 tabel yang berbeda dan saling berkaitan.

Ada beberapa aturan untuk merelasikan tabel, yaitu :

1. Field yang dihubungkan dari tabel utama haruslah berupa Primary Key.

2. Kedua field yang saling behubungkan harus memiliki Tipe data dan lebar data yang sama.

3. Tidak dibenarkan penghapusan record pada tabel utama yang telah dihubungkan dengan tabel yang direlasikan.

4. Tidak diperbolehkan melakukan penambahan record pada tabel relasi bila record tersebut berisi data atau fakta yang belum ada pada tabel utama.

Hasil dari relasi tabel yg kami buat bisa dilihat pada gambar dibawah ini. Namun ada beberapa tabel yang belum direlasikan. Seperti tabel relationship dan tabel foto.

Terima kasih telah mengunjungi catatan ku, semoga bermanfaat, :)

Database VM (Virtual Museum) part 3

22.56 No comments

Database lagi, inilah tugas kami hingga saat ini. Membuat database VM, karena database yang kami buat masih banyak yg salah. Salah satunya saat merelasikan. Untuk merelasikan antar tabel dibutuhkan InnoDB. InnoDB adalah stronge engine for MySQL yang mampu menyimpan data lebih besar. Tapi sayangnya utuk menggunakan InnoDB dibutuhkan minimal PC pentium 4 dan ram nya 256.

Letak InnoDB pada navicat :

Jika pada option tidak ditemukan innoDB bisa diaktifkan dengan cara :

1. buka my.ini atau my.cfg
2. cari tulisan #default-storage-engine=INNODB
3. ganti Jadi default-storage-engine=INNODB
#untuk menjadikan Innodb sebagai type database default
4. cari tulisan skip-innodb
5. ubah menjadi #skip-innodb

Terima kasih telah membaca, semoga bermanfaat, :))
referensi : http://indikasblog.blogspot.com dan http://goongbusiness.com

Catatan Kartika Chumairoh

Kamis, 19 April 2012

Belajar CSS3

Rabu, 18 April 2012

Revisi Database VMI

Senin, 16 April 2012

Menambahkan Tabel Baru pada Database VMI

Minggu, 15 April 2012

Cara Mudah Belajar CSS

Kamis, 12 April 2012

Tampilan Relasi Database VM

Rabu, 11 April 2012

Database VM (Virtual Museum) part 3

Mengenai Saya

Pengikut

Calendar

Entri Populer

Label

Blog Archive

Pages

Catatan Kartika Chumairoh

Kamis, 19 April 2012

Belajar CSS3

Rabu, 18 April 2012

Revisi Database VMI

Senin, 16 April 2012

Menambahkan Tabel Baru pada Database VMI

Minggu, 15 April 2012

Cara Mudah Belajar CSS

Kamis, 12 April 2012

Tampilan Relasi Database VM

Rabu, 11 April 2012

Database VM (Virtual Museum) part 3

Social Profiles

Mengenai Saya

Pengikut

Calendar

Entri Populer

Label

Blog Archive

Pages