Tutorial Membuat Website Dinamis Sederhana

Salam Kenal.

Assalamualaikum Wr. Wb

Teman-teman dan Saudara-saudara. Kami OPhi Soft Enginering - achmadopek.co.cc hadir untuk membantu sedikit menambah asa bersama.

Dalam tutorial ini kami tuliskan perlengakapan dan langkah demi langkah yang kami sertakan juga  gambar-gambar untuk mempermudah kita untuk belajar. Yang terpenting adalah kita HARUS MAU DAN MAMPU MENGHARGAI KARYA CIPTA ORANG LAIN. Tidak diperkenankan menggandakan/mempernyaka isi/sebagian isi dari tutorial ini untuk kepentingan komersial semata tanpa ijin dari penulis. Sebab dengan begitu kita telah  membuat dia merasa bisa dan bangga karena karyanya mampu berguna.

Website merupakan teknologi yang mampu menyampaikan informasi berupa tulisan, suara, gambar ataupun rekaman vidio, data dll. Kami akan berbagi ilmu yang sedikit ini semoga bermanfaat.

Perlengkapan :

Untuk dapat membuat website dinamis kita membutuhkan beberapa Aplikasi Pendukung yang meliputi :
  1. Web Server (ex: Apache
  2. Database (ex: XAMPP)  
  3. Text Editor (ex: Dreamweaver)
  4. Browser (ex: Firefox)  
Umumnya Aplikasi Paket XAMPP/APPServ menyediakan Database (2) serta Web Server (1).

Langkah Pembuatan :

  1. Analisa Alur Pastikan Alur Pemikiran data/system dari Program Web yang akan anda buat telah anda kuasai. Dalam contoh kasus ini kita akan mencoba membauat Aplikasi Website Sederhana yaitu “Company Profile” dari PT. Bayangan Sejahtera perusahaan Jasa Rancang Bangunan (Ardhitecture). Dalam aplikasi/website ini kita batasi hanya sebagai media bagi pengunjung yang hendak mengguankan jasa kita untuk mengenal dan tahu apa dan bagaimana saja layanan dan produk kita. Sementara untuk menjal secara online akan kita bahas lebih jauh di “steep-steep” berikutnya.
  2. Menciptakan Penampung Data Diasumsikan data telah dianalisa dan menghasilkan database : “db_ptbs”. Dengan bahan data berupa table seperti berikut ini :
  • Tabel “admin” : Menampung data Administrator yang akan bertugas mengolah data.  
  • Tabel “karyawan” : Menampung data tenaga/karyawan dalam organisasi.
  • Tabel “produk” : Menampilkan beberapa produk desain kita (pembatasan/privasi)
  • Tabel “berita” : Menampung data berita/event/info/dll yang perusahaan miliki.
  • Tebel lain yang mungkin dibutuhkan. Alur Pembuatan secara Visual (lihat juga Vidionya dalam folder ini melalui Link ini). Langkahnya sebagai berikut : [Ingat! Dalam contoh tanda “” yang menagpit diabaikan].
  •  Buka Browsermu dan masuk ke alamat http:// “locahost/phpmyadmin”;
  •  Ciptakan database (misal “db_ptbs”) disini.
  •  dan Create
  •  Nanti di ruas kana muncul (seperti gambar dibawah) Cipatakan nama tabelnya (misalnya table “admin”) dengan jumlah field (misal 3) atau sesuai kebutuhan
  •  lalu Enter/klik Go.
  •  Isi data Field Name (missal “idAdmin”, “nama”,”pwd”) dan field-field yang lain yang dibutuhkan
  •  lalu Enter atau Klik Save.
  •  Buat juga semua table. Acuan struktur tabelnya dibawah ini:
(Kami Tidak meneruskan penulisan dalam HTML ini. Kami siapkan untuk anda file pdf berikut anda dapat download GRATIS)

Klick and Wait with www.ziddu.com

Akhirnya kami sampaikan terima Kasih dan Selamat Belajar
Wassalamualaikum Wr. Wb.

ACHMAD TAUFIK
Head of OPhi Soft Enginering - achmadopek.co.cc

Komentar

Postingan populer dari blog ini

Tutorial Disain Dan Pemrograman Web (1.1)

Tutorial Disain dan Pemrograman Web (1.3)