HTML Uncover. Duniailkom Duniailkom
|
|
- Hadi Tedja
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 HTML Uncover Duniailkom 2015 Duniailkom
3 Contents 1. Berkenalan Dengan HTML (Contoh Bab 1) Pengertian HTML Fungsi HTML Struktur Dasar HTML (Contoh Bab 4) Pengertian Tag, Atribut dan Element HTML Struktur Dasar HTML Audio dan Video Element (Contoh Bab 9) Audio Element Atribut Scr Atribut Controls Atribut Autoplay Atribut Loop HTML5 Form Element (Contoh Bab 12) Validasi Form Input Element Type Color Input Element Type
4 1. Berkenalan Dengan HTML (Contoh Bab 1) HTML adalah dasar dari seluruh halaman web yang ada di Internet. Dalam bab pembuka buku HTML Uncover ini saya akan mengajak anda untuk berkenalan dengan HTML. Kita akan mempelajari apa itu HTML, fungsi HTML, serta melihat sekilas cara penggunaan HTML dalam situs online. 1.1 Pengertian HTML Walaupun saya yakin sebagian besar dari anda telah mengenal apa itu HTML, atau sudah pernah membuat beberapa kode HTML, tidak ada salahnya kita membahas sekilas tentang pengertian HTML. Barangkali butuh untuk tugas / bahan presentasi :) HTML merupakan singkatan dari Hypertext Markup Language. Singkatan ini terdiri dari 3 komponen kata, yakni: Hypertext, Markup dan Language. Kata Hypertext dari HTML menekankan pengertian: text yang lebih dari sekedar teks ( hyper - text). Maksudnya selain berfungsi sebagai teks biasa, sebuah teks di dalam HTML juga bisa berfungsi sebagai penghubung ke halaman lain atau dikenal dengan istilah link. Nantinya kita juga akan melihat bahwa tidak hanya teks saja yang bisa digunakan sebagai link, tetapi bisa berupa gambar. Link inilah yang menjadi inti dari HTML. Kata kedua dari singkatan HTML adalah Markup. Markup dapat diterjemahkan sebagai tanda atau penanda (bahasa inggris: mark). Di dalam HTML, kita akan menggunakan tanda-tanda khusus seperti <p>, <a>, atau <li>. Tanda ini diperlukan untuk mengatur format dan membuat struktur halaman web. Bagian terakhir dari HTML adalah Language. Istilah language jika diterjemahkan berarti: bahasa. Khusus bagi anda yang pernah berkenalan dengan bahasa pemrograman komputer, disini HTML tidak menggunakan Programming Language, tetapi hanya Language saja. Hal ini secara tidak langsung menyatakan bahwa HTML bukanlah sebuah bahasa pemrograman. HTML tidak memiliki struktur dasar seperti variabel, kondisi IF, function, atau class seperti layaknya sebuah bahasa pemrograman komputer. Walaupun menyebut HTML sebagai sebuah bahasa pemrograman secara teknis tidaklah pas, namun untuk menyederhanakan konsep belajar, istilah tersebut masih saya gunakan di dalam buku ini. Merangkum penjelasan diatas, dapat disimpulkan bahwa HTML adalah sebuah bahasa khusus yang ditulis menggunakan tanda-tanda (mark) untuk membuat halaman web. 1
5 Berkenalan Dengan HTML (Contoh Bab 1) 2 Agar lebih lengkap, mari kita lihat defenisi HTML dari wikipedia¹: HTML or HyperText Markup Language is the standard markup language used to create web pages. Terjemahan bebasnya: HTML atau HyperText Markup Language adalah bahasa markup standar yang digunakan untuk membuat halaman web. Ternyata lebih sederhana dari penjelasan saya diatas. 1.2 Fungsi HTML Seperti yang kita ketahui bahwa HTML digunakan untuk membuat halaman web. Tetapi apa sebenarnya fungsi dari HTML? Dalam proses web development (proses pembuatan web), HTML berfungsi untuk membuat struktur dari sebuah website. HTML digunakan untuk menandai bagian mana yang akan menjadi judul artikel, bagian mana yang berfungsi sebagai isi artikel, atau bagian mana yang butuh disajikan dalam bentuk tabel. Mengenai tampilan dari website tersebut (misalnya apakah akan menggunakan warna background biru atau merah), diserahkan kepada teknologi web lain yang dikenal dengan CSS (Cascading Style Sheet). Saat ini, untuk membuat sebuah web modern, tidak bisa hanya menggunakan HTML + CSS saja, tetapi juga memerlukan bantuan bahasa pemrograman web lain seperti JavaScript. Di sini saya menggunakan istilah web modern, karena kita memang bisa membuat website dengan menggunakan HTML saja (tanpa CSS dan JavaScript), tetapi web yang dihasilkan akan terkesan jadul karena tidak memiliki tampilan yang cantik (sesuai standar saat ini). Sama seperti HTML, CSS sebenarnya juga bukan bahasa pemrograman, tetapi adalah bahasa kode yang mirip dengan HTML. Beberapa pertanyaan yang sering muncul ketika baru pertama kali mempelajari HTML adalah bagaimana cara menampilkan bingkai (border) dari gambar atau bagaimana cara membuat menu bar yang muncul sendiri ketika mouse berada diatasnya (menu rollover)? Semua efek tampilan dan interaksi seperti ini tidak bisa dilakukan dengan HTML saja (terutama untuk menu rollover), tetapi dibuat dengan gabungan HTML + CSS + JavaScript. Dilihat dari sisi fungsinya, ketiga teknologi web ini berbagi peran masing-masing. HTML digunakan untuk membuat struktur konten atau isi dari halaman web. CSS berfungsi untuk memperindah tampilan, sedangkan JavaScript berperan untuk membuat interaksi. ¹
6 Berkenalan Dengan HTML (Contoh Bab 1) 3 Sebutan kerennya: HTML for content, CSS for presentation and JavaScript for behavior. Ketiga teknologi inilah yang mendasari semua website yang ada di internet saat ini. Walaupun HTML sepertinya tidak terlalu powerful, tetapi ia adalah dasar dari semuanya. Baik CSS maupun JavaScript harus memiliki struktur HTML untuk dapat bekerja. Bahasa pemrograman web lain seperti PHP atau ASP juga digunakan untuk menghasilkan HTML. Sehingga HTML memiliki peran paling penting dan mutlak harus dikuasai sebelum masuk kedalam teknologi web lain seperti CSS, JavaScript, atau PHP. Dalam buku ini saya akan fokus membahas tentang HTML, namun seperti yang dijelaskan diatas, HTML sangat berkaitan dengan CSS dan JavaScript. Oleh karena itu, saya juga akan menggunakan CSS dan JavaScript ketika membahas beberapa fitur HTML. Sebagai bahan perkenalan dengan kedua teknologi ini, saya juga menyertakan bab khusus di akhir buku yang membahas sekilas tentang cara penggunaan CSS dan JavaScript.. Saya juga berencana membuat ebook khusus yang akan membahas secara mendalam tentang CSS dan JavaScript. Mudah-mudahan buku tersebut telah tersedia ketika anda selesai mempelajari buku HTML Uncover ini.
7 2. Struktur Dasar HTML (Contoh Bab 4) Dalam bab keempat ini akan dibahas tentang cara penulisan HTML. Kita akan mulai dengan mempelajari pengertian tag, element, dan atribut pada HTML, melihat struktur dasar dari kode HTML, mengenal aturan penulisan HTML, serta melakukan validasi kode HTML agar memenuhi standar W3C. 2.1 Pengertian Tag, Atribut dan Element HTML Tag, atribut dan element adalah 3 bagian inti yang membangun HTML. Mari kita bahas sejenak pengertian ketiga aspek ini. Pengertian Tag Dari file hello_world.html yang telah kita jalankan dalam bab sebelumnya, tentunya anda sudah mengetahui bahwa file HTML ditulis dengan menggunakan tanda-tanda seperti <html>, <head>, <body>atau <p>. Tanda-tanda ini dikenal dengan sebutan HTML tag. Tag di dalam HTML berfungsi untuk memberi tahu web browser apa dan bagaimana sebuah teks harus ditampilkan. Sebagaimana yang telah kita pelajari, file HTML hanyalah sebuah file text biasa. Web browser lah yang akan memproses file tersebut dan menampilkan hasilnya. Sebagian besar tag-tag HTML ditulis secara berpasangan, yang terdiri dari tag pembuka dan tag penutup. Tag pembuka ditulis menggunakan kurung siku, seperti <p>. Sedangkan tag penutup ditulis dengan menambahkan tanda garis miring/backslash seperti </p>. Tanda p disini berarti paragraf, dimana kita memberitahukan kepada web browser bahwa seluruh teks yang berada diantara tag pembuka <p> dan tag penutup </p> adalah sebuah paragraf. Sebagai contoh, jika saya ingin membuat struktur teks yang terdiri dari 2 paragraf, maka saya menulisnya sebagai berikut: <p>ini adalah paragraf pertama</p> <p>ini adalah paragraf kedua </p> Ketika web browser membaca kode diatas, teks diantara tag <p> dan tag </p> akan ditampilkan sebagai paragraf yang terpisah. Setiap tag memiliki fungsi dan peran masing-masing. Secara total, terdapat sekitar seratusan tag di dalam HTML. Walaupun HTML memiliki banyak tag, tidak semuanya harus digunakan. Sebagai contoh, tag <p> akan sangat sering kita jumpai, tetapi tag <kbr> relatif jarang ditemukan. 4
8 Struktur Dasar HTML (Contoh Bab 4) 5 Dalam buku ini kita akan mempelajari sebagian besar tag-tag yang ada di dalam HTML, terutama tag-tag yang sering digunakan dan memiliki peran penting untuk membuat struktur halaman. Dalam menjalankan tugasnya, tag HTML memerlukan atribut. Pengertian Atribut Atribut adalah informasi tambahan yang ditulis pada tag pembuka. Fungsi dari atribut ini bermacam-macam tergantung nilai dan pada tag mana ia ditempatkan. Beberapa atribut bersifat umum dan bisa digunakan dalam seluruh tag (dikenal sebagai global atribut), tetapi kebanyakan hanya berfungsi untuk tag tertentu saja. Atribut terdiri dari pasangan nama atribut dan nilai atribut. Sebagai contoh, untuk menambahkan atribut class dengan nilai pertama kedalam tag <p>, cara penulisannya adalah sebagai berikut: <p class="pertama">ini adalah paragraf pertama</p> Penulisan nilai dari atribut boleh menggunakan tanda kutip dua ( ) seperti diatas, atau boleh juga menggunakan tanda kutip satu ( ) seperti contoh berikut: <p class='pertama'>ini adalah paragraf pertama</p> Dalam HTML, penulisan nilai atribut diantara tanda kutip sebenarnya bersifat opsional (boleh tidak ditulis). Contoh diatas juga bisa dibuat sebagai berikut: <p class=pertama>ini adalah paragraf pertama</p> Penulisan nilai atribut tanpa tanda kutip seperti diatas tidak salah dan tetap valid di dalam HTML. Akan tetapi, jika nilai dari atribut terdiri dari 2 kata atau lebih, maka kita harus menggunakan tanda kutip, seperti contoh berikut: <p class="pertama penting">ini adalah paragraf pertama dan penting</p> Penggunaan tanda kutip untuk nilai atribut berasal dari format XHTML, dimana setiap atribut harus ditutup dengan tanda kutip. HTML5 tidak mengharuskan cara penulisan tanda kutip ini. Walaupun demikian, kebanyakan programmer tetap menambahkannya.
9 Struktur Dasar HTML (Contoh Bab 4) 6 Pengertian Element Istilah ketiga yang masih berkaitan dengan tag dan atribut adalah element. Di dalam HTML, element adalah satu bagian utuh yang terdiri dari tag, atribut, dan seluruh teks yang berada di antara tag pembuka dan penutup. Agar lebih jelas, konsep dari element ini dapat anda lihat dalam gambar dibawah ini. Gambar: Bagian tag, atribut dan element dari HTML Dari gambar diatas kita dapat melihat bahwa element mencakup tag, atribut dan seluruh isi dari tag tersebut, termasuk jika didalamnya juga terdapat tag lain. Dalam pembahasan HTML, istilah tag dan element kadang saling dipertukarkan. Beberapa referensi lebih banyak menyebut tag <p>, tetapi ada pula yang mengebutnya sebagai element p. Dalam buku ini saya akan menggunakan keduanya secara bergantian. Untuk penulisan judul, saya cenderung menggunakan istilah element, dan menggunaan istilah tag dalam pembahasan. Tag, atribut dan element adalah inti dari HTML. Kita akan mempelajarinya sepanjang buku ini. 2.2 Struktur Dasar HTML File hello_world.html yang kita jalankan sebelum ini sebenarnya telah memenuhi struktur dasar dari sebuah file HTML. Mari kita lihat kembali kode HTML tersebut: hello_world.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>belajar HTML</title> 6 </head> 7 <body> 8 <h1>belajar HTML</h1>
10 Struktur Dasar HTML (Contoh Bab 4) 7 9 <p>hello World </p> 10 </body> 11 </html> Jika anda perhatikan, sebagian besar tag-tag diatas saling berpasangan, kecuali tag <!DOCTYPE html> dan <meta charset="utf-8">. Beberapa tag juga berada di dalam tag lain. Mari kita bahas mulai dari baris pertama.
11 3. Audio dan Video Element (Contoh Bab 9) Pada awalnya, HTML hanya digunakan sebagai sarana berbagi hasil penelitian antar ilmuwan, dimana sebagian besar konten terdiri dari teks, tabel, dan gambar. Saat ini berbagai situs web saling berlomba menampilkan konten multimedia untuk menarik perhatian pengunjung. Salah satunya dengan menambahkan file multimedia seperti audio dan video. Sebelum kehadiran HTML5, untuk menjalankan file multimedia, kita harus bergantung kepada aplikasi pihak ketiga seperti adobe flash. Oleh karenanya, setiap komputer harus terinstall adobe flash player. Jika pengunjung tidak memiliki aplikasi adobe flash player, video tidak bisa dijalankan. Keterbatasan inilah yang membuat berbagai pihak mendesak agar HTML dapat mendukung audio dan video tanpa bantuan aplikasi lain. W3C dan WHATWG menjawab masalah ini dengan menyediakan tag <audio> dan <video>. Tag <audio> dan <video> adalah fitur HTML5 yang relatif baru. Dengan demikian, tidak semua web browser mendukung tag ini. Secara umum versi terbaru web browser Google Chrome, Mozilla Firefox, dan Opera mendukung penuh tag <audio> dan <video>. Yang sering menjadi masalah adalah web browser Internet Explorer 8 (bawaan Windows 7) dan versi IE dibawahnya. 3.1 Audio Element HTML5 menyediakan tag <audio> untuk menjalankan file audio. Berikut adalah cara penggunaan tag <audio>: <audio src="lagu.mp3"></audio> Seperti yang terlihat, penulisan tag <audio> mirip dengan tag <img>, namun tag ini harus ditulis berpasangan dengan tag penutup </audio>. Jika anda menjalankan kode diatas, tidak akan terlihat tampilan apa-apa di dalam web browser. Kita perlu menambahkaan beberapa atribut yang akan dibahas setelah ini. 3.2 Atribut Scr Atribut scr (source) digunakan sebagai penunjuk lokasi file audio. Dalam contoh diatas, file lagu.mp3 harus berada dalam folder yang sama dengan file HTML. Anda bisa meletakkan file audio dimana saja selama bisa diakses menggunakan alamat relatif maupun alamat absolut (mengenai perbedaan kedua alamat ini telah kita bahas pada bab 6). 8
12 Audio dan Video Element (Contoh Bab 9) Atribut Controls Agar kita bisa memutar file audio, perlu ditambahkan atribut controls kepada tag <audio>, seperti berikut ini: index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>belajar Audio Element</title> 6 </head> 7 <body> 8 <audio src="lagu.mp3" controls></audio> 9 </body> 10 </html> Atribut controls berfungsi untuk menampilkan tombol control pada audio player, yakni tombol play/stop, slider, volume, timer, dll. Jika tag <audio> ditulis tanpa menggunakan atribut controls, tidak akan terlihat tampilan apa-apa. Tampilan player untuk tag <audio> berbeda dari browser ke browser. Anda dapat melihat perbedaan tampilan audio player pada berbagai web browser dari gambar dibawah ini: Gambar: Tampilan audio player pada Firefox (atas), Chrome (tengah), dan Opera (bawah)
13 Audio dan Video Element (Contoh Bab 9) Atribut Autoplay Kita juga bisa menambahkan atribut autoplay pada tag <audio>. Atribut ini akan membuat audio langsung berjalan ketika halaman web ditampilkan. Tanpa atribut ini, file audio hanya akan berjalan ketika tombol player di tekan. Berikut contoh penggunaannya: <audio src="lagu.mp3" controls autoplay></audio> Silahkan jalankan kode diatas, dan audio akan langsung terdengar ketika halaman web ditampilkan. Jika atribut autoplay digunakan tanpa atribut controls, maka anda dapat membuat halaman web dengan audio yang langsung berjalan, namun tidak bisa dihentikan. Sehingga satusatunya cara untuk menghentikan musik adalah dengan menutup halaman web. Berikut contoh penggunaannya: index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>belajar Audio Element</title> 6 </head> 7 <body> 8 <audio src="lagu.mp3" autoplay></audio> 9 </body> 10 </html> 3.5 Atribut Loop Secara default, audio akan berhenti setelah diputar. Apabila anda ingin audio tersebut otomatis diulang kembali dari awal, bisa menambahkan atribut loop. Berikut contohnya: <audio src="lagu.mp3" loop controls></audio> Untuk mencoba efek atribut loop, silahkan lompati musik hingga di akhir durasi, dan file audio akan otomatis diputar kembali dari awal. Efek seperti ini cocok untuk membuat musik backgound yang diputar terus menerus.
14 4. HTML5 Form Element (Contoh Bab 12) Setelah membahas tentang cara pembuatan form HTML dasar dalam bab sebelumnya, kali ini kita akan fokus kepada fitur-fitur form terbaru dari HTML5. HTML5 membawa berbagai objek form dan atribut baru, serta fitur validasi tanpa menggunakan JavaScript. 4.1 Validasi Form Validasi menjadi aspek penting dalam setiap form. Validasi adalah proses untuk memastikan data inputan form telah sesuai dengan yang diharapkan. Misalnya, untuk form umur seharusnya hanya diisi dengan angka, akan tetapi pengguna yang usil atau sedang terburu-buru bisa saja men-input huruf ke dalam inputan ini. Proses validasi biasanya dilakukan dua kali, yakni di sisi client (web browser) menggunakan JavaScript, dan disisi server (menggunakan PHP). Validasi di sisi server relatif lebih aman, karena pengguna tidak bisa men-interupsi proses yang terjadi. Akan tetapi agar dapat diproses, data form harus dikirim terlebih dahulu ke server, dan jika ditemukan kesalahan, form kembali ditampilkan ke web browser. Alur seperti ini terus dilakukan hingga seluruh data form lolos validasi. Jika koneksi internet lambat, proses ini bisa memakan waktu yang tidak sebentar. Dilain pihak, validasi menggunakan JavaScript berjalan di web browser, sehingga dieksekusi pada saat itu juga. Namun proses ini bisa diinterupsi oleh pengguna (misalnya dengan mematikan JavaScript). Oleh karena itu validasi di sisi server tetap diperlukan. Membuat validasi membutuhkan waktu yang tidak sebentar, namun sangat penting. Oleh karena itulah WHATWG dan W3C menghadirkan fitur validasi form kedalan HTML5. Walaupun tidak sepenuhnya menggantikan peran JavaScript, fitur ini sangat menarik. Perlu untuk diingat tidak semua web browser mendukung HTML5. Bagi web browser yang tidak support, proses validasi tidak akan berjalan. 4.2 Input Element Type Color HTML5 menyediakan objek form khusus untuk memilih warna, yakni menggunakan atribut type="color" pada tag <input>. Ketika di pilih, objek form ini akan menampilkan jendela warna (color picker) tergantung dengan jenis web browser dan sistem operasi yang digunakan. Sebagai contoh, berikut adalah cara penggunaan input type color: 11
15 HTML5 Form Element (Contoh Bab 12) 12 index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>belajar Form HTML5</title> 6 </head> 7 <body> 8 <form action="prosesform.php" method="get"> 9 <p>warna kesukaan: <input type="color" name="warna"></p> 10 <p><input type="submit" value="kirim Data"></p> 11 </form> 12 </body> 13 </html> Gambar: Tampilan form input type="color" Ketika objek form dipilih, nilai yang dikirim adalah angka heksadesimal warna dengan format #RRGGBB. Jika anda sudah pernah mempelajari CSS, tentunya tidak asing dengan format warna ini. R mewakili warna merah (Red), G warna hijau (Green) dan B adalah warna biru (Blue). Sebagai contoh, ketika saya memilih warna merah, berikut adalah hasil yang didapat:
16 HTML5 Form Element (Contoh Bab 12) 13 file:///d:/belajar_html/prosesform.php?warna=%23ff0000 Karakter %23 adalah hasil konversi tanda # menjadi karakter ASCII. 4.3 Input Element Type adalah salah satu isian form yang hampir selalu diperlukan dalam setiap form registrasi / login. Oleh karena hal inilah HTML5 menyediakan atribut type=" " untuk tag <input>. Objek form input type tampak seperti text box reguler, akan tetapi web browser menambahkan proses validasi untuk memeriksa isian form agar memenuhi format alamat . Sebuah alamat yang valid, dimulai dengan beberapa karakter, kemudian diikuti oleh dan diakhiri dengan nama domain, seperti yahoo.com, atau gmail.com. Jika pengguna tidak menginput sesuai dengan format ini, form akan menampilkan pesan error ketika form di-submit. Berikut contoh penulisan tag input type index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>belajar Form HTML5</title> 6 </head> 7 <body> 8 <form action="prosesform.php" method="get"> 9 <p> <input type=" " name=" "></p> 10 <p><input type="submit" value="kirim Data"></p> 11 </form> 12 </body> 13 </html> Untuk web browser yang mendukung HTML5, proses validasi akan menampilkan pesan error. Berikut contohnya di dalam Mozilla Firefox: Gambar: Tampilan form input type=" " Jika sesuai dengan format, maka form akan dikirim ke server:
17 HTML5 Form Element (Contoh Bab 12) 14 file:///d:/belajar_html/prosesform.php? =duniailkom%40gmail.com Tag input type juga mendukung atribut multiple. Atribut ini bisa digunakan untuk meninput beberapa alamat yang dipisah dengan tanda koma: index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>belajar Form HTML5</title> 6 </head> 7 <body> 8 <form action="prosesform.php" method="get"> 9 <p> <input type=" " name=" " multiple></p> 10 <p><input type="submit" value="kirim Data"></p> 11 </form> 12 </body> 13 </html> Gambar: Tampilan form input type=" " dengan atribut multiple Selain validasi, input type=" " juga memudahkan proses input menggunakan mobile web browser, seperti Android. Ketika pengisian form, keyboard virtual android akan langsung menyediakan agar mudah dipilih.. Pesan Error Saat Validasi Pesan error saat yang ditampilkan saat proses validasi berasal dari web browser. Jika web browser di-set menggunakan Bahasa Indonesia, pesan error ini juga akan ditampilkan dalam bahasa Indonesia. Jika setingan menggunakan Bahasa Inggris (default) maka pesan error di tampilkan dalama bahasa Inggris. Untuk mengubah isi pesan ini, bisa dilakukan melalui JavaScript.
18 HTML5 Form Element (Contoh Bab 12) 15. Gambar: Tampilan pesan kesalahan di Opera yang di set dengan Bahasa Indonesia
Pengenalan 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 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 terperinciInteractive Broadcasting
Modul ke: Interactive Broadcasting HTML Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Pengertian HTML Program adalah kata, ekspresi, pernyataan atau kombinasi
Lebih terperinciC. 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 terperinciCara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
Lebih terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
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 terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi
Lebih terperinciPEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018
PEMROGRAMAN BERBASIS WEB Part 1,2 HTML By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018 Referensi HTML5, JavaScript, and jquery 24-Hour Trainer, Copyright 2015 by
Lebih terperinciPemrograman WEB PERTEMUAN KE-1
Pemrograman WEB PERTEMUAN KE-1 Pengertian HTML HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya,
Lebih terperinciPengenalan Dasar HTML 5. Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG
Pengenalan Dasar HTML 5 Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG HTML adalah bahasa standar untuk membuat halaman Web HTML (Hypertext Markup Language) adalah suatu bahasa yang
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu
Lebih terperinciTEORI HTML. Informasi dari Internet dapat diakses Keseluruh dunia hanya dalam hitungan detik.
TEORI HTML Kata-kata Web sebenarnya penyederhanaan dari sebuah istilah dalam dunia komputer yaitu WORLD WIDE WEB yang merupakan bagian dari tekhnologi Internet. World wide Web atau disingkat dengan nama
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 terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinciBAB II. TINJAUAN PUSTAKA
BAB II. TINJAUAN PUSTAKA 2.1 Penelitian terdahulu Sebagai bahan pertimbangan dalam penelitian ini akan dicantumkan beberapa penalitian terdahulu oleh beberapa peneliti. Penelitian oleh Mufid Najmullah
Lebih terperinciMateri 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com
Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar 1. Memahami cara kerja world
Lebih terperinciHTML (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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Flash Audio Video
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Flash Audio Video Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciPelatihan Intel XDK. Modul 1. Pengenalan HTML5, Mobile Application, dan Intel XDK. Dikembangkan oleh Intel Software.
Pelatihan Intel XDK Modul 1. Pengenalan HTML5, Mobile Application, dan Intel XDK. Dikembangkan oleh Intel Software. 1 Versi 1.0. September 2013. Hak Cipta (C) 2013 Intel Software. Adobe, Adobe Edge, dan
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 terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Lebih terperinciFERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML
FERNANDYA RISKI HARTANTRI 09018173 / F DASAR-DASAR HTML Hypertext Markup Language, atau seperti yang lebih dikenal, HTML, adalah bahasa computer dari World Wide Web. Bila Anda membuat situs Web, Anda dapat
Lebih terperinciPemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu Belum pernah ada penelitian tentang website pre order back sound dan musik sebelumnya, secara umum website tentang musik yang sudah ada adalah website tempat
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 terperinciBab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Lebih terperinciBAB III LANDASAN TEORI
BAB III LANDASAN TEORI 3.1 Fotografi Amir Hamzah Sulaeman mengatakan bahwa fotografi berasal dari kata foto dan grafi yang masing-masing kata tersebut mempunyai arti sebagai berikut: foto artinya cahaya
Lebih terperinciPrak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com
Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat
Lebih terperinciBAB 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 terperinciBAB 4 IMPLEMENTASI DAN EVALUASI SISTEM
BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM 4. 1 Implementasi Sistem Atau Aplikasi 4. 1. 1 Spesifikasi Sistem Aplikasi pengolahan jurnal online berbasis web dibuat dengan menggunakan bahasa PHP 5.0 sebagai
Lebih terperinciMODUL 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 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
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 terperinciPENGERTIAN WEB web adalah
PENGANTAR WEB -YQ- PENGERTIAN WEB web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (text, gambar, suara, animasi, video) di dalamnya yang menggunakan protokol http (hypertext transfer
Lebih terperinciModul Praktikum Desain Web 2015
MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen
Lebih terperinciMateri 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com
Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Memahami cakupan materi dan sistem perkuliahan
Lebih terperinciBAB 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 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 terperinciPENGANTAR KOMPUTER DAN TI 2C
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 4 Peg. Komp & TI 2C M4 HyperText Markup Language (HTML) Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di
Lebih terperinciModul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman
Modul Web Design Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Materi: Pertemuan ke- Materi 1, 2 & 3. Konsep Dasar Web Design: Perencanaan WebSite Typografi,
Lebih terperinciBAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris
BAB 2 TINJAUAN PUSTAKA 2.1 XAMPP XAMPP merupakan singkatan dari : X A M P P : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris : Apache HTTP Server : MySQL Database Server : PHP Scripting
Lebih terperinciDESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id
DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah
Lebih terperinciLAPORAN RESMI. Flash, Audio dan Video. Dosen Pembimbing : Dwi SusantoS. ST, MT. Oleh Hamidah Nur Hidayati
LAPORAN RESMI Flash, Audio dan Video Dosen Pembimbing : Dwi SusantoS. ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK
Lebih terperinciHyperText Markup Language
1 HyperText Markup Language HTML merupakan sebuah bahasa Markup yang digunakan untuk mendeskripsikan dokumen/halaman Web. Bahasa Markup terdiri dari sekumpulan tag markup. Dokumen/halaman HTML dideskripsikan
Lebih terperinciTUTORIAL BELAJAR HTML
TUTORIAL BELAJAR HTML Gunawan Effendi gunawan_effendi@penulis.com :: http://penulis.com Abstrak Bahasa html merupakan markup (pelekat) untuk menampilkan teks, gambar dan multi media. Dalam html terdapat
Lebih terperinciBahasa Pemrograman Untuk Pembuatan Web
Bahasa Pemrograman Untuk Pembuatan Web Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak Bahasa Pemrograman (Programming Language). Apa itu? Bahasa Pemrograman adalah
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis
Lebih terperinciPertemuan II. Ali Tarmuji, S.T., M.Cs. Pemrograman Web. Teknik Informatika Fakultas Teknologi Industri.
Pertemuan II Ali Tarmuji, S.T., M.Cs. 1 Materi minggu ini: 2 3 Pemahaman Pemrograman: suatu usaha menulis suatu perintah (program aplikasi) sehingga komputer dapat menjalankan apa yang kita inginkan Pemrograman
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 terperinci: ANALISIS DAN PERANCANGAN SISTEM. berbasis web dengan gambaran umum rancangannya.
BAB 4 : ANALISIS DAN PERANCANGAN SISTEM Bab ini berisi tentang perancangan sistem aplikasi E- Learning berbasis web dengan gambaran umum rancangannya. BAB 5 : IMPLEMENTASI SISTEM Bab ini penulis menyajikan
Lebih terperinciHTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.
Lebih terperinciDaftar Isi. 2 P a g e
Daftar Isi A. Spesifikasi Website... 3 1. Spesifikasi Perangkat Lunak... 3 2. Komponen Website... 3 a. Panel Admin... 3 b. Website Utama... 4 B. Komponen Panel Admin... 4 1. Halaman Login... 4 a. Petunjuk
Lebih terperinciBAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional
BAB 2 LANDASAN TEORI 2.1 Sekilas Tentang Sistem Ujian Konevensional Dalam ujian konvensional,ada beberapa hal yang harus dipenuhi agar ujian bisa dilaksanakan secara layak. Hal yang utama adalah kertas.
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. a. Spesifikasi piranti keras pada local server: Processor : Intel Pentium IV 1.8 Ghz
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi yang Diperlukan 4.1.1 Spesifikasi Piranti Keras Berikut merupakan spesifikasi piranti keras yang digunakan pada saat melakukan pengujian e-book reader berbasis
Lebih terperinciKBKF53110 WEB PROGRAMMING
RENCANA PEMBELAJARAN SEMESTER (RPS) KBKF53110 WEB PROGRAMMING Disusun oleh: PROGRAM STUDI S1 SISTEM KOMPUTER FAKULTAS ILMU KOMPUTER (FILKOM) UNIVERSITAS PUTRA INDONESIA YPTK PADANG LEMBAR PENGESAHAN Rencana
Lebih terperinciSejarah HTML5. Abstrak. Pendahuluan. Reni Resiani Sunmaryati
Sejarah HTML5 Reni Resiani Sunmaryati resiani.reni@yahoo.com Abstrak HTML5 adalah suatu spesifikasi sebagai hasil perbaikan dari standard HTML sebelumnya yang dikeluarkan oleh W3C (World Wide Web Consortium)
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu Penelitian yang dilakukan oleh De Jesus Dos Santos, Manuel (2012) membahas tentang Perancangan Sistem Informasi E-Booking Pariwisata Kota Dili Berbasis
Lebih terperinciHTML 5. Geolocation Web SQL Database, media penyimpanan database lokal
HTML 5 HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi
Lebih terperinciTrik Mudah Membuat CMS Website dari Nol
Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh PENERBIT PT ELEX MEDIA KOMPUTINDO Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh 2016, PT Elex Media
Lebih terperinciMengenal dan Mengedit HTML
Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan
Lebih terperinciPEMROGRAMAN WEB 1 CSS
PEMROGRAMAN WEB 1 CSS RIO ANDRIYAT KRISDIAWAN, M.KOM Definisi CSS CSS adalah kepanjangan dari Cascading Style Sheet dan digunakan para web designer untuk mengatur style elemen yang ada didalam halaman
Lebih terperinciMengembangkan Website Berbasis Wordpress
Mengembangkan Website Berbasis Wordpress Bagian 1: Pengenalan dan Instalasi Wordpress Hanif Rasyidi Pendahuluan Perkembangan teknologi saat ini membuat internet menjadi salah satu sumber utama dalam pencarian
Lebih terperinciBELAJAR HTML DASAR CARA MEMBUAT TABEL
BELAJAR HTML DASAR CARA MEMBUAT TABEL Sandira Kurniawan sandira@raharja.info Abstrak Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan
Lebih terperinciBAB IV IMPLEMENTASI SISTEM. analisis dan perancangan dijadikan acuan dalam pembuatan kode program. Pada
BAB IV IMPLEMENTASI SISTEM 4.1 Implemetasi Sistem Implementasi sistem merupakan tahap meletakan sistem supaya dapat siap untuk dioperasikan. Implementasi merupakan tahap pengembangan dimana hasil analisis
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 terperinciBAB III LANDASAN TEORI. berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi
3.1 Layanan Aplikasi Internet BAB III LANDASAN TEORI Terdapat banyak sekali layanan aplikasi di internet dan masih terus akan berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi
Lebih terperinciModul Pelatihan Membuat Blog dengan Wordpress
Modul Pelatihan Membuat Blog dengan Wordpress Oleh Dwi Putri Pertiwi UPT. Teknologi Informasi dan Komunikasi Universitas Sebelas Maret Pengertian Blog Blog adalah kependekan dari Weblog, istilah yang pertama
Lebih terperinciKeterampilan Komputer. 8. Pengenalan HTML
Keterampilan Komputer 8. Pengenalan HTML Table of Contents: World Wide Web (WWW) HyperText Markup Language (HTML) Browser dan Editor Tag-tag HTML Struktur HTML document Elemen Dasar HTML 2 Objectives Setelah
Lebih terperinciBAB 2 LANDASAN TEORI
7 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. perangkat lunak yang dibutuhkan oleh sistem ini adalah sebagai berikut :
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Sistem Untuk dapat menjalankan sistem ini, diperlukan perangkat keras dan perangkat lunak dengan spesifikasi tertentu. Adapun kebutuhan perangkat keras dan
Lebih terperinciPETUNJUK PENGGUNAAN PRODUK (UNTUK SISWA)
PETUNJUK PENGGUNAAN PRODUK (UNTUK SISWA) A. PENGANTAR Aktivitas yang seringkali dilakukan ketika terhubung dengan internet adalah browsing atau menjelajahi internet dengan cara mengunjungi halaman website
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciPerancangan Website Ujian. Teknik Elektro UNDIP Berbasis HTML
TUGAS TEKNOLOGI INFORMASI Perancangan Website Ujian Teknik Elektro UNDIP Berbasis HTML OLEH: AULIA RAHMAN 21060113120007 JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS DIPONEGORO SEMARANG 2014 Abstrak
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sisttem informasi adalah suatu sistem yang menyediakan informasi untuk manajemen dalam mengambil keputusan atau kebijakan dan menjalankan operasional
Lebih terperinciLAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO
LAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO OLEH : LUTHFI HDIAYAT (4103131035) http://luthfihidayat.mb.student.pens.ac.id/ TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA 2015 Praktikum
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 terperinciWeb dan HTML Dasar. Siti Maesyaroh, M.Kom
Web dan HTML Dasar Siti Maesyaroh, M.Kom 1 Pengenalan Word Wide Web What is an Word Wide Web? Protocol Address HTML 2 Pengenalan Word Wide Web Bagaiman Word Wide Web bekerja? Informasi disimpan dalam dokumen
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 terperinciPert 11 DASAR-DASAR WEB DESIGN
Pert 11 DASAR-DASAR WEB DESIGN WEB DESIGN? Design merupakan hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem solving) www (world wide web) merupakan kumpulan web server
Lebih terperinciBAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi
Lebih terperinciBAB 2 TINJAUAN PUSTAKA. memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer
BAB 2 TINJAUAN PUSTAKA 2.1. Cloud Storage Cloud Storage Merupakan Media Penyimpanan yang dalam pengaksesannya memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer dimana kita harus
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga
Lebih terperinciBAB 2 LANDASAN TEORI. Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem dan Sistem Informasi 2.1.1 Pengertian Sistem Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan atau keseluruhan dari bagian
Lebih terperinciPembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho triwahyunugroho@yahoo.com maswahyu@students.ee.itb.ac.id http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk
Lebih terperinciPELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng
PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA By: Julianto Lemantara, S,Kom., M.Eng LATAR BELAKANG PELATIHAN Coba simak beberapa lowongan PHP programmer berikut:
Lebih terperinciPEMROGRAMAN WEB. Agussalim
PEMROGRAMAN WEB Agussalim Deskripsi Matakuliah Matakuliah ini mengajarkan tentang: Konsep Pemrograman WEB Pemrograman WEB statis dan dinamis HTML (Hyper Text Markup Language) PHP Hypertext preprocessor,
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 terperinciStruktur Umum File Dengan Bahasa HTML
Struktur Umum File Dengan Bahasa HTML Resti Alvianingrum rt.rhestyalviabin@gmail.com Abstrak HTML (Hyper Text Markup Language) merupakan bahasa standar pemrograman untuk membuat suatu halaman web yang
Lebih terperinciBAB 4 IMPLEMENTASI DAN PENGUJIAN
BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi adalah penerapan cara kerja sistem berdasarkan hasil analisa dan juga perancangan yang telah dibuat sebelumnya ke dalam suatu bahasa pemrograman
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,
Lebih terperinciPANDUAN MEMBUAT BLOG WordPress.com
PANDUAN MEMBUAT BLOG WordPress.com Dani Iswara daniiswara@gmail.com http://daniiswara.net/ Mei 2008 2 3 Sekilas Blog Web log = blog : situs web yang ditulis berdasarkan kronologis waktu. Pengelolaan yang
Lebih terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Lebih terperinciMENDEMONSTRASIKAN AKSES INTERNET
MENDEMONSTRASIKAN AKSES INTERNET 2. Standar Kompetensi: Menggunakan internet untuk memperoleh informasi 2.1. Kompetensi Dasar: Mendemonstrasikan akses internet sesuai prosedur TUJUAN PEMBELAJARAN Menjelaskan
Lebih terperinciTampilan 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 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 terperinciULANGAN 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 terperinciBAB II Landasan Teori 2.1 Kajian Pustaka
7 BAB II Landasan Teori 2.1 Kajian Pustaka Penelitian yang pertama Perancangan Program Sistem Audio Mobil Berbasiskan Sistem Pakar Dan Web [1]. Dalam makalah ini, menggunakan metode black box testing yang
Lebih terperinciMateri Pembelajaran PEMROGRAMAN WEB
Materi Pembelajaran PEMROGRAMAN WEB 1. Profesi dalam pengembangan aplikasi web Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan
Lebih terperinciCara Membuat Website. Heni Handayani. Abstrak. Pendahuluan. ::
Cara Membuat Website Heni Handayani Henihandayani61@yahoo.com :: http://penulis.com Abstrak Website adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas
Lebih terperinciBAB 2 LANDASAN TEORI. 2.1 Pengertian Sistem, Informasi dan Sistem Informasi
7 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem, Informasi dan Sistem Informasi 2.1.1 Sistem Sistem berasal dari bahasa Latin (systēma) atau bahasa Yunani (sustēma) yang berarti suatu kesatuan yang terdiri
Lebih terperinci