MODUL 7 JavaScript pada Form HTML
|
|
- Yohanes Hartanto
- 7 tahun lalu
- Tontonan:
Transkripsi
1 1 MODUL 7 JavaScript pada Form HTML A. TUJUAN 1. Mampu memahami konsep JavaScript pada HTML 2. Mampu memahami penggunaan JavaScript pada HTML 3. Mampu memproses form HTML menggunakan JavaScript B. PETUNJUK 1. Awali setiap aktivitas dengan do a, semoga berkah dan mendapat kemudahan 2. Pahami tujuan, dasar teori, dan latihan-latihan praktikum dengan baik dan benar 3. Kerjakan tugas-tugas praktikum dengan baik, sabar, dan jujur 4. Tanyakan kepada dosen apabila terdapat hal-hal yang kurang jelas C. DASAR TEORI JavaScript (biasa disingkat JS) merupakan bahasa pemrograman berbasis Java yang dapat disisipkan pada halaman web. Fungsi utamanya adalah untuk menangani operasi-operasi matematis dan logis yang tidak dapat dikerjakan pada kode HTML. Seperti pada bahasa pemrograman pada umumnya, JavaScript juga mengenal variabel, array, class, fungsi, dan prosedur. JavaScript pada halaman web biasanya disisipkan pada suatu elemen (biasanya textbox, drop-down list, button, dsb) dimana prosesnya dieksekusi / ditrigger melalui event. Berikut beberapa event yang dapat kita sisipkan pada suatu elemen HTML untuk mengeksekusi kode JavaScript: Event Fungsi Elemen didukung onclick Mengeksekusi JS ketika elemen diklik Semua onchange Mengeksekusi JS ketika terjadi perubahan nilai <select>, <input>, <textarea> onload Mengeksekusi JS ketika halaman HTML diload <body> onblur Mengeksekusi JS ketika suatu elemen kehilangan fokus <select>, <input>, <textarea> onmouseover Mengeksekusi JS ketika pointer mouse menyentuh suatu elemen Semua onmouseleave Mengeksekusi JS ketika pointer mouse lepas dari suatu elemen Semua onkeypress Mengeksekusi JS ketika tombol keyboard ditekan <input>, <textarea> onkeyup Mengeksekusi JS ketika tombol keyboard dilepas <input>, <textarea>
2 2 Event di atas dapat kita tambahkan pada elemen HTML sebagai attribute. Kode JavaScript pada attribute yang akan kita eksekusi harus kita tulis terlebih dahulu pada tag script. Sama persis dengan CSS, penambahan JavaScript pada HTML bisa melalui 3 (tiga) cara, yakni inline, embedded, dan linked. Kode JavaScript pada metode inline bisa kita tambahkan langsung melalui event. Kode JavaScript pada metode embedded atau linked bisa kita tambahkan pada tag head menggunakan tag script. D. LATIHAN 1. Bukalah aplikasi teks editor 2. Tuliskan kode dasar HTML Simpan sebagai index.html 3. Sisipkan kode berikut pada head:
3 3 function digunakan untuk membuat suatu fungsi / prosedur, diikuti dengan nama fungsi serta parameternya. var digunakan untuk mendefinisikan suatu variabel jenis apapun (int, float, ataupun char). parseint() merupakan fungsi yang digunakan untuk mengonversi variabel jenis char / string menjadi integer. Operator + dapat digunakan untuk menjumlah nilai variabel (jika jenisnya int atau float) atau untuk menggabungkan karakter (jika jenisnya char / string). 4. Kemudian tambahkan kode berikut pada body: 5. Buka index.html menggunakan browser. Jika kode benar, maka tampilannya sebagai berikut: 6. Coba isi kolom nama dan umur, kemudian klik tombol CEK. Jika prosedur dan kode benar, maka tampilannya sebagai berikut: Beberapa hasil lain:
4 4 Penjelasan alur kode pada fungsi CekBiodata() di atas adalah sebagai berikut: var form=document.myform; digunakan untuk memperpendek akses kita pada MyForm beserta isi di dalamnya. MyForm adalah nama form pada HTML (<form name="myform">) yang akan kita olah isinya. Jika name dari form di atas misalnya Formku (<form name="formku">), kode JavaScriptnya juga harus disesuaikan menjadi var form=document.formku; var nama=form.nama.value; digunakan untuk mendapatkan nilai (value) dari elemen Nama di dalam form MyForm, kemudian disimpan dalam variabel nama. Versi panjangnya sebenarnya var nama=document.myform.nama.value; tetapi berhubung document.myform sudah kita perpendek menjadi form (var form=document.myform;) maka form.nama.value sudah mewakili. Nama merupakan name dari <input type="text" name="nama">. Jika name nya misalnya <input type="text" name="namaanda">, maka kode JavaScript juga harus disesuaikan menjadi form.namaanda.value. var umur=parseint(form.umur.value); digunakan untuk mendapatkan nilai dari Umur di dalam form MyForm, kemudian disimpan dalam variabel umur. parseint() merupakan fungsi yang digunakan untuk mengonversi char / string menjadi integer. Mengapa harus menggunakan fungsi tersebut? Karena value dari <input type= text > selalu char / string (text), meskipun secara wujud berupa angka. var stts='mas / mbak'; digunakan untuk mendefinisikan variabel stts dengan nilai awal mas / mbak. Variabel tersebut merupakan char / string karena nilainya mengandung tanda. Kita bisa menggunakan tanda atau sebagai penanda char / string. if(umur>=25&&umur<=55)stts='pak / bu'; merupakan pengecekan nilai. Jika nilai dari umur antara 25 sampai dengan 55, maka nilai variabel stts diubah menjadi pak / bu.
5 5 if(umur>55)stts='eyang'; merupakan pengecekan nilai. Jika nilai dari umur lebih dari 55, maka nilai variabel stts diubah menjadi eyang. form.hasil.value='selamat datang '+stts+' '+nama; digunakan untuk mengubah nilai elemen Hasil menjadi kombinasi dari kalimat Selamat datang digabung dengan nilai dari variabel stts digabung dengan nilai dari variabel nama. Hasil dari penggabungan string tersebut dimasukkan sebagai nilai dari Hasil.
6 6 E. TUGAS Desainlah suatu aplikasi kasir sederhana menggunakan web seperti berikut: Ketika tombol HITUNG diklik, maka sistem akan menjumlah semua total harga yang harus dibayar:
Desain Web. MODUL 2 Desain Form
1 MODUL 2 Desain Form A. TUJUAN 1. Mampu membuat form dalam HTML 2. Mampu menggunakan input dalam HTML 3. Mampu menggunakan select dalam HTML 4. Mampu menggunakan textarea dalam HTML B. PETUNJUK 1. Awali
Lebih terperinciPemrograman Web. Page 188
Page 188 15. Kegiatan Belajar 15 : Mengolah Interaksi User a. Tujuan Pembelajaran. Setelah mengikuti kegiatan belajar 15 ini siswa diharapkan dapat : 1) Mengetahui bentuk penanganan interaksi user pada
Lebih terperinciPemrograman Web. Javascript. Indrato, S.Kom Introduction. Penyisipan JS dalam HTML. PemrogramanWeb.2009
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com Javascript Page 2 Introduction JavaScript merupakan bahasa berbasis objek, akan tetapi bukanlah bahasa berorientasi objek karena tidak memiliki kelas
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript
Lebih terperinciDESIGN WEB. D3 TKJ
DESIGN WEB D3 TKJ yunhix@yahoo.com SUB POKOK BAHASAN JavaScript? Pendeklarasian JavaScript JavaScript sederhana PeletakanJavaScript KomentarpadaJavaScript KotakDialog Variabel Operator StrukturKontrol
Lebih terperinciPertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
Lebih terperinciMODUL 7. Event. Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang
MODUL 7 Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah event 2. Mahasiswa dapat mengaplikasikan event pada
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript
Lebih terperinciJavaScript. Pemrograman Web 1. Genap
JavaScript Pemrograman Web 1 Genap 2011-2012 Popup Box JavaScript memiliki tiga macam Popup Box, yaitu : Alert box Biasanya digunakan untuk memberikan informasi ke pengguna. Confirm box Biasanya digunakan
Lebih terperincidisertai contoh-contoh javascript yang kompatibel dengan Firefox
JAVASCRIPT disertai contoh-contoh javascript yang kompatibel dengan Firefox by Ek kian S U R A B A Y A - 2010 hal 1 dari 36 TUJUAN: PRAKTIKUM I Mahasiswa mengenal tentang Javascript serta dapat menuliskan
Lebih terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih terperinciPemrograman Web Week 4. Team Teaching
Pemrograman Web Week 4 Team Teaching Peran Masing-masing Bahasa HTML => Mengatur Struktur CSS => Mengatur tampilan JSS => Mengatur interaktifitas Penggunaan Javascript Sama seperti pada CSS, ada 3 cara
Lebih terperinciMODUL 1 Operasi Dasar dalam PHP
1 MODUL 1 Operasi Dasar dalam PHP A. TUJUAN 1. Mampu menjelaskan variable dalam PHP 2. Mampu menjelaskan array dalam PHP 3. Mampu menjelaskan percabangan dalam PHP 4. Mampu menjelaskan perulangan dalam
Lebih terperinciMAKALAH JAVASCRIPT 1. PENGENALAN JAVASCRIPT
MAKALAH JAVASCRIPT 1. PENGENALAN JAVASCRIPT Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa sederhana untuk
Lebih terperinciPEMROGRAMAN WEB 09 JavaScript Lanjut
PEMROGRAMAN WEB 09 JavaScript Lanjut Andi WRE JavaScript Objects Object Based Programming language Setiap object dapat memiliki properti dan method Properti the values associated with an object Contoh
Lebih terperinciI. JUDUL Array. Pengertian Array. Deklarasi Array PRAKTIKUM 6 ARRAY II. TUJUAN. III. ALAT DAN BAHAN - Microsoft Visual Studio 2010
I. JUDUL Array PRAKTIKUM 6 ARRAY II. TUJUAN - Memahami dan mengenal Array (array satu dimensi dan array multi dimensi) - Dapat membuat aplikasi sederhana dengan menggunakan array satu dimensi dan array
Lebih terperinciMODUL 4 PERULANGAN A. TUJUAN
MODUL 4 PERULANGAN A. TUJUAN 1. Memahami teori perulangan pada bahasa pemrograman C/C++ 2. Memahami teknik perulangan pada bahasa pemrograman C/C++ 3. Mampu membuat aplikasi C/C++ yang melibatkan operasi
Lebih terperinciMODUL VI ACTION SCRIPT
1 Modul Ajar Praktikum Multimedia 6 MODUL VI ACTION SCRIPT A. KOMPETENSI DASAR Memahami bahasa program Action Script 2.0 yang digunakan dalam Flash. Memahami dan menerapkan Action Script 2.0 untuk membuat
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript Dosen Pembimbing : Dwi Susanto Oleh : Noer Rhiannah A (4103131052) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciPEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom Definisi JavaScript Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML. Java Script
Lebih terperinciMODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
Lebih terperinciPemprograman & Perancangan Web Java Script. Dalam modul ini akan dipelajari:
Pemprograman & Perancangan Web Java Script Dasar javascript,variabel, manipulasi string, fungsi matematis, table dan menu option 1 Dalam modul ini akan dipelajari: 1. Definisi Java Script 2. Statemen write()
Lebih terperinciTUGAS III PEMROGRAMAN BERBASIS WEB ARTIKEL JAVASCRIPT
TUGAS III PEMROGRAMAN BERBASIS WEB ARTIKEL JAVASCRIPT Nama Mahasiswa : Nim Mahasiswa : 1108605018 I GEDE WAHYU SURYA DHARMA JURUSAN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS
Lebih terperinciChapter 2. Tipe Data dan Variabel
Chapter 2 Tipe Data dan Variabel Pada prinsipnya suatu program computer memanipulasi data untuk dijadikan informasi yang berguna. Komputer memanipulasi berbagai macam data, bukan hanya angka, tetapi juga
Lebih terperinciTag 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 terperinciVariabel dan Tipe data Javascript
Variabel dan Tipe data Javascript Variabel Pendeklarasian variabel dalam JavaScript dapat di isi dengan nilai apa saja dan juga bersifat opsional. Artinya variabel boleh di deklarasikan ataupun tidak hal
Lebih terperinciPRAKTIKUM 2. Variabel, Tipe Data dan Operator. Tipe data dan variabel. - Microsoft Visual Studio 2010
PRAKTIKUM 2 I. JUDUL Variabel, Tipe Data dan II. TUJUAN - Memahami Variabel ; - Memahami Penggunaan Tipe Data; - Memahami Penggunaan III. ALAT DAN BAHAN - Microsoft Visual Studio 2010 IV. DASAR TEORI Tipe
Lebih terperinciJavaScript. Pemrograman Web 1. Genap
JavaScript Pemrograman Web 1 Genap 2011-2012 Pengenalan JavaScript Apa itu JavaScript? JavaScript adalah bahasa Scripting, bukan bahasa pemrograman. JavaScript didisain untuk membuat halaman HTML menjadi
Lebih terperinciBab 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 terperinciMuhammad Bagir., M.T.I
Muhammad Bagir., M.T.I Terakhir : Magister Teknologi Informasi, FASILKOM Universitas Indonesia 2006 Experience : Ccit FT UI 2007 2014, Pengajar SML Technology 2014 2015, Manajer IT Development Multimatic
Lebih terperinciBAB III Validasi HTML5
1 Modul Praktikum Pemprograman Web BAB III Validasi HTML5 A. Tujuan Memahami konsep dasar active web page, Mampu menghasilkan halaman web yang interaktif, Mampu memanfaatkan validasi data menggunakan HTML5.
Lebih terperinciAtribut 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 terperinciA. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML
Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan
Lebih terperinciPengenalan JavaScript
Pengenalan JavaScript Tujuan - Mahasiswa memahami konsep dasar Javascript - Mahasiswa mampu memahami cara menggunakan Javascript - Mahasiswa mampu memahami dasar variabel di Javascript - Mahasiswa mampu
Lebih terperinciMODUL 1 STANDAR INPUT DAN OUTPUT
MODUL 1 STANDAR INPUT DAN OUTPUT A. TUJUAN 1. Memahami input dan output dasar pada bahasa pemrograman C/C++ 2. Memahami operasi dasar untuk input dan output pada bahasa pemrograman C/C++ 3. Mampu menciptakan
Lebih terperinciMODUL 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 terperinciMODUL VI PROSEDUR. Secara garis besar ada dua keuntungan yang bisa diperoleh dari pemakaian prosedur, yaitu:
MODUL VI PROSEDUR A. TUJUAN 1. Mahasiswa dapat memahami fungsi dari prosedur 2. Mahasiswa dapat membuat fungsi prosedur pada VB 3. Mahasiswa mengetahui fungsi dari pembuatan prosedur pada VB B. ALOKASI
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL III JAVA SCRIPT I. PENGERTIAN JAVA SCRIPT
Lebih terperinciPOLITEKNIK ELEKTRONIKA NEGERI SURABAYA
WEB DESAIN Pengenalan JavaScript Alfira Rizky Ayuputri 4103141039 3 D3 Multimedia Broadcasting B Dwi Susanto, S.ST, MT. D3 Teknologi Multimedia Broadcasting Departemen Multimedia Kreatif POLITEKNIK ELEKTRONIKA
Lebih terperinciJavascript merupakan suatu bahasa yang perkembangannya lambat di bandingkan dengan Java yang berkembang sangat cepat. Di Javascript kita tidak
Pemrograman Web JavaScript? Java Script merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. Program
Lebih terperinciSub Pokok Bahasan. Pemrograman Basis Data Berbasis Web. JavaScript? Javascript vs. Java? 28/09/ JavaScript
Sub Pokok Bahasan Pemrograman Basis Data Berbasis Web JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar pada JavaScript Kotak Dialog Variabel Operator Struktur Kontrol
Lebih terperinciLAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT Di susun oleh : Galuh Meidaluna 4103141023 Dosen : Dwi Susanto ST. MT TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinci1 MODUL 8 POINTER MODUL 8 POINTER
1 MODUL 8 POINTER MODUL 8 POINTER A. TUJUAN Setelah mempelajari bab ini diharapkan mahasiswa akan mampu: - Mengenal dan memahami penggunaan pointer dalam listing program - Membuat program sederhana dengan
Lebih terperinciPerancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML
Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada
Lebih terperinciPEMROGRAMAN WEB 08 JavaScript Dasar
PEMROGRAMAN WEB 08 JavaScript Dasar Andi WRE JavaScript Scripting language Lightweight scripting language Client-side scripting language Membuat halaman web menjadi lebih interaktif Digunakan untuk menambahkan
Lebih terperinciKURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML FORM JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta FORM 9.1 Form Input HTML Form digunakan untuk mengumpulkan data dari user atau pengguna
Lebih terperinciSTMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM
Pemrograman Web // IInternet 1 Pengenallan Perancangan Web S1-TII//D3-TII//S1-SII matterri i:: JavaScrri iptt STMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM CLIENT SIDE SCRIPT - JAVASCRIPT WIDHIARTA,
Lebih terperinciHTML DOM #1 Yosef Murya Kusuma Ardhana. ST., M.Kom
HTML DOM #1 Yosef Murya Kusuma Ardhana. ST., M.Kom HTML? HTML merupakan singkatan dari Hypertext Markup Language. HTML adalah sekumpulan text atau file ASCII yang berisi intruksi atau perintah program
Lebih terperinciHTML DOM. Pemrograman Web 1. Genap
HTML DOM Pemrograman Web 1 Genap 2011-2012 HTML DOM DOM, singkatan dari Document Object Model, adalah sebuah cross-platform dan sebuah bahasa independen untuk merepresentasikan dan berinteraksi dengan
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciBAB VIII PEMROSESAN FORM
BAB VIII PEMROSESAN FORM A. KOMPETENSI DASAR Memahami konsep dasar transfer data dari form HTML. Mampu menangani masukan data dari form HTML. Mampu melakukan inisiasi nilai pada elemen-elemen form HTML.
Lebih terperinciPengembangan Web. Ramos Somya
Pengembangan Web Ramos Somya Java Script itu adalah bahasa pemrograman, yang sering digunakan untuk membangun halaman web, sehingga lebih interaktif. Seringkali digunakan buat hal2 seperti nampilin tanggal,
Lebih terperinciBAB VII DASAR-DASAR PHP
BAB VII DASAR-DASAR PHP A. KOMPETENSI DASAR Memahami struktur dasar dokumen PHP. Mampu membuat dokumen PHP yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk mengolah dan menampilkan informasi.
Lebih terperinciMODUL IV CONDITION 1
MODUL IV CONDITION 1 A. TUJUAN Memahami bentuk-bentuk condition Memiliki strategi dalam penggunaan condition Mampu menyelesaikan kasus-kasus yang melibatkan condition B. ALOKASI WAKTU 4 js (4 x 50 menit)
Lebih terperinciModul 6 Java Scripts I
Modul 6 Java Scripts I 1.1 Tujuan a. Mahasiswa dapat mengoperasikan struktur java scripts b. Mahasiswa dapat memakai objeck dan form pada java scripts 1.2 Materi a. Java Scripts b. Pemrograman c. Form
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciBelajar 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 terperinciConditional PRAKTIKUM PHP Conditional, Array & Perulangan di PHP
PRAKTIKUM PHP 4 1. Conditional, Array & Perulangan di PHP Tutorial Conditional, Array & Perulangan di PHP ini akan menjelaskan tentang Conditional atau penggunaan "if" dan "else", dilanjutkan dengan penjelasan
Lebih terperinciMODUL 5 JAVA SCRIPT. Sub : PENGENALAN
MODUL 5 JAVA SCRIPT Sub : PENGENALAN Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 5 5.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah javascript 2. Mahasiswa
Lebih terperinciMODUL IX FORM. 9.1 Pendahuluan
MODUL IX FORM 9.1 Pendahuluan Sebuah halaman dapat berisi informasi yang sifatnya statis dan adapula yang bersifat dinamis. Bersifat statis artinya informasi yang ditampilkan cenderung tetap, apabila ingin
Lebih terperinciModul 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 terperinci1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML
Bab 4. Form Overview Salah satu fasilitas yang disediakan oleh dokumen HTML memungkinkan kita untuk melakukan interaksi lebih terhadap halaman dokumen tersebut. Semisal, kemampuan dokumen HTML mampu menyediakan
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB
MODUL PRAKTIKUM PEMROGRAMAN WEB Pengenalan PHP, HTML, CSS dan Javascript LABORATORIUM KOMPUTER UNIVERSITAS UBUDIYAH INDOENSIA MODUL PRAKTIKUM PEMROGRAMAN WEB 1. Review HTML 5 part 1 (Basic Attribute +
Lebih terperinciMODUL PRATIKUM 08A PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 08A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 08A Java Script A. TUJUAN
Lebih terperinciGBPP dam SAP Java Script
GARIS-GARIS BESAR PROGRAM PENGAJARAN (GBPP) A.IDENTITAS MATAKULIAH 1. Judul Mata Kuliah Komputer Aplikasi IT-2 (Java Script) 2. Kode MK/SKS TI.../2 Sks 3. Semester II 4. Jurusan Teknik Industri 5. Sifat
Lebih terperinciPanduan 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 terperinciPENGANTAR 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 terperinciMODUL. Pointer. Modul Praktikum C++ Dasar Pemrograman Komputer JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK
MODUL 7 Pointer Modul Praktikum C++ Dasar Pemrograman Komputer Semester Genap 2017/2018 JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK MODUL 7 POINTER A. Tujuan Setelah mempelajari bab ini diharapkan mahasiswa
Lebih terperinciModul 5 -Javascript-
Modul 5 -Javascript- Pengertian: Javascript adalah bahasa script yang bisa dijalankan di browser, dan biasa disebut dengan client side programming. Client di sini adalah browser, seperti: Google Chrome,
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-8 (PHP Dasar [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan PHP? Komponen yang dibutuhkan PHP File Mendeklarasikan
Lebih terperinciForm identik dengan formulir
Oleh : Moh Sulhan Form identik dengan formulir Form sangat dibutuhkan pada saat kita mengizinkan/menginginkan adanya nilai (data) yang dipilih atau dimasukkan olehpengguna. Kapasitas dari form hanya menyediakan
Lebih terperinciPEMROGRAMAN 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 terperinciTutorial Jquery. Untuk mencari sebuah element HTML, dengan JavaScript kita menggunakan fungsi getelementbyid():
Tutorial Jquery Apa itu Jquery? Sederhananya Jquery adalah sebuah library JavaScript. Dimana library adalah kumpulan dari berbagai fungsi siap pakai untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian,
Lebih terperinciDOM (Document Object Model) dan Event
DOM (Document Object Model) dan Event Tujuan Praktikum - Praktikan mampu mengakses DOM dalam HTML dan mengatur event pada elemenelemen dalam dokumen HTML Pengantar Ketentuan yang dikembangkan oleh W3C
Lebih terperinciHTML (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 terperinciPemrograman 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 terperinciMODUL 10 PENGENALAN PHP. (Variabel, Operator, struktur control)
MODUL 10 PENGENALAN PHP (Variabel, Operator, struktur control) Tujuan : Mampu menjelaskan perintah-perintah dasar-dasar PHP (Variabel, Operator, struktur control) dan membuat aplikasi dengan perintah-perintah
Lebih terperinciMODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya
MODUL 2 HTML LANJUT (Tabel, Form, dan Frame) Tujuan Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya Tugas Pendahuluan 1. Apa yang anda ketahui tentang tabel,
Lebih terperinciDasar-dasar jquery. Disampaikan pada Kelas Daring BlankOn, 1 Oktober Fitra Aditya /
Dasar-dasar jquery Disampaikan pada Kelas Daring BlankOn, 1 Oktober 2012 Fitra Aditya fitra@di.blankon.in / http://fitraditya.wordpress.com/ Pendahuluan Sebelum mempelajari jquery, ada baiknya kita mengetahui
Lebih terperinciPertemuan 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 terperinciMODUL 11 PHP&MYSQL UPDATE & SEARCHING
MODUL 11 PHP&MYSQL UPDATE & SEARCHING PEMROGRAMAN WEB 2 TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG 2015/2016 Latihan kali ini menggabungkan aplikasi- aplikasi yang sudah kita buat sebelumnya agar
Lebih terperinci1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form. 3. Praktikan mengetahui Control Text dan penggunaannya pada form
MODUL 2 Form dan JSP TUJUAN PRAKTIKUM : 1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form 2. Praktikan mengetahui elemen-elemen dari form 3. Praktikan mengetahui Control Text
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciHTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO
HTML5 Komplet HTML5 Komplet Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO HTML5 Komplet Jubilee Enterprise 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan
Lebih terperinciOtodidak Pemrograman JavaScript
Otodidak Pemrograman JavaScript Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud
Lebih terperinciMODUL 4 JAVASCRIPT: DASAR, VARIABEL, & FUNGSI
MODUL 4 JAVASCRIPT: DASAR, VARIABEL, & FUNGSI RINGKASAN Setelah Anda berlatih untuk mengenal salah satu elemen DHTML yaitu CSS, sudah saatnya Anda berlatih untuk mengenal pemrograman web yang sebenarnya,
Lebih terperinciBelajar Java Script.
Belajar Java Script taryanarx@yahoo.com http://kuliahonline.unikom.ac.id Target Pencapaian Siswa mengetahui dasar-dasar perintah dalam java script dan mengaplikasinnya dalam program 1. Java Script Java
Lebih terperinciMODUL 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 terperinciCHAPTER 1 BASIC PROGRAMING WITH PHP AND JAVASCRIPT (AJAX) ( Janitra Panji Satria Soekarta ) UNIKU Pemrograman Web 2
CHAPTER 1 BASIC PROGRAMING WITH PHP AND JAVASCRIPT (AJAX) ( Janitra Panji Satria Soekarta ) Apa Itu PHP? Dan apa yang dapat dilakukannya? Sebuah bahasa pemrograman yang menitik beratkan pada aplikasi web.
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-8 (PHP Dasar [1]) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan PHP? Komponen yang dibutuhkan PHP File Mendeklarasikan PHP PHP Sederhana
Lebih terperinciMODUL IV DHTML DAN JAVASCRIPT
MODUL IV DHTML DAN JAVASCRIPT A. TUJUAN Memahami konsep dasar active web page. Mampu menghasilkan halaman web yang interaktif. Mampu memanfaatkan bahasa scripting untuk operasi-operasi spesifik dan validasi
Lebih terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Lebih terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
Lebih terperinciMelewatkan Nilai ke Web Server melalui Field tersembunyi
Halaman 151-156 Chapter 3 HTML Form M.Ikhwan Bayu Handono 08018279/kelas A Melewatkan Nilai ke Web Server melalui Field tersembunyi Sebuah field tersembunyi, seperti namanya, adalah elemen yang bentuk
Lebih terperinciYUPOCOM COMPUTER EDUCATION. JavaScript. 1. Mengenal JavaScript Hal yang harus diketahui Apa itu JavaScript. 2.
1. Mengenal JavaScript 1.1. Hal yang harus diketahui 1.2. Apa itu JavaScript 2. Sintak JavaScript 3. Peletakan JavaScript 4. Statemen JavaScript 4.1. JavaScript Statemen 4.2. Semicolon 4.3. Code JavaScript
Lebih terperinciModul 5 AJAX TUJUAN PRAKTIKUM : PERLENGKAPAN PRAKTIKUM LANDASAN TEORI. Latar Belakang Munculnya Ajax. Definisi Ajax.
Modul 5 AJAX TUJUAN PRAKTIKUM : 1. Praktikan mengetahui dan mengerti konsep Ajax dalam Java J2EE. 2. Praktikan dapat memahami manfaat dan batasan Ajax. 3. Praktikan mampu mengimplementasikan Ajax dalam
Lebih terperinciLimitasi Text Input dengan Javascript
Limitasi Text Input dengan Javascript Oleh: d-newbie Assalamualaikum. wr.wb.sampai jumpa kembali pada kesempatan kali ini saya akan menulis tutorial tentang limitasi inputan dengan menggunakan javascript,
Lebih terperinciPENGENALAN 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 terperinciMODUL IV CONDITION 2
MODUL IV CONDITION 2 A. TUJUAN Memahami bentuk-bentuk condition Memiliki strategi dalam penggunaan condition Mampu menyelesaikan kasus-kasus yang melibatkan condition B. ALOKASI WAKTU 4 js (4 x 50 menit)
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinci