BAB IV HASIL PENGUJIAN

dokumen-dokumen yang mirip
KOMPUTER APLIKASI IT (Information Technology)

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

Pemrograman Basis Data Berbasis Web

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1

Pemrograman Basis Data Berbasis Web

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

Membuat Layout Web Mengunakan Table

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Dasar-dasar HTML 2. Oleh: Cecep Yusuf

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

2

Membuat Paging Ala Google

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL

Sekilas Mengenai HTML

HTML (HyperText Markup Language)

BAB I PERKENALAN HTML

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :

HTML : Apa itu? HTML = Hyper Text Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW)

BELAJAR HTML DASAR CARA MEMBUAT TABEL

BAB I PERKENALAN HTML

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

Lisensi Dokumen: Uraian Kasus :

CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

MENGGUNAKAN TABEL. 6.1 Pendahuluan

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

PENGENALAN HTML - 3. Gambar 1. Layer Toolbar

<HTML> <HEAD> <TITLE>Paragraf</TITLE> </HEAD> <BODY> <P> Paragraf satu</p> <P> Paragraf dua</p> <P> Paragraf tiga</p> </BODY> </HTML>

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

TAG PENGOLAH TEKS DAN IMAGE PADA HTML (LANJUTAN)

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

Pengenalan Web STMIK AKAKOM YOGYAKARTA

Microsoft Excel 2000 For Siswa PKP-1 IPI-LEPPINDO Cab. Lampung Instruktur : Gusdiwanto. Pengenalan Ms Excel

Pertemuan IV. Semester 1

Ashadi Cahyadi

HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web

P - 6 Bab 4 : HTML (Hypertext Markup Language)

6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco

TAG HTML LANJUT Tujuan Instruksional :

Membuat Form Mahasiswa dengan HTML [Part 1]

P - 8 Bab 6 : PHP (Kondisi)

Mengenal PHP dan Web Server

2. Tag Pembuatan Tabel

Tutorial PHP Kalkulator online dengan PHP

HOT POTATOES. 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar

Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik

Pengenalan Perancangan Web 2017

HTML (Hypertext Markup Language)

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

XML extensible Markup Language. Oleh: Nisa Miftachurohmah, S. Kom

IV. Form. A. Pengenalan Form. B. HTML Input Element

TUGAS BOXES. 1. Percobaan 1

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Pemrograman Web DASAR HTML 2

KISI-KISI ULANGAN KENAIKAN KELAS ( UKK )

Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah :

TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik

LATIHAN SOAL TIK DAN PEMBAHASAN

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah

MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE

Bermain Dynamic Tabel Row dengan menggunakan Javascript


C. Ms Powerpoint D. Notepad E. Ms Acces

Pengenalan Perancangan Web 2017

if($makanan == "ada") { $tindakan = "makan"; } else { $tindakan = "puasa"; }

Pertemuan V. Semester 1

RANGKUMAN UKK TIK KELAS XI

Author : Minarni, S.Kom.,MM

BAB I PENDAHULUAN. 4cm. 5 spasi (single)

Membuat Template Website Menggunakan Teknik Layer ala CSS

MICROSOFT EXCEL. Riche Cynthia

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

Cetak Laporan. Script tampil.php dibawah ini akan menampilkan gambar seperti diatas :

PENGGUNAAN SINGKATAN

HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.

Soal Remedial Prakarya-1

CSS (Cascade Style Sheet)

PENGANTAR INTERNET & DESAIN WEB

MODUL 4 HTML. (HyperText Mark-Up Language) Sub : Frame

Persiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\

Dokumen Berkolom dan Tabel

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

P - 6 Bab 4 : HTML (Hypertext Markup Language)

1. FRAME. Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan.

Transkripsi:

BAB IV HASIL PENGUJIAN 4.1 Pengujian Pada bab ini akan membahas pengujian alat dan bukti tampilan pada internet sesuai dengan program yang telah dibuat. Tabel pengujian sebagai berikut: No Jam dan Tanggal Level Air Kondisi 1 21.47.04 Ketinggian air 11 cm AMAN 19-01-2015 Dari 60 cm 2 21.47.53 Ketinggian air 12 cm AMAN 19-01-2015 Dari 60 cm 3 21.51.26 Ketinggian air 20 cm AMAN 19-01-2015 Dari 60 cm 4 22.41.10 Ketinggian air 41 cm AMAN 19-01-2015 Dari 60 cm 5 22.45.41 Ketinggian air 49 cm WARNING 19-01-2015 Dari 60 cm 6 22.46.06 19-01-2015 Ketinggian air 49 cm Dari 60 cm WARNING 28

29 7 22.48.33 19-01-2015 8 22.48.55 19-01-2015 9 22.48.58 19-01-2015 Ketinggian air 54 cm Dari 60 cm Ketinggian air 55 cm Dari 60 cm Ketinggian air 55 cm Dari 60 cm BERBAHAYA BERBAHAYA BERBAHAYA Tabel 4.1 Pengujian Level ketinggian Air Pengamatan Leveling Ketinggian Air Pada Internet : Gambar 4.2 Level Air ketinggian 11cm dari 60cm Kondisi AMAN

30 Pada gambar 4.1 Menunjukkan tampilan pada internet level ketinggian air 11 cm yang menunjukkan Kondisi AMAN dari maksimal tinggi air 60 cm. Batas Aman ialah dari 44 cm kebawah. if($tampil[level_air]<44){ <td bgcolor=#00ff00 width=50% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (AMAN)</td> <td bgcolor=white width=30%></td> <td bgcolor=white width=10%></td> } Gambar 4.3 Level Air ketinggian 12cm dari 60cm Kondisi AMAN

31 Pada gambar 4.2 Menunjukkan tampilan pada internet level ketinggian air 12 cm yang menunjukkan Kondisi AMAN dari maksimal tinggi air 60 cm. Batas Aman ialah dari 44 cm kebawah. if($tampil[level_air]<44){ <td bgcolor=#00ff00 width=50% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (AMAN)</td> <td bgcolor=white width=30%></td> <td bgcolor=white width=10%></td> } Gambar 4.4 Level Air ketinggian 20cm dari 60cm Kondisi AMAN

32 Pada gambar 4.4 Menunjukkan tampilan pada internet level ketinggian air 20 cm yang menunjukkan Kondisi AMAN dari maksimal tinggi air 60 cm. Batas Aman ialah dari 44 cm kebawah. if($tampil[level_air]<44){ <td bgcolor=#00ff00 width=50% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (AMAN)</td> <td bgcolor=white width=30%></td> <td bgcolor=white width=10%></td> } Gambar 4.5 level keinggian air 41 cm Kondisi AMAN

33 Pada gambar 4.5 menunjukkan level ketingian air 41 cm menunjukkan Kondisi AMAN dari maksimal tinggi air 60 cm. Batas Aman ialah dari 44 cm kebawah. if($tampil[level_air]<44){ <td bgcolor=#00ff00 width=50% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (AMAN)</td> <td bgcolor=white width=30%></td> <td bgcolor=white width=10%></td> } Gambar 4.6 Level Air ketinggian 49cm dari 60cm Kondisi WARNING

34 Pada gambar 4.6 menunjukkan tampilan pada internet level ketinggian air 49cm yang menunjukkan Kondisi WARNING dari maksimal tinggi air 60 cm. Batas WARNING ialah dari 45 cm sampai 49cm. if($tampil[level_air]>=45 && $tampil[level_air]<49){ <td bgcolor=orange width=70% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (WARNING)</td> <td bgcolor=white width=20%></td> Gambar 4.7 Level air ketinggian 49 dari 60cm Kondisi WARNING

35 Pada gambar 4.7 Menunjukkan tampilan pada internet level ketinggian air 49 cm yang menunjukkan Kondisi WARNING dari maksimal tinggi air 60 cm. Batas WARNING ialah dari 45 cm sampai 49cm. if($tampil[level_air]>=45 && $tampil[level_air]<49){ <td bgcolor=orange width=70% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (WARNING)</td> <td bgcolor=white width=20%></td> Gambar 4.8 Level Air ketinggian 49cm dari 60cm Kondisi BAHAYA

36 Pada gambar 4.8 Menunjukkan tampilan pada internet level ketinggian air 54 cm yang menunjukkan Kondisi BAHAYA dari maksimal tinggi air 60 cm. Batas BAHAYA ialah dari 50 cm keatas. $tampil=mysql_fetch_array($baca); echo"<h1>$tampil[level_air]</h1>"; if($tampil[level_air]>=60){ <td bgcolor=red width=90% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (BAHAYA)</td> Gambar 4.9 Level Air ketinggian 55cm dari 60cm Kondisi BAHAYA

37 Pada gambar 4.9 Menunjukkan tampilan pada internet level ketinggian air 55 cm yang menunjukkan Kondisi BAHAYA dari maksimal tinggi air 60 cm. Batas BAHAYA ialah dari 50 cm keatas $tampil=mysql_fetch_array($baca); echo"<h1>$tampil[level_air]</h1>"; if($tampil[level_air]>=60){ <td bgcolor=red width=90% align=right>ketinggian Air $tampil[level_air]cm dari 60cm (BAHAYA)</td> Tabel keterangan Tampilan Leveling ketinggian air pada internet : No Urutan pada style.css Tampilan pada web/internet 1 Body Body terluar pada layar internet level ketinggian air 2 Head LEVEL AIR 3 Head 1 Kondisi terbaru ketinggian air 4 Head 3 REW DATA LEVEL AIR 5 Td Spasi,pada rewdata air 6 S batas Utk batasan baris 1 s/d baris 5 7 Countain Body pada level air 8 Th Jarak pada lebar no,time,level air 9 Class peging Melihat gambar farst,previous, next dan last 10 Tabel border1 dst Untuk kolom pada table Tabel 4.2 Keterangan program

38 4.2 Hasil Pengujian Tampilan Rancangan tampilan pada internet sebagai berikut : 2 3 7 7 8 5 6 1 10 Gambar 4.10 Tampilan pada Internet 9 Hasil dari pengujian ini membuktikan program yang telah dibuat telah berhasil menampilkan apa yang diharapkan kedalam internet untuk dapat ditampilkan kepada masyarakat, setiap perubahan perubahan yang terjadi pada level ketinggian Keterangan : Codding Program keseluruhan Gambar 4.10 lihat pada lampiran