Pengetahuan Dasar Database Untuk Pemula

Apa itu database?
Database adalah kumpulan data yang terstruktur.
Buat apa database ?
Database sangat penting jika anda membuat aplikasi di PC yang berhubungan dengan pengambilan data . Misalnya untuk penyimpanan data yang diambil dari microcontroller pada aplikasi pengukuran temperatur yang diambil tiap interval tertentu.
Hirarki / struktur Database
Kalau anda sudah biasa menggunakan spreadsheet seperti Ms Excel sebenarnya anda sudah menggunakan Database.  Karena yang namanya database isinya kumpulan tabel . Tiap tabel berisi baris data , tiap baris data terdiri dari kolom. 1 baris Data biasa juga disebut record. dan kolom biasanya juga disebut field atau atribut .
jadi hirarkinya spt ini:
Database->Tabel->data (record)->kolom(field).

Pengelolaan Database
software yg kusus membuat  dan mengelola Database disebut DBMS (database management system).
Kelebihan RDBMS antara lain:

• Bisa meminta data(record) sesuai kriteria yang kita tentukan secara cepat.
• Mengapdate dan memodikasi banyak record secara cepat pada saat yg sama.
• mengambil data dari table yang berlainan secara bersamaan.
• dan lain lain.

Dengan kelebihan-kelebihan tsb makanya MsExcel tidak termasuk RDBMS.
Contoh DBMS :

• Microsoft SQL Server
• Oracle
• Firebird
• MySQL
• PostgreSQL
• Microsoft Access
• dll

Database yang ada sekarang ini dikelompokan menjadi 2:
1. Database untuk Desktop cirinya:

• Ukuran relatif kecil
• User yang mengakses terbatas
• Harga relatif murah
• User friendly

Contoh : MSAccess, Foxpro , Lotus dsb
Contoh penggunaan : Administrasi sekolah , toko kecil ,
2. Database Server   cirinya:

• Ukuran / kapasitas data Besar
• User yang mengakses banyak
• Harga relatif mahal

Contoh : Microsoft SQL Server, Oracle, DB2 dan yang free PosgreSQL ,Mysql.
Contoh pengggunaan : Database nasabah bank , database pelanggan operator telekomunikasi.
Database yang saya pilih untuk contoh contoh  aplikasi  di blog saya ini  menggunakan Mysql versi free. Untuk ini anda bisa menginstall Xampp caranya bisa dibaca di tulisan saya  :  Cara menginstall Xampp   .
Xampp adalah aplikasi untuk mengintasll Mysql, apache  dan phpmyadmin  sekaligus. Jadi Xampp sangat bagus untuk pemula yang ingin mempelajari database , pemrograman web  server (php,javascript)  .
Memulai membuat database di Mysql.
urutanya adalah membuat database ->membuat tabel->membuat kolom-kolom.
Sebelumnya anda harus sudah berhasil  menginstall Xampp.
1.  Buka phpmyadmin melalui pada IE , mozilla firefox atau google crom anda dgn cara ketik http://localhost/
lalu pilih menu phpmyadmin  maka akan muncul menu:

phpmyadmin (untuk mengelola database mysql)

2. Berikan nama database misal dataku , lalu klik ciptakan maka akan muncul menu:

menu membuat tabel baru

berilah nama tabel misal tabelku dengan jumlah kolom 3 buah , lalu klik go

membuat nama kolom / field

dkemudian akan muncul hasilnya sbb:

kolom /field yang sudah dibuat

Sekarang coba kita isikan data dengan mengklik tab sisipkan spt yang ditunjukan panah merah pada gambar diatas.   maka akan muncul menu sbb:

mengisi data

isikanlah data pada kolom yang tersedia kemudian klik Go
Jika pengisian data berhasil maka akan muncul pesan :     1 row(s) inserted.
Untuk melihat isi data  klik tab Browse.

Cara Mudah Membuat/Membangun Data Base, dan table dengan Mysql PHP triad

1.Masuk ke direktori C:\apache\mysql\bin kemudian klik ganda pada mysql.exe. Dengan cara lain klik menu start, padak kotak pencarian ketik CMD. Dan ketik : cd\apache\mysql\bin . Kemudian ketikkan mysql tekan enter. jika berhasil maka akan tampil seperti gambar dibawah :

2. Setelah muncul tampilan di atas, maka kita akan membuat database. Dalam hal ini kita akan membuat data base dari sebuah program kuis pertanyaan yang teridiri dari 10 soal. Ketik “ Show database “ tanpa tanda kutip. Maka akan muncul seperti berikut ini.

3.Kemudian ketik : create database SOALKUIS ; Tekan Enter,jika muncul Query Ok, maka ketkkan kembali show databases; , maka akan muncul seperti berikut ini.

4. Selanjutnya kita membuat table, tapi sebelumnya kita harus memilih database yang akan kita gunakan, pada kali ini kita akan memilih database perpustakaan, seperti gambar berikut :
Cara memilih database yang akan digunakan ketik ; use SOALKUSI ; tekan enter berikut penampkannya.

5. Sekarang kita akan membuat tabel SOALJAWAB pada databses SOALKUIS . Seperti tampilan pada gambar berikut ini.

6.Sekarang kita akan isi tabel SOALJAWAB dengan perintah : Insesert into SOALJAWAB Values(‘1’,Nama Ibukota Indonesia’,’Jakarta’);
Seperti pada gambar berikut ini

Untuk mengisi record lebih banyak lagi anda bisa ulangi langkah yang ke-6,
Dengan demikian sudah terciptalah sebuah database SOALKUIS dengan Tabel SOALJAWAB, jika anda ikuti langkah-langkahnya anda pasti sudah bisa membangun sebuah database mengguankan phptriad.
Anda telah membaca cara membuat databse menggunakan mysql phptriad, bagaimana tanggapan anda, apakah phptriad termasuk golongan database yang mudah dibangun,..?itu semuanya tergnatung pada diri anda masing-masing sebagai penggguna dan pemakai software-sofware pembuat database.
Semoga bermanfaat.

Belajar HTML 8 – Mengubah Tampilan Teks HTML

Buat kamu yang baru belajar HTML, mungkin penasaran bagaimana cara mengubah huruf atau teks HTML menjadi tebal atau membuatnya menjadi miring. Tampilan huruf seperti ini sangat penting untuk dilakukan, misalnya pada saat kita perlu memberikan penekanan pada kata-kata tertentu yang kita anggap penting, pada umumnya kita menggunakan huruf tebal, atau pada saat menggunakan istilah asing, maka kita perlu membuatnya menjadi miring (atau istilah lainnya italic). Jika iya, maka tutorial HTML kali ini pas banget buat kamu. Gampang kok untuk mengubah tampilan huruf seperti itu.
Seperti yang sudah kamu ketahui dari tutorial elemen HTML ini, kamu pastinya udah tahu kalau HTML menggunakan tag untuk semua perintah yang dilakukannya. Nah, untuk mengubah tampilan dan format teks, HTML juga menggunakan tag-tag seperti <b> (untuk menebalkan huruf) dan <i> (untuk menampilkan huruf miring) untuk menampilkan teks atau huruf sesuai dengan kebutuhan kita.
Berikut beberapa tag untuk mengubah tampilan huruf yang sering digunakan:

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! 

Tag	Deskripsi
<b>	Menebalkan huruf
<i>	Menampilkan huruf miring
<big>	Menampilkan huruf dalam ukuran besar
<small>	Menampilkan huruf dalam ukuran kecil
<strong>	Mirip dengan <b>, menampilkan dengan tebal
<sub>	Subscript (Tulisan kecil di bawah, misalnya untuk menulis rumus kimia)
<sup>	Superscript (Yang ini kecil di atas, misalnya menulis kuadrat)
<u>	Menulis huruf bergaris bawah.

Bagaimana contoh pemakaiannya? Berikut ini contoh untuk menampilkan tulisan tebal dan miring:

1	<b><i>Tulisan ini tebal dan miring</i></b>

Mudah bukan? Selamat mencoba.

Belajar HTML 7 – Paragraf HTML

Menulis dokumen apapun pasti memerlukan paragraf. Mari kita pelajari tag HTML yang digunakan untuk membuat sebuah paragraf HTML yaitu tag <p>.
Kita menggunakan tag <p> untuk membuat sebuah paragraf HTML baru.
Saat kita menggunakan tag ini, dia akan menambahkan sebuah baris kosong di atas dan di bawah teks paragraf yang kita tulis. Baris-baris kosong tersebut adalah baris yang menandakan sebuah paragraf HTML dan memisahkan paragraf tersebut dari paragraf-paragraf yang lainnya.
Dan…tentu saja kita harus menutup paragraf HTML kita dangan pasangannya yaitu tag </p>.
Contoh kode HTML:

?

1 2	<p>Ini adalah sebuah contoh paragraf yang panjang dan menarik, sehingga kalimat ini tidak ada isinya sama sekali. <p>

Kamu juga bisa melakukan proses perataan pada paragraf yang kamu bikin. Hal ini sangat mudah dilakukan, yaitu dengan menambahkan atribut HTML align.
Contoh tag di bawah ini akan membuat paragraf kamu rata kiri kanan.

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek!

1	<p align="justify">Ini adalah paragraf yang rata kanan dan rata kiri.</p>

Kamu bisa ganti-ganti isi atribut align tersebut dengan kata center untuk membuat paragraf menjadi di tengah, left rata kiri, dan right untuk rata kanan.

Belajar HTML 6 – Link HTML

Mudahnya gini, sebuah link HTML adalah sebuah alamat yang merujuk ke dokumen atau alamat lainnya di Internet. Menurut saya sebenarnya konsep link HTML inilah yang akhirnya benar-benar membuat web menjadi sangat bermanfaat dan akhirnya menjadi sangat besar seperti sekarang ini.
Orang sangat mudah merujuk ke referensi lain yang semuanya tersedia online. Bener-bener jenius .
Jadi, pelajari baik-baik ya…
Ndak usah pake contoh ya , kan udah banyak banget di Internet. Link HTML itu ya tempat kamu main klak klik itu lah. Yuk kita pelajari lebih lanjut.
Hyperlinks, Anchors, dan Links
Dalam istilah web, hyperlink adalah referensi (sebuah alamat) ke sumber-sumber informasi lain di Internet. Hyperlink biasanya merujuk ke sebuah halaman HTML, sebuah gambar, file suara, movie, dll.Sedangkan anchor (bahasa Indonesianya Jangkar) adalah istilah yang digunakan untuk mendefinisikan tujuan hyperlink dalam sebuah dokumen.
Jadi gini, alamat halamannya ditunjukkan oleh hyperlink, sedangkan kalau di dalam dokumen itu ada bab 2, maka kita bisa langsung merujuk ke bab 2 tadi dengan bantuan anchor.
Untuk membuat hyperlink dan anchor kita menggunakan elemen HTML anchor <a>.
Dalam tutorial kali ini, kita akan menggunakan istilah link HTML saat elemen <a> merujuk ke sebuah halaman dan istilah anchor HTML saat element <a> tersebut merujuk ke sebuah alamat di dalam dokumen.
Bikin Link HTML
Sintaks Link:

?

1	<a href="/caramembuatwebsite/url">Teks Link</a>

Perhatikan, tag HTML pembuka berisi atribut link tersebut.
Isi elemen (Teks link) mendefinisikan apa yang ingin anda tampilkan ke pengunjung.
Catatan: Isi elemen tidak harus berupa teks lho. Kamu juga bisa me-link dari sebuah gambar atau elemen HTML lainnya.
Atribut href
Atribut href adalah alamat yang akan dibuka saat seseorang mengklik link yang kita buat.
Elemen <a> ini mendefinisikan sebuah link yang akan menuju ke sebuah web site yang saya kelola juga yaitu kursus-online.com:

?

1 2	<a href="http://www.kursus-online.com/">Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit?. Klik di sini aja!</a>

Kode tersebut akan ditampilkan seperti ini. Sok atuh dicoba klik biar kerasa.
Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!!
Atribut target
Atribut target sangat berguna bagi kita untuk mengatur halaman yang kita tuju itu akan dibuka di mana.
Kita bisa membukanya di halaman utama ini langsung atau membukanya di halaman baru saat seorang pengunjung mengklik link yang kita sediakan.
Berbeda dengan kode sebelumnya yang membuka web site kursus-online.com di jendela yang sama, kode ini akan membuka web site kursus-online.com pada sebuah jendela baru:

?

1 2 3

<a href="http://www.kursus-online.com/" target="_blank"> Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit?. Klik di sini aja!</a>

Sok di klik link di bawah ini biar tahu bedanya:

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!!
Attribute name
Saat kita menggunakan atribut name, maka itu berarti kita mendefinisikan sebuah nama anchor yang berada di dalam sebuah halaman HTML.
Nama anchor tidak akan nampak di mata pengunjung. Itu hanya merupakan pendefinisian di sebuah halaman web aja.
Cara membuat sebuah anchor:

?

1	<a name="label">Apapun</a>

Nah, link yang menuju ke halaman itu bikinnya gini:

?

1	<a href="#label">Apapun</a>

Perhatikan tanda # yang mendefinisikan nama anchor
Contoh:
Sebuah anchor dalam dokumen HTML:

?

1	<a name="top">Ini bagian paling atas</a>

Sebuah link yang merujuk ke bagian paling atas dalam dokumen yang sama:

?

1	<a href="#top">Kembali ke atas</a>

Sebuah link yang menuju ke sebuah anchor di halaman web lain:

?

1 2	<a href="http://www.prothelon.com/mambo/contoh.htm#top"> Kembali ke halaman utama paling atas</a>

Nah, kalau mau lihat bagaimana sebuah link anchor bekerja, klik Kembali ke atas ini untuk menuju ke bagian paling atas dari halaman ini.
Catatan penting dan tips yang pastinya akan berguna buat kamu
Ingat untuk selalu menambahkan garis miring di akhir sub folder link kita.
Jika link kita bentuknya seperti ini:
href=”http://www.prothelon.com/mambo”,
maka kamu akan membuat 2 buah permintaan http ke server, karena server akan menambahkan garis miring dan membuat alamat yang kita minta tadi menjadi seperti ini:
href=”http://www.prothelon.com/mambo/”
Nah, dengan menambahkan garis miring di akhir sub folder, kita sudah menghemat resource di server.
Kamu bisa menggunakan Anchor untuk membuat daftar isi di awal sebuah dokumen yang panjang.
Kalau browser tidak bisa menemukan anchor yang kita tentukan, maka secara otomatis akan menuju ke bagian paling atas dari dokumen. Tanpa error.

Entitas karakter HTML

Setelah sebelumnya kita sudah belajar tentang atribut HTML, sekarang kita akan belajar cara menampilkan karakter khusus dalam HTML dengen entitas karakter HTML.
Beberapa karakter khusus seperti karakter <, punya arti khusus dalam HTML (sebagai tanda tag HTML), karena itu kamu tidak akan bisa menggunakannya sebagai teks dalam arti dituliskan langsung sebagai < dalam kode HTML kamu.
Untuk menampilkan tanda lebih kecil (<) dalam HTML, kamu perlu belajar tentang Entitas Karakter HTML.
Entitas karakter
Beberapa karakter memiliki arti khusus dalam HTML, seperti tanda lebih kecil (<) yang mendefinisikan awal dari sebuah tag HTML. Kalau kita ingin agar browser menampilkan tanda lebih kecil itu (<), kita harus menyisipkan entitas karakter dalam kode HTML kita.
Entitas karakter memiliki 3 komponen: sebuah tanda dan (&), nama entitas atau sebuah # yang diikuti nomor entitas dan diakhiri dengan tanda titik koma (;).
Untuk menampilkan tanda lebih kecil dalam halaman HTML kita, maka kita harus menuliskan : &lt; atau &#60;
Keuntungan menggunakan nama dibandingkan nomor adalah bahwa nama lebih mudah untuk diingat. Kekurangannya adalah bahwa tidak semua browser mendukung nama-nama entitas yang baru, namun demikian hampir semua browser mendukung nama entitas standar.
Catatan: entitas bersifat case sensitif.


Spasi berurutan
Entitas karakter yang mungkin akan paling sering kamu pakai adalah spasi.
HTML akan menghilangkan spasi dalam teks HTML kamu. Kalau kamu menuliskan 10 spasi pada kode HTML kamu, maka HTML akan menghapus 9 spasi. Nah, untuk menambahkan spasi pada dokumen HTML kamu, gunakan entitas karakter &nbsp;
Beberapa entitas karakter yang sering dipakai:

Hasil	Penjelasan	Nama Entitas	Nomor Entitas
	Spasi	 	 
<	Kurang dari	&lt;	&#60;
>	Lebih dari	&gt;	&#62;
“	Tanda kutip	&quot;	&#34;
‘	Kutip tunggal	&apos; (Ndak berlaku di IE)	&#39;
&	Dan	&amp;	&#38;

Beberapa komentar yang ada meminta agar tutorial ini ditambah dengan contoh agar lebih jelas. Nah, berikut ini contoh untuk memperjelas tentang apa yang dimaksud dengan entitas karakter.
Kasusnya sangat mudah kok. Kita kan udah tahu, kalau yang namanya HTML itu menggunakan tag, iya kan? Salah satu contoh adalah tag <b> </b>untuk menebalkan huruf.

Try This: 4 Langkah Mudah Belajar Cara Membuat Website,

Sekarang bayangkan kalau suatu ketika kamu diminta untuk menulis tutorial tentang HTML dan kebetulan akan menulis tentang tag HTML yang berfungsi untuk menebelkan huruf. Misalnya kamu pengen baris berikut tampil di tutorial kamu (perhatikan, kamu ingin agar tag <b> dan </b> muncul dalam baris tersebut).
Untuk menebalkan huruf seperti kata tebal ini, kamu memerlukan tag <b> dan </b>
Nah, coba pikirkan, bagaimana menuliskan bari sederhana ini tanpa entitas karakter. Ndak bisa kan? Misalnya kamu menulis seperti ini:

?

1 2	Untuk menebalkan huruf seperti kata <b>tebal</b> ini, kamu memerlukan tag <b> dan </b>

Apa yang terjadi? Browser akan menampilkan kalimat berikut:
Untuk menebalkan huruf seperti kata tebal ini, kamu memerlukan tag dan
Apa bedanya? Ya…tag <b> dan </b> tidak muncul, sebagai gantinya, kata “dan ” akan tampil dalam huruf tebal.
Untuk membuat agar tag <b> dan </b> dapat muncul, kamu memerlukan entitas karakter, sehingga kamu harus menuliskan kode HTML menjadi seperti ini:

?

1 2	Untuk menebalkan huruf seperti kata <b>tebal</b> ini, kamu memerlukan tag &lt;b&gt; dan &lt;/b&gt;

Perhatikan, tanda < saya ganti dengan entitas karakter &lt;, sedangkan tanda > saya ganti dengan &gt;.
Lhah … nambah lagi tuh pertanyaan di komentar. Gini pertanyaannya, terus gimana dunks cara kita menampilkan &gt; biar yang keluar bukan >.
Mudah aja, kita bisa gunakan &amp di depannya untuk meng-escape tanda & sehingga kamu bisa tulis seperti ini &amp; &gt; (tanpa spasi di antara &amp; dan &gt;. Saya terpaksa menuliskan menggunakan spasi, karena tidak mungkin saya tuliskan tanpa spasi.)

Sumber : prothelon.com

Program / Aplikasi Untuk Belajar HTML

HTML adalah singkatan dari Hypertext Markup Language. HTML merupakan bahasa yang digunakan untuk menampilkan website pada Browser. Definisi HTML adalah suatu bahasa standar yang digunakan untuk membuat dokumen HTML. HTML terdiri dari kode-kode tertentu yang akan memerintahkan web browser untuk menampilkan informasi yang dapat berupa teks, gambar, suara dan lain-lain.
Cara belajar membuat HTML dari dasar biasanya menjadi kesulitan bagi mereka yang baru mulai belajar. Khususnya mereka yang belajar membuat HTML secara ototidak. Bingung harus memulai darimana, dimana harus mengetik skrip/kode HTML, lalu bagaimana atau dimana melihat hasilnya, dan seterusnya. Maka dari itu saya mencoba membuat tutorial bagaimana cara membuat HTML dari paling dasar.
Untuk dapat belajar HTML dasar anda membutuhkan dua software (aplikasi) yaitu : HTML Editor dan Web Browser.
HTML editor adalah aplikasi/software yang akan kita gunakan untuk mengetikkan kode-kode / tag HTML. Terdapat banyak software / aplikasi untuk HTML editor, contohnya Dreamweaver. Untuk lebih cepat belajar, kita tidak harus menggunakan Dreamweaver tapi bisa menggunakan aplikasi Notepad. Aplikasi Notepad biasanya sudah tersedia di setiap komputer, jadi kita tidak menginstall aplikasi lagi.
Web Browser adalah aplikasi/software yang digunakan untuk membuka halaman website. Web Browser atau biasa disebut “browser” saja juga ada banyak, misalnya Internet Explorer, Mozilla Firefox, Google Chrome, Opera dan lainnya. Kita hanya membutuhkan salah satu saja. Biasanya setiap komputer juga hampir pasti sudah memiliki aplikasi browser ini, minimal Internet Explorer atau Mozilla Firefox.
Jadi, untuk belajar membuat HTML dasar, kita hampir tidak perlu menginstall aplikasi lagi di komputer. Dengan menggunakan aplikasi/software yang sudah ada kita bisa langsung mulai belajar membuat HTML.

Sumber: kuliah.imadewira.com

Jenis – Jenis Website : Statis vs Dinamis

Website merupakan salah satu layanan yang paling populer di internet. Website merupakan sebuah layanan yang menampilkan informasi baik berupa teks, grafis, suara dan lain-lain. Untuk mengakses/membuka sebuah halaman website kita harus menggunakan aplikasi yang disebut dengan web browser seperti Mozilla Firefox, Internet Explorer, Google Chrome dan lain sebagainya.
Jenis – jenis website berdasarkan bagaimana perubahan isinya pada awalnya bisa dibedakan menjadi dua yaitu :

• Website Statis
• Website Dinamis

Website Statis
Website statis adalah website yang isinya cenderung tetap dan jarang berubah. Namun saat ini website statis akan sangat jarang kita temui kecuali website tersebut merupakan website yang masih dalam tahap pembuatan atau merupakan hasil karya mereka yang sedang belajar membuat website.
Website statis dibangun hanya dengan menggunakan bahasa standar seperti HTML yaitu yang bersifat client side. Website statis dibangun tanpa menggunakan database. Jadi untuk merubah isi/tampilan website statis harus dilakukan dengan cara merubah skrip/kode HTML website tersebut secara langsung. Jadi, artinya website statis bisa saja berubah-ubah isinya namun harus dilakukan dengan cara manual, cenderung tidak terstruktur dan tidak efisien.
Website Dinamis
Website dinamis merupakan kebalikan dari website statis. Isi website dinamis dapat berubah-ubah sesuai dengan isi database serta konfigurasi yang sudah dipersiapkan sebelumnya. Website yang ada di internet saat ini sebagian besar sudah merupakan website dinamis.
Website dinamis biasanya menggunakan database untuk menyimpan informasi yang akan ditampilkan. Jadi ketika halaman website perlu dirubah, ditambah atau pun dikurangi, bisa dilakukan dengan cara mengakses database yang digunakan, tidak perlu mengubah skrip/kode HTML website tersebut.
Website dinamis biasanya tidak hanya menggunakan HTML dan bahasa client side lainnya, namun juga menggunakan bahasa pemrograman server side seperti PHP, ASP dan lain-lain. Bahasa pemrograman server side ini akan digunakan untuk mengakses database yang berisi informasi yang akan ditampilkan di website. Bahasa pemrograman seperti PHP itu juga akan membuat website memiliki kemampuan yang lebih handal sehingga website menjadi semakin dinamis.
Seberapa dinamis sebuah website tentu berbeda antara satu website dengan website lainnya. Ada website dinamis dimana yang bisa berubah secara dinamis hanyalah bagian isinya saja, seperti fasilitas berita, artikel dan lain-lain. Ada juga website dinamis yang mampu merubah tampilan desain dengan mudah. Bahkan ada website dinamis dimana kita bisa menambahkan tools/aplikasi tertentu atau yang sering disebut plugin.
Website yang sangat dinamis seperti diatas tersebut biasanya dibangun menggunakan CMS (Content Management System) seperti WordPress, Joomla, dan lain-lain.
Salah satu ciri lain yang membedakan website statis dan website dinamis yaitu adanya aplikasi back-end. Pada website statis umumnya hanya tersedia front-end yaitu tampilan yang diakses oleh pengunjung website. Sedangkan pada website dinamis selain front-end akan tersedia juga halaman back-end yang hanya bisa diakses oleh administrator yaitu orang yang memiliki user dan password.
Halaman back-end ini akan digunakan mengelola isi website dinamis tersebut, seperti menambah berita/artikel, menambahkan foto, dan lain-lain. Sehingga pada halaman front-end yang diakses oleh pengunjung akan berubah secara otomatis sesuai dengan data yang diisi oleh administrator melalui back-end.

sumber : http://kuliah.imadewira.com

Belajar HTML Dasar : Struktur HTML

Setiap halaman website atau dokumen HTML yang baik pada umumnya memiliki struktur tertentu. Secara umum dokumen HTML memiliki struktur yang dibagi menjadi 3 yaitu : HTML, HEAD, BODY. Secara struktur HTML akan terdiri dari dua bagian utama yaitu HEAD dan BODY. Memang dianalogikan seperti manusia yang memiliki kepala dan badan.

Untuk lebih jelasnya silahkan perhatikan ilustrasi berikut ini :

Setiap dokumen HTML diawali dengan tag pembuka <html> dan diakhiri tag penutup </html>. Kemudian di dalam HTML terdiri dari dua bagian seperti dijelaskan diatas yaitu HEAD dan BODY. Bagian HEAD diawali dengan tag pembuka <head> dan diakhiri dengan tag penutup <head>. Bagian BODY diawali dengan tag pembuka <body> dan diakhiri tag penutup </body>.
Bagian HEAD atau kita sebut header biasanya mengantung tag-tag seperti tag TITLE, META dan lain-lain. Tag TITLE digunakan untuk menampilkan judul halaman HTML pada title di browser. Tag META digunakan untuk mengisikan informasi seperti author, keyword dan lain-lain. Bagian BODY merupakan bagian yang digunakan untuk menampilkan isi dokumen/halaman HTML. Isi yang ditampilkan informasi yang dapat berupa teks, gambar, link dan lain sebagainya.
Jadi untuk pemula atau yang baru belajar HTML, kita akan lebih banyak belajar pada bagian BODY seperti tag-tag untuk heading, paragraf, tabel, link, images, form, list dan lain sebagainya.

sumber : http://kuliah.imadewira.com

Belajar HTML Dasar : Element

Element Pada HTML

Setiap dokumen HTML terdiri dari satu atau beberapa element. Element terdiri dari atas tiga bagian yaitu : Tag Pembuka, Isi dan Tag Penutup. Berikut ini contoh Element HTML :

1	<title>Judul Website</title>

Pada contoh Element diatas :

• <title> adalah Tag Pembuka

• “Judul Website” adalah Isi (semua yang ada diantara Tag Pembuka dan Tag Penutup).

• </title> adalah Tag Penutup.

Isi element adalah semua yang berada diantara Tag Pembuka dan Tag Penutup. Isi element dapat saja berupa element lainnya, jadi sebuah element dapat terdiri dari element lainnya. Inilah yang disebut dengan istilah “nested element”.  Dalam “nested element” yaitu element yang mengandung element lainnya, tag-tag yang ditulis tidak boleh saling tumpang tindih. Berikut ini contoh penulisan yang benar :

1	<p>Ini contoh tulisan cetak <b>tebal</b></p>

Jika penulisan skrip (kode) HTML salah atau kurang tepat, maka browser tidak dapat membaca dengan sempurna (terjadi error) sehingga tampilan website menjadi tidak sesuai dengan apa yang diinginkan.
Jangan lupa untuk selalu menuliskan tag penutup
Contoh :

1	<p>Ini sebuah paragraf

2	<p>Ini contoh paragraf lain

Pada saat ini sebagian besar browser akan menampilkan kode HTML diatas dengan baik walaupun tanpa diisin dengan tag penutup </p>. Tetapi sebaiknya kita tetap menuliskan dan melengkapi dengan tag penutup sebagaimana mestinya karena kesalahan tanpa tag penutup itu akan menimbulkan error atau tampilan yang tidak sesuai dengan yang kita harapkan ketika kode HTML yang kita buat semakin kompleks.
Element Kosong
Element kosong adalah element HTML tidak memiliki Isi. Element kosong menggunakan tag penutup pada tag pembuka. Jadi tag pembuka menjadi satu dengan tag penutup. Contohnya adalah tag <br> yaitu tag yang digunakan untuk berpindah ke baris baru. Pada XHTML, XML dan versi HTML yang lebih baru setiap element harus menggunakan tag penutup.  Untuk itu perlu ditambahkan tanda garis miring pada tag tersebut menjadi <br />. Walaupun saat ini penulisan <br> masih bisa diterima oleh semua browser, tetapi sebaiknya ditulis menjadi <br />.
Lowercase
Seperti pernah dijelaskan sebelumnya, pada dasarnya tag HTML tidak bersifat case sensitive, artinya penulisan tag HTML bisa menggunakan huruf kapital atau pun huruf kecil. Tetapi lebih disarankan untuk menggunakan huruf kecil (lowercase) atau setidaknya menggunakan huruf yang sama dalam sebuah dokumen.

Sumber : http://kuliah.imadewira.com

Belajar HTML Dasar : Pengenalan

Definisi HTML

HTML adalah sebuah bahasa untuk menampilkan halaman sebuah website. HTML merupakan singkatan dari Hyper Text Markup Language. HTML bukan termasuk dalam bahasa pemrograman, tetapi HTML adalah “markup language“, “markup language” ini merupakan sekumpulan “tag“. “tag” inilah yang digunakan untuk menampilkan halaman website dalam tampilan tertentu.

Tag HTML

Tag adalah teks khusus (markup) yang terdiri dari nama tag yang diapit oleh karakter “<” (tanda lebih kecil) dan “>” (tanda lebih besar). Contoh tag <body> : adalah tag dengan nama tag body. Tag umumnya ditulis secara pasangan yaitu tag pembuka dan tag penutup. Contoh tag pembuka : <body> dan tag penutup </body> (ditambah tanda “/”).
Tag HTML tidak bersifat case sensitive, maksudnya tag HTML tidak membedakan huruf besar/katipal dan huruf kecil. Jadi anda bisa menggunakan huruf kapital atau pun huruf kecil ketika menuliskan tag HTML. Misalnya menuliskan <body> dengan <BODY> maka hasilnya akan sama saja. Namun walaupun begitu, akan lebih bagus jika kita konsisten memilih salah satu saja untuk semua tag di halaman HTML yang kita buat.

Web Browser dan Dokumen HTML

Web browser adalah aplikasi atau software yang digunakan untuk menampilkan halaman website. Contoh web browser adalah Internet Explorer, Mozilla Firefox, Opera dan lainnya. Web browser memiliki tugas untuk membaca dokumen HTML dan menampilkan sebagai halaman website. Web browser tidak menampilkan tag HTML tetapi menggunakan tag HTML untuk menampilkan isi dari halaman HTML tersebut.
Dokumen HTML sendiri terdiri dari tag-tag HTML dan teks biasa. Jadi dokumen HTML bisa disamakan dengan halaman website. Artinya dokumen HTML juga bisa disebut dengan halaman website.
Contoh HTML sederhana :

1

<html>

2

<head>

3	<title>Judul Halaman</title>

4

</head>

5

<body>

6	<h1>Heading</h1>

7	<p>Isi paragraf disini.</p>

8

</body>

9

</html>

Hasil tampilan kode HTML diatas pada browser adalah seperti berikut :

Ekstensi HTML atau HTM?

Dokumen HTML ada yang disimpan dengan ektensi HTM dan HTML. Mungkin ketika anda mencoba latihan membuat HTML sederhana anda pernah bingung, apakah harus disimpan dengan ekstensi “htm” atau “html”. Sebenarnya sama saja, tidak ada pengaruhnya pada halaman HTML anda antara ektensi “htm” atau pun “html”, jadi anda bebas memilihnya. Tapi disarankan anda konsisten dengan memilih salah satu untuk mempermudah mengingat nama file. Karena misalnya ketika memanggil file tertentu agar anda tidak salah mengetikkannya.
Untuk diketahui bahwa pada awalnya ektensi “htm” digunakan karena berbagai sistem dan software hanya mengijinkan 3 digit/karakter untuk dijadikan ekstensi sebuah file/dokumen. Tapi untuk saat ini, kita sudah dapat menggunakan ekstensi “html” sebagai ekstensi file/dokumen HTML.

Sumber: http://kuliah.imadewira.com

AKU SAYANG MAMA DAN BAPAK

                             

     Sudah lama saya kangen sama mama, sudah 1 tahun lebih saya tidak pernah ketemu mama saya, ulan kangen waktu mama membuat makanan kesukaannya ulan, ketika ulan menagis mama selalu elus-elus ulan tapi sekarang mama tidak pernah elus-elus ulan karena terlalu jauh….. Kapan lagi supaya ulan bisa di sayank” sama mama…. Dan Kini mama dan bapak selalu berantam gara-gara bapak di pecat ulan pengen keluarga yang kayak dulu yang selalu harmonis tapi kini karang keluarga sudah hancur hanya gara-gara bapak di pecat………. Dan mama juga bakalan tinggalin ulan katanya mama pengen cariin ulan uang yang banyak supaya ulan bisa sekolah dengan menjunjung tinggi…. Dan lan akan berjanji sama mama akan membahagia kan mama, dan ulan ngak pengen mama dan bapak bercerai hanya gara-gara bapak di pecat.

        Mama, ulan mohon mama jangan pergi tinggalin ulan dan lan ngak pengen mama sakit hanya gara-gara mama cariin uang wat ulan sekolah terlalu tinggi… dan juga mama dan bapak jangan ngomogin tentang bercerai lagi ulan terlalu teringat tiap kali lan menagis… dan juga lan pengen peluk mama dan bapa lan udah ngak sabar pengen pelukkan kalian berdua..

       Mama, bapak tolong sekali” jenguk ulan di Lombok ulan dah sayank sama mama nd bapak,,, I LOVE U ortu,,, dah ngak terasa sekarang ulan udah besar menjadi anak yang selalu bahagia. Tapi bahagia nya ulan ngak sepertri bahagia sewaktu lan sd, smp…. Karna karang ulan rasanya jauhhhh bagat dari mama and bapa… huffffff sebel..sebel..sebel cobak saja mama dan bapa selalu ada di sisinya ulan selalu.. jadinya ulankandi bakalan mikir”n mama dan bapak lagi…. Mmmmmmmmmm ulan doa kan ajj supaya mamak pas pergi ke Kalimantan mencari kan ulan uang, ulan akan selalu doa kan mama… dan ulanpu berdoa supaya bapak bisa dapat pekerjaan lagi yang kayak dulu.. dan kalo ulan udah sukkses ulan bakalan bahagiain mama dan bapak ulan janji sama mama dan bapak…

       Bapak dan mama jangan lupa jaga kesehatannya dengan baik” karna kalok mam dan bapak sakit nati ulan juga yang akan sedih.. jadi jaga kesehatan dengan baik x mama dan bapak yang telah merawat lan dari kecil.. ulan sayankkkkkkkkkkkkkk mama dan bapak…

If Then Else

Statement bercabang digunakan untuk melakukan suatu tindakan di dalam suatu program berdasarkan kondisi tertentu. Salah satu percabangan yang tidak asing di telinga kita adalah percabangan if then else karena pada aplikasi excel percabangan tersebut juga kita gunakan. Percabangan if then else ini digunakan untuk menjalankan satu blok perintah yang nilainya tergantung pada kondisi yang diuji. Penulisannya adalah sebagai berikut :

If kondisi then
pernyataan 1
Else
pernyataan 2
End if

Atau kita bisa menambahkan statement ElseIf, sehingga menjadi :

If kondisi 1 then
pernyataan 1
ElseIf kondisi 2 then
pernyataan 2
Else
pernyataan 3
End If

Bingung khan?!?aku aja juga bingung sob hehehe…
Nie kan aku coba jelasin yah, yang namanya percabangan khan pasti ada pilihan lebih dari satu(pernyataan), bisa A, B, C sampe seterusnya. Untuk percabangan If-Then-Else-End If ini, pertama kita mendeklarasikan satu kondisi terlebih dahulu, sesudah itu pasti ada pilihan jawabannya bisa benar ato bisa salah. Jadi percabangan If-Then-Else-End-If ini memerlukan kondisi yang tempatnya setelah perintah If, dan jawaban dari kondisi tadi jika benar maka dijawab dengan pernyataan 1 yang terletak setelah Then tapi jika salah maka pernyataan 2 tempatnya terletak setelah Else dan yang terakhir menutup perintah If dengan End If. Misal jika paijo_jr cowok maka paijo_jr ganteng tapi jika paijo_jr bukan cowok maka paijo_jr cantik(hiks…). Tuh tadi soalnya, jika soal itu diubah menjadi bahasa kayak di atas tadi maka bunyinya begini :

If paijo_jr=cowok then
paijo_jr ganteng
Else
paijo_jr cantik
End if

Hm…udah berkurang bingungnya?!?wah masih belum jelas, oke kita buat project baru saja untuk mempraktekkan percabangan if then else ini.

Pertama buat project baru, buka Microsoft Visual Basic nya lalu klik StandardEXE;
Kedua tambahkan satu buah Label, satu buah TextBox dan satu buah CommandButton kemudian atur seperti gambar dibawah ini:

Ketiga atur properties masing-masing komponen sebagai berikut:

Form
Name	frmCabang
Caption	Contoh Percabangan
Label1
Name	lblCabang
Alligment	Center
AutoSize	True
Caption	“” Dikosongi
Font	Size 12
ForeColor	Pilih Warna Biru
CommandButton
Name	cmdCabang
Caption	Test Cabang
TextBox
Name	txtCabang
Text	“” Dikosongi

Keempat, klik cmdCabang atau pindah ke Code Window lalu isikan source code di bawah ini :

Private Sub cmdCabang_Click()
If txtCabang.Text = "" Then
lblCabang.Caption = "TextBox Kagak Ada Isinya"
Else
lblCabang.Caption = "Wah Tuh Ada Isinya Boz"
End If
End Sub

Kelima, klik F5 dan klik Test Cabang lihat hasilnya ketika textbox kosong dengan ketika textbox ada hurufnya;

Penjelasan Source Code :

Private Sub cmdCabang_Click()
Maksud dari perintah diatas adalah apabila cmdCabang (CommandButton) di klik maka akan menjalankan perintah dibawahnya dan End Sub untuk mengakhiri perintah.

If txtCabang.Text = "" Then
Disini perintah percabangan dimulai, dimana pada awalnya di lihat apakah txtCabang.Text tidak ada isinya (tanda petik dua berarti kosong “”), kalau txtCabang.Text ternyata kosong maka memberi perintah kepada lblCabang.Caption untuk mengisi "TextBox Kagak Ada Isinya" , tetapi jika ternyata txtCabang.Text tersebut tidak kosong atau berisi minimal satu karakter (huruf atau angka) maka memberi perintah untuk mengisi lblCabang.Caption menjadi "Wah Tuh Ada Isinya Boz". Dan perintah If tersebut diakhiri dengan End If

Nah pasti sekarang udah agak paham ya, hehehe…gak sia-sia aku buat tutorial percabangan if then else ini.

Syntax Do... Loop dan For... Next

 

Syntax atau dalam bahasa Indonesia Sintaksis adalah ilmu mengenai prinsip dan peraturan untuk membuat kalimat dalam bahasa alami. Selain aturan ini, kata sintaksis juga digunakan untuk merujuk langsung pada peraturan dan prinsip yang mencakup struktur kalimat dalam bahasa apapun.
Dalam hal ini Syntax yang akan dibahas merupakan Syntax untuk pemrograman Visual Basic 6.0. Dalam Syntax Visual Basic 6.0 terdapat banyak sekali Syntax yang salah satunya adalah syntax perulangan yakni Do... Loop dan For... Next (satu-satu ngebahasnya kalo semua bahhh bisa panjang banget page nya hehehe...)

Syntax Do… Loops
Digunakan sebagai statemen perulangan.

Syntax 1 :

Do Until (Expression)

                (code to execute)

Loop

Contoh : 

Dim x as Integer
x=0
Do Until x = 50
      x = x+1
Loop

Syntax 2 :

Do While (expression)

                (code to execute)

Loop
Contoh :

Dim x as Integer

Do While x = 100

      x = x+1

Loop

Syntax 3 :

Do

                (code to execute)

Loop While (expression)

Contoh :

Dim x as Integer

Do

      x = x+1

Loop While x = 100

Syntax For… Next

Digunakan sebagai statemen perulangan

Syntax dasar :

For counter = start To end [ step step ]

                (code to execute)

Next [ counter ]

Contoh 1 :

Dim x as Integer
For x = 0 To 10
                MsgBox “Nilai x = “ & x
Next x

Contoh 2 :

Dim x as Integer
For x = 0 To 10 step 2
                MsgBox “Nilai x = “ & x
Next x

Pembuatan Date and Time

  Pada tutorial kali ini akan saya bahas mengenai date and time alias tanggal dan waktu. Mungkin tutorial ini banyak yang sudah mengerti, tetapi apa boleh buat berhubung ada yang request ya sejenak kita bahas oke. Date and Time saya rasa sudah tahu semua apa maksudnya, yup benar kali ini kita akan mengupas masalah format date and time dalam Visual Basic 6.0. Berikut ini sejumlah contoh penggunaan format date and time :
1. Date pasti semua orang sudah tahu, tanggal bahasa Indonesia nya. Sedangkan format tanggal itu sendiri ada bermacam-macam misal : 19 November 2010, 19 Nov 2010, 19-10-2010, November, 19 2010 dan sebagainya.
2. Time atau waktu pun juga mempunyai format untuk di masukkan dalam program Micr*soft Visual Basic 6.0, sebagai contoh yakni : 20:00, 08.00 PM, dan sebagainya.

Simulasi date and time pada visual basic :
1. Bukalah Micr*soft Visual Basic 6.0 anda dan pilihlah StandardEXE
2. Pilih satu label dan ubah ukuran sesuai dengan yang di inginkan (ingat jangan ubah Name)
3. Klik 2 kali pada form load nya dan isikan sebagai berikut :

Private Sub Form_Load()
Label1.caption= Format(Now, "Long Date")
End Sub

4. Klik run atau F5 maka akan menghasilkan Friday, November 19, 2010

Gantilah Format(Now, "Long Date") dengan berikut ini dan coba klik run atau F5:
Date

1. Format(Now, "Medium Date") >>  19-Nov-10
2. Format(Now, "Short Date") >> 11-19-2010
3. Format(Now, "dd-mm-yyyy") >> 19-11-2010 (dd day, mm month, yyyy year)
etc

Time

1. Format(Now, "Long Time") >> 10:33:00 PM
2. Format(Now, "Medium Time") >> 10:33 PM
3. Format(Now, "Short Time") >> 22:33 (hh hour, mm minutes, ss secon)
4. Format(Now, "hh:mm:ss") >> 22:33:00
5. Format(Now, "hh:mm AM/PM") >> 10:33 PM (sama dengan medium time)

Format di atas hanya sebagian yang ditulis, masih ada kemungkinan-kemungkinan format yang lain. Untuk itu saya sediakan freeware yang berisi format format date and time

Sekian dan terima kasih