SlideShare une entreprise Scribd logo
1  sur  12
Télécharger pour lire hors ligne
PEMROGRAMAN WEB
TUGAS
CRUD dengan Twitter Bootstrap
Disusunoleh:
(NURFAWAID)
(1410651183)
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2015
PEMROGRAMAN WEB
TUGAS
CRUD dengan Twitter Bootstrap
Disusunoleh:
(NURFAWAID)
(1410651183)
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2015
PEMROGRAMAN WEB
TUGAS
CRUD dengan Twitter Bootstrap
Disusunoleh:
(NURFAWAID)
(1410651183)
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2015
Penjelasan tugas di atas adalah:
1. Kita jalankan xampp nya seperti gambar berikut:
2. Kita masuk ke localhost/phpmyadmin untuk membuat databasenya:
3. Setelah itu ke masuk ke SQLnya untuk membuat data yang kita inginkan dengan menulis:
Contoh: create table mahasiswa(
Nim int(14)not null primary key,
Nama varchar(30)not null,
Dll.
);
4. Setelah itu kita membuat koneksinya :
5. Lalu kita buat codingannya untuk mengisi database kita :
Dan ini hasil tampilannya :
6. Dan kita buat daftar tampilannya untuk mahasiswa.
Dan berikut kodingannya:
7. Setelah itu kita membuat kodingannya tambah data untuk mengisi data mahasiswa tersebut berikut
codingannya:
Dan berikut hasilnyan:
8. Lalu kita lanjut ke edit atau update data nya sperti berikut : tanda biri yang saya garisi tinggal klik
gan lalu akan mucul perintah selanjutnya.
Seperti berikut:
Lalu kita klik button simpan untuk menyimpan data yang kita inginkan, maka akan mucul perintah
selanjutnya: dan berikut codingannya
9. Setelah itu kita membuat codingannya delete data:
Dan berikut hasilnya:
Dan ketika kita salah inputan makan akan muncul sperti ini:
10. Dan selajutnya kita buat codingannya matakuliah dan daftar isinya:
Dan berikutnya hasil dari daftar tersebut:
11. Dan kemudian kita buat tambah datanya: dan hasilnya.
Dan ini hasil outputnya: sma seperti halnya yang sudah di jelaskan di atas:
12. Dan selanjutnya kita buat edit data dan :
Dan hasilnya seperti berikut
Dan klik tombol simpan :
13. Lalu kita buat kodingannya delete data:
Lalu kit klik tombol okey:
14. Dan yang terkhir adalaha kita membuat kodingan mencari hasil krs :
Dan berikut hasil untuk memcari nama mahasiswa yang mengambil mata kuliah:
15. Dan ini yang akan di cari oleh kodingan di atas :
Dan hasilnya:
Tugas 4

Contenu connexe

Similaire à Tugas 4

Modul pelatihan-website-wordpress-secara-offline-2013
Modul pelatihan-website-wordpress-secara-offline-2013Modul pelatihan-website-wordpress-secara-offline-2013
Modul pelatihan-website-wordpress-secara-offline-2013Adhit Styabudi
 
Tugas5 1300631007
Tugas5 1300631007Tugas5 1300631007
Tugas5 1300631007zamroni111
 
Tutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi webTutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi webputtry707
 
SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...
SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...
SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...Fitri Febriani
 
training module "web application development with cms and bootstrap"
training module "web application development with cms and bootstrap"training module "web application development with cms and bootstrap"
training module "web application development with cms and bootstrap"Dewi Rahmawati
 
Laporan program browser menggunakan bahasa pemograman java
Laporan program browser menggunakan bahasa pemograman javaLaporan program browser menggunakan bahasa pemograman java
Laporan program browser menggunakan bahasa pemograman javaRara Ariesta
 
Laporan Projek Akhir
Laporan Projek AkhirLaporan Projek Akhir
Laporan Projek Akhirwanamateur_48
 
F 10011543 fathorazi nur fajri
F 10011543 fathorazi nur fajriF 10011543 fathorazi nur fajri
F 10011543 fathorazi nur fajriSyarif Fudin
 
Install joomla di_xampp
Install joomla di_xamppInstall joomla di_xampp
Install joomla di_xamppyoyoqnaliu
 
Installasi maria db 10.1
Installasi maria db 10.1Installasi maria db 10.1
Installasi maria db 10.1Iqbal Arfandi
 
Modul dan ebook kursus web dengan dreamweaver dan phpmysql
Modul dan ebook kursus web dengan dreamweaver dan phpmysqlModul dan ebook kursus web dengan dreamweaver dan phpmysql
Modul dan ebook kursus web dengan dreamweaver dan phpmysqlNepri Anto
 
Laporan program browser
Laporan program browserLaporan program browser
Laporan program browsertrilestari08
 

Similaire à Tugas 4 (20)

Modul pelatihan-website-wordpress-secara-offline-2013
Modul pelatihan-website-wordpress-secara-offline-2013Modul pelatihan-website-wordpress-secara-offline-2013
Modul pelatihan-website-wordpress-secara-offline-2013
 
Judul bab
Judul babJudul bab
Judul bab
 
Adit
AditAdit
Adit
 
Tugas5 1300631007
Tugas5 1300631007Tugas5 1300631007
Tugas5 1300631007
 
Tutorial
TutorialTutorial
Tutorial
 
Tutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi webTutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi web
 
Laporan akhir
Laporan akhirLaporan akhir
Laporan akhir
 
SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...
SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...
SIM, Fitri Febriani, Hapzi Ali, Opsi Membuat Blog atau Database dg Ms. Access...
 
training module "web application development with cms and bootstrap"
training module "web application development with cms and bootstrap"training module "web application development with cms and bootstrap"
training module "web application development with cms and bootstrap"
 
Laporan program browser menggunakan bahasa pemograman java
Laporan program browser menggunakan bahasa pemograman javaLaporan program browser menggunakan bahasa pemograman java
Laporan program browser menggunakan bahasa pemograman java
 
Laporan Projek Akhir
Laporan Projek AkhirLaporan Projek Akhir
Laporan Projek Akhir
 
14523080 Simbada
14523080 Simbada14523080 Simbada
14523080 Simbada
 
14523080-DIAN-SIMBADA
14523080-DIAN-SIMBADA14523080-DIAN-SIMBADA
14523080-DIAN-SIMBADA
 
F 10011543 fathorazi nur fajri
F 10011543 fathorazi nur fajriF 10011543 fathorazi nur fajri
F 10011543 fathorazi nur fajri
 
Install joomla di_xampp
Install joomla di_xamppInstall joomla di_xampp
Install joomla di_xampp
 
Installasi maria db 10.1
Installasi maria db 10.1Installasi maria db 10.1
Installasi maria db 10.1
 
Modul dan ebook kursus web dengan dreamweaver dan phpmysql
Modul dan ebook kursus web dengan dreamweaver dan phpmysqlModul dan ebook kursus web dengan dreamweaver dan phpmysql
Modul dan ebook kursus web dengan dreamweaver dan phpmysql
 
Laporan program browser
Laporan program browserLaporan program browser
Laporan program browser
 
Cover
CoverCover
Cover
 
Cover
CoverCover
Cover
 

Tugas 4

  • 1. PEMROGRAMAN WEB TUGAS CRUD dengan Twitter Bootstrap Disusunoleh: (NURFAWAID) (1410651183) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015 PEMROGRAMAN WEB TUGAS CRUD dengan Twitter Bootstrap Disusunoleh: (NURFAWAID) (1410651183) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015 PEMROGRAMAN WEB TUGAS CRUD dengan Twitter Bootstrap Disusunoleh: (NURFAWAID) (1410651183) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015
  • 2. Penjelasan tugas di atas adalah: 1. Kita jalankan xampp nya seperti gambar berikut: 2. Kita masuk ke localhost/phpmyadmin untuk membuat databasenya: 3. Setelah itu ke masuk ke SQLnya untuk membuat data yang kita inginkan dengan menulis: Contoh: create table mahasiswa( Nim int(14)not null primary key, Nama varchar(30)not null, Dll. ); 4. Setelah itu kita membuat koneksinya :
  • 3. 5. Lalu kita buat codingannya untuk mengisi database kita : Dan ini hasil tampilannya : 6. Dan kita buat daftar tampilannya untuk mahasiswa. Dan berikut kodingannya:
  • 4. 7. Setelah itu kita membuat kodingannya tambah data untuk mengisi data mahasiswa tersebut berikut codingannya:
  • 5. Dan berikut hasilnyan: 8. Lalu kita lanjut ke edit atau update data nya sperti berikut : tanda biri yang saya garisi tinggal klik gan lalu akan mucul perintah selanjutnya. Seperti berikut:
  • 6. Lalu kita klik button simpan untuk menyimpan data yang kita inginkan, maka akan mucul perintah selanjutnya: dan berikut codingannya 9. Setelah itu kita membuat codingannya delete data:
  • 7. Dan berikut hasilnya: Dan ketika kita salah inputan makan akan muncul sperti ini: 10. Dan selajutnya kita buat codingannya matakuliah dan daftar isinya:
  • 8. Dan berikutnya hasil dari daftar tersebut: 11. Dan kemudian kita buat tambah datanya: dan hasilnya.
  • 9. Dan ini hasil outputnya: sma seperti halnya yang sudah di jelaskan di atas: 12. Dan selanjutnya kita buat edit data dan :
  • 10. Dan hasilnya seperti berikut Dan klik tombol simpan : 13. Lalu kita buat kodingannya delete data: Lalu kit klik tombol okey: 14. Dan yang terkhir adalaha kita membuat kodingan mencari hasil krs :
  • 11. Dan berikut hasil untuk memcari nama mahasiswa yang mengambil mata kuliah: 15. Dan ini yang akan di cari oleh kodingan di atas : Dan hasilnya: