This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Kamis, 19 April 2012

Belajar HTML 5

Assalamu'alaikum Wr. Wb.

Seiring bertambahnya waktu software-software, engine-engine, dan juga bahasa markah (markup language)  yaitu kombinasi dari teks dan informasi tambahan mengenai teks tersebut semakin berkembang dengan munculnya versi baru. Diantaranya HTML, saat ini yang sedang booming di kalangan programmer adalah versi terbaru HTML saat ini, dia adalah.... HTML5.

Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan salah satu karya World Wide Web Consortium, atau biasa disingkat dengan W3C untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.

Sekarang kita belajar sedikit tentang tag - tag yang ada pada HTML5, diantaranya adalah tag :
 

<header>

Tag pertama kita adalah <header>, sesuai namanya tag ini ditempatkan diatas pada bagian awal website. Kalau dulu kita pakai <div id="header"> sekarang kita menggantinya dengan <header>. Tetapi <header> tidak harus melulu dipaling atas web, kita bisa memiliki beberapa <header>, misal didalam artikel (kita akan bahas ini nanti di bagian artikle).
Nah, didalam <header> ini bisa kita isi macam-macam, misal logo, navigasi, heading dan lain-lain. Bahkan diisi <div> pun tidak masalah.

<hgroup>

<hgroup>, apa lagi ini? Oke gampangnya jika kita memiliki satu atau lebih dari satu heading berurutan <h1> - <h6> maka kita bisa mengelompokkannya dengan <hgroup>. Biasanya digunakan apabila kita memiliki judul dan ada sub judul, atau untuk judul web kemudian kita memiliki slogan. Tapi kalau headingnya cuma satu ya nggak usah dikasih <hgroup>. Daripada pusing langsung saja lihat contohnya ya.. :


<nav>

Nah, dari namanya sudah kelihatan kalau ini fungsinya untuk menampilkan navigasi pada website Anda. Ya kalau dulu kita pakai <ul><li> untuk membuat navigasi menu, nah sekarang kita pakai... ummm.. ya sama pakai <ul><li> juga, tetapi kita bungkus dengan <nav>. Nah langsung saja kita lihat contoh kodenya:





Nah,, itulah beberapa tag yang sering digunakan dalam pembuatan website dengan HTML5. Semoga bermanfaat untuk kita semua (: | Lebih lengkapnya, tunggu postingan berikutnya ya.... C U \(^_~)/

Wassalamu'alaikum Wr. Wb.

Selasa, 17 April 2012

Deskripsi Tabel - Tabel DataBase VMI (sesi II)

Assalamu'alaikum Wr. Wb.

Kali ini kami masih akan membahas tentang deskripsi tabel-tabel db_vmi. Sebelumnya kami telah mendeskripsikan 8 tabel, diantaranya vmi_country, vmi_province, vmi_city, vmi_user, vmi_work, vmi_user_work, vmi_education, dan vmi_event.
Untuk lebih jelasnya silahkan baca postingan sebelumnya >>> sesi I.

Langsung saja kita bahas tentang deskripsi tabel selanjutnya :

1) vmi_relationalship_status

Gambar 4.1 Design vmi_relationship_status


  • Merupakan tabel yang berhubungan dengan vmi_user dimana id terelasi menjadi FK relationship
  • Berisi tentang jenis-jenis status hubungan user seperti: single, engaged, married, dll.

2) vmi_user_discussion

Gambar 4.2 Design vmi_user_discussion

  • Berelasi dengan tabel vmi_user
  • Berisi tentang diskusi antar user


3) vmi_user_group

Gambar 4.3 Design vmi_user_group
 
 
  • Merupakan tabel yang berfungsi untuk membuat suatu Group oleh user, dimana user yang didaftarkan dapat saling berkomunikasi dan tergabung dalam satu komunitas.
  • Field privacy merupakan sifat dari grup tersebut. Bersifat open, close, atau secret

4) vmi_family
Gambar 4.4 Design vmi_family
 
  • Merupakan status hubungan antar user.
  • User yang memiliki akun dapat menambahkan daftar yang menjadi temannya menjadi list keluarganya.
  • Terdapat FK id_family_user hasil relasi dengan tabel vmi_family_status yang menunjukan identitas hubungan keluarga.

5) vmi_family_status

Gambar 4.5 vmi_family_status
  • Merupakan macam-macam identitas dari hubungan keluarga.

  • Identitas hubungan keluarga seperti : father, mother, brother, sister, cousin, nephew, aunt, uncle, grandmother, grandfather, dll.
 6) vmi_loguser


Gambar 4.6 Design vmi_loguser
  • Merupakan keterangan dimana user melakukan suatu tindakan / aktivitas pada jejaring sosial. Maka, membentuk FK id_user sebagai keterangan user.
  • Type merupakan keterangan user yang logon melakukan login, commnet, atau logout.



7) vmi_news


Gambar 4.7 Design vmi_news
  • Merupakan kumpulan berita yang telah dibuat oleh user, maka terdapat FK id_user.
  • Terdapat id_news_cat yang akan mununjukkan keterangan kategori dari berita (news) tersebut.

8) vmi_news_category

Gambar 4.8 Design vmi_news_category
  •  Berisi tentang berbagai jenis kategori berita, seperti ekonomi, sosial, politik, budaya, maupun hiburan.

9) vmi_user_timeline

Gambar 4.9 Design vmi_user_timeline
  •  Berisi pemikran user saat ini yang dipublish pada SN biasanya disebut dengan status.
  • User yang lain dapat pula memberikan komentar.

10) vmi_photo

Gambar 4.10 Design vmi_photo
  • Setiap foto yang ada pada SN akan disimpan di tabel ini.

11) vmi_user_photo
Gambar 4.11 Design vmi_user_photo

  • Merupakan tabel penghubung antara vmi_user dengan vmi_photo. 

Sekian dulu deskripsi untuk pertemuan kali ini ^^ . Semoga bermanfaat untuk kita semua.
Jangan lupa tinggal kan komen ya.. sebagai kritik dan saran untuk perbaikan kedepan :)


Wassalamu'alaikum Wr. Wb.