Anda di halaman 1dari 26

LAPORAN PRAKTIKUM SISTEM INFORMASI MANAJEMEN

Kelas

MEMBUAT POLLING DAN MEMASUKKANNYA KE HALAMAN WEB

NAMA PRAKTIKAN MAULINA S.

NOMOR MAHASISWA 11611036

TANGGAL KUMPUL 09 Januari 2013

TANDA TANGAN PRAKTIKAN LABORAN

NAMA PENILAI Doni Irawan Sekti Kartika Dini Wahyu Listyawan DR. RB. Fajriya Hakim, M.Si

TANGGAL KOREKSI

NILAI

TANDA TANGAN ASISTEN DOSEN

JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013

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 dirancang secara khusus untuk penggunaan pada (scripting language) yang tool yang

web. PHP adalah

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

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.

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.

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.

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.

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. Berikut Praktikan ini menggunakan isi dari web template besar

templatemo_358_carousel. templatemo_358_carousel:

adalah

folder

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

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 <table <tr> id="form1" width="100%" name="form1" border="0" method="post" cellspacing="0" action="poll_exe.php"> cellpadding="0">

<td

colspan="2"

align="left"

valign="top"><span class="teks_polling"><?php echo "$hsl[pertanyaan]" ?> </span></td> </tr> <tr> <td width="6%" name="poll" align="left" echo align="left" type="radio" valign="top" "$hsl[pool1]" valign="top"><input value="pill_1" /></td> <td width="94%" class="teks_polling"><?php ?>&nbsp;</td> </tr> <tr> <td <td ?></td> </tr> <tr> <td <td ?></td> </tr> <tr> <td <td ?></td> </tr> <tr> <td <td align="left" align="left" valign="top"><input valign="top" name="poll" type="radio" value="pill_5" /></td> align="left" align="left" echo valign="top"><input valign="top" "$hsl[pool4]" name="poll" type="radio" value="pill_4" /></td> class="teks_polling"><?php align="left" align="left" echo valign="top"><input valign="top" "$hsl[pool3]" name="poll" type="radio" value="pill_3" /></td> class="teks_polling"><?php align="left" align="left" echo valign="top"><input valign="top" "$hsl[pool2]" name="poll" type="radio" value="pill_2" /></td> class="teks_polling"><?php

class="teks_polling"><?php ?></td> </tr> <tr>

echo

"$hsl[pool5]"

<td colspan="2">&nbsp;</td> </tr> <tr> <td <input </tr> </table> </form> colspan="2"><input type="reset" type="submit" name="Submit2" name="Submit" value="OK" /> value="Reset" /></td>

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:

10

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 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[pill5]; if ($jumlah==0) { $pilihan1=0; $pilihan2=0; $pilihan3=0; $pilihan4=0; $pilihan5=0; } else { + $hasil[pill3] + $hasil[pill4] + + * from

11

$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 <tr> <p>Terimakasih telah mengisi polling</p> <td </tr> <tr> <td align="left" valign="top">&nbsp;</td> <td align="center" valign="top">&nbsp;</td> <td </tr> <tr> <td ?></td> </tr> <tr> <td align="left" valign="top">&nbsp;</td> colspan="5" echo align="left" "$hasil2[pertanyaan]" valign="top"><?php colspan="3" align="left" valign="top">&nbsp;</td> colspan="5" align="center" valign="top"><strong>Hasil Pooling</strong> </td> width="100%" border="0" cellspacing="0" cellpadding="0">

12

<td align="center" valign="top">&nbsp;</td> <td </tr> <tr> <td align="left" valign="top"><strong>Pilihan</strong></td> <td align="center" valign="top">&nbsp;</td> <td </tr> <tr class="teks_utama"> <td width="23%" align="left" echo valign="middle" "$hasil2[pool1]" valign="top" bgcolor="#EFEFEF"><?php ?>&nbsp;</td> <td <td width="1%" width="60%" align="center" align="left" bgcolor="#EFEFEF">:</td> valign="middle" bgcolor="#EFEFEF"><? if ($hasil[pill1]==0) { } else { ?> <img /> } ?> <td </td> width="4%" align="right" echo valign="top" "$hasil[pill1]" valign="top" "$pilihan1 <? src="../images/bar.gif" alt="5" width="<?php echo "$pilihan1 %<br>"?>" height="14" colspan="3" align="left" valign="top"><strong>Hasil Pooling</strong></td> colspan="3" align="left" valign="top">&nbsp;</td>

bgcolor="#EFEFEF"><?php ?>&nbsp;</td> <td width="12%" =

align="left" <?php echo

bgcolor="#EFEFEF"> %<br>"?></td> </tr>

13

<tr class="teks_utama"> <td align="left" valign="top">&nbsp;</td> <td align="center" valign="top">&nbsp;</td> <td </tr> <tr class="teks_utama"> <td ?></td> <td <td align="center" align="left" valign="top" valign="middle" bgcolor="#EFEFEF">:</td> bgcolor="#EFEFEF"><? if ($hasil[pill2]==0) { } else { ?> <img /> } ?> <td ?>&nbsp;</td> <td %<br>"?></td> </tr> <tr class="teks_utama"> <td align="left" valign="top">&nbsp;</td> <td align="center" valign="top">&nbsp;</td> <td colspan="3" align="left" valign="top">&nbsp;</td> align="left" = <?php echo valign="top" "$pilihan2 bgcolor="#EFEFEF"> </td> align="right" echo valign="top" "$hasil[pill2]" <? src="../images/bar.gif" alt="4" width="<?php echo "$pilihan2 %<br>"?>" height="14" align="left" echo valign="middle" "$hasil2[pool2]" bgcolor="#EFEFEF"><?php colspan="3" align="left" valign="top">&nbsp;</td>

bgcolor="#EFEFEF"><?php

14

</tr> <tr class="teks_utama"> <td ?></td> <td <td align="center" align="left" valign="top" valign="middle" bgcolor="#EFEFEF">:</td> bgcolor="#EFEFEF"><? if ($hasil[pill3]==0) { } else { ?> <img /> } ?> <td ?>&nbsp;</td> <td %<br>"?></td> </tr> <tr class="teks_utama"> <td align="left" valign="top">&nbsp;</td> <td align="center" valign="top">&nbsp;</td> <td </tr> <tr class="teks_utama"> <td ?></td> align="left" echo valign="middle" "$hasil2[pool4]" bgcolor="#EFEFEF"><?php colspan="3" align="left" valign="top">&nbsp;</td> align="left" = <?php echo valign="top" "$pilihan3 bgcolor="#EFEFEF"> </td> align="right" echo valign="top" "$hasil[pill3]" <? src="../images/bar.gif" alt="3" width="<?php echo "$pilihan3 %<br>"?>" height="14" align="left" echo valign="middle" "$hasil2[pool3]" bgcolor="#EFEFEF"><?php

bgcolor="#EFEFEF"><?php

15

<td <td

align="center" align="left"

valign="top" valign="middle"

bgcolor="#EFEFEF">:</td> bgcolor="#EFEFEF"><? if ($hasil[pill4]==0) { } else { ?> <img /> } ?> <td ?>&nbsp;</td> <td %<br>"?></td> </tr> <tr class="teks_utama"> <td align="left" valign="top">&nbsp;</td> <td align="center" valign="top">&nbsp;</td> <td </tr> <tr class="teks_utama"> <td ?></td> <td <td align="center" align="left" valign="top" valign="middle" bgcolor="#EFEFEF">:</td> bgcolor="#EFEFEF"><? if ($hasil[pill5]==0) align="left" echo valign="middle" "$hasil2[pool5]" bgcolor="#EFEFEF"><?php colspan="3" align="left" valign="top">&nbsp;</td> align="left" = <?php echo valign="top" "$pilihan4 bgcolor="#EFEFEF"> </td> align="right" echo valign="top" "$hasil[pill4]" <? src="../images/bar.gif" alt="2" width="<?php echo "$pilihan4 %<br>"?>" height="14"

bgcolor="#EFEFEF"><?php

16

{ } else { ?> <img /> } ?> <td ?>&nbsp;</td> <td %<br>"?></td> </tr> <tr class="teks_utama"> <td align="left" valign="top">&nbsp;</td> <td align="center" valign="top">&nbsp;</td> <td </tr> <tr class="teks_utama"> <td align="left" valign="top">Total</td> <td align="center" valign="top">:</td> <td </tr> </table> <p align="center"><a href="master_poll.php">Master Polling</a> &lt;&lt;&lt;&lt;&lt;&gt;&gt;&gt;&gt;&gt; href="kosong_poll.php">Kosongkan Polling</a></p> <a colspan="3" align="left" valign="top"><?php echo "$jumlah" ?> Pemilih</td> colspan="3" align="left" valign="top">&nbsp;</td> align="left" = <?php echo valign="top" "$pilihan5 bgcolor="#EFEFEF"> </td> align="right" echo valign="top" "$hasil[pill5]" <? src="../images/bar.gif" alt="1" width="<?php echo "$pilihan5 %<br>"?>" height="14"

bgcolor="#EFEFEF"><?php

15. Mengganti script yang berwarna merah dengan polling/memakai grafik


poling/admin_polling/koneksi.php.

17

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:

18

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.

19

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.

20

Gambar 3.2 Tampilan lihat_poll.php dibuka melalui localhost

B. Menggabungkan Polling Dengan Halaman Web Pada Deskripsi Kerja B langkah dan 9 dan 10, praktikan mengganti menjadi dan
admin_polling/koneksi.php polling/memakai polling/memakai grafik grafik poll_exe.php

poling/admin_polling/koneksi.php

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.

21

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

22

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:

23

Gambar 3.7 Hasil polling untuk pilihan Cukup muncul bar chart nya

24

BAB IV 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.

25

DAFTAR PUSTAKA NN. ____. Modul Kuliah CSS dan HTML. http://id.scribd.com/doc/100419018/ModulKuliah-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)

26

Anda mungkin juga menyukai