HTML DOM #1 Yosef Murya Kusuma Ardhana. ST., M.Kom
|
|
|
- Leony Hermawan
- 6 tahun lalu
- Tontonan:
Transkripsi
1 HTML DOM #1 Yosef Murya Kusuma Ardhana. ST., M.Kom
2 HTML? HTML merupakan singkatan dari Hypertext Markup Language. HTML adalah sekumpulan text atau file ASCII yang berisi intruksi atau perintah program untuk web browser untuk menampilkan tampilan grafis sebuah halaman website. HTML merupakan suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi seperti teks, gambar, suara, animasi bahkan video.
3 HTML? Kode HTML memiliki aturan dan struktur penulisan tersendiri yang disebut tag HTML. Tag adalah kode yang digunakan untuk memoles (mark-up) teks ASCII (American Standard Code for Information Interchange) menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda garis miring (slash) di depan awal tulisannya.
4 DOM? HTML DOM mendefinisikan standar untuk mengakses dan memanipulasi dokumen HTML. DOM adalah perintah standar (World Wide Web Consortium) W3C. DOM mendefinisikan standar untuk mengakses dokumen HTML dan XML: "W3C Document Object Model (DOM) adalah sebuah platform dan bahasa-netral antarmuka yang memungkinkan program dan script atau sintaks yang secara dinamis mengakses dan memperbarui konten, struktur, dan gaya dari sebuah dokumen."
5 DOM? W3C DOM standar dipisahkan menjadi 3 bagian yang berbeda: DOM Core - model standar untuk dokumen terstruktur XML DOM - model standar untuk dokumen XML HTML DOM - model standar untuk dokumen HTML
6 HTML DOM? HTML DOM adalah: Sebuah model objek standar untuk HTML Sebuah antarmuka pemrograman standar untuk HTML Sebuah standar W3C
7 HTML DOM? HTML DOM mendefinisikan objek dan properti dari semua elemen HTML, dan metode untuk mengaksesnya. Dengan kata lain: HTML DOM adalah standar untuk bagaimana untuk mendapatkan, mengubah, menambah, atau menghapus elemen HTML.
8 HTML DOM Nodes Dalam HTML DOM, semuanya node. DOM HTML dipandang sebagai pohon node. DOM Nodes Menurut standar W3C HTML DOM, segala sesuatu dalam dokumen HTML adalah node: Seluruh dokumen adalah node dokumen Setiap elemen HTML adalah node elemen Teks di dalam elemen HTML node teks Setiap atribut HTML adalah node atribut Komentar adalah node komentar
9 HTML DOM Nodes HTML DOM Node Pohon HTML DOM memandang dokumen HTML sebagai struktur pohon. Struktur ini disebut Pohon Node:
10 HTML DOM Nodes Dengan HTML DOM, semua node dalam pohon dapat diakses oleh JavaScript. Semua elemen HTML (node) dapat dimodifikasi, dan node dapat dibuat atau dihapus. Node Parent (Orangtua), Children (Anak), dan Siblings (Saudara) Node dalam pohon node memiliki hubungan hirarki satu sama lain.
11 HTML DOM Nodes Istilah parent, children, dan siblings yang digunakan untuk menggambarkan hubungan. Node parent memiliki children. Children pada tingkat yang sama disebut siblings (brothers and sisters). Dalam pohon node, node atas disebut root Setiap node memiliki tepat satu parent, kecuali root (yang tidak memiliki parent) Sebuah node dapat memiliki sejumlah children Siblings adalah node dengan parent yang sama
12 HTML DOM Nodes Gambar berikut mengilustrasikan bagian dari pohon simpul dan hubungan antara node:
13 HTML DOM Nodes Gambar berikut mengilustrasikan bagian dari pohon simpul dan hubungan antara node:
14 HTML DOM Nodes Lihatlah fragmen HTML berikut:
15 HTML DOM Nodes Dari HTML di atas: Node <html> tidak memiliki parent node, itu adalah root node <head> dan <body> parent node nya adalah node <html> node teks "Hi DOM!" parent node nya adalah node <p> The <html> node memiliki dua child node: <head> dan <body> <head> Node memiliki satu child node yaitu node <title>
16 HTML DOM Nodes <title> Node juga memiliki satu child node yaitu teks node "DOM Tutorial" <h1> Dan node <p> adalah siblings dan kedua child node adalah dari tag <body> Elemen <head> adalah first child dari elemen <html> Elemen <body> adalah last child dari elemen <html> Elemen <h1> adalah first child dari elemen <body> Elemen <p> adalah last child dari elemen <body>
17 HTML DOM METHODS Metode adalah tindakan yang dapat Anda lakukan pada node (Elemen HTML). Programming Interface HTML DOM dapat diakses dengan JavaScript (dan bahasa pemrograman lain). Semua elemen HTML didefinisikan sebagai objects, dan antarmuka pemrograman adalah object methods dan object properties. Method (metode) adalah suatu tindakan yang dapat Anda lakukan (seperti menambahkan atau memodifikasi elemen). Property (properti) adalah nilai yang Anda bisa dapatkan atau atur (seperti nama atau isi dari sebuah node).
18 HTML DOM METHODS Metode getelementbyid() Metode getelementbyid() mengembalikan elemen dengan ID yang ditentukan:
19 HTML DOM METHODS Beberapa metode yang umum digunakan HTML DOM: getelementbyid(id) get (mendapatkan) node (elemen) dengan id tertentu appendchild(node) insert (menyisipkan) node anak baru (elemen) removechild(node) remove (menghapus) child node (elemen)
20 HTML DOM METHODS innerhtml nilai teks dari node (elemen) parentnode parent node dari node (elemen) childnodes child node dari node (elemen) attributes attributes node dari node (elemen)
21 HTML DOM METHODS Berikut adalah beberapa metode (paling umum): Method Description getelementbyid() getelementsbytagnam e() getelementsbyclassna me() Mengembalikan elemen yang memiliki atribut ID dengan sebuah nilai Mengembalikan daftar node (collection/array of nodes) yang mengandung semua elemen dengan nama tag yang ditentukan Mengembalikan daftar node yang berisi semua elemen dengan kelas tertentu
22 HTML DOM PROPERTIES Properti adalah nilai-nilai dari node (Elemen HTML) bahwa Anda bisa mendapatkan (get) atau menetapkan (set). Programming Interface HTML DOM dapat diakses dengan JavaScript (dan bahasa pemrograman lain). Antarmuka pemrograman dari DOM didefinisikan oleh metode dan properti. Method adalah suatu tindakan yang dapat programmer lakukan (seperti menambahkan atau menghapus node). Property adalah nilai yang programmer bisa dapatkan atau mengatur (seperti nama atau isi dari sebuah node).
23 HTML DOM PROPERTIES InnerHTML Properti Cara termudah untuk mendapatkan konten dari suatu elemen adalah dengan menggunakan properti innerhtml. InnerHTML properti berguna untuk mendapatkan atau mengganti isi dari elemen HTML. Contoh code berikut mendapat innerhtml dari elemen <p> dengan id="intro":
24 HTML DOM PROPERTIES
25 HTML DOM PROPERTIES Dalam contoh di atas, getelementbyid adalah metode, sementara innerhtml adalah sebuah properti. Tips : InnerHTML properti dapat digunakan untuk mendapatkan atau mengubah elemen HTML, termasuk <html> dan body.
26 HTML DOM PROPERTIES Properti nodename Properti nodename menentukan nama node. nodename adalah read-only nodename dari node elemen adalah sama seperti nama tag nodename dari node atribut adalah nama atribut nodename dari node teks selalu #text nodename dari node dokumen selalu #document Catatan: nodename selalu berisi nama tag huruf besar dari elemen HTML.
27 HTML DOM PROPERTIES Properti nodevalue Property nodevalue menentukan nilai dari sebuah node. nodevalue untuk node elemen tidak terdefinisi nodevalue untuk node teks adalah teks itu sendiri nodevalue untuk node atribut adalah nilai attribut
28 HTML DOM PROPERTIES Contoh berikut mengambil teks nilai node tag <p id="intro"> :
29 HTML DOM PROPERTIES The NodeType Properti Properti nodetype mengembalikan jenis node. nodetype hanya dapat dibaca. Jenis node yang paling penting adalah: Element type Element 1 Attribute 2 Text 3 Comment 8 Document 9 NodeType
30 HTML DOM ELEMENTS Menambah, Menghapus dan Mengganti Elemen HTML. Menciptakan Elemen HTML Baru - appendchild() Untuk menambahkan elemen baru ke HTML DOM, Anda harus membuat elemen (node elemen) pertama, dan kemudian tambahkan ke elemen yang ada.
31 HTML DOM ELEMENTS
32 HTML DOM ELEMENTS Membuat HTML Elemen baru - insertbefore() The appendchild() metode dalam contoh sebelumnya, ditambahkan elemen baru sebagai last child dari parent. Jika Anda tidak ingin bahwa Anda dapat menggunakan metode insertbefore() :
33 HTML DOM ELEMENTS
34 HTML DOM ELEMENTS Menghapus Elemen HTML yang ada Untuk menghapus sebuah elemen HTML, Anda harus mengetahui parent dari elemen:
35 HTML DOM ELEMENTS Mengganti Elemen HTML Untuk mengganti sebuah elemen ke HTML DOM, gunakan metode replacechild():
36 HTML DOM EVENTS HTML DOM memungkinkan JavaScript untuk bereaksi terhadap event HTML. Bereaksi terhadap Events Sebuah JavaScript dapat dieksekusi ketika suatu event terjadi, seperti bila pengguna mengklik pada sebuah elemen HTML. Untuk mengeksekusi kode ketika pengguna mengklik elemen, tambahkan kode JavaScript untuk atribut event HTML: onclick=javascript
37 HTML DOM EVENTS Contoh event HTML: Ketika pengguna mengklik mouse Ketika sebuah halaman web telah dimuat Ketika gambar telah dimuat Ketika mouse bergerak di atas elemen Ketika sebuah field input diubah/diganti Ketika form HTML di-submit Ketika seorang pengguna menekan kunci di keyboard
38 HTML DOM EVENTS
39 HTML DOM EVENTS Dalam contoh ini, fungsi ini dipanggil dari event handler:
40 HTML DOM EVENTS HTML Event Atribut Untuk menetapkan event untuk elemen HTML Anda dapat menggunakan atribut event.
41 HTML DOM EVENTS HTML Event Attribut
42 HTML DOM EVENTS Menetapkan Event Menggunakan HTML DOM HTML DOM memungkinkan Anda untuk menetapkan event untuk elemen HTML menggunakan JavaScript:
43 HTML DOM EVENTS Menetapkan Event Menggunakan HTML DOM
44 HTML DOM EVENTS Onload dan onunload Event Event onload dan onunload dipicu ketika pengguna memasuki atau meninggalkan halaman. Event onload dapat digunakan untuk memeriksa jenis browser pengunjung dan versi browser, dan memuat versi yang tepat dari halaman web berdasarkan informasi. Event onload dan onunload dapat digunakan untuk menangani cookie.
45 HTML DOM EVENTS
46 HTML DOM EVENTS Event onchange Event onchange sering digunakan dalam kombinasi dengan validasi field input. Berikut adalah contoh bagaimana menggunakan onchange tersebut. Huruf uppercase() fungsi akan dipanggil ketika pengguna mengubah konten sebuah field input.
47 HTML DOM EVENTS Event onchange
48 TERIMA KASIH
HTML DOM(2) Yosef Murya Kusuma Ardhana. ST., M.Kom
HTML DOM(2) Yosef Murya Kusuma Ardhana. ST., M.Kom Dengan HTML DOM, Anda dapat menavigasi pohon simpul menggunakan hubungan simpul. DOM Nodes Menurut standar W3C HTML DOM, segala sesuatu dalam dokumen
HTML 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
PEMROGRAMAN 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
PEMROGRAMAN WEB. 11 XML, XHTML dan JSON. Andi WRE
PEMROGRAMAN WEB 11 XML, XHTML dan JSON Andi WRE XML (extensible Markup Language) Dirancang untuk membawa dan menyimpan data, bukan menampilkan data Tidak ada standar untuk tag XML, nama tag ditentukan
DOM (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
Pemrograman 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
Mahasiswa 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
JavaScript. 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
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
Interactive 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
Pemrograman 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
BAB 2 TINJAUAN TEORI
BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita
PEMROGRAMAN 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
Bab 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
STMIK 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,
PENDAHULUAN Yosef Murya Kusuma Ardhana. ST., M.Kom
PENDAHULUAN Yosef Murya Kusuma Ardhana. ST., M.Kom WWW World Wide Web atau lebih sering dikenal sebagai Web adalah suatu layanan sajian informasi yang menggunakan konsep hyperlink (tautan), yang memudahkan
AJAX. Pemrograman Web. Rajif Agung Yunmar, S.Kom
AJAX Pemrograman Web Rajif Agung Yunmar, S.Kom Synchronous Metode request HTTP yang sering digunakan dengan cara ini adalah metode POST dan GET. Pada saat client mengirimkan request terhadap server, client
Pertemuan 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
Pemrograman 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
Pemrograman 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
HTML. 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.
BAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Modul 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
Materi 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
BAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam computer
Pemrograman 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
Tutorial Web ( HTML part 1)
Tutorial Web ( HTML part 1) by webmaster - Sunday, December 06, 2015 http://umarrokhimin.student.akademitelkom.ac.id/index.php/2015/12/06/tutorial-html-part-1/ PENGERTIAN HTML PART 1 HTML (Hypertext Markup
BAB 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,
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
DESIGN WEB. D3 TKJ
DESIGN WEB D3 TKJ yunhix@yahoo.com SUB POKOK BAHASAN JavaScript? Pendeklarasian JavaScript JavaScript sederhana PeletakanJavaScript KomentarpadaJavaScript KotakDialog Variabel Operator StrukturKontrol
TEKNIK DOCUMENT OBJECT MODEL (DOM) UNTUK MANIPULASI DOKUMEN XML. Kusnawi ABSTRACT
TEKNIK DOCUMENT OBJECT MODEL (DOM) UNTUK MANIPULASI DOKUMEN XML Kusnawi ABSTRACT Extensible Markup Language (XML) merupakan media yang sangat penting untuk representasi, pertukaran, dan pengaksesan data
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan
Dasar 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
BAB 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
BAB 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
Materi 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
YUPOCOM 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
AJAX Framework. Pemrograman Web 1. Genap
AJAX Framework Pemrograman Web 1 Genap 2011-2012 Framework Apa itu Framework (Software Framework)? Kumpulan pustaka-pustaka (library) perangkat lunak yang script-nya dapat digunakan kembali (reusable)
FERNANDYA 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
Prototype Sistem Informasi Hasil Penelitian Berbasis WEB
Pusat an Informatika - LIPI Prototype Sistem Informasi Hasil an Berbasis WEB Ade Cahyana pada Pusat an Informatika (PPI-LIPI) JL.Cisitu No.21/154 Telp (022) 2504711 Fax 2504712 Bandung E-mail : cahyana@informatika.lipi.go.id
BAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa
BAB 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
Mengenal 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
BAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Secara teori, penerapan sebuah Sistem Informasi memang tidak harus menggunakan komputer dalam kegiatannya. Tetapi pada prakteknya tidak mungkin sistem
TUTORIAL 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
Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML
Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut.
BAB 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.
BAB II LANDASAN TEORI. Calyton dan Petry (2012) berpendapat monitoring sebagai suatu proses
BAB II LANDASAN TEORI 2.1. Monitoring Calyton dan Petry (2012) berpendapat monitoring sebagai suatu proses mengukur, mencatat, mengumpulkan, memproses, dan mengkomunikasikan informasi untuk membantu pengambilan
Mengelola 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
BAB 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
Pemrograman Berbasis Web Pertemuan 5 XML & DTD. Program Diploma IPB - Aditya Wicaksono, S.Komp 1
Pemrograman Berbasis Web Pertemuan 5 XML & DTD Program Diploma IPB - Aditya Wicaksono, S.Komp 1 Overview XML DTD Program Diploma IPB - Aditya Wicaksono, S.Komp 2 Apa itu XML? extensible Markup Language
BAB III DASAR TEORI 3.1 Sistem Informasi
BAB III DASAR TEORI 3.1 Sistem Informasi Sistem adalah sekelompok dua atau lebih komponen-komponen yang saling berkaitan (interrelated) atau subsistem-subsistem yang bersatu untuk mencapai tujuan yang
Dasar 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
BAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem adalah suatu kesatuan utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu. Informasi
XML vs JSON. by: Ahmad Syauqi Ahsan
XML vs JSON by: Ahmad Syauqi Ahsan What is XML? XML adalah singkatan dari extensible Markup Language yang dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada 10 Februari 1998. XML merupakan
KBKF53110 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
Chapter 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
PENGANTAR 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
BAB 2 LANDASAN TEORI. Website atau World Wide Web, sering disingkat sebagai www atau web saja, yakni
BAB 2 LANDASAN TEORI 2.1 Website Website atau World Wide Web, sering disingkat sebagai www atau web saja, yakni sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain dipresentasikan
PEMROGRAMAN 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
Intro To JQuery Training Online Ilmuwebsite
MODUL I JQUERY KELAS ZEROZERO Intro To JQuery Training Online Ilmuwebsite http://www.ilmuwebsite.com Lisensi Dokumen: Copyright 2014-2015 Ilmuwebsite.Com Untuk semua kalangan, silahkan menyebarluaskan
MODUL 3 DASAR-DASAR PHP
MODUL 3 DASAR-DASAR PHP Para pengguna internet dewasa ini cenderung lebih menyukai situs-situs yang mempunyai tampilan menarik dan menghibur. Yang pasti, mereka sudah bosan dengan tampilan web yang begitu-begitu
BAB II LANDASAN TEORI. bidang media komunikasi dan informasi. Internet adalah suatu jaringan komputer
BAB II LANDASAN TEORI 2.1 World Wide Web Dunia internet semakin berkembang, terutama penggunaanya dalam bidang media komunikasi dan informasi. Internet adalah suatu jaringan komputer global, sedangkan
BAB 2 LANDASAN TEORI. Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga Sistem Informasi Berbasis Komputer merupakan sistem pengolah
BAB 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
BAB II TINJAUAN PUSTAKA. Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan,
5 BAB II TINJAUAN PUSTAKA 2.1 Pengertian Sistem Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama guna melakukan suatu pekerjaan untuk memcapai suatu tujuan
1. Sejarah Javascript
1. Sejarah Javascript JavaScript pada awalnya bernama LiveScript dan diperkenalkan pertama kali di browser Netscape Navigator 2 pada awal tahun 1995. Pengembangan javascrip ditujujkan untuk mempermudah
Materi Pertemuan 1. Pengenalan Web Design Bagian I : Dasar- dasar CSS. lilih suhaeri WATERFIRE DEV. Kelaskita.com
Materi Pertemuan 1 Pengenalan Web Design Bagian I : Dasar- dasar CSS lilih suhaeri WATERFIRE DEV. Kelaskita.com Pengenalan Web Design 1. Sejarah singkat tentang website Sejak awal kelahiran website di
BAB II LANDASAN TEORI. di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,
BAB II LANDASAN TEORI 2.1. Sekilas Mengenai Web Internet sudah menjadi hal yang sangat dekat bagi masyarakat ataupun penggunanya di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,
PEMROGRAMAN 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
SILABI. 2. HTML (HyperText Markup Language) 3. Cascading Style Sheets (CSS) 9. Pengenalan ASP.Net. 10. Pengantar Content Management System (CMS)
SILABI NAMA : Desain dan Pemrograman Web MATAKULIAH KODE : SKS : 3 SKS SEMESTER : 4 KELOMPOK : - DESKRIPSI : Mata kuliah ini mengajarkan Konsep Pemrograman Web yang didalamnya terdapat Desain Web, HTML,
DESAIN 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
PRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
HTML (HYPERTEXT MARKUP LANGUAGE)
HTML (HYPERTEXT MARKUP LANGUAGE) HTML merupakan Script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri terdiri dari tag-tag yang fungsinya untuk membuat dokumen
Javascript 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
BAB III LANDASAN TEORI. pengembang untuk membuat sebuah aplikasi web. Dilengkapibanyak library dan
BAB III LANDASAN TEORI 3.1 CodeIgniter CodeIgniter adalah sebuah framework PHP yang dapat mempercepat pengembang untuk membuat sebuah aplikasi web. Dilengkapibanyak library dan helperyang berguna di dalamnya
BAB II TINJAUAN PUSTAKA. Website merupakan kumpulan dari halaman halaman yang berhubungan dengan
7 BAB II TINJAUAN PUSTAKA 2.1 Website Website merupakan kumpulan dari halaman halaman yang berhubungan dengan file file lain yang saling terkait. Dalam sebuah website terdapat satu halaman yang dikenal
Pemrograman 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,
HTML Uncover. Duniailkom Duniailkom
HTML Uncover Duniailkom 2015 Duniailkom Contents 1. Berkenalan Dengan HTML (Contoh Bab 1)....................... 1 1.1 Pengertian HTML................................... 1 1.2 Fungsi HTML.....................................
MODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa
PELATIHAN 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:
BAB 2 LANDASAN TEORI. data bisnis, merupakan deskripsi organisasi tentang sesuatu (resources) dan kejadian (transactions) yang terjadi.
BAB 2 LANDASAN TEORI 2.1 Data. Banyak terdapat pengertian data yang dirangkum dari berbagai sumber. Bagian ini akan mengutip tiga pengertian data dari sudut pandang yang berbeda-beda. 1. Menurut berbagai
1. Sejarah Javascript
1. Sejarah Javascript JavaScript pada awalnya bernama LiveScript dan diperkenalkan pertama kali di browser Netscape Navigator 2 pada awal tahun 1995. Pengembangan javascrip ditujujkan untuk mempermudah
BAB II TINJAUAN PUSTAKA. Sistem adalah jaringan kerja dari prosedur-prosedur yang saling. untuk memcapai suatu tujuan tertentu (Jogiyanto, 2001).
5 BAB II TINJAUAN PUSTAKA 2.1 Pengertian Sistem Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama guna melakukan suatu pekerjaan untuk memcapai suatu tujuan
TUTORIAL JQUERY Langkah Tepat menjadi Web Designer Handal, menguasai JQuery JavaScript Library, jalan membuat halaman website lebih atraktif
TUTORIAL JQUERY Langkah Tepat menjadi Web Designer Handal, menguasai JQuery JavaScript Library, jalan membuat halaman website lebih atraktif www.ilmuwebsite.com Bagian 4. Menggunakan Selector JQuery 1
Pemrograman 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
C. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
MODUL 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
MODUL 7 JavaScript pada Form HTML
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
JavaScript. 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
BAB 14 AJAX. Menyerupai J2EE, AJAX adalah 2 hal yang digabungkan : merupakan sebuah teknologi, sekaligus arsitektir pemrograman.
BAB 14 AJAX 14.1 PENDAHULUAN Hingga saat ini, aplikasi web mengikuti alur arsitektur berikut : satu satunya cara dalam merepresentasikan content baru (sebagai contoh, dalam merespon interaksi antara user
BAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer berasal dari bahasa latin computare yang mengandung arti menghitung. Jadi, komputer dapat diartikan alat untuk menghitung. Perkembangan teknologi komputer
BAB 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
BAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Sistem Informasi Pengertian sistem informasi tidak bisa dilepaskan dari pengertian sistem dan informasi. Definisi dari sistem adalah sekelompok dua atau lebih komponenkomponen
Keterampilan 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
Tag HTML Container. Nuryani Sofia Dewi / / Kelas A
Tag HTML Container Pada dasarnya, sebuah halaman web adalah teks file yang berisi petunjuk dalam bentuk kode-kode HTML(disebut tag) dan atribut. Tag adalah perintah Web browser yang nantinya ikut memformat
Penggunaan Struktur Data Pohon Berakar dalam XML
Penggunaan Struktur Data Pohon Berakar dalam XML Luthfi Chandra Fibrian - 13510047 Program Studi Teknik Informatika Sekolah Teknik Elektro dan Informatika Institut Teknologi Bandung, Jl. Ganesha 10 Bandung
Ruang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
AJAX. Pemrograman Web 1. Asynchronous JavaScript and XML. Genap
AJAX Asynchronous JavaScript and XML Pemrograman Web 1 Genap 2011-2012 AJAX - Intro AJAX = Asynchornous JavaScript And XML Diperkanalkan oleh Jesse James Garret pada tahun 2005. AJAX bukan bahasa pemrograman
Untuk siswa Kelas X TKJ SMK Negeri 3 Balikpapan.
Untuk siswa Kelas X TKJ SMK Negeri 3 Balikpapan www.bambangherlandi.web.id Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman diartikan proses, cara, perbuatan