Pemrograman Web. HTML5, CSS3 dan Javascript
|
|
- Surya Halim
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Pemrograman Web HTML5, CSS3 dan Javascript
2 HTML5
3 HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web Mengontrol tampilan dari web page dan contentnya Mempublikasikan document secara online sehingga bisa di akses Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML Versi terbaru adalah versi 5 atau yang lebih dikenal dengan HTML 5 Teman-teman dari program studi Sistem Informasi sudah mendapat materi HTML5 di mata kuliah Desain Web
4 Sudah diajarin apa aja nih? 1. Desain Web 2. Layout 3. HTML Elements
5 HTML5
6 Cascading Style Sheet CSS = Cascading Style Sheet Fungsi : mendefinisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu CSS adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan. Versi terbaru adalah versi 3 atau yang lebih dikenal dengan CSS3 Perkembangan CSS memunculkan CSS Framework (Ex. Bootstrap) Teman-teman dari program studi Sistem Informasi sudah mendapat materi CSS3 di mata kuliah Desain Web
7 Sudah diajarin apa aja nih? 1. Layout 2. CSS Manipulation
8 HTML5
9 JavaScript JavaScript is the programming language of HTML and the Web to makes computers do what you want them to do Slide Kuliah Desain Web JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client Pada awalnya JS diciptakan untuk melakukan operasi-operasi kecil untuk membantu server memproses data, namun seiring perkembangannya JS menjadi bahasa pemrograman web yang tidak bisa terpisahkan dengan web modern Perkembangan JS memunculkan JS Framework (Ex. jquery) Teman-teman dari program studi Sistem Informasi sudah mendapat materi JS di mata kuliah Desain Web
10 Sudah diajarin apa aja nih? 1. Javascript Basic
11 Integrasi Teknologi Web
12 Terus kita ngapain dunkz kalau semuanya sudah pernah dibahas?
13 Integrasi Teknologi Web
14 Website Modern Teknologi website modern menjadi standar yang harus dipenuhi dalam pembuatan website dalam masa kini Standar ini memiliki banyak parameter yang harus dipenuhi, misalnya cross platform dan responsive Salah satu kunci dari teknologi website modern adalah integrasi dari teknologi HTML5, CSS3 dan Javascript sebagai pemrograman sisi front-end dan tentu saja PHP sebagai pemrograman sisi back-end
15 Integrasi HTML5, CSS3, Javascript dan PHP
16 Integrasi HTML5, CSS3, Javascript dan PHP Dalam materi kuliah ini akan dijelaskan beberapa contoh integrasi dari beberapa teknologi web, yaitu : Pemrograman Javascript Form dan Form Validation DOM
17 Pemrograman Javascript HTML5
18 Pemrograman Javascript Javascript sebagai bahasa pemrograman tentu saja memiliki aturan dan syntax dasar yang harus dipatuhi
19 Variabel Dalam PHP, penulisan variabel diawali dengan keyword var, kemudian diikuti dengan huruf sebagai karakter pertama. Setelah itu, dapat dilajutkan dengan kombinasi huruf dan angka Variabel tidak boleh mengandung spasi maupun tanda baca di dalamnya, kecuali underscore ( _ ) Variabel pada Javascript bersifat case sensitif, yang berarti Anda harus memperhatikan penulisan huruf besar dan huruf kecil.
20 Variabel Contoh penamaan variabel yang salah : var nama pemakai var 3kota var us\er1 Contoh penamaan variabel yang benar : var nama_pemakai var kota_3 var user1 var kodehuruf var _nama
21 Data type Boolean Integer Float String Array Object Resource NULL Variabel Tipe Data Description Scalar; either True or False Scalar; a whole number Scalar; a number which may have a decimal place Scalar; a series of characters Compound; an ordered map (contains names mapped to values) Compound; a type that may contain properties and methods Special; contains a reference to an external resource, such as a handler to an open file Special; may only contain NULL as a value, meaning the variable; explicitly does not contain any value
22 Variabel Operator Assignment =, +=, -=, *=, /=, %= Arithmetic +, -, /, *, % Concatenation + Logic, &&, >, <, ==, >=, <=,!=, ===,!===, and, or Increment ++, --
23 Variabel
24 Fungsi Fungsi harus didefinisikan di bagian tag head pada dokumen HTML untuk menjamin fungsi sudah dijalankan terlebih dahulu Syntax fungsi : function nama_fungsi (parameter1,, parametern) { pernyataan; } Bisa jadi fungsi mengembalikan nilai atau tidak Untuk memanggil fungsi tinggal menulis nama_fungsi (parameter1,, parametern);
25 Pemrograman Javascript Materi yang lain??
26 Form dan Form Validation
27 Dalam pemrograman web, kita selalu bertemu dengan model interaksi menggunakan form Pada HTML, form didesain untuk memberikan masukan pada web Namun tanpa adanya pemrograman yang mengatur pemrosesan data yang dikirimkan melalui form, maka website akan menjadi statis dan hambar PHP dengan salah satu kelebihannya yang memiliki skenario form handling yang simpel, membuat pemrosesan data yang dikirimkan melalui form menjadi sangat mudah Form
28 Standar HTML untuk Form Text Fields <input type="text" name="text1" /> Password Field <input type="password" name ="pass" /> Radio Buttons <input type="radio" name="radio1" value="men" /> <input type="radio" name="radio1" value="women" /> Checkboxes <input type="checkbox" name="vehicle" value="bike" /> Submit Button <input type="submit" value="submit" /> Hidden fields <input type="hidden" name="product_id" value="122" />
29 Form - Request Dalam pengiriman data melalui form di PHP, terdapat 2 metode dasar yang digunakan, yaitu : POST Sending request variables through the POST body. Variable name and it s value will not be shown on the URL GET Sending request variables through an URL as a Query String
30 Form - Request GET When to use GET? Information sent from a form with the GET method is visible to everyone (all variable names and values are displayed in the URL). GET also has limits on the amount of information to send. The limitation is about 2000 characters. However, because the variables are displayed in the URL, it is possible to bookmark the page. This can be useful in some cases. GET may be used for sending nonsensitive data. Note: GET should NEVER be used for sending passwords or other sensitive information!
31 Form - Request POST When to use POST? Information sent from a form with the POST method is invisible to others (all names/values are embedded within the body of the HTTP request) and has no limits on the amount of information to send. Moreover POST supports advanced functionality such as support for multi-part binary input while uploading files to server. However, because the variables are not displayed in the URL, it is not possible to bookmark the page.
32 Teknik Penanganan Form Menangani form HTML menggunakan PHP merupakan proses yang paling penting pada website dinamis Terdapat dua proses dasar pada penanganan form : Membuat HTML form itu sendiri Membuat script PHP yang akan menerima dan memproses data yang dikirim dari form HTML form dibuat menggunakan tag form dan beberapa element untuk mengambil inputan.
33 Teknik Penanganan Form Tag form terlihat seperti berikut : <form action="script.php" method="post" > script 1 script 2 script n </form>
34 Teknik Penanganan Form Terdapat 3 bagian utama pada pembuatan form di web, yaitu : 1. Method Method dari sebuah form menentukan bagaimana data input form dikirim. Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan bagaimana data input dikirim dan diproses oleh PHP 2. Action Action menunjukkan letak dimana nantinya data input akan diproses secara logika untuk menentukan hasilnya
35 Teknik Penanganan Form 3. Submit Button Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi sebagai trigger pengiriman data dari form input. Jika tombol ini ditekan, maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan pada atribut action.
36 Syntax Form Sintax dasar form terlihat seperti berikut : Form <FORM ACTION="proses02.php" METHOD="POST NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="input" value="input"> </FORM> Sintax dasar untuk menangkap nilai dari form terlihat seperti berikut : <?php if (isset($_post['input'])) { $nama = $_POST['nama']; echo "Nama Anda : <b>$nama</b>"; }?>
37 Form Validation Form validation adalah proses dimana isi dari form akan divalidasi terlebih dahulu sebelum akan diproses di server untuk memastikan apakah form sudah terisi dengan benar atau belum Form validation dapat dilakukan dengan beberapa cara, yaitu : Menggunakan HTML 5 Form Standard Menulis kode Javascript untuk melakukan form validation
38 Form Validation Form validation pada umumnya dilakukan secara on the fly di sisi klien sebelum data dikirim ke server untuk diproses lebih lanjut
39 Contoh Form Validation
40 Contoh Form Validation
41 Form Validation : HTML 5 Dapat digunakan untuk memeriksa apakah form sudah terisi atau belum Yang lain? Cek yak ^^
42 Form Validation : HTML 5 Lebih Lanjut : forms-up-to-date-with-css3-and-html5-validation-- webdesign-4738
43 Form Validation : Javascript Penggunaan Javascript untuk melakukan form validation dapat dilakukan dengan menggunakan DOM API yang dipanggil di dalam script Javascript
44 Document Object Model
45 Document Object Model Document Object Model (DOM) merupakan sebuah ketentuan yang dikembangkan oleh W3C untuk berinteraksi dengan objekobjek yang ada di dalam HTML, XML, maupun XHTML DOM bersifat cross-platform dan languageindependent, yang artinya DOM dapat digunakan dengan bahasa pemrograman apapun, dalam sistem operasi manapun Standar DOM dikembangkan untuk berinteraksi dengan elemen-elemen dokumen HTML dan XML, mulai dari pembuatan elemen baru sampai dengan manipulasi dan penghapusan elemen
46 Document Object Model Struktur DOM Untuk memahami struktur DOM, maka kita harus melihat struktur dokumen HTML
47 Document Object Model Struktur DOM Sederhananya, kode HTML tersebut dapat direpresentasikan sebagai pohon sesuai dengan gambar berikut : Inilah cara DOM melihat HTML
48 Document Object Model Sebagai bahasa yang dibuat untuk membuat dokumen HTML menjadi interaktif, Javascript memiliki kaitan yang erat dengan DOM DOM menyediakan antarmuka untuk manipulasi dokumen Javascript menjadi bahasa yang melakukan eksekusi terhadap antarmuka yang disediakan Antarmuka ini terdiri dari method dan property With the object model, JavaScript gets all the power it needs to create dynamic HTML -
49 Document Object Model <html> <body> <p id="demo"></p> Syntax dasar DOM Dalam DOM, semua elemen HTML didefinisikan sebagai object Property adalah nilai yang dapat kita ambil ataupun diisi (get/set) Method adalah aksi yang dapat kita lakukan object method property <script> document.getelementbyid("demo").innerhtml = "Hello World!"; </script> </body> </html> Kode ini berfungsi untuk merubah isi dari konten HTML (innerhtml) dari elemen yang didefinisikan oleh tag <p> dengan id = demo
50 Document Object Model
51 Document Object Model Kesimpulannya? DOM dapat memanipulasi apapun unsur dalam dokumen HTML Salah satunya form, dan biasanya dimanfaatkan untuk form validation Lebih banyak tentang DOM om.asp pt/document-object-model.html
52 Terimakasih dan Semoga Bermanfaat ^^
Pemrograman Web. Dasar Pemrograman Web dengan PHP. Adam Hendra Brata
Pemrograman Web 3 Dasar Pemrograman Web dengan Adam Hendra Brata - Definisi Dasar Pemrograman Website Statis vs Website Definisi Dasar Pemrograman Variabel Aliran Kontrol Program Percabangan Perulangan
Lebih terperinciPemrograman Web. Formulir dalam HTML dan PHP
Pemrograman Web Formulir dalam HTML dan PHP I n W a h y u W i d o d o e m a i l @ r i n g k e s. c o m Form Dalam sebuah website dinamis biasanya kita menemukan formulir baik itu untuk proses administrasi
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 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 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 terperinciPemrograman Web. Dasar Pemrograman Web dengan PHP. Adam Hendra Brata
Pemrograman Web Dasar Pemrograman Web dengan PHP Adam Hendra Brata PHP PHP? Apaan tuh?? PHP PHP adalah kependekan dari Hypertext Preprocessor PHP diciptakan oleh Rasmus Lerdorf pada tahun 1994 Fungsi utama
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 terperinciPHP (HYPERTEXT PREPROCESSOR)
LAPORAN PRAKTIKUM MODUL 4 PEMROGRAMAN WEB PHP (HYPERTEXT PREPROCESSOR) Disusun Oleh: Deny Kurniawan Novianto (130533608222) PTI OFF B UNIVERSITAS NEGERI MALANG FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO PROGRAM
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 terperinciPenanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT.
Penanganan Formulir PHP 1 Agenda Materi Pengayaan Pertemuan Sebelumnya Formulir HTML Jenis Masukan Pada Formulir HTML Metode Pengiriman Formulir Validasi Formulir 2 MATERI PENGAYAAN PERTEMUAN SEBELUMNYA
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 terperinciKholid Fathoni EEPIS ITS Surabaya
Internet Programming PHP Kholid Fathoni EEPIS ITS Surabaya Pengenalan PHP Tag-tag Dasar PHP Struktur Kontrol Pokok Bahasan Situs/web dapat dikategorikan menjadi dua yaitu web statis dan web dinamis/interaktif.
Lebih terperinciMODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL)
MODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL) 4.1 Definisi PHP (Hypertext Preprocessor) PHP (PHP: Hypertext Preprocessor) merupakan bahasa pemrograman yang mampu berjalan di server-side (berjalan pada
Lebih terperinciWeb Programming. Pengenalan PHP
Web Programming Pengenalan PHP Pokok Bahasan Pengenalan PHP Tag-tag Dasar PHP Struktur Kontrol Pengenalan PHP (1) Situs/web dapat dikategorikan menjadi dua yaitu web statis dan web dinamis/interaktif.
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 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 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 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 terperinciPEMROGRAMAN 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
Lebih terperinciBAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP
BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP Form pada PHP mempunyai dua method pengiriman data, yaitu GET dan POST. Dengan menggunakan method GET, maka nilai variabel yang dikirimkan ke server melalui
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 terperinciAJAX. 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
Lebih terperinciMODUL 1 INTERNET PROGRAMMING : PHP 1
MODUL 1 INTERNET PROGRAMMING : PHP 1 A. Tujuan : 1. Memahami tentang PHP 2. Memahami instalasi Apache dan PHP 3. Memahami tag-tag dalam PHP 4. Memahami tentang struktur kontrol B. Dasar Teori PENGENALAN
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 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 terperinciMODUL 1 PHP. (Variabel, Tipe Data, Operator)
MODUL 1 PHP (Variabel, Tipe Data, Operator) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang 2016 Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai variabel, Tipe data dan operator
Lebih terperinciForm Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form. Sesi 5
Robby Cokro Buwono Badiyanto, S.Kom., M.Kom Sesi 5 Form Tujuan Intruksional Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form Kode MK : AK2011T Revisi Terakhir
Lebih terperinciServer Response. Hello
1. Pengenalan PHP PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah server-side
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 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 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 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 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 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 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 terperinciPemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet
Pemrograman PHP Lanjut Ahmad Zainudin, S.ST Pemrograman Internet 2014 PHP5 PHP adalah bahasa pemrograman server-scripting Bersifat powerful, dinamis dan mendukung web interactive Tampilan PHP5 PHP merupakan
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 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 terperinciPemrograman Web Week 5. Team Teaching
Pemrograman Web Week 5 Team Teaching Materi Pemrograman Sisi Server Untuk melihat peta penggunaan teknologi salah satunya adalah w3techs.com Penggunaan client side programming Penggunaan Library Javascript
Lebih terperinciAJAX 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)
Lebih terperinciPokok Bahasan 2 Teknologi Dasar Internet dan Web. L. Erawan
Pokok Bahasan 2 Teknologi Dasar Internet dan Web L. Erawan Materi User Agent, Web Browser, server web Jaringan: Jaringan client-server, TTL Protokol: HTTP, TCP/IP, FTP, SMTP, UDP, OSI Bahasa: HTML, XHTML,
Lebih terperinci2. DASAR TEORI 2.1 PHP5
Modul 2 1. TUJUAN Mahasiswa dapat memahami pemrograman server side menggunakan PHP5 Mahasiswa dapat mengetahui sintak-sintak yang digunakan dalam penanganan form dengan menggunakan metode GET dan POST
Lebih terperinciKapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form
Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa
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 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 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 terperinciYAYASAN PENDIDIKAN TINGGI PAYAKUMBUH
A. Mata Kuliah : WEB PROGRAMING Kode : TKK 325 Jumlah SKS : 2 SKS Semester : Genap (IV) Dosen : Dilson, S.Kom., M.Kom NIDN : 1001067301 B. Deskripsi mata kuliah SILABUS Mata kuliah ini membahas tentang
Lebih terperinciBAB III LANDASAN TEORI. Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan
BAB III LANDASAN TEORI 3.1 Pengertian Sistem Informasi Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan bahwa sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu
Lebih terperinci1. BAB III 2. LANDASAN TEORI
1. BAB III 2. LANDASAN TEORI 3.1. Sistem Informasi Untuk memahami pengertian sistem informasi harus dilihat keterkaitan antara data dan informasi sebagai entitas penting pembentuk sistem informasi. Menurut
Lebih terperinciPemrograman Internet dengan AJAX (Asynchronous JavaScript And XML)
Pemrograman Internet dengan AJAX (Asynchronous JavaScript And XML) Suprayogi Abstract : AJAX uses asynchronous data transfer (HTTP requests) between the browser and the web server, allowing web pages to
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 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 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
Lebih terperinciMODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 10 Penanganan Form HTML Tujuan: Mahasiswa memahami cara penanganan permintaan dalam kode PHP yang dikirimkan melalui form HTML untuk menyelesaikan
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 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 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 terperinciAJAX dengan jquery Part 1
AJAX dengan jquery Part 1 Oleh: Cecep Yusuf Kali ini saya akan share tutorial AJAX dengan jquery. Dengan menggunakan jquery, penggunaan AJAX akan jauh menjadi lebih mudah. Penjelasan Kali ini saya akan
Lebih terperinciHTML FORM. Praktikum III
Praktikum III HTML FORM Tujuan : 1. Mengetahui tentang Elemen-elemen FORM. 2. Mampu membuat script FORM HTML. 3. Mampu membuat halaman web dengan menggunakan script HTML dan PHP. Alat dan Bahan : 1. Buku
Lebih terperinciAJAX. 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
Lebih terperinciBAB-12 MEMBUAT FORM HTML
BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan
Lebih 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 terperinciPHP Basic. Pemrograman Web. Rajif Agung Yunmar, S.Kom
PHP Basic Pemrograman Web Rajif Agung Yunmar, S.Kom Server Side vs Client Side Server side : Program di server dan client tidak bisa melihat listing program. Client hanya mendapat hasil dari program yang
Lebih terperinciPertemuan 4 Penanganan Form
Diktat Kuliah Pemrograman Web Pertemuan Penanganan Form Berbagai Cara Penanganan Form Form Input Type TEXT dan PASSWORD Form Input Type RADIO Form Input Type CHECKBOX Form Input Type COMBO BOX Form Input
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 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 2. Muhadi Hariyanto
Pertemuan 2 Muhadi Hariyanto Variabel Diperlukan dalam pemrograman PHP karena berfungsi sebagai tempat untuk menampung suatu nilai data. Bisa berupa masukan atau keluaran. Tidak diperlukan deklarasi awal
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 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 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 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 terperinciHTML5. HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute
Author : Minarni, S.Kom.,MM Mata Kuliah : Internet Multimedia Lanjut HTML5 HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute HTML5 HTML Links Link digunakan hampir di semua
Lebih terperinciPHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON
Overview Jenis-jenis Form Form Validation PHP Penanganan Form Acep Irham Gufroni, M.Eng. 1 Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut METHOD SUBMIT BUTTON Tag Atribut ACTION
Lebih terperinciMuhammad Zen Samsono Hadi, ST. MSc.
Penanganan Form Muhammad Zen Samsono Hadi, ST. MSc. On this slide Jenis-jenis Form Form Validation Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut t METHOD SUBMIT BUTTON Tag
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 terperinciMODUL 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
Lebih terperinci: MODUL 1 BASIC PHP
Dibuat Oleh Email : Zaini Jam athsani : dleader.zaii@gmail.com MODUL 1 BASIC PHP 2013 0 ISI MATERI 1. Persiapan 2. PHP 3. Basic PHP 1. PERSIAPAN Hal yang perlu di persiapkan dari materi kali ini adalah
Lebih terperinciPengantar Common Gateway Interface (CGI) dan Perl. - Konsep CGI dan Perl - Lingkungan variabel di Perl - Metode POST dan GET
Pengantar Common Gateway Interface (CGI) dan Perl - Konsep CGI dan Perl - Lingkungan variabel di Perl - Metode POST dan GET 1 Konsep CGI dan Perl Definisi CGI adalah suatu bentuk komunikasi dimana client
Lebih terperinciDasar PHP. Wiratmoko Yuwono
Dasar PHP Wiratmoko Yuwono Topik Konsep PHP Tipe data PHP Jenis-jenis Operator Seleksi Kondisi (pencabangan) Perulangan 2 Intro PHP bahasa scripting server-side untuk membuat website interaktif dan dinamis.
Lebih terperinciPenanganan Form 16/10/2014
Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa dalam bentuk html. Untuk merancang sebuah
Lebih terperinciDAFTAR ISI. LAPORAN TUGAS AKHIR... ii
DAFTAR ISI LAPORAN TUGAS AKHIR... i LAPORAN TUGAS AKHIR... ii HALAMAN PENGESAHAN... iii KATA PENGANTAR... iv DAFTAR ISI... v DAFTAR GAMBAR... ix DAFTAR TABEL... xiii INTISARI... xiv ABSTRACT... xv BAB
Lebih terperinciSATUAN ACARA PERKULIAHAN MATA KULIAH PEMROGRAMAN WEB (INTERNET + HTML) KODE : TI11. C107/ 2 SKS. Teknik Pembelajaran Ceramah dan Diskusi
SATUAN ACARA PERKULIAHAN MATA KULIAH PEMROGRAMAN WEB (INTERNET + HTML) KODE : TI11. C107/ 2 SKS Pertemuan Ke Pokok Bahasan Dan TIU 1 Pendahuluan Ruang lingkup mata kuliah Sasaran Tujuan Kompetensi lulusan
Lebih terperinciBAB II Tipe Data pada PHP
BAB II Tipe Data pada PHP Pemrograman Web 2015 2.1 Tipe Data Dalam pemrograman PHP variabel digunakan untuk menyimpan data sementara. Dalam pemrograman php variabel ditulis dengan diawali dengan tanda
Lebih terperinciSILABI. 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,
Lebih terperinciBAB 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
Lebih terperinciE-Commerce. Lesson 2. Nizar Rabbi Radliya PHP : Variable, Constant, Data Type, Operator. 2 SKS Semester 7 UNIKOM
E-Commerce 2 SKS Semester 7 UNIKOM Nizar Rabbi Radliya nizar@email.unikom.ac.id Lesson 2 PHP : Variable, Constant, Data Type, Operator PHP Variables A variable can have a short name (like x and y) or a
Lebih terperinciTEKNIK 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
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 terperinciPHP (1) Topik. Intro. Pemrograman Internet. Sekilas tentang PHP 06/11/2012
Topik PHP (1) Pemrograman Internet Acep Irham Gufroni, M.Eng. Konsep PHP Tipe data PHP Jenis-jenis Operator Seleksi Kondisi (pencabangan) Perulangan 1 2 Intro PHP bahasa scripting server-side untuk membuat
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 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 terperinciAdvantages. Keunggulan :
Advantages Keunggulan : Tampilan (interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tingkat keahlian, bahkan bagi orang awam sekalipun. Dreamweaver cukup tangguh untuk membangun berbagai
Lebih terperinciReview Pemrograman Web I
Review Pemrograman Web I Pemrograman Web II Ganjil 2010 2011 Intro Mata kuliah : Pemrograman Web 2 SKS : 3 Jenis : Mata kuliah wajib Pertemuan : 14 pertemuan kelas Periode : Ganjil 2010 2011 Dosen : Sandra
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 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 terperinciAjax dan PHP. IAbdu l Kadi r I. Mengimplementasikan Ajax dengan Kode JavaScript Membahas Tools Prototype dan ScripLaculo.us. O R ' G 'N ~ l C D
Ajax dan PHP Mengimplementasikan Ajax dengan Kode JavaScript Membahas Tools Prototype dan ScripLaculo.us IAbdu l Kadi r I O R ' G 'N ~ l C D Buku yang sangat coeok untuk Anda yang ingin menggunakan Ajax
Lebih terperinciBAB 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
Lebih terperinciUpload File dengan Metode AJAX
Upload File dengan Metode AJAX Oleh: Cecep Yusuf Saya akan membahas bagaimana membuat form upload file beserta prosesnya dengan menggunakan teknik AJAX memakai library Ajax File Upload, salah satu library
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 terperinciPengantar Pemrograman Sisi Server
Pengantar Pemrograman Sisi Server PHP 1 Agenda Kilas balik materi minggu lalu Pengenalan PHP Variabel Fungsi Pengulangan (loop) Pengatur aliran (control flow) Array 2 KILAS BALIK MATERI MINGGU LALU 3 Coding
Lebih terperinci