Belajar CodeIgniter 4 : CRUD 2 Tabel Berelasi menggunakan Inner Join

halo semua, pada kesempatan kali ini kita akan membahas CRUD lagi tapi bedanya dengan kemarin adalah tabelnya. kali ini kita akan membuat CRUD menggunakan 2 tabel yang saling berelasi. Untuk step membuat CRUDnya sama dengan cara membuat yang kemarin hanya saja kita akan gunakan operasi Inner Join untuk menampilkan data relasi. Langsung sasja kita praktikkan.

jika penasaran dengan materi CRUD sebelumnya : Belajar CodeIgniter 3

Membuat CRUD

ada 3 step untuk membuat CRUD pada CodeIgniter. sebelum itu pastikan  file codeigniter sudah dicopy ke htdocs. disini file codeigniternya ku rename menjadi crud2. dan pastikan juga xamppnya sudah diaktifkan

I. Buat Databasenya


1) Pertama masuk ke halaman phpmyadmin di http://localhost/phpmyadmin/
2) Buat sebuah database baru dengan nama belajarcrud
3) Jika sudah dibuat silahkan masuk ke tab SQL dan copy sintaks SQL dibawah ini

Jika berhasil maka akan ada 2 tabel yaitu user dan gender.


II. Konfigurasi CodeIgniter


ada beberapa konfigurasi yang harus kita lakukan pada file dalam ci. konfigurasi ini berfungsi agar codeigniter bisa mengakses database yang kita buat tadi :
1) buka file autoload.php di /crud/application/config/autoload.php
           +  cari sintaks              : "$autoload['libraries'] = array();"
                lalu ubah menjadi  : "$autoload['libraries'] = array('database');"
           +  cari sintaks              : "$autoload['helper'] = array();"
                lalu ubah menjadi  :"$autoload['helper'] = array('url');"
2) buka config.php di /crud/application/config/config/php
           +  cari sintaks              :"$config['base_url'] = '';"
                lalu ubah menjadi   :"$config['base_url'] = 'http://localhost/crud2/';"
3) buka routes.php di /crud/application/config/routes.php
           +  cari sintaks              :"$config['base_url'] = '';"
                lalu ubah menjadi   :"$route['default_controller'] = 'controllerapp';"
4) buka database.php di /crud/application/config/database.php
           +  cari sintaks              :" 'hostname' => 'localhost', "
                lalu ubah menjadi   :" 'hostname' => 'localhost', "
           +  cari sintaks              :" 'username' => ' ', "
                lalu ubah menjadi   :" 'username' => 'root', "
           +  cari sintaks              :" 'password' => ' ', "
                lalu ubah menjadi   :" 'password' => ' ', "
           +  cari sintaks              :" 'database' => ' ', "
                lalu ubah menjadi   :" 'database' => 'belajarcrud2', "

III. Buat MVCnya


1) Membuat Modelnya
     1. Buat file bernama modelapp.php dan simpan pada folder /crud/application/models/modelapp.php. jika sudah pastekan kode berikut didalamnya
2) Membuat Controllernya
     1. Buat file bernama controllerapp.php dan simpan pada folder /crud/application/controllers/controllerapp.php. Jika sudah pastekan kode berikut didalamnya
3) Membuat Viewnya
Untuk viewnya kita akan membuat 3 view,

1. View untuk membaca tabel dari database
 Buat file bernama view.php dan simpan pada folder /crud/application/views/view.php.
Jika sudah pastekan kode berikut didalamnya


2. View untuk menambahkan data ke database
 Buat file bernama view_create.php dan simpan pada folder /crud/application/views/view_create.php.
Jika sudah pastekan kode berikut didalamnya


3. View untuk mengedit data pada database
 Buat file bernama view_edit.php dan simpan pada folder /crud/application/views/view_edit.php.
Jika sudah pastekan kode berikut didalamnya


Menggunakan Operasi Tabel Inner Join

jika kalian mencermati maka kolom jenis kelamin pada tabel di bagian read masih menampilkan id padahal kita ingin menampilkan jenisnya.


Nah disinilah kita akan menggunakan operasi tabel Inner Join untuk menampilkan data pada tabel relasi. caranya cukup mudah : 
1. rubah sintaks berikut pada model.php

menjadi

2, Rubah sintaks berikut pada controllerapp.php

 menjadi

3, Rubah sintaks berikut pada view.php

 menjadi
jika kalian mengikutinya dengan benar maka kolom jenis kelamin akan berubah menjadi seperti ini

Jika kalian menemui error, kalian bisa posting di kolom komentar untuk mencari pencerahan...

Terimakasih!

referensi materi dan code :
[1[ https://www.malasngoding.com/menghubungkan-codeigniter-dengan-database-mysql/
[2] https://www.malasngoding.com/membuat-crud-dengan-codeigniter-input-data-ke-database/
[3] https://www.malasngoding.com/membuat-crud-dengan-codeigniter-hapus-data/
[4] https://www.malasngoding.com/membuat-crud-dengan-codeigniter-update-data/
[5] https://www.codepolitan.com/belajar-codeigniter-3-crud-1-57a7f9f5bde51-17045
[7] https://www.codepolitan.com/belajar-codeigniter-3-crud-bagian-2-57d0f1bcef8de-17045
[8] https://www.youtube.com/watch?v=AN8D3_fIu3g
[9] https://www.youtube.com/watch?v=yLHTDdbAtgo&list=PLqnEhxp95t8m2BgtxLndZrvcwWqJyEliM
[10]https://www.yukcoding.id/belajar-inner-left-right-join-pada-sql/
[11]https://nastutorial.wordpress.com/2018/10/29/membuat-crud-dengan-codeigniter-dan-relasi-mysql/

Belajar CodeIgniter 3 : Membuat CRUD

CRUD merupakan singkatan dari create, read, update, delete. CRUD sendiri berfungsi mengolah data yang ada pada database melalui web. disini aku mengasumsikan kalian sudah mengerti tentang dhtml, css, php, dan database ya...

sebelum membuat crud pastikan file codeigniter sudah dicopy ke htdocs. disini file codeigniternya ku rename menjadi crud. dan pastikan juga xamppnya sudah diaktifkan

untuk membuat ada 3 langkah penting yang harus dilakukan

1. Buat database yang akan digunakan
Caranya...
1) Buka halaman phpmyadmin di http://localhost/phpmyadmin/
2) Buat sebuah database baru dengan nama belajarcrud
3) Jika sudah dibuat silahkan masuk ke tab SQL


dan copy kode berikut dalam konsol

jika sudah silahkan klik button kirim.
4) Jika kalian berhasil maka akan muncul tabel baru bernama user seperti ini



2. Setting codeIgniter
ada beberapa konfigurasi yang harus kita lakukan pada file dalam ci. konfigurasi ini berfungsi agar codeigniter bisa mengakses database yang kita buat tadi :
1) buka file autoload.php di /crud/application/config/autoload.php
           +  cari sintaks              : "$autoload['libraries'] = array();"
                lalu ubah menjadi  : "$autoload['libraries'] = array('database');"
           +  cari sintaks              : "$autoload['helper'] = array();"
                lalu ubah menjadi  :"$autoload['helper'] = array('url');"
2) buka config.php di /crud/application/config/config/php
           +  cari sintaks              :"$config['base_url'] = '';"
                lalu ubah menjadi   :"$config['base_url'] = 'http://localhost/crud/';"
3) buka routes.php di /crud/application/config/routes.php
           +  cari sintaks              :"$config['base_url'] = '';"
                lalu ubah menjadi   :"$route['default_controller'] = 'controllerapp';"
4) buka database.php di /crud/application/config/database.php
           +  cari sintaks              :" 'hostname' => 'localhost',"
                lalu ubah menjadi   :" 'hostname' => 'localhost',"
           +  cari sintaks              :" 'username' => '',"
                lalu ubah menjadi   :" 'username' => 'root',"
           +  cari sintaks              :" 'password' => '',"
                lalu ubah menjadi   :" 'password' => '',"
           +  cari sintaks              :" 'database' => '',"
                lalu ubah menjadi   :" 'database' => 'belajarcrud',"

3. Membuat file MVC dari CRUD
1) Membuat Modelnya
     1. Buat file bernama modelapp.php dan simpan pada folder /crud/application/models/modelapp.php. jika sudah pastekan kode berikut didalamnya

2) Membuat Controllernya
     1. Buat file bernama controllerapp.php dan simpan pada folder /crud/application/controllers/controllerapp.php. Jika sudah pastekan kode berikut didalamnya

3) Membuat Viewnya
Untuk viewnya kita akan membuat 3 view,
1. View untuk membaca tabel dari database
 Buat file bernama view.php dan simpan pada folder /crud/application/views/view.php.
Jika sudah pastekan kode berikut didalamnya

2. View untuk menambahkan data ke database
 Buat file bernama view_create.php dan simpan pada folder /crud/application/views/view_create.php.
Jika sudah pastekan kode berikut didalamnya

3. View untuk mengedit data pada database
 Buat file bernama view_edit.php dan simpan pada folder /crud/application/views/view_edit.php.
Jika sudah pastekan kode berikut didalamnya

Jika ketiga step diatas sudah dilakukan dengan benar silahkan buka url "locahost/crud" untuk melihat hasilnya...

Jika kalian menemui error, kalian bisa posting di kolom komentar untuk mencari pencerahan...

Terimakasih!

referensi materi dan code :
[1[ https://www.malasngoding.com/menghubungkan-codeigniter-dengan-database-mysql/
[2] https://www.malasngoding.com/membuat-crud-dengan-codeigniter-input-data-ke-database/
[3] https://www.malasngoding.com/membuat-crud-dengan-codeigniter-hapus-data/
[4] https://www.malasngoding.com/membuat-crud-dengan-codeigniter-update-data/
[5] https://www.codepolitan.com/belajar-codeigniter-3-crud-1-57a7f9f5bde51-17045
[7] https://www.codepolitan.com/belajar-codeigniter-3-crud-bagian-2-57d0f1bcef8de-17045
[8] https://www.youtube.com/watch?v=AN8D3_fIu3g
[9] https://www.youtube.com/watch?v=yLHTDdbAtgo&list=PLqnEhxp95t8m2BgtxLndZrvcwWqJyEliM










Belajar Codeigniter : 2.Mengenal MVC serta Penerapannya

pada kesempatan kali ini aku bakal ngejelasin konsep MVC secara singkat dan cara menerapkannya pada Codeigniter.

A. Konsep MVC

MVC merupakan kependekan dari M(model) V(view) C(controller). MVC sendiri adalah metode yang membagi pengembangan sebuah aplikasi menjadi 3 bagian utama, yakni :

1. Model
Model mewakili struktur data. model biasanya berhubungan dengan data dari aplikasi mulai dari pengelolaan data seperti menambah data, membarui data dan lain-lain. 

2. View
View mewakili tampilan di pengguna.

3. Controller
Controller mewakili penghubung antara model dan view.

B. Penerapan MVC pada Codeigniter

untuk penerapannya aku bakal coba buat cara menampilkan tabel sederhana pada halaman web menggunakan codeigniter, langsung saja kita coba langkah-langkah menerapkannya.

Langkah 1: Membuat Database
Pertama kita akan buat dulu databasenya. Disini aku memakai mySQL untuk databasenya.

1. Jalankan modul apache dan mySQL pada xampp control panel.


2. Buka mySQL melalui browser dengan cara kunjungi URL "http://localhost/phpmyadmin/". Jika sudah masuk kehalaman phpmyadmin segera klik "baru" pada pojok kanan.


3. Buat basis data seperti ini lalu klik buat.


4.  setelah itu buat tabel dengan nama "tb_hargabarang" dan jumlah kolomnya 3 lalu klik kirim. setelah itu akan muncul halaman untuk mengatur isi tabel. isikan saja seperti ini lalu simpan.


untuk penjelasan struktur datanya sabar yah, mungkin di artikel selanjutnya bakal aku bahas sampai tuntas.

5. klik tab "tambahkan" untuk menambah isi pada tabel.


isikan saja nilai datanya seperti dibawah ini, jika sudah klik kirim.


6. Jika sudah kembali ke tab jelajahi untuk melihat nilai yang sudah kita inputkan tadi.


Jika keluar seperti yang ada dalam kotak merah pada gambar diatas maka kalian telah berhasil membuat sebuah basis data.

Langkah 2: Mengkonfigurasi file


Langkah yg kedua kita akan mengkonfigurasi beberapa file di codeigniter agar bisa dipakai.

1. Buka file autoload.php di 

xampp/htdocs/"framework_ci"/application/config/autoload.php

*Untuk nama "framework_ci" bisa bervariasi tergantung kalian merename folder codeigniter menjadi apa. 

Pada line 61 ganti code menjadi seperti dibawah ini. Lalu save file

61.         $autoload['libraries'] = array('database');
2. Buka file database.php di

xampp/htdocs/"framework_ci"/application/config/database.php

*Untuk nama "framework_ci" bisa bervariasi tergantung kalian merename folder codeigniter menjadi apa.

Pada line 79-81 ganti code menjadi seperti dibawah ini. Lalu save file

79.       'username' => 'root',
80.       'password' => ' ',
81.       'database' => 'belajar_mvc',

Langkah 3: Membuat Controller

Langkah yg ketiga kita akan membuat controllernya.

1. Salin kode dibawah ini lalu simpan sebagai Databarang.php pada alamat

xampp\htdocs\"framework_ci"\application\controllers\Databarang.php

Langkah 4 : Membuat Model

Langkah yg keempat kita akan membuat model.

1. Salin kode dibawah ini lalu simpan sebagai mbarang.php pada alamat

xampp\htdocs\"framework_ci"\application\models\Databarang.php

Langkah 5 : Membuat View

Langkah yg kelima kita akan membuat viewnya.

1. Salin kode dibawah ini lalu simpan sebagai mbarang.php pada alamat

xampp\htdocs\"framework_ci"\application\views\barang\vdatabarang.php

Jika sudah selesai silahkan buka URL = "http://localhost/ci/index.php/Databarang/" pada browser jika terlihat tampilan seperti ini selamat! Kalian sudah berhasil menampilkan tabel sederhana menggunakan Codeigniter.


Belajar Codeigniter : 1. Install Codeigniter Pada Windows

Pada kesempatan kali ini aku bakal bahas bagaimana cara install codeigniter pada platform windows. Cara install codeigniter sendiri tidak terlalu sulit bahkan sangat mudah, dimana kita hanya perlu sebuah aplikasi web server pada komputer kita. Disini aku memakai aplikasi web server xampp, berikut ini cara installnya:

pertama dicek dulu apakah sudah terinstall xampp di komputer kalian? 

jika di komputer kalian sudah terpasang xampp maka kalian bisa langsung menginstall codeigniter, hiraukan saja cara install xampp dibawah. Tapi jika belum maka ikuti cara install xampp dibawah ini

Cara Install XAMPP


1) Kunjungi halaman https://www.apachefriends.org/index.html lalu unduh xampp for windows.

2) Jika sudah selesai mengunduh jalankan installer xampp. Untuk instalasi komponen biarkan default seperti dibawah ini. Install dan tunggu hingga proses instalasi selesai.



3) Setelah proses instalasi selesai akan muncul popup xampp control panel seperti ini, lalu klik tombol start pada Apache dan MySQL.




4) Jika apache dan MySQL sudah start maka buka browser kalian dan tulis URL "localhost/dashboard/" jika keluar halaman seperti ini maka kalian berhasil menginstall xampp.


Cara Install CodeIgniter

1)Kunjungi halaman https://www.codeigniter.com/download lalu unduh codeigniter. Saranku unduh yang versi 3.x karna lebih stabil ketimbang 4.x. 

2) Jika sudah selesai mengunduh tinggal ekstrak file codeigniter ke direktori htdocs pada xampp.



3) Ganti nama pada folder codeigniter yang diekstrak ke direktori htdocs tadi menjadi ci agar mudah saat diakses nanti.

4) Jika sudah buka browser kalian dan tulis URL "localhost/ci/", jangan lupa start apache dan MySQLnya. Jika keluar halaman seperti ini maka kalian berhasil menginstall codeigniter.





Pilihan karir dalam dunia informatika

Sejak kecil kita semua pasti sering ditanyai mau jadi apa kalau sudah besar nanti, ingin bekerja apa setelah besar nanti dan ditanyai apa cita-cita kamu kalau sudah besar nanti. Kalimat-kalimat tadi pasti sering kita dengar saat kita masih di sekolah Taman kanak-kanak (TK). Saat kecil kebanyakan anak yang ditanya seperti itu pasti jawabnya dokter, guru, tentara atau polisi. Saya sendiri malah bercita-cita menjadi seorang pemain bola pada saat itu. Tetapi makin kesini saya semakin tertarik dengan dunia IT serta memutuskan untuk melanjutkan pendidikan tinggi di Informatika
 Setelah masuk kuliah Informatika saya baru tahu ternyata IT memiliki banyak bidang fokus. Di kampus saya, UII sendiri memiliki cukup banyak bidang fokus, mulai dari sistem cerdas, rekayasa perangkat lunak, jaringan, sistem informasi, dan masih banyak lagi. Semuanya sangat menarik bagi saya dan sering terlintas di pikiran saya untuk mendalami semua bidang fokus. Tapi sepertinya akan sulit bagi saya untuk menguasainya.
Tetapi untuk saat ini saya sedikit tertarik kepada bidang fokus sistem cerdas ketimbang yang lain mungkin ini dikarenakan akhir-akhir saya sering menonton film bergenre sci-fi yang ada robotnya. Itu membuat saya ingin membuat robot dengan kecerdasan artifisial yang dapat membuat pekerjaan saya jauh lebih mudah. Selain itu saya juga ada niatan untuk melanjutkan pendidikan ke jenjang magister. Mungkin baru itu gambaran tentang masa depan yang terpikir oleh saya


kupas lengkap tentang basis data dan sistem informasi : dari pengertian, manfaat, hingga cara membuatnya!

kenapa sih, basis data dan sistem informasi harus digabung menjadi 1 artikel? Kenapa tidak dipisah saja jadi 2 artikel? sebenarnya basis data dan sistem informasi itu saling terkait jadi memang pas kok kalo disatukan. Yuk, langsung saja kita bahas!

Apa itu basis data dan sistem informasi?

sebelum berbicara tentang basis data dan sistem informasi kita akan membahas dulu tentang apa itu data, informasi, pengetahuan dan apa hubungannya? Mari kita bahas satu-satu.

Data merupakan sebuah fakta sesuatu yang sudah dicatat (recorded). Jadi semua fakta bisa menjadi data jika kita mencatatnya (baik tertulis, rekam atau bentuk pengabadian lainnya).

Informasi adalah hasil pengolahan data yang bisa digunakan untuk menambah pengetahuan bagi penerimanya dalam pengambilan keputusan

Pengetahuan terdiri dari informasi yang sudah diorganisasikan dan diproses untuk memperoleh pemahaman, pengalaman, pembelajaran yang terakumulasi, sehingga dapat diaplikasikan dalam masalah tertentu.

Lalu bagaimana dengan basis data dan sistem informasi?

Basis data merupakan suatu kumpulan data yang dapat berupa berbagai macam file yang tersimpan di dalam storage khusus yang digunakan untuk kepentingan suatu organisasi dan dapat diakses ataupun digunakan oleh siapapun yang berhak dan juga membutuhkannya.

Sedangkan sistem informasi adalah suatu sistem yang menyediakan informasi untuk manajemen dalam mengambil keputusan dan juga untuk menjalankan operasional perusahaan, di mana sistem tersebut merupakan kombinasi dari orang-orang, teknologi informasi dan prosedur-prosedur yang tergorganisasi.

Dan berhubung sistem informasi adalah suatu sistem yang menyediakan informasi maka sudah pasti sistem informasi memerlukan basis data sebagai pusat penyedia data.

Penting tidak sih basis data dan sistem informasi?

Tentu saja penting, terutama bagi para perusahaan Sistem Informasi merupakan bagian yang tidak boleh diabaikan. misalnya peranan sistem informasi bagi pemimpin adalah untuk mengambil keputusan, bila keputusan yang di ambil pemimpin atau manajer salah, maka hal itu akan menyangkut masa depan perusahaan sendiri. Selain itu sistem informasi juga dapat menyediakan seluruh informasi untuk mendukung perusahaan yang dapat membuat pekerjaan lebih baik dari segi waktu, kemudahan dan keefektifan.

Karena sistem informasi merupakan bagian yang tidak boleh diabaikan maka otomatis basis data juga sangat penting karna tanpa basis data sistem informasi tidak dapat membuat informasi dikarenakan tidak adanya data yang cukup

Bagaimana cara membuatnya?

Jika ada niat tidak sulit untuk membuatnya karena sudah banyak tutorial-tutorial di internet yang mengajarkan cara membuatnya

Untuk databasenya dibuat menggunakan DBMS (Database Management Sistems). DBMS ini merupakan sebutan bagi software-software yang digunakan user untuk membuat, memanipulasi, mengontrol dan mengakses basis data yang mereka miliki secara cepat dan efisien.

Ada begitu banyak DBMS yang populer digunakan di dunia saat ini mulai dari yang opensource, gratis, sampai yang license berbayar. Beberapa diantara DBMS yang terkenal antara lain.
·       Microsoft SQL Server
·       Oracle
·       Teradata
·       MySQL
·       PostgreSQL

Sedangkan untuk sistem informasinya bebas mau dibuat menggunakan bahasa apa saja dan berbasis apa saja asalkan bisa digunakan oleh seluruh usernya. Contoh aplikasi sistem informasi adalah sistem informasi manajemen kepegawaian atau biasa disingkat dengan nama SIMPEG.

Arti dari sistem informasi manajemen kepegawaian adalah Sistem Informasi yang menangani pengelolaan data kepegawaian seperti pendataan pegawai, proses perencanaan dan formasi kepegawaian, penggajian, penilaian angka kredit, mutasi pegawai, dan sistem pelaporan. Dari aplikasi simpeg ini kita akan banyak mendapat manfaat seperti pencarian data pegawai dengan mudah dan cepat, untuk membuat laporan sangat mudah dibandingkan dengan secara manual, memudahkan pekerjaan yang berhubungan dengan kepegawaian, dapat melihat informasi pegawai secara cepat dan akurat, dapat denga cepat merencenakan kebutuhan pegawai dan masih banyak yang lain.




daftar referensi

Fathansyah. 2004. Sistem Basis Data. Bandung : Informatika Bandung

Al-Bahra bin Ladjamuddin B. 2004. Konsep Sistem Basis Data dan Implementasinya. Yogyakarta : Penerbit Graha Ilmu

Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta : ANDI Yogyakarta




Sejarah lengkap PCI

PCI ini sendiri merupakan singkatan dari Peripheral Component Interconnect. Jika, kita melihat dari singkatan namanya yang merupakan peripheral itu berarti adalah sebuah perangkat tambahan. Jadi, slot PCI ini memang diciptakan sebagai slot untuk perangkat tambahan pada motherboard komputer. Lebih tepatnya lagi untuk menghubungkan antara perangkat pada motherboard dan perangkat yang terpasang pada slot PCI seperti Graphic card, Soundcard, Network card, dll. PCI ini mempunyai interface sebesar 64 bit dan mengimpelentasikan lebar jalur 32 bit untuk bus data dan alamat
Awal mula perkembangan PCI dimulai dari lab pengembangan arsitektur milik intel pada tahun 1990. Pada waktu itu PCI dibuat untuk menggantikan bus ISA/EISA tapi sayangnya PCI tidak begitu populer waktu itu. Lalu 2 tahun berikutnya, tepatnya pada 1993 pengembangan PCI diambil alih oleh PCI Special Interest Group (PCISG). PCI ini  kemudian di revisi hingga bertahan cukup lama.

Beberapa poin inti perubahan pada spesifikasi PCI :

PCI 1.0 (1992), merupakan spesifikasi aslinya yang memiliki lebar bus 32 bit atau 64 bit.

PCI 2.0 (1993), peningkatan enis konektor dan papan ekspansi.

PCI 2.1 (1995), operasi 66 MHz di berlakukan, perubahan pada latency, adanya fungsi transaction ordering.

PCI 2.2 (1999), fitur manajemen daya di berlakukan.

Titik balik kepopuleran PCI sebenarnya ada pada tahun 1995. Dimana pada saat itu diluncurkan sistem operasi windows 95 yang memiliki fitur Plug and Play (PnP). Sistem Plug and Play berarti anda dapat menghubungkan perangkat atau kartu ke komputer dan otomatis dikenali sebagai perangkat komputer. Walaupun kedengarannya simpel sistem Plug and Play ini cukup menguras usaha dari berbagai industri komputer untuk menjadikannya kenyataan. Dan awal kejayaan PCI pun bermula hampir semua komputer pada saat itu beralih menggunakan PCI dan mulai meninggalkan ISA sebagai Bus.

Pada tahun 1997 juga muncul lagi slot AGP yang merupakan pengembangan dari PCI. AGP (Accelerator Graphic Peripheral) ini dipasang berdampingan slot PCI yang memiliki bandwith khusus dan berfungsi menangani perangkat grafis. Tepatnya di tahun 2002 muncullah slot PCI yang dinamai PCIe atau PCI-Express, menggantikan slot AGP dan PCI. PCI Express ini memiliki beberapa keunggulan, tidak hanya untuk pengguna tetapi untuk produsen. Hal ini dapat diimplementasikan sebagai pemersatu I/O struktur untuk desktop, ponsel, server dan workstation, serta PCI lebih murah daripada AGP untuk diterapkan di level board. Hal ini membuat biaya menjadi lebih rendah untuk konsumen. Hal ini juga dirancang agar kompatibel dengan Sistem Operasi yang ada dan driver perangkat PCI.

beberapa poin penting perkembangan PCI-Express :

PCI Express 1.0 (2003), PCI-SIG memperkenalkan PCIe dengan kecepatan data per jalur 250MB/s dan kecepatan transfer 2,5 GT/s.

PCI Express 1.1 (2005), beberapa peningkatan spesifikasi dan perbaikan.

PCI Express 2.0 (2007), peningkatan kecepatan transfer data menjadi 2 kali lipat dari PCIe 1.0.

PCI Express 2.1 (2009), peningkatan daya dan kecocokan dengan motherboard seri terdahulu.

PCI-Express 3.0 (2010), peningkatan kecepatan transfer menjadi 8 GT/s serta optimisasi sinyal dan integritas data, perbaikan PPL, Clock pada data pemulihan dan peningkatan channel.

PCI-Express 3.1 (2013), peningkatan pada bagian manajemen daya, kinerja dan beberapa fungsi.

PCI-Express 4.0 (2017), peningkatan kecepatan transfer menjadi 16GT/s serta beberapa perbaikan fleksibilitas, skalabitas dan pengurangan daya

PCI-Express 5.0 diumumkan pada pertengahan 2017, katanya pada versi ini akan ada peningkatan kecepatan hingga 32GT/s dan diperkirakan akan rilis pada tahun 2019.

Sumber
http://searchwindowsserver.techtarget.com/definition/PCI-Peripheral-Component-Interconnect
http://computer.howstuffworks.com/pci2.htm
http://computer.howstuffworks.com/pci3.htm
http://computer.howstuffworks.com/pci4.htm
https://en.wikipedia.org/wiki/Conventional_PCI
https://en.wikipedia.org/wiki/PCI_Express#History_and_revisions
https://segiempat.com/tips-dan-cara/teknologi/komputer/pengertian-dan-fungsi-pci-pada-motherboard-pc/