Kamis, 19 April 2012

Belajar CSS3

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 :

Rabu, 18 April 2012

Revisi Database VMI

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, :)

Senin, 16 April 2012

Menambahkan Tabel Baru pada Database VMI

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, :)

Minggu, 15 April 2012

Cara Mudah Belajar CSS

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, :)

Kamis, 12 April 2012

Tampilan Relasi Database VM

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, :)


Rabu, 11 April 2012

Database VM (Virtual Museum) part 3

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



Selasa, 10 April 2012

Database VM (Virtual Museum) dan CI (CodeIgniter) again

Melanjutkan tugas kemaren, membuat database VM dan belajar CI. Fiuuhhh kurang tabel apa lagi ya databasenya, masih bingung nihh, :D . Oh iya baru inget, senin kmaren aku sama teman-teman blajar tentang Wirecast dari anak yang magang juga, masih semester 2, hebatt. Tapi sayangnya gak paham pas dijelasin, hehhe. Yang aku tau tentang Wirecast sihh E-learing yg berbasis video streaming, dan hanya sebatas meng-install aplikasinya. kalo ngejalaninnya masih belum begitu paham, :D

Lanjut lagi ke database dan CI. Sekarang kurang lebih udah ada 23 tabel yang kami buat. Gak tau bener apa salah, hehe. Kalo masalah codingnya masih tetep kayak kemaren, cuma di tambah satu controller Administrator. Oh iya dalam pembuatan database VMI ini, kami mendapat referensi dari database di facebook. bisa dilihat di http://www.webcosmoforums.com/databases/17301-facebook-database-schema.html . Di database facebook ini hanya 20 tabel, tapi bisa mengolah sosial networking yg sudah bagus seperti itu. Hebat.
Yang saya masih bingungkan disini, status, wall, atau message apakah membutuhakan tabel baru?? yang saya lihat di database yang ada di Facebook, yg membutuhkan tabel sendiri hanya status, sedangkan wall ada d tabel user.

Beberapa hari ini, kami juga membaca file-file yang diberikan pembimbing kami. Belum selesai juga sihh, karena untuk bisa menemukan tabel apa yang dibutuhkan kami harus membaca file-file yang diharuskan untuk dibaca. Jujur kalo disuruh membaca aku sulit banget memahaminya, hehe. Tapi aku tetep berusaha mencari-cari apa aja sihh tabel yang perlu ditambahkan, :)

Sekian cacatanku hari ini, terima kasih sudah berkunjung, tetap semangat \(^.^)/ Jangan lupa ninggalin comment. Harap maklum bila masih kacau catatannya, hehe.

Kamis, 05 April 2012

Belajar CodeIgniter (CI)

Setelah kemaren mendapat tugas membuat database untuk VM, ternyata benar database yg aku buat kemaren masih banyak kesalaha. Seerti salah penamaan, salah meletakkan id, salah merelasikan dll. Dan database tersebut masih membutuhkan banyak sekali perbaikan. Lepas dari database, tadi pagi pembimbing KKI ku mengajari CodeIgniter. Yg sempat aku bahas kemaren, yaitu sebuah framework untuk php. Sebenernya belum begitu mengerti sih tapi setelah di ajari, aku udah sedikit mengerti. Dan ternyata jika dibandingkan dengan kita meng-Coding secara manual lebih enak menggunakan CI. Ada beberapa keuntungan yg bisa didapat, diantaranya kita bisa menghemat waktu pengerjaan suatu program, lebih mudah dimengerti, coding terkadang tidak terlalu banyak, dll. 

Ada beberapa hal yg aku pelajari dan udah aku praktekkan tadi pagi yaitu, membuat compiller, dan views serta mengedit isi dari models, autoload dan juga database. Yang dibutuhkan dalam belajar CI yaitu : Adobe Dreamweaver CS5, xampp 1.7.3, dan juga yg pasti Navicat v.10.0.0.x untuk menghubungkan ke database.

Dibawah ini ada beberapa tampilan sederhana yg sudah aku buat. Seperti Gambar 1 adalah gambar dari tampilan tampilan awal dari menu user.

Gambar 1. Tampilan Menu User

 Disini ada 2 link yaitu daftar dan login. Disini anda bisa memilih salah satu dari link tersebut. Jika link daftar di klik maka halaman register bisa di lihat. Tampilan halaman register bisa dilihat di Gambar 2.

Gambar 2. Tampilan Halaman Register
 
 
Pada Gambar 2 tersebut user harus mengisi semua data, jika tidak di idi maka akan keluar pesan error, seperti tulisan merah yg ada di Gambar 2. Jika pengisian berhasil maka data akan masuk ke database dan akan muncul pesan succes.

 Sekian beberapa pelajaran yg aku dapet. Oh iya jika program tidak jalan di localhost jangan lupa untuk menghidupkan short (short_open_tag = Off --- >>> short_open_tag = On). Untuk mendownload coding dari gambar-gambar di atas bisa klik di sini Download. Terima kasih telah membaca blog ku, mohon sarannya, :))

Rabu, 04 April 2012

Membuat Database untuk Virtual Museum (VM)

Hari ini Rabu 04 April 2012 adalah hari ketigaku KKI. Dua hari kemarin aku dapet tugas belajar CI (CodeIgniter) semacam framework PHP,belum begitu paham sih, hehe. Tapi tadi pagi pembimbingku, ngasih tugas buat aku dan teman-teman membuat database VM (Virtual Museum). Yang aku tau tentang VM adalah sebuah website yg dibuat untuk menampilkan sebuah museum suatu bangunan beserta isi didalam bangunan tersebut. Tanpa kita harus berkunjung ketempat museum aslinya (nyata). Misal nih, kita orang Jawa Timur mau melihat museum yg ada di Bandung, kita gak perlu jauh-jauh pergi ke Bandung tapi cukup membuka websitenya. Enaknya lagi, kita bisa melihat apa aja yg ada di dalam museum. Bisa dilihat kapanpun dan dimananpun keren khan?? :D

Asal tau saja, membuat VM ini dibutuhkan Database yg mempunyai banyak tabel, yahh bisa mencapi 100 tabel katanya pembimbingku, wow. Tapi emang bener sih, saat aku ama teman-teman diskusi tentang tabel-tabel yg dibutuhkan, masing-masing dari kita bisa memunculkan ide-ide baru. Oh iya lupa sebelum panjang lebar nih, kita disini membuat Databasenya menggunakan Navicat v.10.0.0.x.

Saat ini aku ama teman-teman masih bisa membuat 12 tabel aja di anataranya :
  1. Table negara yg memiliki nama = vmi_state
    memiliki beberapa field :
    - id_state
    - name_state
    - id_telp_numb

  2. Table provinci yg memiliki nama = vmi_province
    memiliki beberapa field :
    - id_province
    - id_state
    - name_province

  3. Table kota yg memiliki nama = vmi_city
    memiliki beberapa field :
    - id_city
    - id_province
    - name_city


  4. Table user yg memiliki nama = vmi_user
    memiliki beberapa field :
    - id_user
    - current_city
    - hometown
    - first_name_user
    - last_name_user
    - email_user
    - password_user
    - address_user
    - gender_user
    - date_birth
    - place_birth
    - religion
    - status_user
    - telp_number
    - hobby
    - quotation
    - id_user_photo
    - language
    - zip_code
    - id_education
    - id_family_user
    - description_user

  5. Table pendidikan yg memiliki nama = vmi_education
    memiliki beberapa field :
    - id_education
    - time_period_education_start
    - time_period_education_end
    - graduate
    - description_education

  6. Table pekerjaan yg memiliki nama = vmi_work
    memiliki beberapa field :
    - id_work
    - id_city
    - name_company
    - position
    - description_work
    - time_period_work
    - id_user_work


  7. Table user pekerjaan yg memiliki nama = vmi_user_work
    memiliki beberapa field :
    - id_user_work
    - id_user
    - id_work
    - time_periode_userwork


  8. Table keluarga yg memiliki nama = vmi_family
    memiliki beberapa field :
    - id_family
    - id_family_user
    - id_user

  9. Table foto yg memiliki nama = vmi_photos
    memiliki beberapa field :
    - id_photo
    - id_user_photo
    - name_photo
    - location_photo
    - date_photo
    - description_photo


  10. Table user foto yg memiliki nama = vmi_user_photo
    memiliki beberapa field :
    - id_user_photo
    - id_user
    - id_photo


  11. Table user album yg memiliki nama = vmi_user_album
    memiliki beberapa field :
    - id_user_album
    - id_user
    - id_album


  12. Table album yg memiliki nama = vmi_album
    memiliki beberapa field :
    - id_album
    - name_album
    - id_city
    - id_user_album
Dari beberpa tabel diatas kemungkinan masih banyak yg belum lengkap, karena jika dibandingkan dengan jejaring sosial sangatlah jauh, masih dibutuhkan lg banyak tabel. Apalagi yg ada di dalam tabel user seharusnya lebih banyak lagi. Terima kasih sudah mengunjungi blog ini, jika ada saran mohon tinggalkan comment, :))