Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 4]
|
|
- Herman Kartawijaya
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 4] Oleh: Sendy PK Sekarang form sudah dapat berfungsi. Kita dapat membuka halaman di browser, klik link "Send Us an " untuk melompat ke form, isi kolom, dan submit form untuk mengirim pesan. Namun, kita sekarang akan meningkatkan form kita menggunakan JavaScript untuk memberikan experience yang lebih baik untuk pengunju... Sekarang form sudah dapat berfungsi. Kita dapat membuka halaman di browser, klik link "Send Us an " untuk melompat ke form, isi kolom, dan submit form untuk mengirim pesan. Namun, kita sekarang akan meningkatkan form kita menggunakan JavaScript untuk memberikan experience yang lebih baik untuk pengunjung.
3 Kita akan menggunakan jquery untuk melakukannya, sehingga langkah pertama adalah untuk menyertakan pustaka jquery di pada halaman head elemen: script type="text/javascript" src=" ript> Kita juga akan tambahkan variable global config, yaitu messagedelay, untuk mengontrol berapa lama message box tampil pada layar, Nilai ini berjumlah milliseconds. Silahkan ganti jika ingin lebih cepat atau lambat <script type="text/javascript"> var messagedelay = 2000; // How long to display status messages (in milliseconds) Setelah kita menyisipkan file JQuery, sekarang kita akan tingkatkan JavaScript init () function. Atur bentuknya agar dapat ditampilkan dan disembunyikan sesuai permintaan, dan juga modifikasi bentuknya agar bias dikirim menggunakan JavaScript. Berikut source kodenya: // Init the form once the document is ready $( init ); // Initialize the form function init() { // Hide the form initially. // Make submitform() the form s submit handler. // Position the form so it sits in the centre of the browser window. $('#contactform').hide().submit( submitform ).addclass( 'positioned' ); // When the "Send us an " link is clicked: // 1. Fade the content out // 2. Display the form // 3. Move focus to the first field // 4. Prevent the link being followed $('a[href="#contactform"]').click( function() { $('#content').fadeto( 'slow',.2 ); $('#contactform').fadein( 'slow', function() { $('#sendername').focus(); } )
4 return false; // When the "Cancel" button is clicked, close the form $('#cancel').click( function() { $('#contactform').fadeout(); $('#content').fadeto( 'slow', 1 ); // When the "Escape" key is pressed, close the form $('#contactform').keydown( function( event ) { if ( event.which == 27 ) { $('#contactform').fadeout(); $('#content').fadeto( 'slow', 1 ); } } Berikut keterangan dari kode di atas 1. Init bentuk setelah dokumen siap Kita gunakan objek jquery $, untuk memicu fungsi init () setelah DOM siap. 2. Sembunyikan form, atur submit handler, dan posisi form Hal pertama yang kita lakukan di dalam fungsi init () itu sendiri adalah membuat beberapa perubahan pada form#contactform. Pertama kita sembunyika dari halaman dengan menggunakan metode jquery hide (). Kemudian kita atur submit event handler untuk fungsi submitform (). Terakhir, kita tambahkan kelas CSS untuk diposisikan di tengah jendela browser. 3. Membuat link "Kirim "agar membuka form Selanjutnya kita mengikat fungsi event handler anonim ke link "Kirim " menjadi click 'events. Fungsi ini memudar halaman konten sehingga hanya hanya terlihat di background memudar pada kontak form dan memfokuskan pada "Nama "field, dan pengunjung siap untuk mulai mengisi form. Terakhir, fungsi mengembalikan jadi false untuk mencegah link diikuti. 4. Ketika tombol "Batal" diklik, maka akan menutup form Sekarang kita mengikat fungsi anonim lain clickevent tombol untuk "Batal" sehingga pengunjung dapat menutup form dengan mengklik tombol. Fungsi hanya memudar form keluar, dan memudar ke halaman konten kembali. 5. Ketika tombol "Escape" tombol ditekan, maka akan menutup form
5 Demikian pula kita mengikat fungsi untuk keydown event form kontak, sehingga kita dapat membaca tombol apa saja yang pengunjung tekan ketika melihat form. Dalam fungsi ini, kita memeriksa apakah pengunjung telah menekan tombol "Escape" (kode karakter: 27). Jika mereka tekan maka kita menutup form dengan memudarkan halaman konten. Pada Tutorial selanjutnya kita akan menuliskan beberapa fungsi pada form agar lebih interaktif lagi. Sampai jumpa di Tutorial selanjutnya. Tentang Penulis Sendy PK Saya adalah Programmer yang memiliki impian untuk menguasai dunia kunjungi situs pribadi saya di dan Online Shop saya di
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 5]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 5] Oleh: Sendy PK Sekarang kita telah menyiapkan form bukannya di-submit dengan cara yang biasa, itu akan memicu fungsi submitform () ketika
Lebih terperinciMembuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1] Oleh: Sendy PK Dalam sebuah website, form kontak sangat penting sebagai komunikasi antara admin dan pengunjung,namun form kontak juga bisa
Lebih terperinciNotifikasi Keren dengan CSS3
Notifikasi Keren dengan CSS3 Oleh: Sendy PK Notifikasi pada website merupakan hal yang penting untuk memberi tahu pengunjung website tentang informasi singkat yang diberikan oleh pemilik website, hal ini
Lebih terperinciTUTORIAL 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 5. Menggunakan JQuery Event 1 Bagian
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 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 terperinciPANDUAN PELATIHAN E LEARNING DASAR
2009 I. PANDUAN PELATIHAN E LEARNING DASAR Fakultas Ekonomi Univesitas Muhammadiyah Yogyakarta 29/Agustus/2009 PENDAHULUAN Selamat datang di e:learning Community (elcom) Universitas Muhammadiyah Yogyakarta.
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 terperinciMembuat Login Pop Up Dengan JqueryUI
Membuat Login Pop Up Dengan JqueryUI Oleh: Dadan Berawal dari maraknya tayangan goyang di telivisi. Terinspirasi juga untuk membuat efek goyang pada website saya. Hehe kagak nyambung nih ilustrasi ceritanya
Lebih terperinciMODUL 7. Pengantar jquery
MODUL 7 Pengantar jquery Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang 2016 Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami mengenai PHP dengan jquery 2. Mahasiswa dapat mengaplikasikan
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 terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. Implementasi 4.1.1. Sumberdaya yang Dibutuhkan Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa kebutuhan yang harus disiapkan. Kebutuhan-kebutuhan
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 terperinciPanduan Aktivasi UT- Online dan Tutorial Online
Panduan Aktivasi UT- Online dan Tutorial Online 1. Aktivasi UT- Online Untuk mengikuti kegiatan Tutorial Online (Tuton), mahasiswa harus melakukan Aktivasi UT-Online terlebih dahulu. Cara melakukan Aktivasi
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 terperinciLAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT Di susun oleh : Galuh Meidaluna 4103141023 Dosen : Dwi Susanto ST. MT TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih 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 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 terperinciCara Membuat Baru
Cara Membuat Email Baru e-mail adalah alat komunikasi yang murah, cepat, dan efisien. Email adalah alat komunikasi berjenis surat dalam bentuk elektronik dan merupakan salah satu aplikasi internet yang
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 terperinciMembuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 2]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 2] Oleh: Sendy PK Sekarang kita akan menambahkan CSS pada halaman HTML kita untuk memperindah tampilan form. Sebagian besar CSS posisi form
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 terperincibuat Lightbox mu sendiri dengan jquery
buat Lightbox mu sendiri dengan jquery Oleh: putra surya herlambang assalamualikum wr wb. apakah kamu pernah melihat gambar pada website yang ketika kamu klik lalu akan muncul suatu kotak besar yang juga
Lebih terperinciMembuat Jam Digital dengan CSS3
Membuat Jam Digital dengan CSS3 Oleh: Sendy PK Jam merupakan penanda waktu yang penting saat kita mengunjungi website. Pada Tutorial kali ini kita akan membuat Jam Digital pada website kita menggunakan
Lebih terperinciLayar Halaman Laporan Soal Guru
320 Halaman ini akan ditampilkan jika guru mengklik menu Jadwal Mengajar. Disini guru dapat melihat jadwal mengajarnya. Selain itu guru dapat melihat jadwal ujian dengan mengklik link Jadwal Ujian pada
Lebih terperinciPanduan Singkat Penggunaan E-Learning Berbasis Moodle Untuk Siswa
Panduan Singkat Penggunaan E-Learning Berbasis Moodle Untuk Siswa http://smkn3wonosari.web.id/ Oleh : SMK N 3 Wonosari DAFTAR ISI A. Pendahuluan... 2 B. Login (Masuk)... 3 C. Merubah Profil dan Password...
Lebih terperinciIntro 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
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 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 terperinciBasic jquery Menyentuh jquery sekarang juga
Basic jquery Menyentuh jquery sekarang juga JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML yanwar 11/8/2013 Apa sih jquery? 2 Kenapa
Lebih terperinciGambar Halaman Awal KTI Online
- 1/24 A. Langkah Kerja 1. Membuka Situs KTI Online Situs KTI Online dapat diakses melalui alamat www.ktiguru.net. Untuk mengakses situs tersebut disarankan untuk menggunakan web browser Mozilla Firefox
Lebih terperinciCARA PENDAFTARAN MEMBER TOKOCATLANCAR.CO.ID. Cara mendaftar sebagai member Tokocatlancar.co.id
CARA PENDAFTARAN MEMBER TOKOCATLANCAR.CO.ID Cara mendaftar sebagai member Tokocatlancar.co.id 1. Masuk pada URL https://tokocatlancar.co.id/register, kemudian akan tampil halaman pendaftaran member seperti
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 terperinciPemrograman Web. Page 188
Page 188 15. Kegiatan Belajar 15 : Mengolah Interaksi User a. Tujuan Pembelajaran. Setelah mengikuti kegiatan belajar 15 ini siswa diharapkan dapat : 1) Mengetahui bentuk penanganan interaksi user pada
Lebih terperinciUser Manual Guide Salesman USER MANUAL GUIDE. Salesman. E-Learning PT. Suzuki Indomobil Sales E-Learning SIS Page 1 of 19
USER MANUAL GUIDE Salesman E-Learning PT. Suzuki Indomobil Sales 2015 E-Learning SIS Page 1 of 19 Table of Contents 1. LOGIN... 3 2. RESET PASSWORD... 3 3. DISCUSSION FORUM... 5 4. E-LEARNING NEWS... 7
Lebih terperinciBy Desrizal. Pengenalan AJAX
1 Pengenalan AJAX 1 Apa yang harus anda ketahui Sebelum anda memulai belajar PHP AJAX anda harus sudah mempunyai pengetahuan dasar mengenai : 1. HTML 2. Javascript 3. PHP Silahkan membaca buku atau dari
Lebih terperinciBerikut merupakan prosedur penggunaan pada non-login :
Prosedur Penggunaan Berikut merupakan prosedur penggunaan pada non-login : 1. Beranda untuk Umum Gambar 4.1 Beranda Untuk Umum Pada halaman ini, user dapat membaca pengumuman yang telah diterbitkan oleh
Lebih terperinciMembuat Game Mencocokan Objek dengan C++ (Part 1)
Membuat Game Mencocokan Objek dengan C++ (Part 1) Oleh: Sendy PK Kali ini kita akan mebuat game yang disebut Same Game yaitu game yang akan mencocokan objek yang satu dengan yang lain, dengan menggunakan
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 terperinciTIP 8. Gambar 8.1. Tidak perlu lagi menggunakan Driver Adobe PDF untuk cetak dalam bentuk PDF
TIP 8 KONVERSI KE PDF Jika selama ini untuk bisa menyimpan halaman web ke dalam PDF dibutuhkan driver printer dari Adobe PDF, kini Anda dan pengunjung blog tidak lagi memerlukannya. Karena telah tersedia
Lebih terperinciOtodidak Pemrograman JavaScript
Otodidak Pemrograman JavaScript Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud
Lebih terperinciPersiapan. Jalankan server apache dari XAMPP control panel Ekstrak file yang telah dibagikan, Salin folder week_8 ke htdocs
Ajax Persiapan Download: https://drive.google.com/file/d/0bxksp6axeejqa3loddvnd2fcx3c/vi ew?usp=sharing Latihan-latihan ini memerlukan koneksi aktif internet Cek kembali koneksi internet anda Jalankan
Lebih terperinciGambar 4.56 Halaman Tentang Kami
Untuk melihat peraturan user dapat mengklik link Peraturan dan akan muncul layar di bawah ini: Gambar 4.55 Halaman Peraturan Kemudian jika user ingin melihat profile Perpustakaan BPPT, maka user dapat
Lebih terperinciMembuat Menu Bertingkat (Tree Menu)
Tutorial Macromedia Dreamweaver Membuat Menu Bertingkat (Tree Menu) Oleh Achmad Solichin, http://achmatim.net, achmatim@gmail.com Menu atau navigasi merupakan komponen penting di dalam suatu website. Navigasi
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Pada bab ini, dijabarkan secara rinci implementasi dan pengujian sistem kursus online menggunakan PHP. Sebagaimana dijelaskan di bab I, bahwa di bab IV membahas bagaimana
Lebih terperinciLangkah Pendaftaran Individu Sepatu Roda pada Website idbalap.
Langkah Pendaftaran Individu Sepatu Roda pada Website idbalap. http://idbalap.com Tutorial ini akan menjelaskan langkah-langkah untuk melakukan pendaftaran individu melalui website idbalap. Pertama buka
Lebih terperinci1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML
Bab 4. Form Overview Salah satu fasilitas yang disediakan oleh dokumen HTML memungkinkan kita untuk melakukan interaksi lebih terhadap halaman dokumen tersebut. Semisal, kemampuan dokumen HTML mampu menyediakan
Lebih terperinciJavaScript. Sumber : Buku Pemrograman Web karangan Abdul Kadir & Pengantar Java Script di
JavaScript Sumber : Buku Pemrograman Web karangan Abdul Kadir & Pengantar Java Script di http://www.ilmukomputer.com/2006/08/19/pengantarjava-script Pemrograman Web/MI/D3 sks 1 Pengenalan JavaScript Javascript
Lebih terperinciMembuat Game Mencocokan Objek dengan C++ (Part 1)
Membuat Game Mencocokan Objek dengan C++ (Part 1) Oleh: Sendy PK Kali ini kita akan mebuat game yang disebut Same Game yaitu game yang akan mencocokan objek yang satu dengan yang lain, dengan menggunakan
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 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 terperinciPETUNJUK TEKNIS BIMBINGAN KARYA TULIS ILMIAH ONLINE 2010 (WWW.KTIGURU.ORG)
PETUNJUK TEKNIS BIMBINGAN KARYA TULIS ILMIAH ONLINE 2010 (WWW.KTIGURU.ORG) - 2/2 A. Langkah Kerja 1. Membuka Situs KTI Online Situs KTI Online dapat diakses melalui alamat www.ktiguru.org. Untuk mengakses
Lebih terperinciPETUNJUK TEKNIS BIMBINGAN KARYA TULIS ILMIAH MELALUI
PETUNJUK TEKNIS BIMBINGAN KARYA TULIS ILMIAH MELALUI WWW.KTIGURU.ORG - 2/22 A. Langkah Kerja 1. Membuka Situs KTI Online Situs KTI Online dapat diakses melalui alamat www.ktiguru.org. Untuk mengakses situs
Lebih terperinciValidasi Form. Contoh Validasi Form
Validasi Form Data yang dimasukkan melalui sebuah form rawan terhadap penyalahgunaan yang mengancam keamanan aplikasi web. Maka biasanya sebuah form dilengkapi dengan proses memeriksa setiap isian form
Lebih terperinciMemasuki Forum Untuk masuk kedalam Modul Forum, yang harus dilakukan adalah :
TENTANG DOKUMEN INI Dokumen ini adalah panduan untuk menggunakan fitur-fitur yang ada dalam SCeLE. Panduan tersebut ditujukan bagi pengguna dengan peran Student atau mahasiswa. Selain itu Panduannya lebih
Lebih terperinciSoftware User Manual. Portal Akademik. Panduan Bagi Mahasiswa UNIVERSITAS KARTIKA YANI
Software User Manual Portal Akademik Panduan Bagi Mahasiswa UNIVERSITAS KARTIKA YANI DAFTAR ISI DAFTAR ISI...2 1. Pendahuluan...3 1.1 Tentang Portal Akademik Kartika Yani...3 1.2 Tentang Dokumen...3 2.
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 terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciCOURSE MANAGEMENT SYSTEM MOODLE. Pengisian Content CMS Moodle
COURSE MANAGEMENT SYSTEM MOODLE Pengisian Content CMS Moodle Memasukan materi 1. Isi langsung Dengan cara isi langsung, materi dimasukan dengan mengetikkannya langsung melalui situs. Langkah langkah :
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 terperinciMengelola Bagian Utama Website Sekolah
Mengelola Bagian Utama Website Sekolah Mengelola bagian utama Website Sekolah dibagi menjadi 3 kate gori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola
Lebih terperinciPendaftaran akun internet ITB (selanjutnya disebut akun INA) untuk mahasiswa S1, S2, S3 ITB dilakukan dengan prosedur sebagai berikut:
Unit Sumber Daya Informasi Institut Teknologi Bandung Gedung CCAR Lt. 3, Jl. Tamansari no. 64, Bandung 40116 Telp/Fax 2515034, 2503147, 2511015 Ext. 12305 Email : usdi@itb.ac.id Petunjuk Pendaftaran Akun
Lebih terperinciPETUNJUK PENGGUNAAN E-LEARNING UNIVERSITAS KRISTEN MARANATHA. Divisi Web Administrasi
PETUNJUK PENGGUNAAN E-LEARNING UNIVERSITAS KRISTEN MARANATHA Divisi Web Administrasi UNIVERSITAS KRISTEN MARANATHA BANDUNG 2007 DAFTAR ISI I. Memilih Situs E- Learning Maranatha... 1 II. Login ke E-Learning...
Lebih terperinciJavascript merupakan suatu bahasa yang perkembangannya lambat di bandingkan dengan Java yang berkembang sangat cepat. Di Javascript kita tidak
Pemrograman Web JavaScript? Java Script merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. Program
Lebih terperinciAplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser
4.3.4 Petunjuk Pemakaian Sistem Aplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser yang terhubung dengan internet. Berikut ini adalah detail prosedur pemakaian dari aplikasi tersebut.
Lebih terperinciMengenal visual designer dan IntelliSense
Mengenal visual designer dan IntelliSense Sejak dahulu, keunggulan Visual Studio dibandingkan tools lainnya adalah adanya fitur visual designer, yaitu developer melakukan editing secara visual, dan di
Lebih terperinciUSER MANUAL APLIKASI WHISTLE BLOWING SYSTEM
USER MANUAL APLIKASI WHISTLE BLOWING SYSTEM PT. SEMEN BATURAJA (Persero), Tbk 2015 WhistleBlowing System merupakan aplikasi yang disediakan oleh PT. Semen Baturaja (Persero) Tbk bagi anda yang memiliki
Lebih terperinciBagian 2. Membuat
Bagian 2. Membuat Email 2.1 Membuat Email di Yahoo (Yahoo Mail) E-mail (surat elektronik), salah satunya disediakan oleh Yahoo, digunakan untuk mengirim informasi/berita di internet, seperti halnya kita
Lebih terperinciPendaftaran Ujian melalui E-AAMAI
Pendaftaran Ujian melalui E-AAMAI Ujian LSPP AAMAI dan AAMAI saat ini dapat dilakukan melalui E-AAMAI pada url berikut : http://eaamai.aamai.or.id atau http://www.aamai.or.id klik Daftar Ujian untuk ujian
Lebih terperinciUSER MANUAL APLIKASI EDIT PROFILE CIPTAPANGAN.COM
USER MANUAL APLIKASI EDIT PROFILE CIPTAPANGAN.COM Dipersiapkan Untuk Charoen Pokphand Oleh UNITECH & HCIS CPI Jakarta Versi 1.2 June 2006 1. Pendahuluan Edit Profile adalah fasilitas di dalam portal Cipta
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Tahap perancangan dalam pembuatan program merupakan suatu hal yang sangat penting, karena didalam perancangan tersebut terdapat elemen-elemen yang mewakili isi atau content
Lebih terperinciUSER MANUAL GUIDE. Training for Trainer
USER MANUAL GUIDE Training for Trainer E-Learning PT. Suzuki Indomobil Sales 2015 E-Learning SIS Page 1 of 24 Table of Contents 1. LOGIN... 3 2. RESET PASSWORD... 3 3. DISCUSSION FORUM... 5 4. E-LEARNING
Lebih terperinciPanduan E-Learning Untuk Dosen S2 S1 D-IV DIII
Panduan E-Learning Untuk Dosen S2 S1 D-IV DIII YAYASAN PENDIDIKAN DAN SOSIAL HELVETIA (EDISI REVISI) PANDUAN TM ONLINE A. Cara Mengakses Situs E-Learning Langkah pertama adalah menjalankan Internet Browser.
Lebih terperinciPANDUAN PENDAFTARAN MENJADI ANGGOTA LOKERNTT (Mohon dibaca dengan teliti)
PANDUAN PENDAFTARAN MENJADI ANGGOTA LOKERNTT (Mohon dibaca dengan teliti) Panduan Pendaftaran menjadi anggota di LokerNTT.com Buka browser anda (Mozilla Firefox, Google Chrome, Opera), masuk ke alamat
Lebih terperinciManipulasi Gambar dengan Efek yang keren
Manipulasi Gambar dengan Efek yang keren Oleh: Sendy PK Halo Sobat Coding, pada tutorial kali ini kita akan membuat program yang bisa digunakan untuk memanipulasi gambar. Berikut deskripsi program yang
Lebih terperinciManipulasi Gambar dengan Efek yang keren
Manipulasi Gambar dengan Efek yang keren Oleh: Sendy PK Halo Sobat Coding, pada tutorial kali ini kita akan membuat program yang bisa digunakan untuk memanipulasi gambar. Berikut deskripsi program yang
Lebih terperinciFLEXIBLE & SIMPLE E-COMMERCE MANUAL SISTEM MANAJEMEN KONTEN (CMS) ONLINE SHOP. Copyright 2016 by Flimmerce
FLEXIBLE & SIMPLE E-COMMERCE MANUAL SISTEM MANAJEMEN KONTEN (CMS) ONLINE SHOP Copyright 2016 by Flimmerce 1 DAFTAR ISI HALAMAN JUDUL... 1 DAFTAR ISI... 2 HALAMAN LOGIN... 4 Melakukan Login... 4 Lupa Password
Lebih terperinciAplikasi Event Portal dapar diakses melalui web dan mobile application. 1. Prosedur Penggunaan Aplikasi Berbasis Website
Prosedur Penggunaan Aplikasi Aplikasi Event Portal dapar diakses melalui web dan mobile application (Android). Aplikasi pada platform Android difokuskan untuk registrasi dan konfirmasi pembayaran yang
Lebih terperinciUSER MANUAL E-PROCUREMENT CKB (Vendor)
USER MANUAL E-PROCUREMENT CKB (Vendor) Version 2.0 A. Halaman Utama (Home) Halaman utama yang dilihat pertama kali oleh user ketika membuka website E-Procurement CKB. Pada halaman utama ini terdapat menu
Lebih terperinciPetunjuk Penggunaan P3SWOT Online
2010 Petunjuk Penggunaan P3SWOT Online DAFTAR ISI DAFTAR ISI... ii PENDAHULUAN... 1 MENGAKSES APLIKASI... 1 MENU UTAMA... 1 A. Home... 1 B. Syarat... 2 C. Petunjuk... 2 D. FAQ... 2 E. Statistik... 3 F.
Lebih terperinciPANDUAN PENGGUNAAN MODUL KUISIONER
PANDUAN PENGGUNAAN MODUL KUISIONER 2015 PT. AIR MEDIA PERSADA DAFTAR ISI Pengenalan Kategori Kuisioner dan Aturan...3 1. Kategori Kuisioner...3 2. Aturan...3 Halaman Konfigurasi...4 Halaman Manajemen Kuisioner...4
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 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 terperinciModul 5 -Javascript-
Modul 5 -Javascript- Pengertian: Javascript adalah bahasa script yang bisa dijalankan di browser, dan biasa disebut dengan client side programming. Client di sini adalah browser, seperti: Google Chrome,
Lebih terperinciProgram Piano 1 Oktaf
Program Piano 1 Oktaf Oleh: Sendy PK Halo Sobat Coding, siapa yang suka musik? kalau saya suka sekali main piano jadi pada tutorial kali ini kita akan membuat program piano1 oktaf sederhana, jadi kita
Lebih terperinciModul di Yahoo
Penyusun : Nurita Putranti, S.Kom NIP. 198402152008022002 Cara Membuat Email Pada Web Yahoo 1. Pada link Address ketikan situs web www.yahoo.co.id. Setelah memasukan alamat web yahoo maka akan tampil beranda
Lebih terperinciGambar 4.30 Layar detail History form (admin) Layar ini akan muncul setelah admin memilih menu history form pada halaman
231 Gambar 4.30 Layar detail History form (admin) Layar ini akan muncul setelah admin memilih menu history form pada halaman history. Pada layar ini berisi detail data dari form-form yang telah dihapus.
Lebih terperinciProgram Penghitung Poin Klub Sepak Bola
Program Penghitung Poin Klub Sepak Bola Oleh: Sendy PK Halo para pecinta coding, ini tutorial pertama yang saya tulis, saya awali dengan membuat program untuk menghitung poin klub sepak bola dengan C#,
Lebih terperinciUntuk mengoptimalkan penggunaan perangkat lunak yang dilanggan universitas
Pengantar Untuk mengoptimalkan penggunaan perangkat lunak yang dilanggan universitas khususnya Microsoft Office, berikut ini kami susun panduan untuk mengkonfigurasi Microsoft Outlook 365 for Windows dan
Lebih terperinciCHAPTER 6. Sebelum membuat starter data, kita perlu meng-create collections terlebih dahulu. Buat folder lib pada folder aplikasi.
CHAPTER 6 Untuk membuat collections, hal pertama yang dilakukan adalah menambahkan baris baru ke dalam file Javascript yang memungkinkan user untuk membuat collections. Sebelumnya, image tersimpan dalam
Lebih terperinciSoftware User Manual. Portal Akademik. Panduan Bagi Mahasiswa
Software User Manual Portal Akademik Panduan Bagi Mahasiswa DAFTAR ISI DAFTAR ISI 2 1. Pendahuluan 4 1.1 Tentang Portal Akademik 4 1.2 Tentang Dokumen 4 2. Petunjuk Penggunaan 5 2.1 Login 5 2.2 Halaman
Lebih terperinciPenerapan Konsep One Layer Website Berbasis JavaScript
Penerapan Konsep One Layer Website Berbasis JavaScript Erick Alfons Lisangan Fakultas Teknologi Informasi Universitas Atma Jaya Makassar Makassar, Indonesia erick_lisangan@lecturer.uajm.ac.id Abstrak Perkembangan
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 terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Sistem Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor - Memory 512MB DDR - Harddisk 5GB
Lebih terperinciREFERENSI SINGKAT (STEP BY STEP TUTORIAL)
REFERENSI SINGKAT (STEP BY STEP TUTORIAL) SCELE FOR SCHOOL MODUL PENGAJAR WORKSHOP E-LEARNING FAKULTAS ILMU KOMPUTER UNIVERSITAS INDONESIA 17 JANUARI 2009 DAFTAR ISI DAFTAR ISI LOGIN 2 MENGUBAH PROFILE..
Lebih terperinciPANDUAN PENGGUNAAN WEBSITE
PANDUAN PENGGUNAAN WEBSITE SISTEM DATA PILAH GENDER KABUPATEN KENDAL BAPPEDA KABUPATEN KENDAL Jalan Soekarno-Hatta No. 191 Kendal - Jawa tengah Telp. (0294) - 381225 Kode Pos 51311 1. Penjelasan Singkat
Lebih terperinciManual. webhosting.i2.co.id
Manual webhosting.i2.co.id Disclaimer This document is provided for informational purposes only and net-dsign.com makes no warranties, either express or implied, in this document. Information in this document
Lebih terperinciSMS Gateway. oleh: Kaka E. Prakasa Nanang Syaifudin
SMS Gateway oleh: Kaka E. Prakasa Nanang Syaifudin FrontlineSMS adalah perangkat lunak bebas untuk manajemen sms yang relatif lebih sederhana dan mudah digunakan untuk berbagai keperluan dibandingkan dengan
Lebih terperinciStoryboard. Username: user1. Password : ****** Login
Storyboard Tampilan awal ketika aplikasi dibuka. User harus melakukan login untuk bisa akses ke dalam aplikasi, setelah mengisi username dan password, kemudian klik login. Gambar A Username: user1 Password
Lebih terperinciMODUL 7. Event. Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang
MODUL 7 Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah event 2. Mahasiswa dapat mengaplikasikan event pada
Lebih terperinci