Upload
maulina-supriyaningsih
View
66
Download
4
Embed Size (px)
Citation preview
LAPORAN PRAKTIKUM
SISTEM INFORMASI MANAJEMEN
MEMBUAT POLLING DAN MEMASUKKANNYA KE HALAMAN WEB
NAMA
PRAKTIKAN
NOMOR
MAHASISWA
TANGGAL
KUMPUL
TANDA TANGAN
PRAKTIKAN LABORAN
MAULINA S. 11611036 09 Januari 2013
NAMA PENILAITANGGAL
KOREKSINILAI
TANDA TANGAN
ASISTEN DOSEN
Doni Irawan
Sekti Kartika Dini
Wahyu Listyawan
DR. RB. Fajriya Hakim, M.Si
JURUSAN STATISTIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS ISLAM INDONESIA
YOGYAKARTA
2013
Kelas
A
2
BAB I
PENDAHULUAN
A. Database (Basis Data)
Basis data adalah sekumpulan informasi yang diatur agar mudah dicari. Dalam
arti umum basis data adalah sekumpulan data yang diproses dengan bantuan komputer
yang memungkinkan data dapat diakses dengan mudah dan tepat, yang dapat
digambarkan sebagai aktifitas dari satu atau lebih organisasi yang berelasi.
B. PHP (HyperText Preprocessor)
PHP (HyperText Preprocessor) adalah bahasa (scripting language) yang
dirancang secara khusus untuk penggunaan pada web. PHP adalah tool yang
digunakan untuk pembuatan halaman web dinamis. PHP memberikan fitur yang
sangat lengkap untuk mendukung proses perancangan web dan pemrograman PHP
itu sendiri. Pada awalnya PHP ditemukan dan dikembangkan oleh Rasmus Lerdorf.
PHP sering juga disebut sebagai tools Personal Home Page.
C. MySQL
MySQL adalah sebuah program database server yang mampu menerima dan
mengirimkan datanya dengan sangat cepat, multi user serta menggunakan perintah
standar SQL (Structural Query Language). Database MySQL merupakan sistem
manajemen basis data SQL yang sangat terkenal dan bersifat Open Source.
MySQL dibangun, didistribusikan dan didukung oleh MySQL AB. MySQL AB
merupakan perusahaan komersial yang dibiayai oleh pengembang MySQL.
D. phpMyAdmin
phpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa
pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui
World Wide Web. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya
(mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna
(users), perijinan (permissions), dan lain-lain).
E. Macromedia Dreamweaver 8
Dreamweaver merupakan perangkat lunak yang ditujukan untuk membuat suatu
situs web. Versi pertama dirilis pada tahun 1997, dan sejak itu Dreamweaver menjadi
web editor yang banyak digunakan oleh para web developer. Hal itu antara lain
karena kemudahan dalam penggunaannya, kelengkapan fiturnya dan juga
dukungannya terhadap teknologi terkini. Dreamweaver 8 merupakan salah satu
3
perangkat lunak yang dikembangkan oleh Macromedia Inc. Pada kesempatan kali ini,
Dreamweaver akan digunakan untuk mengedit web dengan memasukkan script baru
yaitu script forum yang saling terkait dengan file PHP dan MySQL.
F. Pengertian HTML
HTML (Hyper Text markup Language) adalah bahasa markup utama untuk
halaman web. VersiHTML terbaru saat ini adalah HTML 5. Untuk menulis sebuah
script HTML, dapat menggunakan editor seperti Notepad++ dan Geany.
Html harus ditulis dengan menggunakan ekstension htm atau html, namun
dapat juga di baca di sejumlah file script based server, seperti php dan asp, karena
html juga dapat berfungsi sebagai bahasa yang di-embed oleh script pemrograman
web berbasis server.
Untuk dapat menjalankan html, di perlukan sebuah browser, seperti : Mozilla
firefox, Opera, Internet Explorer, Chrome dan Safari. Banyak tag html
memiliki syntax buka dan tutup berpasangan, seperti <body> </body>. Tanda garis
miring ( / ) pada tag menandakan bahwa tag tersebut adalah tag penutup.
4
BAB II
DESKRIPSI KERJA
A. Persoalan
Membuat polling dengan script dan database yang sudah ditentukan. Script dan
database tersebut sudah dijadikan dua folder, folder database dan folder memakai
grafik poling. Kemudian menggabungkan atau memasukkan polling yang sudah jadi
ke dalam halaman web.
B. Membuat Polling
1. Menyimpan folder “database” dan “memakai grafik poling” ke dalam folder besar
“polling” yang disimpan di dalam htdocs.
2. Membuka http://localhost/phpmyadmin/
3. Membuat database dengan nama “polling”.
Gambar 2.1 Database polling berhasil dibuat
4. Meng-Import file “pi_mtr_pool.sql” dan “pi_pool.sql”.
5
Gambar 2.2 pi_mtr_pool.sql dan pi_pool.sql sudah
5. Membuka folder “memakai grafik poling”. Berikut ini adalah isi dari sub folder
memakai grafik poling:
Gambar 2.3 Isi dari sub folder “memakai grafik poling”
6. Membuka folder admin_polling yang ada di dalam sub folder memakai grafik
polling.
Gambar 2.4 Isi dari sub folder “admin_polling”
7. Membuka file koneksi.php dan lihat_poll.php menggunakan dreamweaver.
6
8. Klik “Back to memakai garfik poling”.
9. Membuka file isi_poll.php dan poll_exe.php menggunakan dreamweaver.
10. Melihat file koneksi.php yang telah dibuka.
Gambar 2.5 Script koneksi.php
11. Mengganti nama database dengan database yang telah baru saja dibuat, yaitu
polling.
Gambar 2.6 Mengganti databasenya menjadi “polling”
12. Menyimpannya dengan cara menekan Ctrl+s.
13. Melihat poll_exe.php yang telah dibuka.
Gambar 2.7 Bagian akhir dari script poll_exe.php
14. Mengganti URL-nya (script paling bawah). Yang tadinya isi_poll.php diganti
dengan admin_polling/lihat_poll.php.
7
Gambar 2.8 Mengganti URL nya
15. Menyimpannya dengan cara menekan Ctrl+s.
C. Menggabungkan polling yang sudah jadi dengan halaman web
1. Menyiapkan web templatenya. Praktikan menggunakan web template
templatemo_358_carousel. Berikut ini adalah isi dari folder besar
templatemo_358_carousel:
Gambar 2.9 Isi dari folder besar templatemo_358_carousel
2. Menyimpan folder web template yang akan digunakan ke htdocs. Folder besarnya
bernama templatemo_358_carousel.
3. Memasukkan atau menyimpan folder besar polling ke dalam folder besar
templatemo_358_carousel yang ada di htdocs.
Gambar 2.10 Memasukkan folder polling ke folder besar templatemo_358_carousel
8
4. Karena about, blog, blog_post, contact, index, dan portofolio masih dalam
extensi .html, maka praktikan membuat beberapa file baru yang ber-extensi .php.
File baru yang praktikan buat ada tiga, yaitu: index.php, poll.php, dan grafik.php.
5. Untuk membuat index.php, praktikan meng-copy script dari index.html kemudian
menyimpannya di folder yang sama (templatemo_358_carousel) dengan nama
index.php.
6. Untuk membuat poll.php dan grafik.php, praktikan meng-copy script dari
blog.html kemudian menyimpannya di folder yang sama
(templatemo_358_carousel) dengan nama poll.php dan grafik.php.
Gambar 2.11 Menyimpan grafik.php, index.php, poll.php di folder besar
templatemo_358_carousel
7. Membuka grafik.php, index.php, dan poll.php menggunakan dreamweaver.
8. Menyisipkan script isi_poll.php ke poll.php. Berikut ini adalah script yang
disisipkan:
<?php
include ("admin_polling/koneksi.php");
$sql=mysql_query("select * from pi_mtr_pool");
$hsl=mysql_fetch_array($sql);
?>
<form id="form1" name="form1" method="post"
action="poll_exe.php">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
9
<tr>
<td colspan="2" align="left"
valign="top"><span class="teks_polling"><?php echo
"$hsl[pertanyaan]" ?> </span></td>
</tr>
<tr>
<td width="6%" align="left"
valign="top"><input name="poll" type="radio"
value="pill_1" /></td>
<td width="94%" align="left" valign="top"
class="teks_polling"><?php echo "$hsl[pool1]" ?
> </td>
</tr>
<tr>
<td align="left" valign="top"><input
name="poll" type="radio" value="pill_2" /></td>
<td align="left" valign="top"
class="teks_polling"><?php echo "$hsl[pool2]" ?
></td>
</tr>
<tr>
<td align="left" valign="top"><input
name="poll" type="radio" value="pill_3" /></td>
<td align="left" valign="top"
class="teks_polling"><?php echo "$hsl[pool3]" ?
></td>
</tr>
<tr>
<td align="left" valign="top"><input
name="poll" type="radio" value="pill_4" /></td>
<td align="left" valign="top"
class="teks_polling"><?php echo "$hsl[pool4]" ?
></td>
</tr>
<tr>
<td align="left" valign="top"><input
name="poll" type="radio" value="pill_5" /></td>
10
<td align="left" valign="top"
class="teks_polling"><?php echo "$hsl[pool5]" ?
></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"><input type="submit"
name="Submit" value="OK" />
<input type="reset" name="Submit2"
value="Reset" /></td>
</tr>
</table>
</form>
9. Mengganti script yang berwarna merah dengan polling/memakai grafik
poling/admin_polling/koneksi.php.
10. Mengganti script yang berwarna biru dengan polling/memakai grafik
poling/poll_exe.php.
11. Menekan Ctrl+s.
12. Melihat grafik.php yang telah dibuka sebelumnya.
Gambar 2.12 Design grafik.php
13. Menghapus beberapa bagian yang yang tidak diperlukan. Sehingga, hanya ini saja
yang tersisa:
11
Gambar 2.13 Design grafik.php setelah ada beberapa bagian yang dihapus
14. Menyisipkan script lihat_poll.php ke grafik.php. Berikut ini adalah script yang
disisipkan:
<?
include ("koneksi.php");
$sql="select * from
pi_mtr_pool";
$jln=mysql_query($sql);
$hasil2=mysql_fetch_array($jln);
$sql="select * from pi_pool";
$jln=mysql_query($sql);
$hasil=mysql_fetch_array($jln);
$jumlah=$hasil[pill1] +
$hasil[pill2] + $hasil[pill3] + $hasil[pill4] +
$hasil[pill5];
if ($jumlah==0)
{
$pilihan1=0;
$pilihan2=0;
$pilihan3=0;
$pilihan4=0;
$pilihan5=0;
}
else
{
12
$pilihan1=bulatkan(($hasil[pill1]/$jumlah)*100);
$pilihan2=bulatkan(($hasil[pill2]/$jumlah)*100);
$pilihan3=bulatkan(($hasil[pill3]/$jumlah)*100);
$pilihan4=bulatkan(($hasil[pill4]/$jumlah)*100);
$pilihan5=bulatkan(($hasil[pill5]/$jumlah)*100);
}
function bulatkan($angka)
{
$bulat=number_format($angka,2);
return $bulat;
}
?>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<p>Terimakasih telah mengisi polling</p>
<td colspan="5" align="center"
valign="top"><strong>Hasil Pooling</strong> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"> </td>
</tr>
<tr>
<td colspan="5" align="left" valign="top"><?
php echo "$hasil2[pertanyaan]" ?></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
13
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"> </td>
</tr>
<tr>
<td align="left"
valign="top"><strong>Pilihan</strong></td>
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"><strong>Hasil Pooling</strong></td>
</tr>
<tr class="teks_utama">
<td width="23%" align="left" valign="middle"
bgcolor="#EFEFEF"><?php echo "$hasil2[pool1]" ?
> </td>
<td width="1%" align="center" valign="top"
bgcolor="#EFEFEF">:</td>
<td width="60%" align="left" valign="middle"
bgcolor="#EFEFEF"><?
if ($hasil[pill1]==0)
{
}
else
{
?>
<img src="../images/bar.gif" alt="5" width="<?
php echo "$pilihan1 %<br>"?>" height="14" />
<?
}
?> </td>
<td width="4%" align="right" valign="top"
bgcolor="#EFEFEF"><?php echo "$hasil[pill1]" ?
> </td>
<td width="12%" align="left" valign="top"
bgcolor="#EFEFEF"> = <?php echo "$pilihan1 %<br>"?
></td>
</tr>
14
<tr class="teks_utama">
<td align="left" valign="top"> </td>
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"> </td>
</tr>
<tr class="teks_utama">
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?php echo "$hasil2[pool2]" ?
></td>
<td align="center" valign="top"
bgcolor="#EFEFEF">:</td>
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?
if ($hasil[pill2]==0)
{
}
else
{
?>
<img src="../images/bar.gif" alt="4" width="<?
php echo "$pilihan2 %<br>"?>" height="14" />
<?
}
?> </td>
<td align="right" valign="top"
bgcolor="#EFEFEF"><?php echo "$hasil[pill2]" ?
> </td>
<td align="left" valign="top"
bgcolor="#EFEFEF"> = <?php echo "$pilihan2 %<br>"?
></td>
</tr>
<tr class="teks_utama">
<td align="left" valign="top"> </td>
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"> </td>
15
</tr>
<tr class="teks_utama">
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?php echo "$hasil2[pool3]" ?
></td>
<td align="center" valign="top"
bgcolor="#EFEFEF">:</td>
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?
if ($hasil[pill3]==0)
{
}
else
{
?>
<img src="../images/bar.gif" alt="3" width="<?
php echo "$pilihan3 %<br>"?>" height="14" />
<?
}
?> </td>
<td align="right" valign="top"
bgcolor="#EFEFEF"><?php echo "$hasil[pill3]" ?
> </td>
<td align="left" valign="top"
bgcolor="#EFEFEF"> = <?php echo "$pilihan3 %<br>"?
></td>
</tr>
<tr class="teks_utama">
<td align="left" valign="top"> </td>
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"> </td>
</tr>
<tr class="teks_utama">
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?php echo "$hasil2[pool4]" ?
></td>
16
<td align="center" valign="top"
bgcolor="#EFEFEF">:</td>
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?
if ($hasil[pill4]==0)
{
}
else
{
?>
<img src="../images/bar.gif" alt="2" width="<?
php echo "$pilihan4 %<br>"?>" height="14" />
<?
}
?> </td>
<td align="right" valign="top"
bgcolor="#EFEFEF"><?php echo "$hasil[pill4]" ?
> </td>
<td align="left" valign="top"
bgcolor="#EFEFEF"> = <?php echo "$pilihan4 %<br>"?
></td>
</tr>
<tr class="teks_utama">
<td align="left" valign="top"> </td>
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"> </td>
</tr>
<tr class="teks_utama">
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?php echo "$hasil2[pool5]" ?
></td>
<td align="center" valign="top"
bgcolor="#EFEFEF">:</td>
<td align="left" valign="middle"
bgcolor="#EFEFEF"><?
if ($hasil[pill5]==0)
17
{
}
else
{
?>
<img src="../images/bar.gif" alt="1" width="<?
php echo "$pilihan5 %<br>"?>" height="14" />
<?
}
?> </td>
<td align="right" valign="top"
bgcolor="#EFEFEF"><?php echo "$hasil[pill5]" ?
> </td>
<td align="left" valign="top"
bgcolor="#EFEFEF"> = <?php echo "$pilihan5 %<br>"?
></td>
</tr>
<tr class="teks_utama">
<td align="left" valign="top"> </td>
<td align="center" valign="top"> </td>
<td colspan="3" align="left"
valign="top"> </td>
</tr>
<tr class="teks_utama">
<td align="left" valign="top">Total</td>
<td align="center" valign="top">:</td>
<td colspan="3" align="left" valign="top"><?
php echo "$jumlah" ?> Pemilih</td>
</tr>
</table>
<p align="center"><a href="master_poll.php">Master
Polling</a>
<<<<<>>>>> <a
href="kosong_poll.php">Kosongkan Polling</a></p>
15. Mengganti script yang berwarna merah dengan polling/memakai grafik
poling/admin_polling/koneksi.php.
18
16. Mengganti script yang berwarna biru dengan polling/memakai grafik
poling/images/bar.gif.
17. Mengganti script yang berwarna hijau dengan polling/memakai grafik
poling/admin_polling/master_poll.php dan polling/memakai
grafik poling/admin_polling/kosong_poll.php.
18. Menambahkan link Back.
19. Menekan Ctrl+s.
D. Mengubah pertanyaan dan pilihan jawaban
1. Membuka
http://localhost/templatemo_358_carousel/templatemo_358_carousel/grafik.php
melalui Mozilla Firefox.
Gambar 2.14 Tampilan grafik.php ketika dibuka melalui localhost
2. Klik Kosongkan Polling. Maka akan muncul tampilan seperti yang terlihat pada
gambar di bawah ini:
19
Gambar 2.15 Tampilan master_poll.php
3. Mengganti Pertanyaan, Pilihan 1, Pilihan 2, Pilihan 3, Pilihan 4, dan Pilihan 5
seperti yang terlihat pada gambar di bawah ini:
Gambar 2.16 Mengganti Pertanyaan dan Pilihan Jawaban
4. Klik tombol Simpan_Polling.
20
BAB III
PEMBAHASAN
Setelah melakukan langkah-langkah kerja di atas, yaitu membuat polling dan
memasukkannya ke halaman web, maka dapat dibahas:
A. Membuat Polling
Pada Deskripsi Kerja A langkah 11, praktikan mengganti nama database pada
koneksi.php. Ini dikarenakan nama database yang praktikan buat, berbeda dengan
nama database yang sebelumnya sudah ada pada script. Penggantian nama database
pada koneksi ini, disesuaikan dengan nama database yang dibuat pada
localhost/phpmyadmin. Kalau database nya tidak sesuai, polling tidak bisa dijalankan.
Pada Deskripsi Kerja A langkah 14, praktikan mengganti URL nya,yang tadinya
isi_poll.php diganti dengan admin_polling/lihat_poll.php. Ini praktikan lakukan
dengan tujuan supaya ketika sudah melakukan vote dan meng-klik tombol OK, maka
yang muncul adalah hasil polling yang berupa bar chart.
Berikut ini adalah tampilan isi_poll.php ketika dibuka menggunakan localhost.
Pertanyaan dan pilihan jawaban belum diubah.
Gambar 3.1 Tampilan isi_poll.php dibuka melalui localhost
Sedangkan gambar di bawah ini, adalah tampilan dari lihat_poll.php ketika
dibuka melalui localhost.
21
Gambar 3.2 Tampilan lihat_poll.php dibuka melalui localhost
B. Menggabungkan Polling Dengan Halaman Web
Pada Deskripsi Kerja B langkah 9 dan 10, praktikan mengganti
admin_polling/koneksi.php dan poll_exe.php menjadi
polling/memakai grafik poling/admin_polling/koneksi.php dan
polling/memakai grafik poling/poll_exe.php. Hal ini dikarenakan
koneksi.php dan poll_exe.php terletak di dalam folder polling yang terletak di dalam
folder besar templatemo_358_carousel. Hal ini sifatnya kondisional, tergantung
tempat penyimpanannya dimana.
Selain itu, praktikan juga mengganti script lagi pada Deskripsi Kerja B langkah
15, 16, dan 17. Alasannya sama seperti sebelumnya, yaitu karena folder penyimpanan
koneksi.php, images, master_poll.php dan kosong_poll.php.
Berikut ini adalah tampilan polling yang sudah digabungkan dengan halaman
web. Pertanyaan dan pilihan jawaban sudah diubah dengan langkah seperti yang
terdapat pada Deskripsi Kerja bagian C.
22
Gambar 3.3 Polling berhasil dimasukkan ke halaman web
Untuk gambar di bawah ini, ini adalah lihat_poll.php yang sudah digabung
dengan halaman web. Di bagian paling bawah ada link [Back]. Link ini akan menuju
ke halaman web yang ada pollingya, seperti yang terlihat pada Gambar 3.3.
Gambar 3.4 Tampilan grafik.php
23
Gambar di bawah ini adalah tampilan dari grafik.php. Bar chart nya sudah
muncul, ini karena praktikan sudah mencoba melakukan voting.
Gambar 3.5 Tampilan grafik.php ketika bar chart nya sudah muncul
Untuk membuktikannya, misalkan user memilih vote Cukup, bisa dilihat pada
gambar di bawah ini:
Gambar 3.6 Mencoba vote dengan memilih Cukup
Maka ketika diklik OK, akan muncul halaman Hasil Polling seperti yang terlihat
pada gambar di bawah ini:
24
Gambar 3.7 Hasil polling untuk pilihan Cukup muncul bar chart nya
BAB IV
25
PENUTUP
Dari langkah – langkah kerja yang telah dilakukan praktikan dan pembahasan pada bab
sebelumnya, maka didapat beberapa kesimpulan pada praktikum kali ini:
1. Polling dan hasil polling berhasil dimasukkan ke halaman web dan dapat berjalan
dengan baik.
2. Praktikan tidak membuat tombol atau link Result yang menuju ke halaman Hasil
Polling.
3. Halaman Hasil Polling bisa dilihat dengan meng-klik tombol OK tanpa harus
melakukan voting terlebih dahulu. Hal ini tidak mempengaruhi hasil polling. Apabila
belum meng-klik salah satu pilihan jawaban, meskipun sudah meng-klik OK, hasil
polling tetap tidak akan berubah.
4. Sistem keamanan pada halaman hasil polling, kurang. Karena, pada halaman Hasil
Polling ada link yang menuju master polling, yang bisa diklik oleh users yang telah
melakukan voting atau meng-klik OK. Padahal di master polling itulah admin bisa
mengubah pertanyaan dan pilihan jawaban.
5. Praktikan tidak banyak melakukan editing pada web template-nya karena fokus pada
penggabungan polling dengan halaman web.
6. Tampilan dan isi halaman web tidak jauh berbeda dengan sebelumnya. Bedanya
hanya, yang tadinya belum ada polling, sekarang jadi ada polling dan sekaligus hasil
polling.
DAFTAR PUSTAKA
26
NN. ____. Modul Kuliah CSS dan HTML. http://id.scribd.com/doc/100419018/Modul-
Kuliah-CSS-dan-HTML (11/4/2012, 6:56 PM)
Rizal Loa Wanda. 2011. Pengertian phpMyadmin.
http://wwdq.blogspot.com/2011/04/pengertian-phpmyadmin.html (10/28/2012, 4:19
PM)
SA Andre. 2010. Aplikasi Web Dinamis.
http://eprints.undip.ac.id/20733/1/Jurnal_TA_andre.pdf (10/28/2012, 4:34 PM)