SILAKAN COPY SCRIPT DIBAWAH INI KE NOTEPAD ATAU EDITOR TEXT LAIN KEMUDIAN SAVE AS DENGAN NAMA FILE chaincalc.html KEMUDIAN JALANKAN DI BROWSER ANDA

Ukuran: px
Mulai penontonan dengan halaman:

Download "SILAKAN COPY SCRIPT DIBAWAH INI KE NOTEPAD ATAU EDITOR TEXT LAIN KEMUDIAN SAVE AS DENGAN NAMA FILE chaincalc.html KEMUDIAN JALANKAN DI BROWSER ANDA"

Transkripsi

1 SILAKAN COPY SCRIPT DIBAWAH INI KE NOTEPAD ATAU EDITOR TEXT LAIN KEMUDIAN SAVE AS DENGAN NAMA FILE chaincalc.html KEMUDIAN JALANKAN DI BROWSER ANDA <script language="javascript"> <!---- function fixnan(i){ if(isnan(i)){ return 0 else{ return i window.onerror = null function browserver(v){ return ( parseint(navigator.appversion) >= v )? true: false; function PreLoadImage(imgsrc){ if( browserver(4) ){ var img= new Image(); img.src=imgsrc; return img; function ShowButton(imagename,objectsrc){ if( browserver(4) ){ document.images[imagename].src=eval(objectsrc+".src"); ; function ShowQuad(loc1,loc2,loc3,loc4, objectsrc1,objectsrc2,objectsrc3,objectsrc4){ ShowButton(loc1, objectsrc1); ShowButton(loc2, objectsrc2); ShowButton(loc3, objectsrc3); ShowButton(loc4, objectsrc4); ; function nfncm2inch(cm){ return(cm / 2.54); function ifnround2nearestint(decimalnumber){ var remainder=0.0; var intpart = 0; intpart = parseint(decimalnumber);

2 remainder = parsefloat(decimalnumber) - intpart; if( remainder < 0.5){ return parseint(decimalnumber) else{ return parseint(decimalnumber) + 1 function ifnroundup2nearestint(decimalnumber){ var remainder=0.0; var intpart = 0; intpart = parseint(decimalnumber); remainder = parsefloat(decimalnumber) - intpart; if( remainder == 0){ return parseint(decimalnumber) else{ return parseint(decimalnumber) + 1 function calculate_bicycle_chain_length(){ var o=document.frmchainlength var u=o.cmbchainstayunits var CSL = parsefloat(o.txtchainstay.value); var F = parseint(o.txtfrontcog.value); var R = parseint(o.txtrearcog.value); var sout=""; var nresult = 0.0; if(o.cmbtypegears.selectedindex==0){ nresult = 1.0; else if(o.cmbtypegears.selectedindex==2){ nresult = 2.0; if(u.selectedindex==1){ CSL=nfnCM2Inch(CSL); else if(u.selectedindex==2){ CSL=nfnCM2Inch(CSL)/10 nresult = nresult * (F + R) + 2 * Math.sqrt( (CSL * CSL) + Math.pow(( * (F - R)),2) ) if(o.cmbtypechainstay.selectedindex==0){

3 iroundedresult = fixnan(ifnround2nearestint(nresult)) else{ iroundedresult = fixnan(ifnroundup2nearestint(nresult)) sout = "Panjang Yang Direkomendasikan = " + iroundedresult + " inches or " + iroundedresult + " links \n" sout+= "Rantai Terurai = " + fixnan(nresult) + " inch" o.txtoutput.value = sout; //---> </script> </p><form name="frmchainlength"> <table width="100%" border="0" cellpadding="1" cellspacing="0"><tbody><td align="center"> <table border="6" cellpadding="1" cellspacing="1"><tbody> <table border="0" cellpadding="1" cellspacing="1"><tbody> <b>tipe Transmisi:</b> <select name="cmbtypegears" size="1" width="15" > <option selected="selected">derailleur </option><option>fixed Wheel/Cocoa tin gears </option><option>oversized Derailleur </option></select> <br> <b>tipe Chainstay:</b> <select name="cmbtypechainstay" size="1" width="28" > <option>adjustable Chainstay Length (Dpt Diubah) </option><option selected="selected">fixed Chainstay Length (Tetap)

4 </option></select> <br> <b>panjang Chainstay:</b> <input name="txtchainstay" value="17.25" maxlength="14" size="6" onfocus="this.select();this.focus();" type="text"> <select name="cmbchainstayunits" size="1" width="15" > <option selected="selected">inches </option><option>centimeters </option><option>millimeters </option></select> <b>gear Depan Terbesar:</b> <input name="txtfrontcog" value="50" maxlength="2" size="2" onfocus="this.select();this.focus();" type="text"> <b>gigi</b> <b>gear Belakang Terbesar:</b> <input name="txtrearcog" value="28" maxlength="2" size="2" onfocus="this.select();this.focus();" type="text"> <b>gigi</b> <input name="cmdcalcaveragespeed" value="hitung" onclick="calculate_bicycle_chain_length()" type="button">

5 <td valign="top" align="right"> <b>panjang Rantai Ideal:</b> <textarea name="txtoutput" rows="2" cols="50"> </textarea> <font size="-2"><a href=" by Nigel Jones</a></font> </tbody></table> </tbody></table> </tbody></table> </form>

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

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

BAB 4 PERANCANGAN LAYAR

BAB 4 PERANCANGAN LAYAR BAB 4 PERANCANGAN LAYAR 4.1 User Interface User Interface desaign adalah merupakan sebuah bagian dari bidang studi yang di sebut interaksi manusia dengan komputer. User interface merupakan bagian yang

Lebih terperinci

Kejadian (Event 2) 1. Event On Submit

Kejadian (Event 2) 1. Event On Submit Kejadian (Event 2) 1. Event On Submit Event on submit akan dibangkitkan apabila seorang user menekan tombol submit. Dengan event ini data yang diinputkan akan dikirimkan ke tempat lain (email, file teks

Lebih terperinci

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT 1. HTML 1.1. Susunan Dasar HTML Judul disini Program disini 1.2. Contoh Halaman Pertama Teks dengan Heading 1 Teks

Lebih terperinci

OBJEK (1) Contoh penggunaan objek Text : <html> <head> <title> Objek Text </title> </head>

OBJEK (1) Contoh penggunaan objek Text : <html> <head> <title> Objek Text </title> </head> OBJEK (1) Terdapat beberapa objek yang dapat digunakan untuk memeasukkan data. Objek-objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi Objek Text, Objek Radio, Objek

Lebih terperinci

MEMBER. 1. Tabel member. 2. Form Pendaftaran Member : formmember.php. 3. Script Form Pendaftaran Member

MEMBER. 1. Tabel member. 2. Form Pendaftaran Member : formmember.php. 3. Script Form Pendaftaran Member MEMBER 1. Tabel member 2. Form Pendaftaran Member : formmember.php 3. Script Form Pendaftaran Member

Lebih terperinci

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form. FORM DAN INPUT HTML Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Elemen/ TAG ini digunakan membatasi input.

Lebih terperinci

Belajar Java Script INPUT DATA

Belajar Java Script INPUT DATA Belajar Java Script INPUT DATA taryanarx@yahoo.com http://kuliahonline.unikom.ac.id Target Pencapaian Siswa mengetahui mengenai perintah-perintah dasar yang dapat digunakan untuk memasukan data 10. Memasukan

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 noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan

Lebih terperinci

BAB V SIMPULAN DAN SARAN. Sistem pengambilan keputusan menggunakan metode multifactor

BAB V SIMPULAN DAN SARAN. Sistem pengambilan keputusan menggunakan metode multifactor BAB V SIMPULAN DAN SARAN A. Simpulan Berdasarkan hasil penelitian, perancangan dan implementasi maka dapat disimpulkan: Sistem pengambilan keputusan menggunakan metode multifactor evaluation process (MFEP)

Lebih terperinci

MENAMPILKAN FRAME FRAME

MENAMPILKAN FRAME FRAME MENAMPILKAN FRAME FRAME digunakan untuk membagi window browser menjadi beberapa bagian window, sehingga dapat menampilkan beberapa file dalam window yang berbeda-beda Format Penulisan:

Lebih terperinci

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button NAMA : KELAS/NoAbsensi : A. PILIHAN GANDA 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a.

Lebih terperinci

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah

Lebih terperinci

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Spesifikasi Program Program dalam judul Sistem Informasi Geografis Obyek Pariwisata Alam di Kabupaten Merauke yang berbasis web ini adalah sebagai berikut.

Lebih terperinci

Kejadian (Event 1) 1. Kejadian (Event)

Kejadian (Event 1) 1. Kejadian (Event) 1. Kejadian (Event) Event adalah sesuatu yang terjadi pada halaman HTML. Berikut ini terdapat beberapa bentuk kejadian yaitu jika pengguna memuat dokumen, pengguna memasukkan data, pengguna mengklik tombol

Lebih terperinci

PEMANFAATAN SMS GATEWAY PADA SYSTEM PENDAFTARAN ONLINE (STUDI KASUS UNIVERSITAS MUHAMMADIYAH RIAU) HARUN MUKHTAR

PEMANFAATAN SMS GATEWAY PADA SYSTEM PENDAFTARAN ONLINE (STUDI KASUS UNIVERSITAS MUHAMMADIYAH RIAU) HARUN MUKHTAR PEMANFAATAN SMS GATEWAY PADA SYSTEM PENDAFTARAN ONLINE (STUDI KASUS UNIVERSITAS MUHAMMADIYAH RIAU) HARUN MUKHTAR Abstrak Gateway merupakan sarana tambahan yang dapat digunakan untuk keperluan pelayanan

Lebih terperinci

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML FORM Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML.

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

MODUL 3 INTERNET PROGRAMMING : PHP 3

MODUL 3 INTERNET PROGRAMMING : PHP 3 MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN

Lebih terperinci

BAB 1 PENGENALAN HTML

BAB 1 PENGENALAN HTML 1 BAB 1 PENGENALAN HTML HyperText Markup Language (HTML) merupakan bahasa standar yang digunakan untuk membuat sebuah tampilan halaman website. Sesuai dengan namanya yaitu HyperText Markup Language (HTML)

Lebih terperinci

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d. &nbsp e. &nsp jawaban :

Lebih terperinci

Untuk membuat suatu halaman yang dinamis dan interaktif, perancang halaman Web membutuhkan perintah-perintah yang dapat mengatur aliran dari

Untuk membuat suatu halaman yang dinamis dan interaktif, perancang halaman Web membutuhkan perintah-perintah yang dapat mengatur aliran dari Untuk membuat suatu halaman yang dinamis dan interaktif, perancang halaman Web membutuhkan perintah-perintah yang dapat mengatur aliran dari informasi. Berdasarkan hasil komputasi yang telah dilakukan,

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

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

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

Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan

Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan data meliputi : 1. Objek Teks 2. Objek Radio 3. Objek

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

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

Menonaktifkan Klik Kanan Pada Mouse

Menonaktifkan Klik Kanan Pada Mouse Tips & Trik Javascript Setiaji ajitekom@yahoo.com http://kodokijo.indika.net.id Lisensi Dokumen: Copyright 2003-2006 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan

Lebih terperinci

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan STJ MySQL-PHP Menggunakan MySQL sebagai database server a) Menghidupkan MySQL Database Server C:\mysql\bin>mysqld b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket C:\mysql\bin>mysqladmin

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

2. Objek Text. Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh penggunaannya dapat kita lihat pada contoh berikut :

2. Objek Text. Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh penggunaannya dapat kita lihat pada contoh berikut : 1. Objek Untuk memasukkan Data Terdapat beberapa objek yang dapat digunakan untuk memasukkan data. Objek-objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi : Objek

Lebih terperinci

BAB-12 MEMBUAT FORM HTML

BAB-12 MEMBUAT FORM HTML BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan

Lebih terperinci

Aplikasi Form Menggunakan HTML

Aplikasi Form Menggunakan HTML Aplikasi Form Menggunakan HTML Pendahuluan Pembahasan Definisi Form HTML Form diperlukan bila Anda ingin mengumpulkan beberapa data dari pengunjung situs untuk di kirim ke server. Misalnya informasi pendaftaran:

Lebih terperinci

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

Lebih terperinci

Siti Maesyaroh, M.Kom.

Siti Maesyaroh, M.Kom. Siti Maesyaroh, M.Kom. Bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas atau dapat dikatakan untuk mambuat

Lebih terperinci

HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom

HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom 1 DAFTAR ISI BAB I : PENGENALAN HTML... 1 A. Pengertian HTML... 1 B. Sejarah HTML... 3 C. Penggunaan HTML... 3 D. Strukture Documen HTML...4

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

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom. Form Input HTML dan Frame Siti Maesyaroh. M.Kom. Tag Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan

Lebih terperinci

Lampiran 1. Flowchart perancangan sistem

Lampiran 1. Flowchart perancangan sistem Lampiran 1. Flowchart perancangan sistem Mulai Identifikasi Data Desain Program Desain Basis Data Input Data Desain Layout Programming Diagnosa Program idak Benar idak a Uji ampilan Data Benar idak a Dokumentasi

Lebih terperinci

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut: Aplikasi Update Profil Aplikasi Update sebaiknya dibuat setelah registrasi, login dan otentikasi selesai karena untuk melihat profil harus melalui sebuah kunci yang dijadikan kriteria where pada query

Lebih terperinci

Checkbox dengan Foreach dan MYSQL

Checkbox dengan Foreach dan MYSQL Checkbox dengan Foreach dan MYSQL Dwi Jayanthi dwi1607@gmail.com Abstrak Pada tutorial ini, kita akan membahas tentang Insert Data Checkbox dengan Foreach ke database MySQL. Komponen Checkbox merupakan

Lebih terperinci

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option. Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag

Lebih terperinci

</select></font></p> </form> </body>... Hasil:

</select></font></p> </form> </body>... Hasil: FORM Adalah Input/masukkan dari pengguna yang kemudian diproses untuk mendapatkan hasil yang diinginkan pengguna, proses penyimpanan, proses sunting atau edit, proses hapus dan browse..

Lebih terperinci

Hypertext Markup Language (HTML)

Hypertext Markup Language (HTML) Jurusan Teknik Informatika Sekolah Tinggi Teknologi Telkom YFA S1/IT/WE/E2/0806 CS4713 Hypertext Markup Language (HTML) Pengantar HTML Hypertext Markup Language (HTML) merupakan bahasa pemrograman web

Lebih terperinci

BAB X AKSES DAN MANIPULASI DATA

BAB X AKSES DAN MANIPULASI DATA BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan

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

TUGAS MANDIRI. Perancangan JavaScript di SMK Real Informatika. Mata Pelajaran: Pemrograman JavaScript. : Anggiat Marubah Siringo SMK REAL INFORMATIKA

TUGAS MANDIRI. Perancangan JavaScript di SMK Real Informatika. Mata Pelajaran: Pemrograman JavaScript. : Anggiat Marubah Siringo SMK REAL INFORMATIKA TUGAS MANDIRI Perancangan JavaScript di SMK Real Informatika Mata Pelajaran: Pemrograman JavaScript Nama Siswa : Stephanus Tan NIS : 01.10.079 Guru : Anggiat Marubah Siringo SMK REAL INFORMATIKA 2012 KATA

Lebih terperinci

Menangani Input dari User

Menangani Input dari User Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni

Lebih terperinci

TUTORIAL MEMBUAT PROGRAM KALKULATOR DENGAN OOP PHP

TUTORIAL MEMBUAT PROGRAM KALKULATOR DENGAN OOP PHP TUTORIAL MEMBUAT PROGRAM KALKULATOR DENGAN OOP PHP Oleh: Achmad Sayfudin Selamat Siang bagi pemula yang lagi belajar oop di php,berikut ini ada tutorial dengan pokok bahasan membuat aplikasi kalkulator

Lebih terperinci

HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.

HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad. Bentuk umum:

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

Create Read Update Delete using PHP MySql

Create Read Update Delete using PHP MySql 2016 Create Read Update Delete using PHP MySql CRUD TABEL ALUMNI DWI SETIYA NINGSIH // 210 315 70 25 [COMPANY NAME] [Company address] SS Program Gambar 1.1 Tampilan index.php Gambar 2.1 Tampilan edit.php

Lebih terperinci

HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>

HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET> HTML-FRAME 1 A. FRAME HTML Windows dalam browser yang dibagi menjadi beberapa windows disebut Frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan.

Lebih terperinci

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud A. Maksud Dan Tujuan 1. Maksud Bab 5 FORM Menginputkan data menggunakan form dan membuat tombol dengan tag HTML Membuat halaman web terhubung dengan halaman lain (link) 2. Tujuan Mahasiswa dapat membuat

Lebih terperinci

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

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT. Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari

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

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama

Lebih terperinci

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat

Lebih terperinci

Membangun koneksi dari PHP ke MySQL adalah dengan fungsi mysql_connect();

Membangun koneksi dari PHP ke MySQL adalah dengan fungsi mysql_connect(); Integrasi PHP dan MySQL PHP akan mengakses database melalui web server yaitu Apache. Jika database server dan web server berada pada komputer yang sama maka koneksi akan menggunakan localhost sebagai nama

Lebih terperinci

Pemrograman Web Lanjut 2017

Pemrograman Web Lanjut 2017 Praktikum 9 9.1. CRUD Operasi CRUD (Create, Read, Update, Delete) merupakan operasi dasar yang sering digunakan di dalam database. Fungsi dari operasi ini adalah mengolah data secara dinamis pada aplikasi

Lebih terperinci

Pengenalan Perancangan Web 2016

Pengenalan Perancangan Web 2016 6. Image Gambar pada halaman sebuah web merupakan salah satu daya tarik pengguna. Umumnya browser web dapat menampilkan inline image (yaitu gambar yang disajikan bersamaan dengan teks). File gambar yang

Lebih terperinci

<script type="text/javascript" src="js/cal.js"></script> <link href="css/cal.css" rel="stylesheet" type="text/css">

<script type=text/javascript src=js/cal.js></script> <link href=css/cal.css rel=stylesheet type=text/css> 52 LAMPIRAN A. LISTING PROGRAM 1. Halaman Input Data session_start(); //echo "$_SESSION[sipptNama]"; if($_session[sipptnama]=="" or $_SESSION[sipptUsername]=="GUEST"){ alert('maaf...!silahkan

Lebih terperinci

Bagian 2: Holodeck di USS Enterprise NCC- 1701D

Bagian 2: Holodeck di USS Enterprise NCC- 1701D PHP? Siapa Takut! Oleh: Ivan Irawan Bagian 2: Holodeck di USS Enterprise NCC- 1701D Pada bagian 1 dari artikel ini, kita telah belajar mengenai variabel dan operasi matematika sederhana

Lebih terperinci

HTML.

HTML. HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang

Lebih terperinci

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb. Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)

Lebih terperinci

MODUL TIK - HTML II KELAS XI SEMESTER I

MODUL TIK - HTML II KELAS XI SEMESTER I MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima

Lebih terperinci

Mencetak Data Ke Word atau Excell

Mencetak Data Ke Word atau Excell Mencetak Data Ke Word atau Excell dengan PHP Mungkin ada sebagian di antara kalian yang memikirkan bagaimana caranya mencetak data yang telah kita buat dengan PHP ke dalam bentuk Word atau Excel. Nah setelah

Lebih terperinci

1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan.

1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan. TUJUAN a. Memahami dan mengaplikasikan tag-tag HTML dalam sebuah web. b. Dapat berkreasi dengan tabel, form dan frame untuk membuat sebuah karya web personal. ALAT DAN BAHAN 1) 1 (Satu) unit komputer KESELAMATAN

Lebih terperinci

Pemrograman Web Berbasis Framework. Pertemuan 5 : Konsep MVC : View. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD

Pemrograman Web Berbasis Framework. Pertemuan 5 : Konsep MVC : View. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD Pemrograman Web Berbasis Framework Pertemuan 5 : Konsep MVC : View Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan Penanganan HTML Penanganan Form Penanganan

Lebih terperinci

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola 1. Ketik di Browser internet anda http://yola.com Klik Get started Ketik Nama anda Ketik Email anda Ketik Email anda sekali

Lebih terperinci

Praktikum Pemrograman Lanjut Dasar WEB(1)

Praktikum Pemrograman Lanjut Dasar WEB(1) Praktikum Pemrograman Lanjut Dasar WEB(1) Praktikum 1 1. Di bawah ini adalah struktur dari dokumen HTML, buka Notepad kemudian ketikkan teks di bawah ini: contoh1.htm Kepala atau kop dokumen

Lebih terperinci

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom radhizu05@gmail.com 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat

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

PEMROGRAMAN WEB. 1 P a g e

PEMROGRAMAN WEB. 1 P a g e BAB I PENDAHULUAN A. Pengertian HTML HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan ) terhadap sebuah

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

Modul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Modul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Modul 5 Membuat Formulir Pada Template Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013 1 BAB I PENDAHULUAN

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 I (HTML Lanjut) Oleh: Devie Rosa Anamisa

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: format teks Table Frame Form Hyperlink pada HTML Lanjut Format Teks Ada beberapa fasilitas tag yang dapat

Lebih terperinci

Membuat Contact us dan Form dengan PHP

Membuat Contact us dan Form  dengan PHP Membuat Contact us dan Form Email dengan PHP Cahaya Metha cimet15@ymail.com :: http://cimet15.blogspot.com/ Abstrak Seperti yang kita tahu bahwa website merupakan sarana untuk berbagi, baik dengan sesama

Lebih terperinci

Tutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP

Tutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP Tutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP Dalam tutorial berikut penulis langsung ke topik permasalahan, Anda yang belum paham bisa melihat / download tutorial sebelumnya mengenai PHP,MySQL,

Lebih terperinci

HTML (HYPERTEXT MARKUP LANGUAGE)

HTML (HYPERTEXT MARKUP LANGUAGE) Hal yang harus dikuasai oleh seorang programmer adalah logika algoritma dan syntax pemrograman. Dalam satu bahasa pemrograman saja. Dijumpai begitu banyak syntax yang tentunya tidak mudah untuk dihapal

Lebih terperinci

MODUL HTML 2015 MODUL I PENDAHULUAN

MODUL HTML 2015 MODUL I PENDAHULUAN MODUL I PENDAHULUAN HTML merupakan singkatan dari Hyper Text Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang

Lebih terperinci

Membuat Login Dengan PHP dan MYSQL

Membuat Login Dengan PHP dan MYSQL Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun dadhan.rpl@gmail.com :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya

Lebih terperinci

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html : LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka

Lebih terperinci

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE 1. Script banner.php

Lebih terperinci

Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink

Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink Pengenalan HTML Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink Indikator Hasil Belajar 1. Dapat menjelaskan pengertian html. 2.

Lebih terperinci

Pemrograman Web Lanjut 2017

Pemrograman Web Lanjut 2017 Praktikum 9 9.1. CRUD Operasi CRUD (Create, Read, Update, Delete) merupakan operasi dasar yang sering digunakan di dalam database. Fungsi dari operasi ini adalah mengolah data secara dinamis pada aplikasi

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

Pemrograman Web 1. Persiapan awal, Tagitag dasar HTML, Struktur Dasar HTML, Memberikan judul dengan (Tittle) MODUL PERKULIAHAN

Pemrograman Web 1. Persiapan awal, Tagitag dasar HTML, Struktur Dasar HTML, Memberikan judul dengan (Tittle) MODUL PERKULIAHAN MODUL PERKULIAHAN Persiapan awal, Tagitag dasar HTML, Struktur Dasar HTML, Memberikan judul dengan (Tittle) Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh Fakultas Ilmu Teknik Informatika MK87039

Lebih terperinci

LAMPIRAN. Universitas Sumatera Utara

LAMPIRAN. Universitas Sumatera Utara LAMPIRAN rsud - Dr. H. Kumpulan Pane Tebing Tinggi rsud

Lebih terperinci

MODUL 11 MEMBUAT LOGIN USER

MODUL 11 MEMBUAT LOGIN USER MODUL 11 MEMBUAT LOGIN USER Halaman web adalah suatu halaman rumah di dalam dunia maya, di sini kita dapat menampilkan tentang segala inspirasi, imajinasi, mimpi maupun uneg-uneg sekalipun. Ibarat sebuah

Lebih terperinci

IKG3A3 / Software Project II

IKG3A3 / Software Project II IKG3A3 / Software Project II Mahmud Imrona, M.T. Izzatul Ummah, M.T. Kelompok Keahlian Algoritma dan Komputasi LECTURE NOTE WEEK 2 1 8/25/2015 WEEK 2 HTML 2 8/25/2015 IKG3A3 - Software Project II HTML

Lebih terperinci

TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web

TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web www.ilmuwebsite.com Bagian 22. Lebih Jauh Bekerja dengan

Lebih terperinci

PHP & MYSQL. Universitas Komputer Indonesia 2004 Taryana. S

PHP & MYSQL. Universitas Komputer Indonesia 2004 Taryana. S 1.1. Sejarah Singkat PHP PHP dibuat oleh Rasmus Lerdorf pada tahun 1994, pada awalnya tidak untuk didistribusikan dan hanya digunakan pada homepage pribadinya. Pada tahun 1995 dikeluarkan versi pertama

Lebih terperinci

disebut browser) seperti : Internet Explorer (bawaan windows), Mozilla Firefox, Google

disebut browser) seperti : Internet Explorer (bawaan windows), Mozilla Firefox, Google 1. Perkenalan dengan HTML HTML adalah bahasa pemrograman dasar yang digunakan untuk membangun sebuah situs. HTML sangat mudah digunakan dan diaplikasikan, oleh karena itu apabila kalian ingin belajar membangun

Lebih terperinci

P - 11 Bab 8 : PHP & HTML (Manipulasi Form)

P - 11 Bab 8 : PHP & HTML (Manipulasi Form) P - 11 Bab 8 : PHP & HTML (Manipulasi Form) 8.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Perbedaan Method POST & GET Mengetahui dan Memahami Manipulasi Form Mengetahui dan Memahami Pemisahan Form

Lebih terperinci

LAMPIRAN. dan informasi yang dibutuhkan dalam pembuatan aplikasi ini. berfokus pada penjualan pakan ternak. Tetapi, untuk produksi lainnya, PT.

LAMPIRAN. dan informasi yang dibutuhkan dalam pembuatan aplikasi ini. berfokus pada penjualan pakan ternak. Tetapi, untuk produksi lainnya, PT. L1 LAMPIRAN Wawancara Berikut merupakan hasil wawancara yang dilakukan dengan Bapak Sunya Adiputra, selaku Accounting Manager dari PT. Charoen Pokphand Indonesia, untuk mencari data dan informasi yang

Lebih terperinci