Halo Nyekriper! Pada tutorial ini kita akan belajar cara membuat aplikasi web sederhana tanpa menggunakan web server seperti apache, hanya menggunakan javascript dan fitur canggih yang dimiliki HTML5. Pada saat ini Web browser sudah mendukung HTML5 yang sudah memiliki fitur seperti canvas, WebGL, localStorage yang digunakan untuk menyimpan data dalam bentuk key value, video dan Audio, dan masih banyak lagi. Dengan adanya fitur tersebut kita sudah bisa membangun aplikasi yang dapat diakses secara lokal, dan tidak perlu membutuhkan web server.

Download Software aplikasi. Deskripsi program: Software aplikasi desktop sederhana tentang penjualan barang. BERBASIS WEB MENGGUNAKAN PHP-MYSQL DAN DREAMWEAVER. Salam Blogging, Baru-baru ini saya telah menyelesaikan sebuah aplikasi database pegawai sederhana dengan menggunakan beberapa bahasa pemrograman seperti PHP, MySQL, CSS, dan JavaScript.

Hasil Akhir dari tutorial ini akan nampak seperti gambar berikut ini. Anda bisa download aplikasi web dengan klik tombol “Download” diatas atau ingin mencobanya secara online dengan klik “Demo Skrip”. Untuk membuat Aplikasi web tersebut, silahkan anda ikuti langkah-langkah berikut ini. Cara Membuat Aplikasi Web Sederhana: Persiapan Awal Dalam artikel ini kita akan membuat sebuah aplikasi web lokal yang mempunyai fitur CRUD (Create Reset Update Delete) data.

Berikut ini adalah fitur yang akan kita buat untuk membangun aplikasi web lokal: • Lihat Data – Melihat daftar data yang telah dimasukkan • Tambah Data – Menambah data. • Edit Data – Merubah data yang telah dimasukkan sebelumnya. • Hapus Data – Menghapus data yang telah dimasukkan sebelumnya. Sedangkan perangkat lunak yang dibutuhkan adalah sebagai berikut. • HTML (Hypertext Markup Language), untuk mengetahui lebih jelas tentang HTML, anda bisa mengunjungi artikel ” ”. • Javascript, sebuah bahasa pemrograman yang tertanam di web browser. Javascript membantu kita untuk mewujudkan halaman HTML yang dinamis. Descargar Driver Hp Deskjet 3920 Windows 7 Gratis.

• CSS, sebuah rules yang digunakan untuk memberikan style pada aplikasi web yang kita kembangkan. • Jquery, framework yang mempermudah dalam penggunaan Javascript. Donwioad Jquery disini:. • Twitter Bootstrap, kita menggunakannya agar tampilan aplikasi web menjadi responsif. Download Twitter Bootstrap disini:. • Web Browser, Untuk pilihannya anda bisa menggunakan Google Chrome, Chromium, atau Safari.

Untuk download chrome disini: • Teks Editor, notepad bawaan windows atau teks editor dasar lainnya, jangan menggunakan Microsoft Word. Saya menyarankan untuk menggunakan notepad++, untuk download disini: Membuat Aplikasi Web: Membangun Kerangka Pertama kita akan membuat folder dengan nama “nyekrip aplikasi web” dalam folder tersebut kita akan membuat satu folder lagi dengan nama “files” dan satu file HTML dengan nama “index.html”. Hp Dc7800 Pci Serial Port Drivers Windows 7 on this page. Secara lebih detail, fungsi dari kedua file adalah sebagai berikut: • html, dokumen HTML tang berisikan skrip HTML5, Javascript, dan CSS.

• files, berupa folder untuk menyimpan file Twitter Bootstrap dan Jquery yang sudah didownload sebelumnya. Mari kita buat terlebih dahulu file index.html, oke langsung saja kita ketik-kan skrip berikut ini. Setelah menyiapkan file HTML, selanjutnya kita membuat folder yang bernama “files”, dalam folder tersebut kita masukkan file Twitter Bootstrap dan Jquery. Aplikasi Web Sederhana: Membuat Form dan Navigasi Selanjutnya kita membuat dua form yaitu form tambah data dan form edit data, kita akan membuat perubahan di dalam dan pada tag.

Pada tahap ini kita akan membuat 4 bagian skrip yaitu: • Judul dan Menu Aplikasi • Form Tambah Data • Form Edit Data • Tampilan Daftar Data • Fungsi Ganti Menu Berikut ini adalah perubahan isi dan tag di file index.html yang telah ditambahkan empat bagian skrip diatas. Penjelasan singkat tentang kegunaan Skrip: • Event onload pada tag akan menjalankan fungsi muatDaftarData(). Cuma pada saat ini fungsi tersebut belum kita buat, sehingga belum bisa memuat daftar data. • Pada kita membuat judul dan navigasi aplikasi web serderhana • Membuat Form tambah data dalam, kita berikan atribut style style='display:none;' supaya hanya muncul ketika navigasi tambah data di klik. Di bagian akhir dalam tombol submit kita berikan fungsi simpanData(), fungsi simpan ini akan di-eksekusi ketika tombol tersebut di-klik atau dijalankan. • Membuat Form edit data dalam.