Skip to main content

EAS MPPL - Demo dan Dokumentasi EAS

 EAS MPPL 2021 Pada kesempatan ini kelompok kami akan menjelaskan salah satu produk perangkat lunak milik Zoho yaitu Zoho Marketing Automation yang dikerjakan secara berkelompok yang beranggotakan: Ricky Supriyanto 05111940000036 Arvel Gavrilla R 05111940000040 M Arif Faizin 05111940000060 Zulfiqar Fauzul Akbar 05111940000101 Raihan Alifianto 05111940000213 Dengan hasil sebagai berikut 1. Deskripsi Produk 2. Manajemen Ruang Lingkup 3. Manajemen Waktu 4. Manajemen Biaya 5. Manajemen Resiko 6. Video demo

Tugas 7 PWEB - Menggunakan AJAX


Pada postingan kali ini, saya akan mencoba menggunakan Ajax dalam sebuah halaman. Ada 2 contoh yang akan saya jelaskan, yang pertama menjelaskan contoh aplikasi AJAX, dan yang kedua menjelaskan aplikasi AJAX di filter alamat-daerah. Oke langsung saja untuk penjelasannya.

Yang pertama adalah contoh aplikasi halaman yang menggunakan AJAX untuk mengubah konten dari halaman tanpa melakukan reload atau berpindah halaman.

Dalam contoh ini, diperlukan dua file untuk mensimulasikannya, file index.html sebagai halaman utama, dan file data-ajax.html sebagai isi dari data yang akan diload.

Kemudian masukkan kode berikut ke file index.html

Dan kode berikut ke file data-ajax.html

Setelah itu kemudian jalankan halaman, dan ketika menekan tombol Tampilkan Data, maka tulisan di bawahnya akan berubah mengikut isi file dari data-ajax.html

Selain itu, ketika file tujuan tidak tersedia atau error, maka juga menampilkan pesan error dari requestnya

Yang kedua adalah contoh penerapan dari AJAX dalam filter alamat-daerah dalam kolom pencarian. 

Langkah pertama yang harus dilakukan adalah menginputkan file berikut ke dalam database MySQL.

Kemudian isikan kode berikut untuk masing-masing file

koneksi.php

index.php

get_provinsi.php

get_kabupaten.php

get_kecamatan.php

get_kelurahan.php

Lalu, jalankan halaman dengan menggunakan XAMPP, maka hasilnya akan seperti berikut


 Sekian postingan kali ini, semoga bermanfaat



Comments

Popular posts from this blog

Tugas 9 PBKK - Laravel : Membuat Landing Page

Pada postingan kali ini, akan membahas membuat landing page menggunakan Laravel 8. Pada postingan ini saya akan mencoba membuat Landing Page dari Dicoding Indonesia ( dicoding.com ) dengan tampilan yang berbeda. Langsung saja ikuti langkah-langkah berikut: Pertama, buat sebuah view baru pada resources/views/ dengan nama homepage.blade.php lalu isi dengan kode berikut: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html> <html lang= "{{ str_replace('_', '-', app()->getLocale()) }}" > <head> <meta charset= "utf-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1" > <title> Dicoding - Bangun Karirmu sebagai Developer Profesional </title> <!-- Fonts --> <link href= "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" r...

Tugas 1 PBKK - Portofolio Aplikasi Framework

Berikut beberapa aplikasi yang pernah dibuat menggunakan bantuan framework : Kulturan Link Website Kulturan merupakan aplikasi berbasis website yang dapat digunakan oleh pekerja seni, drama, dan tari untuk mempromosikan serta memperjualbelikan karyanya secara online. Pengguna dapat membeli hasil karya pekerja seni berupa hasil pementasan atau pertunjukkan seniman di Indonesia. Framework : ReactJS, ExpressJS, Node.js dan Material UI Screenshot tampilan :  Medify.id Link Website Medify.id merupakan salah satu aplikasi berbasis website yang merupakan website dari perusahaan Medify. Website ini menyediakan informasi-informasi penting serta fitur-fitur yang ditawarkan oleh Medify. Framework : Bootstrap, Laravel 8 Screenshot tampilan : Presto Link Website Presto merupakan aplikasi berbasis website yang berisi daftar restoran terdekat beserta detailnya. Dalam website ini, pengguna juga bisa berkomentar di masing-masing restoran, dan juga menambahkan restoran ke dalam daftar favoritnya. Fr...

Tugas 6 PWEB - Menggunakan Framework Bootstrap

Halaman Kontak   Halaman Kontak Pada postingan ini, saya akan menjelaskan bagaimana membuat halaman Login dan Kontak menggunakan Framework Bootstrap. Berikut adalah link live website yang saya buat link Terdapat dua halaman yang bisa diakses yaitu, halaman Login dan halaman Kontak Halaman Login Dalam halaman ini saya menambahkan beberapa komponen yang disediakan oleh Bootstrap, diantaranya :  Horizontal Image Card Floating Label Input Button Selain itu saya juga menggunakan beberapa efek tambahan untuk mempercantik halaman. Berikut adalah kode lengkap dari halaman Login Halaman Kontak Dalam halaman ini juga saya menambahkan beberapa komponen yang ditambahkan pada halaman Login, hanya saja bedanya di sini saya menambahkan komponen Floating Label Textarea Berikut adalah kode lengkap dari halaman Kontak Sekian postingan kali ini, semoga bermanfaat.