Menampilkan Battery Status pada Cordova
|
|
- Yandi Indradjaja
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Menampilkan Battery Status pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Artikel kali ini akan menjelaskan cara menampilkan status baterai (battery status) pada perangkat mobile dengan menggunakan API Cordova. Event yang berkaitan dengan perubahan status baterai adalah batterystatus. Event ini akan terpicu oleh kondisi berikut ini: 1. Terjadi perubahan kapasitas baterai sedikitnya 1 persen. 2. Perangkat disambungkan ke atau dicabut dari pengsi baterai (battery charger). Handler dari status baterai adalah sebuah objek yang memiliki dua atribut: 1. level (Number): Persentase dari kapasitas baterai yang bernilai isplugged (Boolean): TRUE = perangkat disambungkan ke pengsi baterai FALSE= perangkat dicabut dari pengsi baterai Sebelum memulai dengan pembuatan aplikasi ini, pastikan komputer kerja Anda telah dipersiapkan dengan API Cordova dan software yang dibutuhkan lainnya. Untuk mempersiapkan lingkungan pengembangan Cordova, silakan membaca artikel Memulai Cordova yang dibuat penulis sebelumnya. Catatan: Pada artikel ini platform yang digunakan hanya Android, sehingga semua penjelasan yang diuraikan mengacu pada platform tersebut. Kode program dari contoh aplikasi telah disertakan bersama artikel ini sehingga Anda bisa menggunakannya sambil membaca penjelasan agar lebih mudah memahaminya. 1
2 Membuat projek baru 1. Buat sebuah folder kerja untuk projek Cordova. Pada contoh ini folder tersebut diletakkan pada folder..\cordova\workshop. Anda bebas menentukan nama dan lokasi folder tersebut. 2. Buka sebuah command shell dan masuk ke dalam folder kerja di atas. Pada contoh ini akan dibuat sebuah projek bernama battery. 3. Jalankan perintah berikut ini: cordova create battery com.excercise.battery BatteryStatus Setelah projek berhasil dibuat, file-file projek tersebut akan disimpan di dalam folder..\cordova\workshop\battery. Silakan menuju folder tersebut dan melihat folder-folder dan filefile apa saja yang sudah terbentuk. 4. Tambahkan dukungan untuk platform Android. Silakan masuk ke folder..\cordova\workshop\ battery dan jalankan perintah: cordova platforms add android 5. Tambahkan plugin-plugin yang dibutuhkan. Silakan masuk ke folder..\cordova\workshop\battery dan jalankan perintah: cordova plugin add cordova-plugin-device cordova plugin add cordova-plugin-console cordova plugin add cordova-plugin-dialogs cordova plugin add cordova-plugin-battery-status 2
3 6. Sesuaikan versi API Android yang terinstal pada komputer kerja dengan versi target yang akan dibuat. Pada API Cordova yang digunakan oleh penulis, secara default target yang ditetapkan adalah android-22. Namun karena pada komputer kerja penulis versi API Android yang terinstal adalah 21 maka bagian ini harus diedit secara manual. Buka file project.properties di dalam folder..\workshop\battery\platforms\android. Ubah versi API pada bagian target dengan yang sesuai. Buka file AndroidManifest.xml di dalam folder..\workshop\battery\platforms\ android. Ubah versi API pada bagian android:targetsdkversion dengan yang sesuai. Mempersiapkan jquery Langkah ini bertujuan untuk memperindah tampilan dan tidak berhubungan dengan fungsi inti dari aplikasi yang sedang dibuat. jquery dibutuhkan untuk digunakan bersama-sama jquery Mobile. Versi jquery yang digunakan pada contoh program ini adalah jquery Dianjurkan untuk tidak menggunakan jquery 2.x karena terbatasnya versi browser yang didukung oleh versi tersebut. 1. Silakan mengunduh jquery dari situs beralamat: 2. Silakan menyalin file jquery js ke dalam folder..\battery\www\js. Mempersiapkan jquery Mobile Pada contoh ini framework jquery Mobile akan digunakan untuk memperindah tampilan antar muka (User Interface= UI). jquery Mobile adalah UI framework yang sangat populer dan cukup mudah digunakan. Versi jquery Mobile yang digunakan pada contoh program ini adalah jquery.mobile-1.4.5, namun demikian tidak ada batasan untuk menggunakan versi yang lebih baru. 1. Silakan mengunduh jquery Mobile dari situs beralamat: 2. Silakan menyalin file jquery.mobile min.js ke dalam folder..\battery\www\js. 3. Silakan menyalin file jquery.mobile min.css ke dalam folder..\battery\www\css. 3
4 Mengedit file html Buka file index.html yang ada di dalam folder..\battery\www. Hapus semua skrip HTML yang asli dan ganti dengan skrip yang baru berikut ini. <!DOCTYPE html> <html> <head> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimumscale=1, width=device-width"> <!--link rel="stylesheet" type="text/css" href="css/index.css"--> <link rel="stylesheet" href="css/jquery.mobile min.css"> <script src="js/jquery js"></script> <script src="js/jquery.mobile min.js"></script> <script type="text/javascript" charset="utf-8"> // Wait for device API libraries to load // function onload() { document.addeventlistener("deviceready", ondeviceready, false); // device APIs are available // function ondeviceready() { window.addeventlistener("batterystatus", onbatterystatus, false); // Handle the batterystatus event // function onbatterystatus(info) { navigator.notification.alert( "Level: " + info.level + " isplugged: " + info.isplugged, // message alertdismissed, // callback 'Battery Status', // title 'Ok' // buttonname ); </script> </head> function alertdismissed() { // do something <body onload="onload()"> <!-- ################# MAIN PAGE ################# --> <div data-role="page" id="pageone" style="background:#d1e0ff" class="ui-responsive-panel"> <div data-role="header"> <h1>battery Status</h1> <a href="#about" data-icon="info" data-iconpos="notext">about</a> <div data-role="main" class="ui-content"> <p> <p> <center><h1>battery Status</h1></center> <p align="center"><img src="img/logo.png"></p> <!--div data-role="footer"> <p align="center">footer text here</p> </div--> 4
5 <!-- ################# ABOUT ################# --> <div data-role="page" data-dialog="true" data-close-btn="right" id="about"> <div data-role="header"> <h1>about</h1> <div data-role="main" class="ui-content"> <center><h1>battery Status</h1></center> <p>this is an Apache Cordova sample application.</p> Author: Feri Djuandi <br> <script type="text/javascript" src="cordova.js"></script> <!--script type="text/javascript" src="js/index.js"></script--> </body> </html> Mempersiapkan file-file gambar File-file gambar ada di dalam folder..\battery\www\img. Mempersiapkan file icon Sebuah icon baru telah dipersiapkan untuk menggantikan icon standar dari aplikasi Cordova. 1. Siapkan sebuah gambar dengan format PNG dan berukuran 96 x 96 pixel. 2. Pada folder projek aplikasi Cordova, silakan masuk ke sub-folder..\platforms\android\res. Di situ akan dijumpai beberapa folder drawable dan drawable-xxx seperti pada gambar berikut ini. 3. Hapus semua folder drawable-xxx dan tinggalkan sebuah folder bernama drawable. Dengan dihapusnya folder-folder drawable-xxx maka perangkat mobile selalu akan mencari gambar icon di dalam folder drawable. 5
6 4. Di dalam folder drawable terdapat file bernama icon.png. File inilah yang dapat diganti dengan gambar lain supaya icon aplikasi berubah sesuai dengan gambar yang diinginkan. Silakan mengambil gambar icon yang baru dan salin ke dalam folder ini dengan nama file yang sama (hapus file icon.png yang asli). Pastikan resolusinya sama dengan gambar yang asli. Menjalankan aplikasi 1. Sambungkan kabel data dari komputer ke perangkat Android. Pastikan perangkat Android terdeteksi oleh komputer. 2. Masuk ke dalam folder..\cordova\workshop\battery dan jalankan perintah: cordova run android 6
7 Tampilan aplikasi saat dijalankan diperlihatkan pada gambar di bawah ini. Tampilan awal index.html Saat kapasitas baterai berubah, event batterystatus terpicu dan menampilkan sebuah kotak dialog Referensi: Proverbs 1:7. The fear of the LORD is the beginning of knowledge: but fools despise wisdom and instruction. 7
Menggunakan Vibration pada Cordova
Menggunakan Vibration pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Artikel kali ini akan menjelaskan cara menggetarkan perangkat mobile dengan menggunakan API Cordova. Teknik
Lebih terperinci4. Tambahkan dukungan untuk platform Android. Silakan masuk ke folder..\cordova\workshop\ accelerometer dan jalankan perintah:
Menggunakan Accelerometer pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Accelerometer adalah sensor gerak yang mendeteksi perubahan (delta) dalam gerakan relatif terhadap posisi
Lebih terperinciMenggunakan Connection pada Cordova
Menggunakan Connection pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Connection memberikan informasi tipe dari koneksi ke jaringan selular atau jaringan. Artikel kali ini akan
Lebih terperinciMenggunakan Geolocation pada Cordova
Menggunakan Geolocation pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Geolocation memberikan informasi lokasi dari perangkat seperti garis lintang (latitude) dan bujur (longitude).
Lebih terperinciMenampilkan Splash Screen pada Cordova
Menampilkan Splash Screen pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Artikel kali ini akan menjelaskan cara menampilkan splash screen dari sebuah aplikasi dengan menggunakan
Lebih terperinciMenggunakan Database pada Cordova
Menggunakan Database pada Cordova Agustus 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Selain digunakan untuk mengakses fitur yang ada di dalam sebuah perangkat mobile seperti accelerometer,
Lebih terperinciLAMPIRAN.
61 DAFTAR PUSTAKA Andasasmita, Komar. 1990a. Notaris II, Contoh Akta Otentik dan Penjelasannya. Jawa Barat: Ikatan Notaris Indonesia Komisariat Jawa Barat. ------------------------------. 1990b. Notaris
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN
BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Basis Data Setelah sistem dianalisis dan didesain secara rinci, tahap selanjutnya adalah implementasi. Implementasi sistem merupakan tahap meletakkan sistem
Lebih terperinciTutorial Implementasi Jquery Mobile dan JSP. 1. Definisi Jquery Mobile
Tutorial Implementasi Jquery Mobile dan JSP 1. Definisi Jquery Mobile Jquery mobile : framework tampilan berbasis HTML 5, sehingga situs responsive baik di desktop, tablet atau smarphone. 2. Download Jquery
Lebih terperinciMembuat Display Produk dalam Layout Box 4 Kolom
Membuat Display Produk dalam Layout Box 4 Kolom Oleh: Debrian Ruhut Saragih Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana
Lebih terperinciMODUL PRAKTIKUM SISTEM TERDISTRIBUSI
MODUL PRAKTIKUM SISTEM TERDISTRIBUSI WEB API Yuli Purwati, M.Kom Praktikum 8 7 Juni 2017 Aplikasi ASP.NET Web Api 1. Pembuatan Web Api Buat project baru pada Visual Studio, File New Project. Lalu, pilih
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah sistem dianalisis dan didesain secara rinci, tahap selanjutnya adalah implementasi. Implementasi sistem merupakan tahap meletakkan sistem sehingga
Lebih terperinciBAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI
BAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Penelitian sejenis pernah dilakukan oleh Kresno Fransiscus Xaverius Dwi (2017), dengan judul Sistem Informasi Penggajian Dosen di STMIK AKAKOM
Lebih terperinciDAFTAR PUSTAKA. Fathansyah. (2007). Basis Data. Informatika : Bandung.
DAFTAR PUSTAKA Fathansyah. (2007). Basis Data. Informatika : Bandung. Pressman, Roger S. (2012). Rekayasa Perangkat Lunak Buku Dua, Pendekatan Praktisi (Edisi 7). Andi : Yogyakarta. Saputra, Agus. (2012).
Lebih terperinciPendahuluan. Hal itu dimungkinkan dengan adanya framework bernama PhoneGap. PhoneGap
Pendahuluan Dahulu, membuat aplikasi mobile semacam android packege (apk) boleh dibilang sulit dan tidak praktis. Seseorang butuh kemampuan bahasa pemrograman java yang boleh jadi bukanlah bahasa yang
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 terperinciSTMIK-IM MODUL PRAKTIKUM PHONEGAP MODUL PRAKTIKUM TKB PENGEMBANGAN APLIKASI BERBASIS PLATFORM. script.
MODUL PRAKTIKUM TKB6351 - PENGEMBANGAN APLIKASI BERBASIS PLATFORM chalifa.chazar@gmail.com script.id Page 1 chalifa.chazar@gmail.com script.id Last Update : Desember 2016 MODUL 8 Transfer File Tujuan :
Lebih terperinci[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap
[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap Oleh: Arinadi Nur Rohmad Asalamualaikum.. Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit..
Lebih terperinciPerkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya
Perkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya Oleh: Arinadi Nur Rohmad Glyphicon ini berbasis text jadi lebih ringan dan biasa diganti warna seperti huruf pada umumnya yang berbeda dari
Lebih terperinciMODUL 13 INTERKONEKSI CLIENT-SERVER JQUERY
MODUL 13 INTERKONEKSI CLIENT-SERVER JQUERY A. Tujuan : 1. Memahami pembuatan user interface 2. Memahami transmisi data pada user interface 3. Memahami passing parameter dalam koneksi client-server B. Dasar
Lebih terperinciDAFTAR PUSTAKA. Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010
DAFTAR PUSTAKA Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010 Enterprise,Jubilee.2011.Step by Step HTML5, cara cepat menguasai script HTML5,Yogyakarta : Elex Media Komputindo
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 terperinciMembuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
Lebih terperinciPelatihan Intel XDK. Modul 5 Pengembangan Aplikasi Mobile Learning Menggunakan Intel XDK Sesi 2. Dikembangkan oleh Intel Software.
Pelatihan Intel XDK Modul 5 Pengembangan Aplikasi Mobile Learning Menggunakan Intel XDK Sesi 2 Dikembangkan oleh Intel Software. 1 Versi 1.0. September 2013. Hak Cipta (C) 2013 Intel Software.. Adobe,
Lebih terperinciKAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
Lebih terperinciInstalasi Android SDK Maret 2012 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Platform : Windows XP, Eclipse
Instalasi Android SDK Maret 2012 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Platform : Windows XP, Eclipse Sekilas Tentang Android Android adalah sistem operasi untuk perangkat mobile seperti smartphone
Lebih terperinciMENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5
MENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5 Agung Nugroho Agung.nugroho@raharja.info :: http://ngapainbingung.com Abstrak Google Maps merupakan maps yang paling popular karena keakuratannya dan
Lebih terperinciBAB III ANALISIS DAN PERANCANGAN
BAB III ANALISIS DAN PERANCANGAN III.1. Analisa Sistem File manager atau file browser adalah sebuah perangkat lunak yang menyediakan antarmuka untuk bekerja dengan sistem berkas. Perangkat lunak ini sangat
Lebih terperinciPemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data
PRAKTIKUM 6 Query Data 2 TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data MATERI Program edit dan hapus TUGAS Menambahkan fitur edit dan hapus untuk semua form input data
Lebih terperinciMODUL 1 INSTALASI PAKET JAVA DAN PROGRAM SEDERHANA
MODUL 1 INSTALASI PAKET JAVA DAN PROGRAM SEDERHANA A. Target Pembelajaran 1. Siswa mampu menginstal JDK 2. Siswa mampu menjalankan eclipse 3. Siswa mampu membuat program sederhana B. Materi 1. Pengenalan
Lebih terperinciBAB IV PENGUJIAN DAN ANALISA
BAB IV PENGUJIAN DAN ANALISA Setelah proses perancangan selesai, maka dalam bab ini akan diungkapkan dan diuraikan mengenai persiapan komponen dan peralatan yang dipergunakan, serta langkah-langkah praktek,
Lebih terperinciLaporan Proyek Aplikasi. Membangun Aplikasi Phonebook Darurat dengan jquery Handphone & SDK Android
Laporan Proyek Aplikasi Membangun Aplikasi Phonebook Darurat dengan jquery Handphone & SDK Android Kelompok 4 Informatika. A. 2008 Ali Rahman Aris Susanto Aep Wiguna Asep Sopandi Ahmad Muntaqo JURUSAN
Lebih terperinciBondan Muliawan Mengenal ASP
Instalasi Personal Web Server dan Pengenalan ASP Bondan Muliawan mail@bondan.net http://www.bondan.net Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinci[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3
[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3 Oleh: Arinadi Nur Rohmad Oke, Membuat slide show adalah pekerjaan yang sulit untuk yang baru belajar CSS karena pada dasarnya Slide Show dibuat
Lebih terperinciBAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI
BAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI 2.1. Tinjauan Pustaka Penelitian yang dilakukan oleh Irma Eka Ayu Novita dan Hernawan Sulistyanto (2015) dengan judul Pengembangan Aplikasi Untuk Mengetahui Kebutuhan
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 terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciMembuat Duplikasi Form dengan Jquery (Dynamic Form)
Membuat Duplikasi Form dengan Jquery (Dynamic Form) Oleh: Dimas Agung Noviyanto Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus
Lebih terperinciBAB IV PERANCANGAN SISTEM
BAB IV PERANCANGAN SISTEM 4.1 DESAIN LAYOUT 3D MODEL Proses desain layout 3D Model dilakukan menggunakan aplikasi Blender 2.77. Dalam Blender 3D, proses desain dilakukan pada sebuah jendela yang bernama
Lebih terperinciSTMIK-IM MODUL PRAKTIKUM PHONEGAP MODUL PRAKTIKUM TKB PENGEMBANGAN APLIKASI BERBASIS PLATFORM. script.
MODUL PRAKTIKUM TKB6351 - PENGEMBANGAN APLIKASI BERBASIS PLATFORM chalifa.chazar@gmail.com script.id Page 1 chalifa.chazar@gmail.com script.id Last Update : Desember 2016 MODUL 7 Camera Tujuan : Mahasiswa
Lebih terperinciHOT POTATOES oleh : Wahyu Purnomo
HOT POTATOES oleh : Wahyu Purnomo A. Penjelasan Hot Potatoes adalah software yang terdiri dari 6 macam fasilitas yang bisa digunakan untuk membuat latihan latihan berbasis web yang interaktif. Software
Lebih terperinciBeralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap
Beralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap Oleh: Arinadi Nur Rohmad Kenapa beralih dari Input Submit ke Button? Ya, menurut saya button lebih Power Full dari pada Input
Lebih terperincimembuat website dengan bootstrap v3.0.0
membuat website dengan bootstrap v3.0.0 Oleh: reski hamsah Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk
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 terperinciTampilan Splash Screen Eclipse Pada gambar 4.1 dibawah ini merupakan tampilan splash screen ketika aplikasi eclipse dibuka.
BAB IV PEMBUATAN DAN PENGUJIAN Pada bab ini, selanjutnya penulis akan melakukan tahap pembuatan pengujian yang mengacu pada analisa perancangan pada bagian sebelumnya. 4.1 Pembuatan Aplikasi ini dibuat
Lebih terperinciLaporan Berkala I (2 Minggu Pertama)
Laporan Berkala I (2 Minggu Pertama) Bramantya Putra Pamungkas TI 2.3 (1110012) PT. Naraya Telematika Jl. Puncak Borobudur, Malang PROGRAM STUDI TEKNIK INFORMATIKA Sekolah Tinggi Teknik Atlas Nusantara
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 terperinciPRAKTIKUM 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
Lebih terperinciTUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan
Lebih terperinciMembuat AUTO RUN pada CD
Membuat AUTO RUN pada CD Pernahkah Anda melihat sebuah CD yang ketika dimasukkan ke CD-ROM drive akan langsung melakukan auto run yang secara otomatis akan menampilkan menu atau sebuah dokumen pada CD
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 terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Bab ini akan membahas tentang implementasi dan pengujian, setelah sebelumnya dilakukan analisa dan perancangan terhadap aplikasi pembelajaran bahasa inggris menggunakan
Lebih terperinciBAB IV PENGUJIAN DAN ANALISA ALAT
BAB IV PENGUJIAN DAN ANALISA ALAT Setelah perancangan alat selesai, selanjutnya yang perlu dilakukan adalah pengujian dan analisa alat yang bertujuan untuk melihat tingkat keberhasilan dalam perancangan
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB II. MEMULAI PROYEK ANDROID PERTAMA Dosen Pembina : Bella Hardiyana, S. Kom, M. Kom JDK Download JDK terbaru dari link dibawah ini http://www.oracle.com/technetwork/java/javase/downloads/index.
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 terperinciC. Menentukan target link 1. Link
Jenis-Jenis Link Dalam HTML, link dibedakan menjadi 3 jenis, yaitu : 1. Link Absolut Link Absolut adalah link yang akan menunjuk ke halaman dari situs web lain. Penulisan alamatnya pun harus ditulis secara
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 terperinciPersiapan. 2.1 Hardware
Persiapan Selanjutnya, pertama kali Anda perlu mempersiapkan segala sesuatu yang diperlukan untuk pemrograman Android, baik dari segi hardware dan software. Persiapan ini gunanya menyediakan IDE dan platform
Lebih terperinciSOFTWARE DEVELOMENT KIT (SDK) & DASAR PENGEMBANGAN APLIKASI MOBILE
SOFTWARE DEVELOMENT KIT (SDK) & DASAR PENGEMBANGAN APLIKASI MOBILE Farah Zakiyah Rahmanti, M.T Diperbarui 2016 Overview SDK (Software Development Kit) Creating Project di Eclipse Creating Project di Android
Lebih terperinciPersiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\
CSS & CSS Framework CSS Cascading Style Sheets (CSS) adalah sebuah bahasa yang digunakan untuk menampilkan style dari sebuah dokumen HTML. CSS menjelaskan bagaimana elemen HTML harus ditampilkan. Persiapan
Lebih terperinciMenggunakan Database di Android Desember 2011 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Platform : Android 2.
Menggunakan Database di Android Desember 2011 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Platform : Android 2.3, Eclipse, SQLite Dengan semakin beragamnya pengembangan berbagai aplikasi di platform
Lebih terperinciCara Membuat Website Dengan Dreamweaver 8
Cara Membuat Website Dengan Dreamweaver 8 Hilmi Akbar Hilmi_Akbar@ymail.com Abstrak Macromedia Dreamweaver 8 merupakan alat desain web komprehensif yang disukai oleh para profesional web, tapi cukup mudah
Lebih terperinciMEMULAI ECLIPSE. Juli 2009 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir.
MEMULAI ECLIPSE Juli 2009 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Pendahuluan Dapatkan program Eclipse yang terakhir Java runtime environment (JRE). http://www.java.com/en/download/manual.jsp
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 terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 IMPLEMENTASI Setelah melakukan analisa dan perancangan sistem pada bab 3 terhadap plugin yang akan dibuat, tahapan selanjutannya adalah implementasi dan pengujian
Lebih terperinciBAB I PENDAHULUAN. dengan adanya penerapan TIK untuk meningkatkan efisiensi pemerintah dalam
BAB I PENDAHULUAN 1. 1.1. Latar Belakang Teknologi Informasi dan Komunikasi (TIK) menyebabkan adanya perubahan mekanisme pemberian layanan pemerintah. Hal ini dibuktikan dengan adanya penerapan TIK untuk
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 terperinciBAB 4 IMPLEMENTASI DAN TESTING Perkiraan Kebutuhan Piranti Keras (Hardware) b. Memory DDR 512MB
115 BAB 4 IMPLEMENTASI DAN TESTING 4.1. Implementasi 4.1.1. Perkiraan Kebutuhan Piranti Keras (Hardware) Perkiraan piranti keras atau hardware yang dibutuhkan dalam pembuatan aplikasi ini antara lain :
Lebih terperinciHalaman web dalam Internet Explorer dapat disimpan ke dalam file di komputer anda. Ini Bertujuan nantinya halaman web tersebut dapat dibuka kembali
Halaman web dalam Internet Explorer dapat disimpan ke dalam file di komputer anda. Ini Bertujuan nantinya halaman web tersebut dapat dibuka kembali tanpa melakukan koneksi ke internet (work offline). Langkah-langkah
Lebih terperinciMembuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage
Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage Oleh: Christian Rosandhy Siapa bilang bikin galeri gambar yang responsive itu susah? Di tutorial kali ini kita akan belajar membuat
Lebih terperinciMenginstal Web Server Apache, PHP, dan MySQL
Menginstal Web Server Apache, PHP, dan MySQL Sekarang ini, menginstal web server Apache, PHP, dan MySQL sangatlah mudah. Anda cukup mengisntal sebuah paket instalasi bernama XAMPP, maka seluruhnya akan
Lebih terperinciBAB IV PENGUJIAN DAN ANALISA ALAT
34 BAB IV PENGUJIAN DAN ANALISA ALAT Setelah proses perancangan selesai, maka dalam bab ini akan diungkapkan dan diuraikan mengenai persiapan komponen dan peralatan yang dipergunakan, kemudian menyiapkan
Lebih terperinciPenangkapan Sinyal Radio dan Cara Penyebarannya Lewat Broadcasting Internet
Penangkapan Sinyal Radio dan Cara Penyebarannya Lewat Broadcasting Internet Laporan ini disusun oleh: Muhammad Anis Rizky Maulana Nugraha 1 PENDAHULUAN Radio saat ini masih menjadi salah satu media hiburan
Lebih terperinciMEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA nurlita.icha@gmail.com Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang
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 terperinciUntuk dapat memasuki aplikasi KUTAHU e-learning system anda Pertama-tama memasuki login. Login ini dimaksudkan untuk memasuki sistem aplikasi.
BUKU MANUAL SELAYANG PANDANG Secara umum aplikasi ini mempunyai tiga bagian utama, dimana masing-masing bagian tersebut mempunyai fasilitas-fasilitas yang berbeda-beda. Ketiga bagian tersebut adalah :
Lebih terperinciHak Cipta Pada
Mata Diklat : Keterampilan Komputer Dan Pengelolaan Informasi Program studi : Semua Program studi Kompetensi : Mengoperasikan Sistem Operasi (Windows XP) Kode : SWR.OPR.200.(1).A Durasi Pemelajaran : 10
Lebih terperinciPanduan Instalasi dan Penghapusan. WinWAP 3.0 PRO. Khusus Untuk Pengguna AI20CLN
Panduan Instalasi dan Penghapusan WinWAP 3.0 PRO Khusus Untuk Pengguna AI20CLN Arman Yusuf, S. Kom YBØKLI 15 Oktober 2003 Daftar Isi Daftar Isi... 2 Daftar Gambar... 3 1. Asumsi Menginstal dan Menghapus
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 terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 2 MEMBUAT ANTARMUKA Tujuan: Mahasiswa memahami dan mampu menggunakan beberapa komponen antarmuka untuk mendukung suatu aplikasi Android. Pustaka: Abdul Kadir,
Lebih terperinciGioBox Android Application Manual
GioBox Android Application Manual Aplikasi Mobile GioBox (Android) Installasi Aplikasi Mobile Anda dapat mendownload Aplikasi Mobile GioBox dari halaman download GioBox atau di halaman pribadi GioBox.
Lebih terperinciRuang 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
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 terperinciLocation Based Services
Location Based Services Location Based Service (LBS) atau layanan berbasis lokasi adalah sebuah layanan informasi yang dapat diakses dengan perangkat bergerak melalui jaringan dan mampu menampilkan posisi
Lebih terperinciMANUAL PENGOPERASIAN JSTOCKINVENTORY Twitter
MANUAL PENGOPERASIAN JSTOCKINVENTORY 2 www.jasaplus.com 082227927747 Twitter : @ringlayer email : ringlayer@gmail.com jasapluscom@yahoo.com DAFTAR ISI BAB 1. PENGENALAN DAN INSTALASI JSTOCKINVENTORY 1.1.
Lebih terperinciTrik Mudah Membuat CMS Website dari Nol
Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh PENERBIT PT ELEX MEDIA KOMPUTINDO Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh 2016, PT Elex Media
Lebih terperinciPEMROGRAMAN MOBILE. Login level akses & build apk install ke HP dengan data terhubung ke server
PEMROGRAMAN MOBILE Login level akses & build apk install ke HP dengan data terhubung ke server ك ل ن ف س ذ ا ٮ ق ة ٱل م و ت ث م إ ل ي ن ا ت ر ج ع ون Tiap-tiap yang berjiwa akan merasakan mati. Kemudian
Lebih terperinciMODUL I PENGENALAN VISUAL BASIC.NET
MODUL I PENGENALAN VISUAL BASIC.NET A. TUJUAN Memahami platform Microsoft.NET. Mengenal Integrated Development Environment (IDE) Visual Basic.NET. Memahami struktur project Visual Basic.NET. Memahami jenis-jenis
Lebih terperinciLAPORAN PRAKTIKUM BAHASA PEMOGRAMAN VISUAL. Asnita Meydelia C. K OFF E
LAPORAN PRAKTIKUM BAHASA PEMOGRAMAN VISUAL Asnita Meydelia C. K. 130533608143 OFF E UNIVERSITAS NEGERI MALANG FAKULTAS TEKNIK ELEKTRO PRODI S1 PENDIDIKAN TEKNIK INFORMATIKA JANUARI, 2015 LABORATORIUM KOMPUTER
Lebih terperinciContent: Pengenalan Web Server Pengenalan MY SQL Connector Pengenalan CodeCharge Studio (CCS)
PENGENALAN PROGRAM Content: Pengenalan Web Server Pengenalan MY SQL Connector Pengenalan CodeCharge Studio (CCS) Banyak pengembang program aplikasi dan para programmer menghadapi dilema dalam memulai project
Lebih terperinciLAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO
LAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO OLEH : LUTHFI HDIAYAT (4103131035) http://luthfihidayat.mb.student.pens.ac.id/ TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA 2015 Praktikum
Lebih terperinciRecover My Files. Download dan Instalasi Recover My Files
Recover My Files Recover My Files merupakan software yang lebih canggih untuk mengatasi file-file hilang. Memang, software ini tidak gratis. Anda harus membelinya agar dapat menggunakan software ini secara
Lebih terperinci1. Apa itu Bootstrap?
Pendahuluan Dalam rangka memenuhi tugas mata kuliah Web Statis, Prodi TI, STMIK EL Rahma, dengan topik dan konten yang telah ditetapkan, yaitu mengenai Bootstrap. Maka saya mengekspresikan sebuah pemahaman
Lebih terperinciPertama tama install terlebih dahulu java versi terbaru pada. atau didalam
1 Langkah Langkah Instalasi android SDK dan Eclipse : Install Komponen yang dibutuhkan : Pertama tama install terlebih dahulu java versi terbaru pada alamat berikut ini : http://www.java.com/en/download/index.jsp
Lebih terperinciMANUAL PENGGUNAAN JANDROID
MANUAL PENGGUNAAN JANDROID www.jasaplus.com 082227927747 email: ringlayer@gmail.com jasapluscom@yahoo.com DAFTAR ISI 1. LOGIN KE SISTEM CLOUD JANDROID 2. MENGKONVERSI WEBSITE MENJADI APLIKASI ANDROID DAN
Lebih terperinciBELAJAR HTML Hyper Text Markup Language
www.bambangherlandi.web.id BELAJAR HTML Hyper Text Markup Language 1 HTML INTRODUCTION HTML Example my First Heading my first paragraph. 2
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 terperinciTUTORIAL Manajemen File Mendeley
TUTORIAL Manajemen File Mendeley Disusun Oleh: Arda Putri Winata, M.A. 081904185435 Pustakawan Universitas Muhammadiyah Yogyakarta 2017 Mendeley merupakan sebuah perangkat lunak (software) berbasis opensources
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 terperinci