BAB IV HASIL PENGUJIAN

Ukuran: px
Mulai penontonan dengan halaman:

Download "BAB IV HASIL PENGUJIAN"

Transkripsi

1 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 Ketinggian air 11 cm AMAN Dari 60 cm Ketinggian air 12 cm AMAN Dari 60 cm Ketinggian air 20 cm AMAN Dari 60 cm Ketinggian air 41 cm AMAN Dari 60 cm Ketinggian air 49 cm WARNING Dari 60 cm Ketinggian air 49 cm Dari 60 cm WARNING 28

2 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

3 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

4 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

5 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

6 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

7 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

8 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

9 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

10 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

11 Hasil Pengujian Tampilan Rancangan tampilan pada internet sebagai berikut : 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

KOMPUTER APLIKASI IT (Information Technology)

KOMPUTER APLIKASI IT (Information Technology) KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya [email protected] Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada

Lebih terperinci

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman

Lebih terperinci

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

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat : Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan

Lebih terperinci

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

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah : PERTEMUAN 5 Membuat Tabel Tabel biasanya digunakan untuk menempatkan data secara spreadsheet, tapi untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks, ataupun gambar.

Lebih terperinci

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

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Form Frame S1 Teknik Informatika - Unijoyo 2 TABEL Fungsi: Menampilkan

Lebih terperinci

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

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya [email protected] Nama Mahasiswa NIM Kelas Kompetensi Dasar Menciptakan dokumen HTML dengan

Lebih terperinci

Membuat Layout Web Mengunakan Table

Membuat Layout Web Mengunakan Table Page 1 INFO : ILMUKOMPUTER.ID.AI By PRASETYO UTOMO Web : http://www.prasetyo771.wordpress.com Facebook : facebook.com/tyo777 No Hp : 08982069172 Email : [email protected] Page 2 1. Pengenalan

Lebih terperinci

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

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar

Lebih terperinci

Dasar-dasar HTML 2. Oleh: Cecep Yusuf

Dasar-dasar HTML 2. Oleh: Cecep Yusuf Dasar-dasar HTML 2 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana membuat sebuah tabel tag-tag HTML. Kita akan mempelajari bagaimana membuat tabel yang baik. Melanjutkan tutorial Dasar-dasar

Lebih terperinci

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

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel BAB VII Tabel Setiap tabel minimal tersusun dari tiga tag dasar yaitu tag yang menandai sebuah tabel, tag yang membentuk baris dan tag yang membentuk kolom. Masing-masing tag tersebut harus

Lebih terperinci

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

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks

Lebih terperinci

Membuat Paging Ala Google

Membuat Paging Ala Google Membuat Paging Ala Google Oleh: Roziqin Widodo Membuat Paging dengan PHP ala GOOGLE, Apabila kita mempunyai data yang sangat banyak misalnya ribuan bahkan jutaan seperti hasil pencarian di google, maka

Lebih terperinci

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL MODUL V TABEL 5.1 Tabel Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table dalam HTML. Disamping itu tabel juga

Lebih terperinci

Sekilas Mengenai HTML

Sekilas Mengenai HTML Sekilas Mengenai HTML Halaman di website-website yang sering anda lihat di internet pada umumnya dibuat dengan menggunakan bahasa HTML. Tidak seperti bahasa lainnya, untuk membuat halaman HTML, kita tidak

Lebih terperinci

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

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

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha

Lebih terperinci

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

HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : HTML 2 dan CSS 1. Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1. Mahasiswa mengerti bagaimana cara mengimplementasikan HTML dan CSS 2. Table Banyak orang suka menampilkan informasinya

Lebih terperinci

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

HTML : Apa itu? HTML = Hyper Text Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW) MK MK Desain Desain Grafis Grafis Web Web 2002/2003 2002/2003 by by Ido Ido Priyana Priyana Hadi Hadi :: HTML : Apa itu? HTML = Hyper Text Markup Language HTML adalah dokumen text yang bisa dibaca untuk

Lebih terperinci

BELAJAR HTML DASAR CARA MEMBUAT TABEL

BELAJAR HTML DASAR CARA MEMBUAT TABEL BELAJAR HTML DASAR CARA MEMBUAT TABEL Sandira Kurniawan [email protected] Abstrak Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

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

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT. Desain Web HTML Layout Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Layout 1. Tabel 2. Frame TABLE Digunakan untuk membuat tabel (kolom dan baris) Diperbolehkan membuat tabel di dalam tabel (nested

Lebih terperinci

Lisensi Dokumen: Uraian Kasus :

Lisensi Dokumen: Uraian Kasus : Uraian Kasus : Pada kasus ini seorang mahasiswa ingin membuat Program sederhana tentang Nomor Handphone teman-temannya untuk mengantisipasi kehilangan HPnya atau HP Error sehingga perlu di Flash ulang

Lebih terperinci

CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa

CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan

Lebih terperinci

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

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.

Lebih terperinci

MENGGUNAKAN TABEL. 6.1 Pendahuluan

MENGGUNAKAN TABEL. 6.1 Pendahuluan Menggunakan Tabel 39 10 6 MENGGUNAKAN TABEL Tujuan Pembelajaran : Dapat membuat dan menampilkan informasi yang berbentuk tabel pada sebuah halaman web. Bisa memformat tabel dalam berbagai bentuk. Bisa

Lebih terperinci

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

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background

Lebih terperinci

PENGENALAN HTML - 3. Gambar 1. Layer Toolbar

PENGENALAN HTML - 3. Gambar 1. Layer Toolbar PENGENALAN HTML - 3 A. Layer Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer

Lebih terperinci

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

<HTML> <HEAD> <TITLE>Paragraf</TITLE> </HEAD> <BODY> <P> Paragraf satu</p> <P> Paragraf dua</p> <P> Paragraf tiga</p> </BODY> </HTML> Elemen menandai serta melatakkan sekumpulan teks sebagai suatu paragraf. Tag menyatakan awal dari paragraf, sedangkan tag menyatakan akhir suatu paragraf. Bagian akhir paragraf secara

Lebih terperinci

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

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat

Lebih terperinci

TAG PENGOLAH TEKS DAN IMAGE PADA HTML (LANJUTAN)

TAG PENGOLAH TEKS DAN IMAGE PADA HTML (LANJUTAN) TAG PENGOLAH TEKS DAN IMAGE PADA HTML (LANJUTAN) Syaiful Hamzah Nasution Jurusan Matematika, FMIPA UM. Tag , , dan Pengertian dan Kegunaan. dl merupakan kependekan dari definition list, dt

Lebih terperinci

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

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah. A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C

Lebih terperinci

Pengenalan Web STMIK AKAKOM YOGYAKARTA

Pengenalan Web STMIK AKAKOM YOGYAKARTA Pengenalan Web STMIK AKAKOM YOGYAKARTA Fungsi : Menampilkan data secara tabular (misal : untuk statistik, scientific) Mengatur Layout Bentuk dasar : 2 Rows (baris) Columns (kolom) Jika dibuat Detail maka

Lebih terperinci

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

Microsoft Excel 2000 For Siswa PKP-1 IPI-LEPPINDO Cab. Lampung Instruktur : Gusdiwanto. Pengenalan Ms Excel Microsoft Excel 2000 For Siswa PKP-1 IPI-LEPPINDO Cab. Lampung Instruktur : Gusdiwanto Materi-1: Pengenalan Ms Excel Microsoft Excel merupakan salah satu program aplikasi office yang di gunakan untuk pengolahan

Lebih terperinci

Pertemuan IV. Semester 1

Pertemuan IV. Semester 1 Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table

Lebih terperinci

Ashadi Cahyadi

Ashadi Cahyadi Membuat Html Report di Delphi Ashadi Cahyadi [email protected] Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

Lebih terperinci

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

HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk

Lebih terperinci

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

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara

Lebih terperinci

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

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 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 HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan

Lebih terperinci

TAG HTML LANJUT Tujuan Instruksional :

TAG HTML LANJUT Tujuan Instruksional : 3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat

Lebih terperinci

Membuat Form Mahasiswa dengan HTML [Part 1]

Membuat Form Mahasiswa dengan HTML [Part 1] Membuat Form Mahasiswa dengan HTML [Part 1] Oleh: Fajar Hakiki Selamat malam sahabat Jago Coding, pada malam yang indah ini saya akan berbagi tutorial tentang membuat form sederhana dengan html. pada tutorial

Lebih terperinci

P - 8 Bab 6 : PHP (Kondisi)

P - 8 Bab 6 : PHP (Kondisi) P - 8 Bab 6 : PHP (Kondisi) 61 Tujuan Mahasiswa mampu : Mengetahui perintah Kondisi Mengetahui penggunaan statemen if Mengetahui penggunaan statement switch 62 Materi 1 If If tunggal IfElse If bersarang

Lebih terperinci

Mengenal PHP dan Web Server

Mengenal PHP dan Web Server J A M P E R T A M A Mengenal PHP dan Web Server l Apa itu PHP? l Instalasi Web Server l Menggunakan Web Editor l Sintaks Dasar PHP l Perintah Cetak dan Menyimpan File l Pemisah Blok Perintah dan Komentar

Lebih terperinci

2. Tag Pembuatan Tabel

2. Tag Pembuatan Tabel 1. Pemanfaatan Tabel Tabel digunakan untuk menempatkan data, merapiokan teks atau gambar 2. Tag Pembuatan Tabel Elemen-elemen yang digunakan untuk membuat struktur tabel: Elemen TABLE TR TD TH CAPTION

Lebih terperinci

Tutorial PHP Kalkulator online dengan PHP

Tutorial PHP Kalkulator online dengan PHP Tutorial PHP Kalkulator online dengan PHP Lisensi Dokumen: Dokumen di ilmuwebsite.com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak

Lebih terperinci

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

HOT POTATOES. 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar HOT POTATOES 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar Melengkapi kalimat Pilihan Berganda Menjodohkan TTS Menyusun kalimat

Lebih terperinci

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

Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik PERTEMUAN 3 Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik Atribut Fungsi Border Width Height Bgcolor Background Color Align Valign

Lebih terperinci

Pengenalan Perancangan Web 2017

Pengenalan Perancangan Web 2017 9. Form dan Input HTML Form adalah elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Form biasa digunakan untuk membuat

Lebih terperinci

HTML (Hypertext Markup Language)

HTML (Hypertext Markup Language) 1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML

Lebih terperinci

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

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013 1. Istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, yang dikirimkan ke pengguna akhir melalui internet untuk di publish adalah. A. Website D. Web Designer B. Web Design.

Lebih terperinci

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

XML extensible Markup Language. Oleh: Nisa Miftachurohmah, S. Kom XML extensible Markup Language Oleh: Nisa Miftachurohmah, S. Kom Pengenalan XML EXtensible Markup Language (XML) merupakan sebuah bahasa markup yang digunakan untuk menandai suatu dokumen data. Markup

Lebih terperinci

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

IV. Form. A. Pengenalan Form. B. HTML Input Element IV. Form A. Pengenalan Form Kegunaan Form Berikut ini beberapa contoh kegunaan Form dalam web: memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan.

Lebih terperinci

TUGAS BOXES. 1. Percobaan 1

TUGAS BOXES. 1. Percobaan 1 TUGAS BOXES 1. Percobaan 1 Analisa : Pada percobaan 1, style pada elemen div ditetapkan width dan heightnya 400px dan 300px dengan background color pink, dan pada elemen p, width dan height ditetapkan

Lebih terperinci

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

Web Programming (WP) Step 2 [ HTML & PHP BASIC] Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com [email protected] 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext

Lebih terperinci

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

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat ) MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML

Lebih terperinci

Pemrograman Web DASAR HTML 2

Pemrograman Web DASAR HTML 2 Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang

Lebih terperinci

KISI-KISI ULANGAN KENAIKAN KELAS ( UKK )

KISI-KISI ULANGAN KENAIKAN KELAS ( UKK ) MATA PELAJARAN KELAS / SEMESTER KISI-KISI ULANGAN KENAIKAN KELAS ( UKK ) : TEKNOLOGI INFFORMASI DAN KOMUNIKASI : 8 ( DELAPAN ) / GENAP No. SK KD Materi Kls Smt Indikator 1 Menggunakan perangkat 2 Menggunakan

Lebih terperinci

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

Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah : Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah : Menu Form Siswa Laporan Yang pertama kali diakses adalah

Lebih terperinci

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

TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik www.ilmuwebsite.com Bagian 13. Membuat Table Pada Halaman HTML 1 Bagian

Lebih terperinci

LATIHAN SOAL TIK DAN PEMBAHASAN

LATIHAN SOAL TIK DAN PEMBAHASAN LATIHAN SOAL TIK DAN PEMBAHASAN 1. Bagian komputer yang berfungsi sebagai otak pemrosesan data dan perhitungan adalah a. Hardisk c. Memory e. Sound Card b. Processor e. VGA Card : CPU disebut juga Processor.

Lebih terperinci

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

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web HTML DASAR BAGIAN 1 Oleh: Heribertus Heri Istiyanto Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web Materi: 1. HTML Dasar 2. Desain Layout di Photoshop 3.

Lebih terperinci

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

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan

Lebih terperinci

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

MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE Dengan pokok materi pelajaran : 1. Pemrograman web dasar 2. Desain Grafis (Paint dan Photoshop)

Lebih terperinci

Bermain Dynamic Tabel Row dengan menggunakan Javascript

Bermain Dynamic Tabel Row dengan menggunakan Javascript Bermain Dynamic Tabel Row dengan menggunakan Javascript 20 06 2008 Jika kita adalah orang yang berkutat dengan dunia IT terutama bidang aplikasi web programming, pasti akan sering menjumpai proses insert,

Lebih terperinci

[email protected] PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) [email protected] PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) [email protected]

Lebih terperinci

C. Ms Powerpoint D. Notepad E. Ms Acces

C. Ms Powerpoint D. Notepad E. Ms Acces 1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:

Lebih terperinci

Pengenalan Perancangan Web 2017

Pengenalan Perancangan Web 2017 7. Elemen Media Elemen ini merupakan elemen yang dikatakan dapat menggeser keberadaan Adobe Flash. Dengan memanfaatkan elemen audio dan video di HTML5, tidak lagi diperlukan plugin pemutar audio dan video.

Lebih terperinci

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

if($makanan == ada) { $tindakan = makan; } else { $tindakan = puasa; } BAB 6 Pernyataan Kondiisii 61 Pengertian Pernyataan Kondisi Pernyataan berkondisi atau coditional statement adalah sebuah pernyataan yang menganalisa suatu keadaan dan mengambil keputusan berdasarkan pada

Lebih terperinci

Pertemuan V. Semester 1

Pertemuan V. Semester 1 Frames dan iframes ++ Video dan Audio Pertemuan V Pemrograman Web Dasar Semester 1 Frame HTML Frame digunakan untuk menampilkan banyak dokumen html lainnya dalam satu halaman browser pada saat yang sama.

Lebih terperinci

RANGKUMAN UKK TIK KELAS XI

RANGKUMAN UKK TIK KELAS XI RANGKUMAN UKK TIK KELAS XI Web Desain adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir

Lebih terperinci

Author : Minarni, S.Kom.,MM

Author : Minarni, S.Kom.,MM S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan

Lebih terperinci

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

BAB I PENDAHULUAN. 4cm. 5 spasi (single) BAB I PENDAHULUAN Bold dan Kapital Times new roman Menjorok 1 cm 1.1. Latar Belakang Dalam teknologi penambangan bawah tanah ada dua masalah pokok yang menjadi kendala pada saat pelaksanaan, yaitu : Segi

Lebih terperinci

Membuat Template Website Menggunakan Teknik Layer ala CSS

Membuat Template Website Menggunakan Teknik Layer ala CSS Membuat Template Website Menggunakan Teknik Layer ala CSS Bila Anda mendengar istilah template website, hampir dapat dipastikan kalau skrip yang digunakannya adalah CSS. CSS atau Cascading Style Sheet

Lebih terperinci

MICROSOFT EXCEL. Riche Cynthia

MICROSOFT EXCEL. Riche Cynthia MICROSOFT EXCEL Riche Cynthia Mata Kuliah Dasar Komputer Tim Dosen: 1. Rudi Susilana, M.Si. 2. Riche Cynthia Johan, S.Pd., M.Si. 3. Ellina Rienovita, M.T. 1. PROSEDUR MENGAKTIFKAN MS - EXCEL 1. Klik Start,

Lebih terperinci

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

KONSEP DASAR HTML. HTML ( HyperText Mark up Language ) KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi

Lebih terperinci

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

Cetak Laporan. Script tampil.php dibawah ini akan menampilkan gambar seperti diatas : Cetak Laporan Laporan sangat diperlukan dalam sebuah Sistem Informasi, berbagai macam bentuk laporan yang dihasilkannya misalnya dalam bentuk pdf,excel,word dan tentunya dalam bentuk view yang bisa ditampilkan

Lebih terperinci

PENGGUNAAN SINGKATAN

PENGGUNAAN SINGKATAN PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda

Lebih terperinci

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

HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan

Lebih terperinci

Soal Remedial Prakarya-1

Soal Remedial Prakarya-1 Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan

Lebih terperinci

CSS (Cascade Style Sheet)

CSS (Cascade Style Sheet) CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa

Lebih terperinci

PENGANTAR INTERNET & DESAIN WEB

PENGANTAR INTERNET & DESAIN WEB Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Bagian 2 Numbered & Indented

Lebih terperinci

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

MODUL 4 HTML. (HyperText Mark-Up Language) Sub : Frame MODUL 4 HTML (HyperText Mark-Up Language) Sub : Frame Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 4 4.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah HTML

Lebih terperinci

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

Persiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\ CSS & CSS Framework CSS Cascading Style Sheets (CSS) adalah sebuah bahasa yang digunakan untuk menampilkan style dari sebuah dokumen HTML. CSS menjelaskan bagaimana elemen HTML harus ditampilkan. Persiapan

Lebih terperinci

Dokumen Berkolom dan Tabel

Dokumen Berkolom dan Tabel Dokumen Berkolom dan Tabel 67 Microsoft Word untuk SMP 4.1 Dokumen Berkolom Dokumen berkolom biasa kita temui di koran atau majalah. Dengan dibagi menjadi beberapa kolom, naskah lebih mudah dibaca. Kamu

Lebih terperinci

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat

Lebih terperinci

MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER

MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER Jalankan Dreamweaver 8 Pilih HTML Setelah dipilih HTML maka akan muncul tampilan pertama seperti berikut : Klik Page Properties untuk pengaturan awal Halaman Pilih

Lebih terperinci

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.

Lebih terperinci

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

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Latihan Tabel 1 Latihan Table_1

Lebih terperinci

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

1. FRAME. Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan. 1. FRAME Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan. Adapun cara untuk membuat frame pada halaman web adalah

Lebih terperinci