Hy ketemu lagi dengan elva
nah kali ini aku akan bercerita sedikit tentang web yang sudah dibuat oleh aku dan kelompokku.
PENASARAN??
cus nih alamat webnya
ourtrav.com. langsung klik aja.
sudah ? ketemu?
oke untuk yang lagi mager ngeklik. nih aku kasi tau tampilan web nya seperti apa
Soal Pertama:
nah dari kalian pasti ada yang bertanya berapa sih biaya yang dikeluarkan untuk mengerjakan web tersebut?
jadi untuk membuat web pertama-tama yang kita butuhkan yakni nama domain. dan hosting
wah trus gimana dong?
tenang sekarang sudah banyak web penyedia hosting yang yang graatis maupun berbayar. Untuk hosting sendiri kita membeli di situs penyedia
rencong.net seharga Rp. 190.000,00. dengan rincianhosting pribadi RP. 60.000 ditambah domain seharga Rp. 130.000
nah jadilah kita memakai nama ourtrav.com dengan layanan hosting dan domain selama 6 bulan dan kapasitas 100 MB. tunggu kiriman email dari penyedia.
Jadi deh Web kalian. tapi tunggu. web tersebut belum ada isi apapun. nah untuk mengedit isi dari web. login ke Cpanel kalian
nah disini kalian bisa menyeting apa saja yang kalian butuhkan.
untuk pengeditan berikutnya gunakan
wordpress.com sebagai medianya
Langkah berikutnya yakni pilih tema web yang kalian inginkan. bisa cari di google. banyaak banget template tema yang bisa kalian gunaka . disini kita menggunakan tema
Zerif lite yang cukup elegan
next. silakan edit sesuka hati kalian di laman
http://www.ourtrav.com/wp-admin kita bisa menambahkan data apapun yang kita inginkan
Jadilah WEB kalian. yeay!
Apasih
ourtrav.com itu ???
ourtrav.com sebuah web penyedia informasi tempat wisata serta hotel di seluruh indonesia
Untuk fitur apa saja yang ada di web ini bisa lihat langsung di
ourtrav.com . lebih detailnya sebagai berikut
- Fitur WISATA
temukan tujuan dan lokasi wisata yang kalian inginkan
klik readmore untuk info yang lebih lengkap
terdapat beberapa galeri yang menambah wawasan pengunjung serta peta yang tersambung langsung ke
googlemaps.com sebagai penunjuk arah menuju tempat tersebu
t
terdapat juga ulasan dan revie menarik terkait tempat wisata tujuan serta tempat wisata terkait yang bisa dikunjungi
- Fitur HOTEL
berbagai informasi tentang hotel disekitar tempat wisata
terdapat juga ulasan, review serta informasi seputar hotel juga lokasi hotel tersebut
untuk mencari tempat wisata juga hotel sekaligus dalam satu tempat, tulis kota mana yang anda inginkan di kolom search
- Fitur AKUN
kita juga bisa mendaftar untuk menjadi member dengan email
Nah itulah tadi seputar web yang kami buat.
Soal Kedua:
Pertama-tama nyalakan terlebih dahulu XAMPP kalian dengan mengklik start pada Apache dan Mysql. lalu klik admin pada My Sql. kemudian akan muncul local host di browser kalian
nah kemudian buat database baru dengan nama latihan1
lalu buat juga tabel mk yang berisi
kode_mk, nama_mk, dan jumlah_praktikan
Tabel User yang berisi
kode_user, nama_user dan password_user
selanjutnya insertkan data matakuliah di tabel MK
kemudian buat file baru di Sublime Text dengan nama koneksi.php. berikut kodenya
koneksi.php
<?php
$host = 'localhost';
$database = 'monitoring_praktikum';
$username = 'root';
$password ='';
$connection = mysql_connect($host, $username, $password, $database);
echo "berhasil";
?>
buat lagi file dengan nama login.php
agar kita bisa membuat form pada localhost berisi perintah untuk login dengan username dan password
login.php
<html>
<head>
<title>LOGIN</title>
</head>
<style>
div {
background-color: lightgreen;
width: 200px;
padding: 10px;
margin: 10px;
}
</style>
<body>
<div>
<form>
Username : <input type = 'text' name = 'username'> <br> <br>
Password : <input type = 'password' name = 'password'> <br><br>
<input type = 'button' value = 'Login'>
</form>
</div>
</body>
</html>
ketika kita jalankan di local host, maka akan muncul tampilan form login seperti berikut
nah untuk pengisian data, buat folder lagi untuk menampilkan data matakuliah yang kita punya
tampilkandata.php
<!DOCTYPE html>
<html>
<head>
<title>Tampilkan Data</title>
</head>
<body>
<h1>Daftar Mata Praktikum dan Jumlah Praktikan</h1>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<th>No.</th><th>Kode</th><th>Mata Praktikum</th><th>Jumlah Praktikum</th>
</tr>
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("monitoring_praktikum");
$sql = mysql_query("select * from praktikum");
if(mysql_num_rows($sql)==0)
{
echo '<tr><td colspan="4">tidak ada data!</td></tr>';
}
else
{
$no = 1;
while($data = mysql_fetch_assoc($sql))
{
echo '
<tr>
<td>'.$no.'</td>
<td>'.$data['kode_mk'].'</td>
<td>'.$data['nama_mk'].'</td>
<td>'.$data['jumlah_praktikan'].'</td>
</tr>
';
$no++;
}
}
?>
</table>
<br><input style = "text-align: right" type = 'button' value = 'Tambah Data MK'>
</body>
</html>
maka ketika dijalankan di localhost akan muncul tampilan matakuliah yang kita insertkan tadi seperti dibawah ini
