SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Downloaden Sie, um offline zu lesen
MODUL PEMOGRAMAN WEB II
PERTEMUAN – 9
1. Membuat Database
Langkah-langkah pembuatan database :
a. Jalan aplikasi xampp
b. Aktifkan Apache (Web Servernya) dan Mysql (Database), untuk lebih lengkapnya
silahkan diperhatikan gambar di bawah ini.
c. Buka browser dan kemudian ketikan alamat : localhost/phpmyadmin. Berikut
merupakan halamana phpmyadmin.
d. Piliha basis data untuk membuat database baru. perhatikan gambar dibawah ini.
e. Buat database dengan nama : “LatihanCi”. Perhatikan gambar dibawah ini.
f. Kemudian silahkan pilih atau klik tombol “Buat”.
g. Buat sebuah tabel dengan nama tabel “Mahasiswa”. Perhatikan gambar dibawah ini.
Keterangan :
- Mahasiswa merupakan nama tabel
- 4 merupakan jumlah field pada tabel mahassiwa
h. Silahkan klik tombol “KIRIM” untuk membuat tabel mahasiswa
i. Tentukan field dari tabel mahassiwa tersebut. seperti pada gambar dibawah ini.
j. Kemudian klik tombol SIMPAN.
k. Sampai pada pada tahap ini kita sudah berhasi lmembuat database LatihanCI dan tabel
mahasiwa. Selanjutnya Menginstal Framework CodeIgniter & Bootstrap 3
2. Instal Framework CodeIgniter & Bootstrap 3
Langkah-langkah instalasi framework codeigniter:
a. Siapkan framework codeIgniter dengan versi CodeIgniter 3, bisa di download melalui
link : https://codeigniter.com/download.
b. Setelah berhasil di download kemudian silahkan buat folder baru kedalam htdocs dengan nama
LatihanCI
c. ekstra filenya codeIgniter yang sudah di download dan kemudian silahkan di copykan kedalam
folder LatihanCI.
d. Download bootstrap 3 versi 3.3.7 melalui link : https://getbootstrap.com/docs/3.3/
e. Pada Folder LatihanCI yang kita buat sebelumnya, maka buatlah sebuah folder didalamnya
dengan nama Assets.
f. Ekstra file bootstrap 3.3.7 yang sudah kita download kemudian copykan filnya kedalam
folder Assets yang kita buat sebelumnya.
3. Konfigurasi Framework CodiIgniter dan Database
Setelah berhasil instalasi framework codeigniter & bootstrap, langkah selanjutnya yang
perlu kita lakukan adalah melakukan konfigurasi pada file codeigniter agar bisa terhubung
kedalam database yang sudah kita buat sebelumnya. Langkah yang perlu kita lakukan
adalah sebagai berikut:
a. Jalankan teks editor yang digunakan yaitu sublime text.
b. Buka folder LatihanCI kedalam sublime teks
c. Setelah berhasil membuat folder pada sublime teks maka langkah selanjutnya yang
perlu kita lakukan adalah konfigurasi file Database, Routes, Autoload Dan Config pada
codeigniter.
d. Untuk melakukan konfigurasi Database.php pada codeigniter dapat memilih folder
application/config/database.php. kemudian lakukan konfigurasi database sesuaikan
dengan nama database yang kita buat sebelumnya. Perhatikan gamabr dibawah ini.
Catatan : yang dilingkari warna merah merupakan username dan lingkaran warna biru
merupakan nama database kita. * WAJIB DI ISI * JANGAN LUPA DI SAVE
e. Konfigurasi Route.php silahkan buka folder application/config/routes.php. perhatikan
gambar dibawah ini
* WAJIB DI ISI
f. Konfigurasi Autoload.php silahkan pilih folder application/config/autoload.php.
perhatikan gambr dibah ini.
* WAJIB DI ISI
g. Konfigurasi Config.php silahkan pilih folder application/config/config.php. perhatikan
gambar dibawah ini.
* BASE URL = WAJIB DI ISI
* INDEX_PAGE = di kosongkan
h. Buatlah sebuah file kedalam folder LatihanCI dengan nama .htaccess. ingat tanpa
ekstensi. Perhatikan gambar dibawah ini.
4. CRUD (Cread Read Update Delete)
Pada tahap ini kita akan membuat fungsi Read yaitu untuk membaca isi tabel dari database.
a. Read
- pada folder application/views buat sebuah file dengan nama mahasiswa_view.php.
dan isikan perintah seperti dibawah ini.
- pada folder application/controller buatlah sebuah file dengan nama
Mahasiswa_Controller.php. kemudian tuliskan source code seperti pada gambar
dibawah ini.
- pada folder application/models buatlah sebuah file dengan nama
Mahassiwa_model, kemudian tuliskan source code dibawah ini
- Buka Browser dan jalankan program dengan membuat alamat : localhost/LatihanCI
- Sampai pada tahap ini kita sudah berhasil memanggil data dari database dan
menampikan kehalaman browser.
CATATAN :
Apabila data tidak tampil ke kehalaman browser maka langkah yang
perlu dilakukan adalah dengan menginput data kedalam table
mahasiswa yang kita buat sebelumnya. Setelah di input datanya
kemudian refresh kembali browsenya Maka data akan tampil ke
halaman browser.
MATERI SELANJUTNYA ADALAH
TENTANG FUNGSI ( Create )
SEKIAN DAN TERIMA KASIH

Weitere ähnliche Inhalte

Was ist angesagt?

Pemrograman berbasis web
Pemrograman berbasis webPemrograman berbasis web
Pemrograman berbasis web
muhammadbazed
 
Tugas ujan praktek TIK
Tugas ujan praktek TIKTugas ujan praktek TIK
Tugas ujan praktek TIK
audreeeeeyyyy
 
rangkuman Tik bab 4 version amanda
rangkuman Tik bab 4 version amandarangkuman Tik bab 4 version amanda
rangkuman Tik bab 4 version amanda
amandachelsea
 

Was ist angesagt? (19)

Tutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPTutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHP
 
Tutorial instalasi open cart
Tutorial instalasi open cartTutorial instalasi open cart
Tutorial instalasi open cart
 
Database server lanjutan 1
Database server lanjutan 1Database server lanjutan 1
Database server lanjutan 1
 
Database server
Database serverDatabase server
Database server
 
Modul session & upload
Modul session & uploadModul session & upload
Modul session & upload
 
Tutorial instalasi wordpress secara localhost
Tutorial instalasi wordpress secara localhostTutorial instalasi wordpress secara localhost
Tutorial instalasi wordpress secara localhost
 
Tutorial membuat system login database
Tutorial membuat system login databaseTutorial membuat system login database
Tutorial membuat system login database
 
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
 
Tik
TikTik
Tik
 
Kk 13 modul
Kk 13 modulKk 13 modul
Kk 13 modul
 
Pemrograman berbasis web
Pemrograman berbasis webPemrograman berbasis web
Pemrograman berbasis web
 
Project lanjutan database bioskop
Project lanjutan database bioskopProject lanjutan database bioskop
Project lanjutan database bioskop
 
2014-43. Pemrograman Web
2014-43. Pemrograman Web2014-43. Pemrograman Web
2014-43. Pemrograman Web
 
Tugas ujan praktek TIK
Tugas ujan praktek TIKTugas ujan praktek TIK
Tugas ujan praktek TIK
 
Soal uts kelas ekstensi
Soal uts kelas ekstensiSoal uts kelas ekstensi
Soal uts kelas ekstensi
 
Tugas tik vina 91
Tugas tik vina 91Tugas tik vina 91
Tugas tik vina 91
 
How to install content management system (cms)
How to install content management system (cms)How to install content management system (cms)
How to install content management system (cms)
 
rangkuman Tik bab 4 version amanda
rangkuman Tik bab 4 version amandarangkuman Tik bab 4 version amanda
rangkuman Tik bab 4 version amanda
 
Modul upload web
Modul upload webModul upload web
Modul upload web
 

Ähnlich wie Modul pemograman web II pertemuan 9

Aplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffolding
Aplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffoldingAplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffolding
Aplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffolding
Budi Permana
 
7 langkah-membuat-modul-cms-lokomedia
7 langkah-membuat-modul-cms-lokomedia7 langkah-membuat-modul-cms-lokomedia
7 langkah-membuat-modul-cms-lokomedia
dhedhedea
 
Basis Data Praktikum modul SQL
Basis Data Praktikum modul SQLBasis Data Praktikum modul SQL
Basis Data Praktikum modul SQL
Ihsan Nurhalim
 
Tutorial Instalasi, Upgrade, dan Backup Senayan
Tutorial Instalasi, Upgrade, dan Backup SenayanTutorial Instalasi, Upgrade, dan Backup Senayan
Tutorial Instalasi, Upgrade, dan Backup Senayan
Rido Ridho
 
cara install phpbb di localhost
cara install phpbb di localhostcara install phpbb di localhost
cara install phpbb di localhost
Alfan Khudori
 
Jamal aplikasicrud
Jamal aplikasicrudJamal aplikasicrud
Jamal aplikasicrud
males Aja
 
Langkah codeigniter multisite
Langkah codeigniter multisiteLangkah codeigniter multisite
Langkah codeigniter multisite
kerang_hotmail
 
Buat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaverBuat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaver
Haswi Haswi
 

Ähnlich wie Modul pemograman web II pertemuan 9 (20)

Tugas 5 1300631006
Tugas 5 1300631006Tugas 5 1300631006
Tugas 5 1300631006
 
Tugas5 1300631009
Tugas5 1300631009Tugas5 1300631009
Tugas5 1300631009
 
Aplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffolding
Aplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffoldingAplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffolding
Aplikasi crud-menggunakan-framework-codeigniter-dengan-teknik-scaffolding
 
7 langkah-membuat-modul-cms-lokomedia
7 langkah-membuat-modul-cms-lokomedia7 langkah-membuat-modul-cms-lokomedia
7 langkah-membuat-modul-cms-lokomedia
 
Tugas5 1300631030
Tugas5 1300631030Tugas5 1300631030
Tugas5 1300631030
 
Laporan TA:Membangun web server dengan CMS Joomla pada debian 7
Laporan TA:Membangun web server dengan CMS Joomla pada debian 7Laporan TA:Membangun web server dengan CMS Joomla pada debian 7
Laporan TA:Membangun web server dengan CMS Joomla pada debian 7
 
Big Data Essentials With Hadoop
Big Data Essentials With HadoopBig Data Essentials With Hadoop
Big Data Essentials With Hadoop
 
CRUD pada Android Studio menggunakan MySQL
CRUD pada Android Studio menggunakan MySQLCRUD pada Android Studio menggunakan MySQL
CRUD pada Android Studio menggunakan MySQL
 
Netbeans jasper-tutorial
Netbeans jasper-tutorialNetbeans jasper-tutorial
Netbeans jasper-tutorial
 
Basis Data Praktikum modul SQL
Basis Data Praktikum modul SQLBasis Data Praktikum modul SQL
Basis Data Praktikum modul SQL
 
Ch7 10 bind
Ch7 10 bindCh7 10 bind
Ch7 10 bind
 
Tugas resume pbw
Tugas resume pbwTugas resume pbw
Tugas resume pbw
 
Web API Practice Handbook
Web API Practice HandbookWeb API Practice Handbook
Web API Practice Handbook
 
Tutorial Instalasi, Upgrade, dan Backup Senayan
Tutorial Instalasi, Upgrade, dan Backup SenayanTutorial Instalasi, Upgrade, dan Backup Senayan
Tutorial Instalasi, Upgrade, dan Backup Senayan
 
cara install phpbb di localhost
cara install phpbb di localhostcara install phpbb di localhost
cara install phpbb di localhost
 
Jamal aplikasicrud
Jamal aplikasicrudJamal aplikasicrud
Jamal aplikasicrud
 
Langkah codeigniter multisite
Langkah codeigniter multisiteLangkah codeigniter multisite
Langkah codeigniter multisite
 
Web dengan php mysql dreamweaver
Web dengan php mysql dreamweaverWeb dengan php mysql dreamweaver
Web dengan php mysql dreamweaver
 
Buat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaverBuat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaver
 
Tutorial Pentaho - Membuat Data base werehaouse
Tutorial Pentaho - Membuat Data base werehaouseTutorial Pentaho - Membuat Data base werehaouse
Tutorial Pentaho - Membuat Data base werehaouse
 

Modul pemograman web II pertemuan 9

  • 1. MODUL PEMOGRAMAN WEB II PERTEMUAN – 9 1. Membuat Database Langkah-langkah pembuatan database : a. Jalan aplikasi xampp b. Aktifkan Apache (Web Servernya) dan Mysql (Database), untuk lebih lengkapnya silahkan diperhatikan gambar di bawah ini. c. Buka browser dan kemudian ketikan alamat : localhost/phpmyadmin. Berikut merupakan halamana phpmyadmin.
  • 2. d. Piliha basis data untuk membuat database baru. perhatikan gambar dibawah ini. e. Buat database dengan nama : “LatihanCi”. Perhatikan gambar dibawah ini. f. Kemudian silahkan pilih atau klik tombol “Buat”. g. Buat sebuah tabel dengan nama tabel “Mahasiswa”. Perhatikan gambar dibawah ini.
  • 3. Keterangan : - Mahasiswa merupakan nama tabel - 4 merupakan jumlah field pada tabel mahassiwa h. Silahkan klik tombol “KIRIM” untuk membuat tabel mahasiswa i. Tentukan field dari tabel mahassiwa tersebut. seperti pada gambar dibawah ini. j. Kemudian klik tombol SIMPAN. k. Sampai pada pada tahap ini kita sudah berhasi lmembuat database LatihanCI dan tabel mahasiwa. Selanjutnya Menginstal Framework CodeIgniter & Bootstrap 3 2. Instal Framework CodeIgniter & Bootstrap 3 Langkah-langkah instalasi framework codeigniter: a. Siapkan framework codeIgniter dengan versi CodeIgniter 3, bisa di download melalui link : https://codeigniter.com/download. b. Setelah berhasil di download kemudian silahkan buat folder baru kedalam htdocs dengan nama LatihanCI c. ekstra filenya codeIgniter yang sudah di download dan kemudian silahkan di copykan kedalam folder LatihanCI. d. Download bootstrap 3 versi 3.3.7 melalui link : https://getbootstrap.com/docs/3.3/ e. Pada Folder LatihanCI yang kita buat sebelumnya, maka buatlah sebuah folder didalamnya dengan nama Assets. f. Ekstra file bootstrap 3.3.7 yang sudah kita download kemudian copykan filnya kedalam folder Assets yang kita buat sebelumnya.
  • 4. 3. Konfigurasi Framework CodiIgniter dan Database Setelah berhasil instalasi framework codeigniter & bootstrap, langkah selanjutnya yang perlu kita lakukan adalah melakukan konfigurasi pada file codeigniter agar bisa terhubung kedalam database yang sudah kita buat sebelumnya. Langkah yang perlu kita lakukan adalah sebagai berikut: a. Jalankan teks editor yang digunakan yaitu sublime text. b. Buka folder LatihanCI kedalam sublime teks c. Setelah berhasil membuat folder pada sublime teks maka langkah selanjutnya yang perlu kita lakukan adalah konfigurasi file Database, Routes, Autoload Dan Config pada codeigniter. d. Untuk melakukan konfigurasi Database.php pada codeigniter dapat memilih folder application/config/database.php. kemudian lakukan konfigurasi database sesuaikan dengan nama database yang kita buat sebelumnya. Perhatikan gamabr dibawah ini. Catatan : yang dilingkari warna merah merupakan username dan lingkaran warna biru merupakan nama database kita. * WAJIB DI ISI * JANGAN LUPA DI SAVE
  • 5. e. Konfigurasi Route.php silahkan buka folder application/config/routes.php. perhatikan gambar dibawah ini * WAJIB DI ISI f. Konfigurasi Autoload.php silahkan pilih folder application/config/autoload.php. perhatikan gambr dibah ini. * WAJIB DI ISI g. Konfigurasi Config.php silahkan pilih folder application/config/config.php. perhatikan gambar dibawah ini. * BASE URL = WAJIB DI ISI * INDEX_PAGE = di kosongkan h. Buatlah sebuah file kedalam folder LatihanCI dengan nama .htaccess. ingat tanpa ekstensi. Perhatikan gambar dibawah ini.
  • 6. 4. CRUD (Cread Read Update Delete) Pada tahap ini kita akan membuat fungsi Read yaitu untuk membaca isi tabel dari database. a. Read - pada folder application/views buat sebuah file dengan nama mahasiswa_view.php. dan isikan perintah seperti dibawah ini.
  • 7. - pada folder application/controller buatlah sebuah file dengan nama Mahasiswa_Controller.php. kemudian tuliskan source code seperti pada gambar dibawah ini. - pada folder application/models buatlah sebuah file dengan nama Mahassiwa_model, kemudian tuliskan source code dibawah ini
  • 8. - Buka Browser dan jalankan program dengan membuat alamat : localhost/LatihanCI - Sampai pada tahap ini kita sudah berhasil memanggil data dari database dan menampikan kehalaman browser. CATATAN : Apabila data tidak tampil ke kehalaman browser maka langkah yang perlu dilakukan adalah dengan menginput data kedalam table mahasiswa yang kita buat sebelumnya. Setelah di input datanya kemudian refresh kembali browsenya Maka data akan tampil ke halaman browser. MATERI SELANJUTNYA ADALAH TENTANG FUNGSI ( Create ) SEKIAN DAN TERIMA KASIH