Praktikum Sesi 2 Bootstrap Modal dan ajax

Praktikum Sesi 2 Bootstrap Modal dan ajax


Assalamualaikum Wr.Wb.

Nama  : Satria Putra R
Kelas  : XI RPL 2

dengan ini saya akan membuat sebuah tutorial lanjutan dari sesi - sesi sebelumnya. jika anda belum melihat sesi sebelumnya, maka anda harus melihatnya.
kali ini saya akan menjelaskan tentang cara memakai Bootstrap Modal dan Ajax.
Bootstrap adalah open-source framework front-end yang bebas untuk merancang situs web dan aplikasi web. Framework ini berisi template desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript.
1. Tambahkan CSS bootstrap dan Plugins jQuery dan Toastr di v_index.php 


2. Tambahkan Codingan yang ditandai di bawah tersebut di v_index.php


 3. Tambahkan Class btnDelete di button delete di v_index.php


4. Tambahkan Javascript di akhir v_index.php


5. Buat Codingan Delete.php sama dengan codingan yang dibawah ini!



 6. Sebelum Dirunning Download terlebih dahulu bootstrapnya dan simpan bootstrap tersebut ke dalam folder assets lalu itu sesuaikan codingannya.

7. Finish!

 

Berikut yang dapat saya sampaikan,
Wassalamualaikum Wr.Wb. 

Comments

Post a Comment

Popular posts from this blog

Pratikum Sesi 5 OOP dengan PHP

Image
Pratikum Sesi 5 OOP dengan PHP Assalamualaikum Wr. Wb. Nama : Satria Putra R. Kelas : XI RPL 2 pratikum kali ini berbeda, kali ini kita akan belajar OOP dengan PHP OOP (Object Oriented Programming) adalah suatu metode pemrograman yang berorientasi kepada objek. Tujuan dari OOP diciptakan adalah untuk mempermudah pengembangan program dengan cara mengikuti model yang telah ada di kehidupan sehari-hari. Jadi setiap bagian dari suatu permasalahan adalah objek, nah objek itu sendiri merupakan gabungan dari beberapa objek yang lebih kecil lagi. Saya ambil contoh Pesawat, Pesawat adalah sebuah objek. Pesawat itu sendiri terbentuk dari beberapa objek yang lebih kecil lagi seperti mesin, roda, baling-baling, kursi, dll. Pesawat sebagai objek yang terbentuk dari objek-objek yang lebih kecil saling berhubungan, berinteraksi, berkomunikasi dan saling mengirim pesan kepada objek-objek yang lainnya. Begitu juga dengan program, sebuah objek yang besar dibentuk dari beb...
Read more

Pratikum 21

Image
Pratikum 21 Assalamualaikum Wr. Wb. Nama : Satria Putra Ramadhan Kelas : XI RPL 02 kali ini kita akan membahas Struktur Control - Percabangan pada PHP. Percabangan (Decision-Making) memnugkinkan aplikasi untuk memeriksa isi suatu variabel atau hasil perhitungan ekspresi dan mengambil tindakan yang sesuai. struktur percabangan ada If Else, Else-if, dan Nested If (If Bersarang), Switch Case, dan Ternary.  If Else if (condition) {      //statement 1 } else {      //statement 2 } //statement 3 Dari bentuk diatas kita bisa melihat bahwa If Else bisa kita gunakan ketika kita hanya memiliki 1 kondisi yang bernilai true. Jika bernilai true, maka statement 1 akan dijalankan. Jika bernilai false, aka statement 2 lah yang akan dijalankan. Statement 3 bisa kita katakan sebagai output dari kondisi yang sudah kita buat Else-If if(condition1) {      //statement 1 } elseif(condition2) {   ...
Read more

Pratikum 26

Image
Pratikum 26 Assalamualaikum Wr. Wb. Nama : Satria Putra R Kelas : XI RPL 2 kali ini saya akan menjelaskan tentang fungsi pada php. Fungsi adalah kumpulan dari beberapa statement yang dibuat dengan tujuan untuk menyelesaikan tugas tertentu . Fungsi juga digunakan untuk mencegah script di eksekusi pada saat halaman website di load, karena untuk mengeksekusinya kita harus memanggil fungsi tersebut . Pembuatan Fungsi function nama_fungsi(parameter){ //isi fungsi } Ketika fungsi yang kita buat ingin mengembalikan nilai maka tambahkan return sebelum fungsi ditutup. function nama_fungsi(parameter){ //isi fungsi return variable; } 1.ContohPembuatanFungsi     2.ContohFungsi_Date     3.ContohLibrary.php 4.ContohTampil.php 5.PemanggilanFungsi     6.StudiKasus   codingannya : sebelum itu kita harus membuat terlebih dahulu rumusnya yaitu seperti berikut : ...
Read more

Contact Form

Name

Email *

Message *