Just Share in My Blog: WEB

Tampilkan postingan dengan label WEB. Tampilkan semua postingan

Selasa, 10 Desember 2013

Fitur-Fitur cPanel

Melanjutkan Postingan sebelumnya yaitu cPanel. Pada kali ini akan dibahas lebih spesifik apa saja sih fitur-fitur yang terdapat dalam cPanel itu. Mari kita simak pembahasannya.

Ada beberapa fitur utama dari Cpanel Diantaranya :

Email Accounts (Akun Email), Sebuah fasilitas email yang mana kita bisa memiliki email dengan domain kita sendiri, semisal email@kho-is.net. Jadi akan menjadi branding tersendiri bila kita mempunyai email sendiri ketimbang numpang di @gmail.com ataupun @yahoo.com
File Transfer Protokol (FTP) Accounts, Fungsi umumnya adalah kita bisa membuat akun FTP sendiri semisal kita bisa menggunakan Filezilla, Cute FTP ataupun lainnya yang mana fungsinya mempermudah kita dalam mengatur hosting tersebut
File Manager, File manajer hampir mirip seperti File Manager di Linux ataupun Windows Explorer di Windows, dan fungsinya sama seperti itu yaitu untuk mengatur direktori dan file file anda yang ada di web server
Mysql Databases, Dengan fitur ini anda bisa menciptakan database, membuat user sampai mengatur hak akses user. Database yang dimaksud disini adalah database berbasis MySQL.
PHPmyAdmin, jika di Mysql Databases berfungsi untuk menciptakan sebuah database maka PHPmyAdmin lebih berfungsi untuk mengatur database tersebut semisal, membuat atau mengubah atau menghapus record tabel dalam database.
Subdomain, Sub domain merupakan sub direktori dari sebuah server. Contohnya mail.yahoo.com, blog.kho-is.net dll
Addon Domain, Secara default biasanya satu hosting hanya bisa dipakai satu domain saja. Tapi dengan fitur Addon Domain anda bisa menambahkan domain kedua, ketiga dan seterusnya dalam satu hosting anda. Domain lain yang anda tambahkan akan menciptakan satu direktori lain dalam server sehingga seolah-olah memiliki space tersendiri
Parked Domain, Fungsi dari parked domain adalah untuk mengarahkan domain yang diparkir untuk menampilkan domain utama dari website anda.
Softaculous, Dengan adanya Softaculous memungkinkan anda dapat menginstal berbagai Macam Content Management System (CMS) seperti Joomla, Wordpress, OScommerce, Mambo, Opencart, Prestashop dan lain sebagainya.
Dan masih banyak fitur lainnya yang tidak bisa saya sebut satu per satu.

Dengan selesainya materi ini saya ucapkan terima kasih sudah berkenan mampir di Blog saya dan semoga bermanfaat bagi kita semua

CMIIW

Salam Blogger

Kontrol Panel Hosting Popular - Cpanel

Melanjutkan Postingan kemarin tentang Seputar Domain dan Hosting. Pada kali ini akan dibahas lebih spesifik ke Hosting, yaitu tentang Kontrol Panel Hosting dan lebih spesifiknya akan mengarah ke cPanel.

Dalam sebuah website kita dapat mengatur konten website tersebut melalui Control Panel Hosting. Banyak sekali Control Panel Hosting diantaranya adalah Spanel, cPanel & Plesk. Salah satu Control Panel yang terkenal adalah cPanel atau WHM yang merupakan Aplikasi Control Panel Hosting yang Palong Populer di Dunia. Banyak sekali perusahaan web hosting yang menawarkan hostingnya menggunakan aplikasi cPanel ini. Dengan cPanel anda dapat mengelola akun hosting anda dengan lebih mudah yaitu melalui browser (Mozilla, Chrome, IE, Safari, dll) anda. Termasuk diantaranya yaitu mengupload file-file ke akun hosting, menginstal aplikasi website, membuat email, membuat database dan masih banyak lagi.

Untuk Next Artikel yaitu

Fitur-Fitur dalam Cpanel

Sekian dulu materi kali ini nantikan update'an selanjutnya.

Kamis, 05 Desember 2013

Seputar Domain & Hosting

Sebelum kita berkutat di Dunia Online yang canggih ini, ada baiknya kita mempelajari apa itu Domain & Hosting dan Beberapa Macamnya.

Mari Kita simak Pembahasannya

1. Domain

Apa itu Domain ?
Nama domain bisa dikatan sebuah identitas / nama unik yang mana tersusun dari dari format Huruf (a,b,c....x,y,z) dan angka (1,2,3....8,9) serta tanda (-) untuk memberi nama pada website kita.

Macam-Macam Domain
Domain pada Intinya terbagi menjadi 2, yaitu :
Domain Lokal (Indonesia)Domain Lokal adalah Domain yang berakhiran id dari sebuah negara, apabila di Indonesia maka berakhiran .id. Untuk Domain lokal Indonesia sendiri dikelola oleh PANDI , dan untuk pendaftaran domain .id sendiri terdapat beberapa hal yang harus dilampirkan tergantung dari jenis domain sebagai syarat pendaftaran dan macam-macam domain.id sangat beragam tergantung jenis keperuntukan domain tersebut.Diantaranya :

.co.id

Nama domain ini diperuntukkan untuk nama perusahaan, nama produk maupun merek yang memiliki identitas Indonesia.

.or.id

Nama domain yang diperuntukkan untuk nama yayasan/organisasi di Indonesia.

.ac.id

Nama domain yang diperuntukkan untuk nama-nama akademik, sekolah tinggi dan universitas.

.sch.id

Nama domain khusus untuk sekolah-sekolah.

.go.id

Nama domain untuk badan dan lembaga pemerintahan maupun departemen pemerintahan.

.net.id

Nama domain ini khusus untuk Perusahaan yang bergerak di Bidang Telekomunikasi semisal ISP, Telco, Seluler, VSAT, dsb

.web.id

Nama domain ini diperuntukan bagi personal.

.my.id

Sama dengan .web.id Nama domain ini diperuntukan bagi personal.

.desa.id

Nama domain ini diperuntukan bagi Desa.

.mil.id

Nama domain untuk Institusi Militer.

.biz.id

Nama domain ini diperuntukkan untuk UKM / Usaha Lainnya.

Domain Internasional
Domain umum yang dapat diregister oleh siapa saja dengan atau tanpa menggunakan persyaratan tertentu.
Contoh :

.com

.net

.org

.info

.biz

.name

.us

.pw

.asia

.tv

.cc

.co

.in

.bz

dll

2. Hosting

Sebuah media penyimpana Data Online yang berfungsi sebagai Server yaitu Menampung Data-Data pada sebuah website
Hosting sendiri dikelola oleh Web Hosting, Diantara Beberapa Web Hosting terkemuka di Indonesia adalah diantaranya :

Masterweb.com (Recommended)

Rumahweb.com

Indocenter.co.id

Eazysmart.com

idwebhost.com

ardhosting.com

jagoanhosting.com

dracoola.net

jakhoster.com

qwords.com

dll

Demikian penjelasan Singkat Seputar Domain dan Hosting.
Semoga Bermanfaat

Rabu, 26 Juni 2013

Membuat Text Area dalam Sebuah Website

Apa itu Text Area ? Text area adalahtempat untuk menyimpan text / tulisan dengan membentuk area baru.

Untuk membuat textarea ini silahkan anda simak tutorialnya dibawah ini:

Kode Dasar TEXTAREA diawalai dengan <textarea> dan diikhiri dengan </textarea>:

Penerapan:

hasilnya:

Contoh Penerapannya :

Keterangan:

rows="5", adalah untuk mengatur baris dalam hal ini adalah tinggi/height sebesar 5 baris, jika baris text melebihi "5"baris maka secara otomatis akan ditampilkan dengan scroll.

cols="50", adalah mengatur lebar textarea sebesar 50 karakter saja, jika karakter text melebihi 50 maka akan ditampilkan dengan scroll.

Hasilnya :

Sekian dulu tutorial ini semoga bermanfaat
Salam Open Source

Jumat, 21 Juni 2013

Membuat Rancangan Website Sederhana dengan 2 Kolom dengan Menu

Tugas Tugas dan Tugas, Ingin menindaklanjuti tugas dari pak Nufan disuruh membuat Layout Rancangan Website 2 / 3 Kolom, tapi disini saya akan membuat yang 2 Kolom Sajja biar lebih Mudah memahami,
Ya Langsung sajja simak tutorialnya di bawah ini :
1. Yang Pertama Coba Buat Tabel Rancangan dengan Script di Bawah ini :
<table width="600" border="1">
<tr><td colspan="2"> </td></tr> : Berarti Penggabungan 2 Tabel Menjadi 1
<tr><td colspan="2"> </td></tr> : Berarti Penggabungan 2 Tabel Menjadi 1
<tr><td width="450"> </td> : Membuat Tabel Sebelah Kiri dengan Panjang 450px
<td width="150"> </td></tr> : Membuat Tabel Sebelah Kanan dengan Panjang 150px
<tr><td colspan="2"> </td></tr> : Berarti Penggabungan 2 Tabel Menjadi 1
</table>

2. Setelah Buat Rancangan Tabel Maka Customisasi Tabelnya dengan Copy Script di Bawah ini :
<table width="600" border="1"><tr><td colspan="2"><p align="center" class="style2">Selamat Datang Di My Personal Website</p><p align="center" class="style2">www.akunanda.com</p></td></tr>
<tr><td colspan="2">
<style type="text/css">#cssmenu { border:1px solid #b9121b; background:#b9121b; } #cssmenu > ul { padding:1px 0; margin:0px; list-style:none; width:100%; height:21px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; font:normal 8pt verdana, arial, helvetica; } #cssmenu > ul li { margin:0; padding:0; display:block; float:left; position:relative; width:148px; } #cssmenu > ul li a:link, #cssmenu > ul li a:visited { padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; } #cssmenu > ul li:hover a, #cssmenu > ul li a:hover, #cssmenu > ul li a:active { padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; } #cssmenu > ul li ul { margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; } #cssmenu > ul li:hover ul { display:block; } #cssmenu > ul li ul li { width:146px; clear:left; width:146px; } #cssmenu > ul li ul li a:link, #cssmenu > ul li ul li a:visited { clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; } #cssmenu > ul li ul li:hover a, #cssmenu > ul li ul li a:active, #cssmenu > ul li ul li a:hover { clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; } #cssmenu > ul li ul li ul.navigation-3 { display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; } #cssmenu > ul li ul li:hover ul.navigation-3 { display:block; } #cssmenu > ul li ul li ul.navigation-3 li a:link, #cssmenu > ul li ul li ul.navigation-3 li a:visited { background:#b9121b; } #cssmenu > ul li ul li ul.navigation-3 li:hover a, #cssmenu > ul li ul li ul.navigation-3 li a:hover, #cssmenu > ul li ul li ul.navigation-3 li a:active { background:#ec454e; }</style>
<div id='cssmenu'> <ul> <li class='active '><a href='index.html'><span>Home</span></a></li> <li class='has-sub '><a href='#'><span>Products</span></a> <ul> <li><a href='#'><span>Product 1</span></a></li> <li><a href='#'><span>Product 2</span></a></li> </ul> </li> <li><a href='#'><span>Contact</span></a></li></ul></div></td></tr>
<tr><td width="450" valign="top"><p align="justify">Selamat Datang Di Blog Saya,</p>
<p align="justify">Semoga dengan Adanya Blog Saya Menjadi Lebih Bermanfaat buat Semuanya </p>
<p align="justify"> </p>
<p align="justify">TTD</p>
<p align="justify">ADMIN BLOG </p></td>
<td width="150"><p>Link Sponsor</p>
<p class="style1 style3">Link Sponsor : </p>
<p align="left"><a href="http://www.unipdu.ac.id/" target="_blank">UNIPDU Jombang</a></span></span></span></li></div>
<p align="left"><a href="http://www.digilib.unipdu.ac.id/" target="_blank">Perpustakaan UNIPDU</a></li></p>
<p align="left"><a href="http://www.journal.unipdu.ac.id/" target="_blank">Journal Online UNIPDU</a></li></p>
<p align="left"><a href="http://www.fai.unipdu.ac.id/" target="_blank">Fakultas Agama Islam</a></li></p>
<p align="left"><a href="http://www.fbs.unipdu.ac.id/" target="_blank">Fakultas Bahasa dan Sastra</a></p>
<p align="left"><a href="http://www.fia.unipdu.ac.id/" target="_blank">Fakultas Ilmu Administasi</a></p>
<p align="left"><a href="http://www.ft.unipdu.ac.id/" target="_blank">Fakultas TEKNIK</a></p>
<p align="left"><a href="http://www.mipa.unipdu.ac.id/" target="_blank">Fakultas MIPA</a></p>
<p align="left"><a href="http://www.fik.unipdu.ac.id/" target="_blank">Fakultas Ilmu Kesehatan</a></p></td></tr>
<tr><td colspan="2"><div align="center">CopyRight 4ever by <a href="www.facebook.com/irultotti">www.akunanda.com</a> </div></td></tr></table>

Selamat Datang Di My Personal Website www.akunanda.com
Home Products Product 1 Product 2 Contact
Selamat Datang Di Blog Saya, Semoga dengan Adanya Blog Saya Menjadi Lebih Bermanfaat buat Semuanya TTD ADMIN BLOG	Link Sponsor : UNIPDU Jombang

Selesailah Tutorial Sederhana ini
Semoga Bermanfaat

Kamis, 20 Juni 2013

Cara Membuat Teks Berjalan di Website

Terkadang kali kita pernah melihat sebuah website itu terdapat tulisan yang bergerak, entah ke kanan dan ke kiri. La jika anda-anda belum tahu maka fungsi tersebut dinamakan marquee yang fungsinya sebagai hiasan dalam sebuah website agar bisa menampilkan teks yang berjalan. Bagi anda yang tertarik bagaimana cara membuat tulisan berjalan ini, silahkan cek tutorialnya :
1. Tulisan Marquee default
<marquee>Contoh Tulisan Berjalan</marquee>
Contoh Tulisan Berjalan
2. Tulisan Marquee Kanan ke Kiri
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
Contoh Tulisan Berjalan
3. Tulisan Marquee Kiri ke Kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan
4. Tulisan Marquee Bolak Balik
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan
5. Tulisan Marquee Bergerak Atas ke Bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan
6. Tulisan Marquee Bergerak Bawah ke Atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan
7. Tulisan Marquee Bolak Balik Atas ke Bawah
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan

Sekian dulu tutorial sederhana ini, dan semoga bermanfaat. untuk pertanyaan silahkan tinggalkan komentar.

Sabtu, 15 Juni 2013

Hosting Gratis

Di Dunia Maya sudah Tersebar Sangat Banyak Hosting Gratis,

Tapi terkadang bingung memilih sebuah hosting gratis, karena semua dari masing-masing hosting gratis punya kelebihan dan kekurangan masing-masing. Namun disini saya sedikit menyarankan untuk menggunakan Hosting Gratis idhostinger.com dikarenakan Kelebihannya yang sangat banyak yaitu :

Disk space 2000 Mb, silakan cek ke penyedia hosting berbayar, maka untuk mendapatkan disk space 2000 Mb anda akan dikenakan biaya sebesar Rp 45.000,- perbulan. Namun jika anda mendaftar di idhostinger.com anda akan mendapatkan disk space sebesar ini dengan biaya gratis.
bandwidth 100 GB, seharga Rp 100.000,- per bulan jika di penyedia hosting berbayar. Namun disini anda bisa mendapatkannya secara gratis.
Gratis 2 email dengan nama sesuai dengan blog yang anda buat di hosting ini.
Terdapat Website builder yang sangat mudah digunakan.
Tersedia juga sub domain dan domain kita tanpa embel-embel dibelakang nama blog kita. Contohnya nama domain dengan hosting gratis dari idwebhosting adalah namakamu.zz.mu. cukup singkat bukan.
Terdapat cPanel based hosting control panel dan Auto Installer. Jadi anda bisa belajar dan merasakan seperti memiliki hosting berbayar.

Nah, tunggu apa lagi silakan daftar sekarang dan nikmati hosting gratis serasa hosting berbayar di idhostinger.com jika ingin mendaftar silakan klik di sini

Apa itu Hosting

Hosting adalah suatu jasa penyediaan server dan aplikasinya kepada pelanggan-pelanggannya. Bisa diartikan suatu space atau tempat di internet yang kita gunakan untuk menyimpan data-data situs kita. Entah itu situs perusahaan, situs pribadi, situs blog, dan lain sebagainya. Setiap situs yang ingin kita onlinekan sehingga banyak orang bisa mengaksesnya, harus disimpan pada suatu host. Satu server ini dipakai untuk banyak client supaya biayanya terjangkau. Hosting ini biasa dipakai untuk keperluan web server dan mail server. Web server bisa dipakai sebagai company profile, product catalog, gallery, portal komunitas, portal berita, portal perdagangan dan sebagainya. Mail server dipakai sebagai sarana komunikasi elektronis antara seorang dengan yang lain baik dalam perusahaan yang sama maupun berbeda perusahaan.

Web server dan mail server dan diletakkan di dalam server yang sama, tetapi bisa juga dipisah menjadi dua buah server. Pemisahan maupun penggabungan tergantung dari kebijakan masing-masing penyedia jasa. Penggabungan memiliki keuntungan mudahnya maintenance, sedangkan pemisahan memiliki keuntungan dalam hal pengaturan bandwidth.

Hosting semakin berkembang tidak terbatas pada web server dan mail server saja. Ada aplikasi-aplikasi lain seperti DNS server yang juga disewakan. Aplikasi DNS server yang sering disewakan biasanya terkait dengan Secondary DNS yang merupakan backup dari Primary DNS.

Secara tingkatan hosting dibagi menjadi :

1. Shared hosting

Tiap pelanggan mendapatkan sebuah username password untuk suatu website mereka

2. Reseller Hosting

Dalam hal reseller hosting, penyewa bisa memanage banyak client shared hosting dengan sebuah username dan password

3. VPS (Virtual Private Server)

Di sini pihak penyedia menyewakan sebuah servernya ke beberapa client saja, tetapi di mata client seolah-olah mempunyai server sendiri. Ini merupakan jembatan menuju ke dedicated server. Harganya lebih murah daripada dedicated server

4. Dedicated server

Di sini pihak penyedia menyediakan sebuah server secara fisik kepada penyewanya.

Tergantung keperluan kita, kita bisa memilih shared hosting, reseller hosting, VPS atau dedicated server. Jika website yang ditangani satu saja lebih baik memakai shared hosting, jika lebih dari 5 silahkan memakai reseller hosting, di atas 50 lebih baik memakai VPS dan di atas 100 lebih baik memakai dedicated server.

Senin, 10 Juni 2013

Koneksi Database ke Web (Bag. 6) Cara Import Database ke Hosting

Salam Open Source
Salam PHP
Cara Import ke Database ke Hosting :
1. Login ke Cpanel Anda
2. Cari Menu Databases dan Pilih Menu PHPMyAdmin
3. PHPMyAdmin akan terbuka dan Tampilannya sama seperti di Localhost
4. Klik pada database yang akan kita import
5. Pilih Menu Import
6. Pilih Menu File Lalu Pilihlah File Database yang akan Diimport
7. Pastikan Nama Database yang akan diimport sama dengan Nama Database yang ada dalam hosting agar tidak terjadi error
8. Klik Menu Kirim / Go
9. Database Berhasil Diimport ke Hosting Kita
Selesai sudah
Nantikan tutorial-tutorial selanjutnya di Blog ini
Salam Open Source Kembali

Koneksi Database ke Web (Bag. 5) Cara Membuat Database dan Membuat User dan Memberi Hak Akses Pada User

Salam Open Source
Salam PHP
Berikut cara-caranya
1. Login ke Cpanel anda
2. Cari Menu "Databases" apabila sudah ketemu klik menu "MySQL Databases"
3. Pertama-tama buat dulu databasenya

4. ketikkan web maka otomatis akan terbuat database dengan nama "b4111046_web"

5. Setelah itu ketik Go Back
6. Lalu buatlah User Baru yang mana User tsb nanti digunakan untuk Mengakses database kita

7. Setelah Mengisi Lalu Ketik "Create User"

8. Selesai deh kita membuat databasenya, setelah itu Beri Hak Akses pada User tsb dengan cara :

9. Setelah ikuti Perintah Di Atas Lalu klik "Add"

10. Maka Akan Muncul Gambar Seperti di Bawah ini

11. Untuk Memberi Hak Akses Komplit Centang "ALL PRIVILAGES" yang artinya memberi hak akses sepenuhnya kepada user tsb

12. Setelah itu Klik "Make Changes"

13. Maka Muncul Tampilan di Bawah ini

14. Dan Akhirnya Kita Berhasil Membuat Database ke Hosting kita

So Tutorial selanjutnya Cara Import Database

Ikuti Setelah Postingan ini

Minggu, 09 Juni 2013

Koneksi Database ke Web (Bag. 4) Menambahkan Input dan Tampil Database ke Indeks.php

Kembali Lagi ke Koneksi Database ke Web bag. 4.
Untuk Cara keempat ini adalah menambahkan Menu Input Data dan Menu Menampilkan Data
1. Buka kembali file index.php yang telah anda buat tadi Lalu tambahkan script di bawah ini pada Tabel sebelah kiri
<form name="form1" method="post" action="aksi_input_mhs.php">
<table width="400" border="0" align="center" cellpadding="1" cellspacing="1" bordercolor="#00FF00" bgcolor="#33CC00">
<tr bgcolor="#CCFFCC">
<td height="50" colspan="2"><div align="center">INPUT DATA MAHASISWA </div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">NIM </td>
<td>:
<input name="nim" type="text" id="nim"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">Nama </td>
<td>:
<input name="nama" type="text" id="nama"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">Alamat</td>
<td>:
<input name="alamat" type="text" id="alamat"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">Jenis Kelamin </td>
<td>:
<select name="jk" id="jk">
<option value="Laki-Laki" selected>Laki-Laki</option>
<option value="Perempuan">Perempuan</option>
</select></td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
<td height="50"><input type="submit" name="Submit" value="Simpan"></td>
</tr>
</table>
<p> </p>
<table width="700" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000" celpading="2" celspacing="1" >
<tr bgcolor="#CCFFFF">
<td width="35"><div align="center"><strong>No</strong></div></td>
<td width="101"><div align="center"><strong>NIM</strong></div></td>
<td width="119"><div align="center"><strong>NAMA</strong></div></td>
<td width="282"><div align="center"><strong>ALAMAT</strong></div></td>
<td width="136"><div align="center"><strong>JENIS KELAMIN</strong></div></td>
</tr>
<?php

include "koneksi.php";

$tampil="SELECT * FROM datamahasiswa";
$qryTampil=mysql_query($tampil);
while ($dataTampil=mysql_fetch_array($qryTampil)) {
$no++
?>

<tr bgcolor="#FFFFFF">
<td><?php echo $no ; ?></td>
<td><?php echo $dataTampil['nim']; ?></td>
<td><?php echo $dataTampil['nm']; ?></td>
<td><?php echo $dataTampil['alamat']; ?></td>
<td><?php echo $dataTampil['jeniskelamin']; ?></td>
</tr>
<?php } ?>
</table>
</form>

2. Sehingga isian file index.php menjadi seperti di bawah ini :

<html>

<head>

<title>Kho-iS Web</title>

<style type="text/css">

<!--

.style1 {font-size: 40px}

.style2 {font-size: 24px}

-->

</style>

</head>

<body>

<table width="900" border="1">

<tr>

<th colspan="5" scope="col"><p align="left" class="style1">Selamat Datang di Kho-iS Blog</p>

<p align="left" class="style1">Fakultas Teknik Prodi Sistem Informasi</p>

<p align="left" class="style1">UNIPDU Jombang </p></th>

</tr>

<tr>

<td width="172"><div align="center">Home</div></td>

<td width="172"><div align="center">Profil</div></td>

<td width="172"><div align="center">Tugas Web </div></td>

<td width="137"><div align="center">Tutorial</div></td>

<td width="213"><div align="center">Kontak Kami </div></td>

</tr>

<tr>

<td colspan="5"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left">

<strong>..Rahajeng Rawuh Ing Kho-iS Personal Website..</strong>

</marquee></td>

</tr>

<tr>

<td colspan="4">

<form name="form1" method="post" action="aksi_input_mhs.php">

<table width="400" border="0" align="center" cellpadding="1" cellspacing="1" bordercolor="#00FF00" bgcolor="#33CC00">

<tr bgcolor="#CCFFCC">

<td height="50" colspan="2"><div align="center">INPUT DATA MAHASISWA </div></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">NIM </td>

<td>:

<input name="nim" type="text" id="nim"></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">Nama </td>

<td>:

<input name="nama" type="text" id="nama"></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">Alamat</td>

<td>:

<input name="alamat" type="text" id="alamat"></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">Jenis Kelamin </td>

<td>:

<select name="jk" id="jk">

<option value="Laki-Laki" selected>Laki-Laki</option>

<option value="Perempuan">Perempuan</option>

</select></td>

</tr>

<tr bgcolor="#FFFFFF">

<td> </td>

<td height="50"><input type="submit" name="Submit" value="Simpan"></td>

</tr>

</table>

<p> </p>

<table width="700" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000" celpading="2" celspacing="1" >

<tr bgcolor="#CCFFFF">

<td width="35"><div align="center"><strong>No</strong></div></td>

<td width="101"><div align="center"><strong>NIM</strong></div></td>

<td width="119"><div align="center"><strong>NAMA</strong></div></td>

<td width="282"><div align="center"><strong>ALAMAT</strong></div></td>

<td width="136"><div align="center"><strong>JENIS KELAMIN</strong></div></td>

</tr>

<?php

include "koneksi.php";

$tampil="SELECT * FROM datamahasiswa";

$qryTampil=mysql_query($tampil);

while ($dataTampil=mysql_fetch_array($qryTampil)) {

$no++

<tr bgcolor="#FFFFFF">

<td><?php echo $no ; ?></td>

<td><?php echo $dataTampil['nim']; ?></td>

<td><?php echo $dataTampil['nm']; ?></td>

<td><?php echo $dataTampil['alamat']; ?></td>

<td><?php echo $dataTampil['jeniskelamin']; ?></td>

</tr>

<?php } ?>

</table>

</form>

</td>

<td> <p class="style3 style2">Link Sponsor : </p>

<p align="right"><a href="http://www.unipdu.ac.id/" target="_blank">UNIPDU Jombang</a></span></span></span></li></div>

<p align="right"><a href="http://www.digilib.unipdu.ac.id/" target="_blank">Perpustakaan UNIPDU</a></li></p>

<p align="right"><a href="http://www.journal.unipdu.ac.id/" target="_blank">Journal Online UNIPDU</a></li></p>

<p align="right"><a href="http://www.fai.unipdu.ac.id/" target="_blank">Fakultas Agama Islam</a></li></p>

<p align="right"><a href="http://www.fbs.unipdu.ac.id/" target="_blank">Fakultas Bahasa dan Sastra</a></p>

<p align="right"><a href="http://www.fia.unipdu.ac.id/" target="_blank">Fakultas Ilmu Administasi</a></p>

<p align="right"><a href="http://www.ft.unipdu.ac.id/" target="_blank">Fakultas TEKNIK</a></p>

<p align="right"><a href="http://www.mipa.unipdu.ac.id/" target="_blank">Fakultas MIPA</a></p>

<p align="right"><a href="http://www.fik.unipdu.ac.id/" target="_blank">Fakultas Ilmu Kesehatan</a></p>

</td>

</tr>

<tr>

<td colspan="5"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left">

<strong>Copyright © 2013 Khoirul Islam All rights reserved. Supported</a> by <a href="http://www.unipdu.ac.id/" target="_blank" title="Universitas Pesantren Tinggi Darul 'Ulum Jombang">Unipdu Jombang</a> and <a href="http://staff.unipdu.ac.id/nufan/" target="_blank">Mr. Nufan </a></strong>

</marquee></td>

</tr>

</table>

</body>

</html>

3. Jalankan Localhostnya di Web Browser

4. Selesai Juga menampilkan Input dan Tampilan Database dan Sekarang Tinggal Membuat Action Simpannya

5. Buat File berekstensi .php baru dengan nama "aksi_input_mhs.php" lalu simpan 1 folder dengan file lainnya
6. Lalu isi File .php tsb dengan isian di bawah ini
<?php
// Koneksi
include "koneksi.php";

//Pengecekan dengan IF untuk data yang kosong
if (empty($_POST['nim']) ||empty($_POST['nama']) || empty($_POST['alamat']) || empty($_POST['jk'])) {
echo '<script language="javascript">
alert("Data Harus Diisi Semua");
window.location="index.php";
</script>';
exit();
}
else {
//Query Insert data
$simpan="INSERT INTO datamahasiswa SET
nim='$_POST[nim]',
nm='$_POST[nama]',
alamat='$_POST[alamat]',
jeniskelamin='$_POST[jk]'";
mysql_query($simpan);
echo '<script language="javascript">
alert("Data Berhasil Disimpan");
window.location="index.php";
</script>';
exit();
}
?>

7. Selesai deh Program yang Kita buat nanti, kalo untuk Download File Full Version Silahkan PM ane atau SMS atau Hubungi ane
Yang Terakhir Salam Open Source

Tutorial Bagian 1 | Bagian 2 | Bagian 3 | Bagian 4 | Bagian 5 | Bagian 6

Koneksi Database ke Web (Bag. 3) Membuat file koneksi sbg konektor ke website

Salam Open Source
Kembali lagi ke Cara Koneksi database ke Web bag. 3
Untuk cara ketiga ini adalah membuat file konektor Web ke Database :
1. Buka Aplikasi untuk Membuat Web (Entah Dreamwaver, Geany, Bluefish, PHPpad, Notepad, Notepad++ atau yang lainnya terserah)
2. Lalu buat file baru berekstensi .php dengan nama koneksi.php lalu simpan 1 folder dengan file index.php tadi
3. Dalam file koneksi.php tulis script seperti dibawah ini :

Koneksi Database ke Web (Bag. 2) Membuat Web Sederhana

Salam Open Source

Kembali lagi ke Cara Koneksi database ke Web bag. 2

Untuk cara kedua ini adalah Membuat Website Sederhana

1. Buka Aplikasi untuk Membuat Web (Entah Dreamwaver, Geany, Bluefish, PHPpad, Notepad, Notepad++ atau yang lainnya terserah)

2. Buka Folder Xampp yang ada di direktori kalian lalu buka Folder htdocs lalu Buat folder Baru dengan nama "tutorial", setelah itu dalam folder tutorial Buat file baru berkekstensi .php dan beri nama index.php lalu Simpan di folder "tutorial" tadi

3. Daripada ngoding lama-lama mending langsung kopi aja script di bawah ini di file index.php

<html>

<head>

<title>Kho-iS Web</title>

<style type="text/css">

<!--

.style1 {font-size: 40px}

.style2 {font-size: 24px}

-->

</style>

</head>

<body>

<table width="900" border="1">

<tr>

<th colspan="5" scope="col"><p align="left" class="style1">Selamat Datang di Kho-iS Blog</p>

<p align="left" class="style1">Fakultas Teknik Prodi Sistem Informasi</p>

<p align="left" class="style1">UNIPDU Jombang </p></th>

</tr>

<tr>

<td width="172"><div align="center">Home</div></td>

<td width="172"><div align="center">Profil</div></td>

<td width="172"><div align="center">Tugas Web </div></td>

<td width="137"><div align="center">Tutorial</div></td>

<td width="213"><div align="center">Kontak Kami </div></td>

</tr>

<tr>

<td colspan="5"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left">

<strong>..Rahajeng Rawuh Ing Kho-iS Personal Website..</strong>

</marquee></td>

</tr>

<tr>

<td colspan="4"> </td>