Laporan 6 - Polling

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

http://wwdq.blogspot.com/2011/04/connect-to-mysql-database.html

http://wwdq.blogspot.com/2011/04/pengertian-internet-dan-pengertian-www.html

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”.

http://localhost/phpmyadmin/

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"


></td>

</tr>

<tr>





></td>

</tr>

<tr>





></td>

</tr>

<tr>



10



></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);





}

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>


valign="top"> </td>

</tr>

<tr>

<td colspan="5" align="left" valign="top"><?

php echo "$hasil2[pertanyaan]" ?></td>

</tr>

<tr>


13



valign="top"> </td>

</tr>

<tr>

<td align="left"

valign="top"><strong>Pilihan</strong></td>



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





valign="top"> </td>

</tr>


<td align="left" valign="middle"


></td>

<td align="center" valign="top"





{

}

else

{

?>



<?

}

?> </td>

<td align="right" valign="top"


> </td>



></td>

</tr>





valign="top"> </td>

15

</tr>




></td>






{

}

else

{

?>



<?

}

?> </td>



> </td>



></td>

</tr>





valign="top"> </td>

</tr>




></td>

16






{

}

else

{

?>



<?

}

?> </td>



> </td>



></td>

</tr>





valign="top"> </td>

</tr>




></td>






17

{

}

else

{

?>



<?

}

?> </td>



> </td>



></td>

</tr>





valign="top"> </td>

</tr>


<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:

http://localhost/templatemo_358_carousel/templatemo_358_carousel/grafik.php

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)

http://eprints.undip.ac.id/20733/1/Jurnal_TA_andre.pdf

http://wwdq.blogspot.com/2011/04/pengertian-phpmyadmin.html

http://id.scribd.com/doc/100419018/Modul-Kuliah-CSS-dan-HTML

http://id.scribd.com/doc/100419018/Modul-Kuliah-CSS-dan-HTML

Laporan 6 - Polling

Documents

Transcript of Laporan 6 - Polling