Makalah tentang LAN, MAN,WAN,dan PAN

PENDAHULUAN

A. Latar Belakang

konsep jaringan computer lahir pada tahun 1940an di Amerika dari sebuah proyek pengembangan computer model I di laboratorium Bell & Group riset Harvard University. Pada awalnya jaringan computer berkembang dalam lingkup informasi bisnis atau mainframe oriented. Layanan informasi pada system informasi ini dianggap kurang efisien karena berpengaruh pada spesialis programmer. Dalam perkembangan selanjutnya lahirlah desktop dengan konsep satu computer satu pengguna. Selanjutnya ketika harga computer kecil sudah menurun dan konsep distribusi matang maka pengguna computer dan jaringan mulai beragam. Oleh sebab itu mulai berkembanglah LAN, MAN,WAN,dan PAN.

B. Tujuan

Untuk lebih mengetahui kegunaan dari LAN,WAN,MAN, PAN. Sehingga mampu membedakan cara kerja dari LAN,WAN,MAN dan PAN itu sendiri.

C. Manfaat

• Sebuah jaringan computer mampu bartindak sebagai media komunikasi yang baik bagi para pegawai yang jauh.
• Hiburan interaktif


PEMBAHASAN

Pengertian LAN

Local Area Network biasa disingkat LAN adalah jaringan komputer yang jaringannya hanya mencakup wilayah kecil, seperti jaringan komputer kampus, gedung, kantor, dalam rumah, sekolah atau yang lebih kecil.
Sebuah jaringan area lokal (LAN) adalah jaringan komputer yang mencakup area fisik kecil, seperti rumah, kantor, atau sekelompok kecil bangunan, seperti sekolah, atau bandara. Karakteristik yang menentukan LAN, berbeda dengan wide-area network (WAN), termasuk mereka yang biasanya lebih tinggi kecepatan transfer data, tempat geografis yang lebih kecil, dan kurangnya kebutuhan telekomunikasi leased baris.
Local Area Network (LAN) adalah sejumlah komputer yang saling dihubungkan bersama di dalam satu areal tertentu yang tidak begitu luas, seperti di dalam satu kantor atau gedung. Secara garis besar terdapat dua tipe jaringan atau LAN, yaitu jaringan Peer to Peer dan jaringan Client-Server. Pada jaringan peer to peer, setiap komputer yang terhubung ke jaringan dapat bertindak baik sebagai workstation maupun Server.Sedangkan pada jaringan Client-Server, hanya satu komputer yang bertugas sebagai server dan komputer lain berperan sebagai workstation.
Saat ini, kebanyakan LAN berbasis pada teknologi IEEE 802.3 Ethernet menggunakan perangkat switch, yang mempunyai kecepatan transfer data 10, 100, atau 1000 Mbit/s. Selain teknologi Ethernet, saat ini teknologi 802.11b (atau biasa disebut Wi-fi) juga sering digunakan untuk membentuk LAN. Tempat-tempat yang menyediakan koneksi LAN dengan teknologi Wi-fi biasa disebut hotspot.
Transmisi data dalam LAN mempunyai kecepatan yang berbeda dan dapat dikatagorikan :
• High speed network
• Medium speed network
• Low speed network

Pada sebuah LAN, setiap node atau komputer mempunyai daya komputasi sendiri, berbeda dengan konsep dump terminal. Setiap komputer juga dapat mengakses sumber daya yang ada di LAN sesuai dengan hak akses yang telah diatur. Sumber daya tersebut dapat berupa data atau perangkat seperti printer. Pada LAN, seorang pengguna juga dapat berkomunikasi dengan pengguna yang lain dengan menggunakan aplikasi yang sesuai.
Berbeda dengan Jaringan Area Luas atau Wide Area Network (WAN), maka LAN mempunyai karakteristik sebagai berikut :
• Mempunyai pusat data yang lebih tinggi
• Meliputi wilayah geografi yang lebih sempit
• Tidak membutuhkan jalur telekomunikasi yang disewa dari operator telekomunikasi
Biasanya salah satu komputer di antara jaringan komputer itu akan digunakan menjadi server yang mengatur semua sistem di dalam jaringan tersebut.
Sebuah komputer jaringan yang mencakup area yang relatif kecil. Kebanyakan LAN terbatas di satu gedung atau beberapa gedung. Namun, satu LAN dapat dihubungkan ke LAN lain atas jarak melalui saluran telepon dan gelombang radio. Sebuah sistem yang terhubung LAN dengan cara ini disebut wide-area network (WAN).
Sebagian besar LAN menghubungkan workstation dan komputer pribadi. Setiap node (individu komputer) di sebuah LAN memiliki CPU dengan yang mengeksekusi program, tetapi juga dapat mengakses data dan perangkat di manapun pada LAN. Ini berarti bahwa banyak pengguna dapat berbagi perangkat mahal, seperti laser printer, serta data. Pengguna juga dapat menggunakan LAN untuk berkomunikasi dengan satu sama lain, dengan mengirimkan e-mail atau terlibat dalam obrolan sesi.
Ada banyak jenis LAN Ethernets yang paling umum untuk PC. Kebanyakan Apple Macintosh jaringan didasarkan pada Apple AppleTalk sistem jaringan, yang dibangun ke dalam komputer Macintosh.
Karakteristik sebagai berikut LAN membedakan satu dari yang lain:
• Topologi: pengaturan geometrik perangkat di dalam jaringan. Sebagai contoh,perangkat dapat diatur dalam sebuah cincin atau dalam garis lurus.
• Protokol: Aturan-aturan dan spesifikasi pengkodean untuk mengirim data. Protokol juga menentukan apakah menggunakan jaringan peer-to-peer atau klien / server arsitektur.
o Media: Beberapa jaringan media tanpa menghubungkan sama sekali,bukannya berkomunikasi melalui gelombang radio.
LAN mampu mengirimkan data pada tingkat yang sangat cepat, jauh lebih cepat dibandingkan data dapat dikirim melalui saluran telepon, tetapi jaraknya terbatas, dan juga ada batas jumlah komputer yang dapat melekat pada satu LAN.

Pengertian MAN

Merupakan versi LAN yang berukuran lebih besar dan biasanya memakai teknologi yang sama dengan LAN. MAN biasanya mampu menunjang data dan suara, bahkan dapat berhubung dengan jaringan telivisi kabel.
Metropolitan area network atau disingkat dengan MAN adalah suatu jaringan dalam suatu kota dengan transfer data berkecepatan tinggi, yang menghubungkan berbagai lokasi seperti kampus, perkantoran, pemerintahan, dan sebagainya.
Metropolitan Area Network (MAN) adalah jaringan komputer besar yang mencakup wilayah metropolitan atau kampus. Cakupan geografis yang jatuh antara WAN dan LAN. Mans menyediakan konektivitas Internet untuk LAN di daerah metropolitan, dan menghubungkan mereka ke daerah yang lebih luas jaringan seperti Internet.
Jaringan MAN adalah gabungan dari beberapa LAN. Jangkauan dari MAN ini antar 10 hingga 50 km, MAN ini merupakan jaringan yang tepat untuk membangun jaringan antar kantor-kantor dalam satu kota antara pabrik/instansi dan kantor pusat yang berada dalam jangkauannya.

Pengertian WAN

WAN adalah singkatan dari istilah teknologi informasi dalam bahasa Inggris: Wide Area Network merupakan jaringan komputer yang mencakup area yang besar sebagai contoh yaitu jaringan komputer antar wilayah, kota atau bahkan negara, atau dapat didefinisikan juga sebagai jaringan komputer yang membutuhkan router dan saluran komunikasi publik.
wide area network (WAN) adalah jaringan komputer yang mencakup area yang luas (misalnya, jaringan link komunikasi silang yang metropolitan, regional, atau batas-batas nasional .Hal ini berbeda dengan jaringan wilayah pribadi (PANS), jaringan area lokal (LAN), jaringan area kampus (kaleng), atau jaringan area metropolitan (Mans).
Kegunaan WAN
WAN digunakan untuk menghubungkan jaringan lokal yang satu dengan jaringan lokal yang lain, sehingga pengguna atau komputer di lokasi yang satu dapat berkomunikasi dengan pengguna dan komputer di lokasi yang lain.
Selain itu WAN juga digunakan untuk menghubungkan LAN dan jenis-jenis jaringan bersama-sama, sehingga pengguna dan komputer di satu lokasi dapat berkomunikasi dengan pengguna dan komputer di lokasi lain. Banyak WAN dibangun untuk satu organisasi tertentu dan swasta.
WAN sering dibangun dengan menggunakan leased line. Pada setiap akhir leased line, sebuah router terhubung ke LAN di satu sisi dan sebuah hub dalam WAN di sisi lain. Alih-alih menggunakan leased line, WAN dapat juga akan dibangun dengan menggunakan lebih murah sirkuit switching atau packet switching metode. Jaringan protokol termasuk TCP / IP menyediakan transportasi dan menangani fungsi. Protokol termasuk paket di atas SONET / SDH, MPLS, ATM dan Frame relay sering digunakan oleh penyedia layanan untuk memberikan link yang digunakan dalam WAN. X.25 adalah sebuah protokol WAN awal yang penting, dan sering dianggap sebagai “kakek” dari Frame Relay karena banyak yang mendasarinya dan fungsi protokol X.25 masih digunakan sampai sekarang (dengan upgrade) oleh Frame Relay.
Penelitian akademik wide area network dapat dibagi menjadi tiga bidang:
• Mathematical model,
• emulasi jaringan dan
• simulasi jaringan.
Peningkatan kinerja kadang-kadang disampaikan melalui WAFS atau optimasi WAN. Tingkat transmisi biasanya berkisar dari 1200 bps sampai 6 Mbps, meskipun beberapa koneksi seperti ATM dan garis tersewa dapat mencapai kecepatan lebih dari 156 Mbps. Komunikasi khas yang digunakan dalam WAN adalah saluran telepon, microwave link & satelit saluran.
Baru-baru ini dengan proliferasi biaya rendah Internet konektivitas banyak perusahaan dan organisasi telah berpaling ke VPN untuk menghubungkan jaringan mereka, menciptakan sebuah WAN dengan cara itu. Perusahaan seperti Cisco, New Edge Networks dan Check Point menawarkan solusi untuk membuat jaringan VPN.

PAN (Personal Area Network) PAN atau kepanjangan dari Personal Area Network adalah jaringan komputer yang digunakan untuk komunikasi dari satu perangkat dengan perangkat lainnya dalam jarak yang sangat dekat, hanya beberapa meter saja. PAN ini merupakan titik akses ke berbagai perangkat pribadi seperti komputer, telpon, ponsel, televisi, maupun perangkat komunikasi publik seperti internet. Kalau titik akes ke hatimu menggunakan jaringan apa ??? Pengendalian pada PAN ini dilakukan dengan authoritas pribadi, dan untuk teknologi yang digunakan antara lain Wireless Application Protocol (WAP) dan Bluetooth. PAN ini dihubungkan melalui bus yang ada pada komputer, seperti USB dan Firewere. Kegunaan dari Personal Area Network Menghubungkan perangkat-perangkat Komputer Sebagai media komunikasi antara perangkat sendiri (komunikasi personal) Contoh Penggunaan Jaringan PAN Menghubungkan HP dengan Laptop menggunakan Bluetooth. Menghubungkan mouse dengan Laptop menggunakan Bluetooth. Menghubungkan Printer dengan Laptop menggunakan Bluetooth. Ternyata ada juga loh kelebihan dan kekurangan dalam menggunakan jaringan ini. Kelebihan Menggunakan Jaringan PAN Jaringannya lebih dekat dan data maupun informasi yang diterima bersifat rahasia Dapat menukar data berbentuk file, audio, dan video tanpa memakai kabel Komunikasi lebih praktis tanpa terganggu dengan pengguna lain Para peretas (hacker) kemungkinan bisa terdeteksi untuk keamanan data begitu juga dengan virus Kekurangan Menggunakan Jaringan PAN Karena sifatnya dekat maka pengguna jaringan ini tidak dapat melakukan komunikasi banyak dengan lokasi yang jauh Sangat bergantung pada sinyal Tidak dapat mengirim file sekaligus Nah disini bisa ditarik kesimpulan bahwasanya kita hampir sering menggunakan jaringan ini. Contohnya seperti jika kita akan mengeprint, memindahkan data dari ponsel ke komputer atau sebaliknya, menggunakan mouse dsb.

KESIMPULAN

Wireless merupakan teknologi digital spread spectrum lanjutan untuk kepentingan komersial, yang memberikan berbagai kelebihan. Seperti halnya teknologi lain wireless juga memiliki kelemahan dan keunggulan dimana salah satunya adalah biaya yang murah dan fleksibel. Selain itu wireless harus dipantau dan dijaga dari serangan hacker yaitu dengan teknik-teknik enkripsi dan konfigurasi protocol. Perkembangan sampai dengan saat ini wireless telah diaplikasikan pada LAN, WAN, modem, kamera, handphone,dll.

Sumber: https://afdhol-zikri.blogspot.com/2014/05/makalah-tentang-lan-man-dan-wan.html & https://arizona.web.id/2018/10/02/pengertian-jaringan-pan-lan-wan-dan-man/

Tugas UAS Semester 2 Brian.

Belajar Membuat CRUD dan Fitur Login dengan PHP dan                                               MySQL
                              Oleh: Brian Aria
 CRUD adalah akronim untuk Create, Read, Update dan Delete. Operasi CRUD adalah manipulasi data dasar untuk database. Pada pertemuan kali ini saya akan membuat sebuah aplikasi sederhana dengan tampilan di bawah ini dengan menampilkan sebuah tabel dengan data dari database di sisi frontend Serta Bagian Login untuk Bagian Pertamanya. Terdapat beberapa tombol untuk mengubah data, menghapus serta menampilkan data. Tabel pengguna yang kita buat berisi data pribadi pengguna seperti NIM, nama, jurusan, alamat dan foto.
 
 Untuk Membuat CRUD Perlu Beberapa Keperluan Berikut: 
 -Folder dengan nama “CRUD_MHS” dan Subfolder "admin"
 -File Bootstrap, JavaScript, Font-awesome dan ckeditor 
-Folder khusus dengan nama “images” 
-Xampp, teks editor dan browser 
 Pertama-tama Bikin Database "Perpus2" dulu dan bikin Tabel "mahasiswa" seperti dibawah berikut:
Habis itu Bikin Tabel Dibawah Berikut:

 











Membuat Koneksi PHP dan MySQL (Admin)
 Setelah selesai membuat database, langkah selanjutnya adalah kita membuat koneksi PHP dengan database MySQL Kita Kerjain di Subfolder Admin,Karena Itu Buat Bagian Keduanya. Buat sebuah file koneksi.php. Pada file koneksi.php inilah nantinya akan kita buat koneksi PHP dengan MySQL 
 Koneksi.php:

1. <?php
2. $host="localhost";
3. $user="root";
4. $pass="";
5. $database="perpus2";
6. $mysqli=new mysqli($host,$user,$pass,$database);
7. if (mysqli_connect_errno()) {
8. trigger_error('Koneksi ke database gagal: '  . mysqli_connect_error(), E_USER_ERROR);
9. }
10. ?>

Setelah Koneksi.php Kita Juga  harus bikin Paging.php Sebab Paging.php itu buat memunculkan Dan MeRespon Apa Arti Ketikan KIta Di Dalam Php Itu.
Paging.php

1. <?php
2. class paging_mahasiswa{
3. 
   
4. function cariPosisi($batas){
5. 
   
6. if(empty($_GET['home'])){
7. $posisi=0;
8. $_GET['home']=1;
9. }
10. else{
11. $posisi = ($_GET['home']-1) * $batas;
12. }
13. return $posisi;
14. }
15. 
    
16. // Fungsi untuk menghitung total halaman
17. function jumlahHalaman($jmldata, $batas){
18. $jmlhalaman = ceil($jmldata/$batas);
19. return $jmlhalaman;
20. }
21. 
    
22. // Fungsi untuk link halaman 1,2,3 
23. function navHalaman($halaman_aktif, $jmlhalaman){
24. $link_halaman = "<li class='page-item'></li>";
25. 
    
26. // Link ke halaman pertama (first) dan sebelumnya (prev)
27. if($halaman_aktif > 1){
28. $prev = $halaman_aktif-1;
29. $link_halaman .= " 
30. <li class='page-item'><a class='page-link' href=index.php?home>First</a></li>
31. <li class='page-item'><a class='page-link' href=index.php?home=$prev> Prev</a></li>  ";
32. }
33. else{ 
34. $link_halaman .= "  <li class='page-item disabled'><a class='page-link' href='#' tabindex='-1' aria-label='Previous'>  Previous </a></li>  ";
35. }
36. 
    
37. // Link halaman 1,2,3, ...
38. $angka = ($halaman_aktif > 3 ? "<li class='page-item'> <span aria-hidden='true'>...</span> " : " </li>"); 
39. for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){
40.   if ($i < 1)
41.   continue;
42.   $angka .= "<li class='page-item'><a class='page-link' href=index.php?home=$i>$i</a></li>  ";
43.   }
45.   $angka .= " <li class='page-item active'>  <a class='page-link' href='#'>$halaman_aktif</a> <span class='sr-only'>(current)</span></li>  ";
46.   
47. for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){
48.     if($i > $jmlhalaman)
49.       break;
50.   $angka .= "<li class='page-item'><a class='page-link' href=index.php?home=$i>$i</a></li>  ";
51.     }
52. $angka .= ($halaman_aktif+2<$jmlhalaman ? " <li class='page-item'>  <span aria-hidden='true'>...</span> <a  class='page-link' href=index.php?home=$jmlhalaman>  $jmlhalaman</a>  " : " </li>");
53. $link_halaman .= "<li class='page-item'>$angka</li>";
54. 
    
55. // Link ke halaman berikutnya (Next) dan terakhir (Last) 
56. if($halaman_aktif < $jmlhalaman){
57. $next = $halaman_aktif+1;
58. $link_halaman .= "
59. <li class='page-item'><a class='page-link' href=index.php?home=$next>Next</a></li>
60. <li class='page-item'><a class='page-link' href=index.php?home=$jmlhalaman>Last </a><li>";
61. }
62. else{
63. $prev = $halaman_aktif-1;
64. $link_halaman .= " <li class='page-item'><a class='page-link' href='index.php?home=$next' aria-label='Next'> Next</a></li> ";
65. }
66. return $link_halaman;
67. }
68. }
69. ?>

Membuat Page Buatlah sebuah file dengan nama pages.php. File ini digunakan agar dapat memudahkan kita dalam pemanggilan halaman.

Pages.php

1. <?php
2. error_reporting( error_reporting() & ~E_NOTICE );
3. include "koneksi.php";
4. 
   
5. 
   
6. if ($_GET['page']=="add") {
7. include "add.php";
8. }
9. 
   
10. else if ($_GET['page']=="create") {
11. include "create.php";
12. }
13. 
    
14. else if ($_GET['page']=="edit") {
15. include "edit.php";
16. }
17. 
    
18. else if ($_GET['page']=="update") {
19. include "update.php";
20. }
21. 
    
22. else if ($_GET['page']=="delete") {
23. include "delete.php";
24. }
25. 
    
26. else if ($_GET['page']=="add2") {
27. include "add2.php";
28. }
29. 
    
30. else if ($_GET['page']=="create2") {
31. include "create2.php";
32. }
33. 
    
34. else if ($_GET['page']=="edit2") {
35. include "edit2.php";
36. }
37. 
    
38. else if ($_GET['page']=="update2") {
39. include "update2.php";
40. }
41. 
    
42. else if ($_GET['page']=="delete2") {
43. include "delete2.php";
44. }
45. 
    
46. else{
47. include "read.php";
48. }
49. ?>

Menampilkan Data dari Database Admin Buat sebuah file dengan nama index.php. Pada file ini kita akan menampilkan NavBar, pemanggilan CSS, Bootstrap, Google font, dll. Serta pemanggilan halaman-halaman lain. Index.php ini merupakan halaman utama dari aplikasi CRUD yang kita buat. 

Index.php 

1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4. 
   
5. <title>BELAJAR CRUD</title>
6. <meta charset="utf-8">
7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8. <meta http-equiv="x-ua-compatible" content="ie-edge">
9. 
   
10. <link rel="stylesheet" href="css/bootstrap.css">
11. <link rel="stylesheet" href="css/style.css">
12. <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
13. 
    
14. </head>
15. <body>
16. 
    
17. <div id="wrapper">
18. 
    
19. <nav class="navbar navbar-light bg-faded">
20. <a class="navbar-brand" href="pancasaputra.wordpress.com">WEB PROGRAMMING 1</a>
21. <ul class="nav navbar-nav">
22. <li class="nav-item active">
23. <a class="nav-link" href="index.php">Home<span class="sr-only">(current)</span></a>
24. </li>
25. <li class="nav-item">
26. <a class="nav-link" href="index.php?page=add">Tambah Data</a>
27. <li class="nav-item">
28. <a class="nav-link" href="index.php?page=add2">Tambah Buku</a>
29. <li class="nav-item">
30. <a class="nav-link" href="logout.php">LOGOUT</a>
31. </li>
32. </ul>
33. </nav>
34. 
    
35. <div class="container box">
36. <?php include "pages.php";?>
37. </div>
38. 
    
39. </div>
40. 
    
41. 
    
42. <script src="js/jquery.min.js"></script>
43. <script src="js/bootstrap.js"></script>
44. <script src="ckeditor/ckeditor.js"></script>
45. <script type="text/javascript">
46. CKEDITOR.replace( 'alamat',{height:300} );
47. </script>
48. </body>
49. </html>

Langkah selanjutnya adalah membuat file dengan nama read.php. Pada file ini kita akan buat untuk menampilkan hasil dari inputan data. read.php juga berisi tombol input, hapus, update dan details yang dihubungkan dengan file lain.

read.php

1. <table class="table table-striped">
2. <thead>
3. <tr>
4. <th>#</th>
5. <th>NIM</th>
6. <th>Nama Mahasiswa</th>
7. <th>Jurusan</th>
8. <th>Alamat</th>
9. <th>Foto</th>
10. <th>Action</th>
11. </tr>
12. </thead>
13. <tbody>
14. 
    
15. 
    
16. <?php
17. $no = 0;
18. $mahasiswa=$mysqli->query("SELECT * FROM mahasiswa");
19. while($m=mysqli_fetch_array($mahasiswa)){
20. $no++;
21. ?>
22. 
    
23. <?php
24. include"paging.php";
25. $p  = new paging_mahasiswa;
26. $batas = 5;
27. $posisi = $p->cariPosisi($batas);
28. $mahasiswa=$mysqli->query("SELECT * FROM mahasiswa
29. ORDER BY id DESC LIMIT $posisi,$batas");
30. $no=0;
31. while($m=mysqli_fetch_array($mahasiswa)){
32. $no++;
33. ?>
34. 
    
35. <tr>
36. <th scope="row"><?php echo $no;?></th>
37. <td><?php echo $m['nim']; ?></td>
38. <td><?php echo $m['nama']; ?></td>
39. <td><?php echo $m['jurusan']; ?></td>
40. <td><?php echo $m['alamat']; ?></td>
41. <td><img src="images/<?php echo $m['gambar'];?>" height="50"></td>
42. <td>
43. <button type="button" class="btn btn-dark"><a href="index.php?page=edit&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |
44. <button type="button" class="btn btn-info"><a href="index.php?page=details&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |
45. <button type="button" class="btn btn-danger"><a href="index.php?page=delete&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>
46. </td>
47. </tr>
48. 
    
49. <?php } ?>
50. 
    
51. </tbody>
52. </table>
53. 
    
54. <div class="halaman">
55. <nav aria-label="...">
56. <ul class="pagination">
57. 
    
58. <?php } ?>
59. <?php
60. $jmldata       = mysqli_num_rows($mysqli->query("SELECT * FROM mahasiswa"));
61. $jmlhalaman    = $p->jumlahHalaman($jmldata, $batas);
62. $linkHalaman   = $p->navHalaman($_GET['home'], $jmlhalaman);
63. echo " <li class='page-item'> $linkHalaman </li>"; 
64. ?>
65. 
    
66. </ul>
67. </nav>
68. </div>
69. 
    
70. <table class="table table-striped">
71. <thead>
72. <tr>
73. <th>#</th>
74. <th>Kode</th>
75. <th>Judul Buku</th>
76. <th>Penerbit</th>
77. <th>Jenis Buku</th>
78. <th>Referensi</th>
79. <th>Foto</th>
80. <th>Action</th>
81. </tr>
82. </thead>
83. <tbody>
84. 
    
85. 
    
86. <?php
87. $no = 0;
88. $buku=$mysqli->query("SELECT * FROM buku");
89. while($m=mysqli_fetch_array($buku)){
90. $no++;
91. ?>
92. 
    
93. <?php
94. include"paging2.php";
95. $p  = new paging_buku;
96. $batas = 5;
97. $posisi = $p->cariPosisi($batas);
98. $buku=$mysqli->query("SELECT * FROM buku
99. ORDER BY id DESC LIMIT $posisi,$batas");
100. $no=0;
101. while($m=mysqli_fetch_array($buku)){
102. $no++;
103. ?>
104. 
     
105. <tr>
106. <th scope="row"><?php echo $no;?></th>
107. <td><?php echo $m['kode']; ?></td>
108. <td><?php echo $m['judul_buku']; ?></td>
109. <td><?php echo $m['penerbit']; ?></td>
110. <td><?php echo $m['jenis_buku']; ?></td>
111. <td><?php echo $m['referensi']; ?></td>
112. <td><img src="images/<?php echo $m['gambar'];?>" height="50"></td>
113. <td>
114. <button type="button" class="btn btn-dark"><a href="index.php?page=edit2&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |
115. <button type="button" class="btn btn-info"><a href="index.php?page=details2&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |
116. <button type="button" class="btn btn-danger"><a href="index.php?page=delete2&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>
117. </td>
118. </tr>
119. 
     
120. <?php } ?>
121. 
     
122. </tbody>
123. </table>
124. 
     
125. <div class="halaman">
126. <nav aria-label="...">
127. <ul class="pagination">
128. 
     
129. <?php } ?>
130. <?php
131. $jmldata       = mysqli_num_rows($mysqli->query("SELECT * FROM buku"));
132. $jmlhalaman    = $p->jumlahHalaman($jmldata, $batas);
133. $linkHalaman   = $p->navHalaman($_GET['home'], $jmlhalaman);
134. echo " <li class='page-item'> $linkHalaman </li>"; 
135. ?>
136. 
     
137. </ul>
138. </nav>
139. </div>
140. 
     
141. <br>
142.                      
143.                     <div>
144.                         <br><br><?php include "footer.php"; ?>
145.                     </div>

Berikut adalah tampilan dari index.php dan read.php

Menginput atau Menambahkan Data ke Database Siapkan sebuah file dengan nama add.php. file add.php ini akan kita jadikan form inputan data. Jadi, data yang akan terinput pada database akan kita masukan melalui form pada add.php ini.
 add.php

1. <form name="form_mahasiswa" action="index.php?page=create" method="post" enctype="multipart/form-data">
2. 
   
3. <div class="form-group">
4. <label for="NIM">NIM</label>
5. <input type="text" class="form-control" id="nim" placeholder="Input Nomor Induk Mahasiswa" name="nim" required>
6. </div>
7. 
   
8. <div class="form-group">
9. <label for="Nama">Nama</label>
10. <input type="text" class="form-control" id="nama" placeholder="Input Nama" name="nama" required>
11. </div>
12. 
    
13. <div class="form-group">
14. <label for="Jurusan">Pilih Jurusan</label>
15. <select name="jurusan" class="form-control" id="jurusan" required>
16. <option value="">None</option>
17. <option value="Sistem Informasi">Sistem Informasi</option>
18. <option value="Teknik Informatika">Teknik Informatika</option>
19. <option value="Teknik Komputer">Teknik Komputer</option>
20. <option value="Sistem Informasi Akutansi">Sistem Informasi Akutansi</option>
21. </select>
22. </div>
23. 
    
24. <div class="form-group">
25. <label for="Alamat">Alamat</label>
26. <textarea class="form-control" id="alamat" placeholder="Alamat" name="alamat" required>
27. </textarea>
28. </div>
29. 
    
30. <div class="form-group">
31. <label for="Gambar">Input Foto</label>
32. <input type="file" class="form-control" id="gambar" name="gambar" required>
33. </div>
34. 
    
35. <div class="form-group">
36. <button type="reset" class="btn btn-danger">Reset</button>
37. <button type="sumbit" class="btn btn-primary">Simpan</button>
38. </div>

Perhatikan pada syntax diatas, kita membuat form yang mengarah pada index.php?page=create atau create.php. Jadi, dengan create.php kita menangkap data yang di input dan kemudian mengirimkannya ke database untuk di simpan. Oleh karena itu, siapkan file dengan nama create.php create.php 

1. ?php
2. $nim = $_POST['nim'];
3. $nama = $_POST['nama'];
4. $jurusan = $_POST['jurusan'];
5. $alamat = $_POST['alamat'];
6. $gambar = $_FILES['gambar']['name'];
7. $mysqli->query("INSERT INTO mahasiswa(nim,nama,jurusan,alamat,gambar) VALUES('$nim','$nama','$jurusan','$alamat','$gambar')");
8. move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
9. header('location:index.php');
10. ?>

Selain yg 2 di atas kita harus juga bikin add2.php dan create2.php karena 2 bagian yg di atas itu menggunakan data dari tabel mahasiswa sementara 2 bagian itu yg kita akan buat itu mengguakan  database tabel buku.

add2.php

1. <form name="form_mahasiswa" action="index.php?page=create2" method="post" enctype="multipart/form-data">
2. 
   
3. <div class="form-group">
4. <label for="Kode">Kode</label>
5. <input type="text" class="form-control" id="kode" placeholder="Input Nomor Kode Buku" name="kode" required>
6. </div>
7. 
   
8. <div class="form-group">
9. <label for="Judul Buku">Judul Buku</label>
10. <input type="text" class="form-control" id="judul buku" placeholder="Input Judul buku" name="judul buku" required>
11. </div>
12. 
    
13. <div class="form-group">
14. <label for="Penerbit">Pilih Penerbit Buku</label>
15. <select name="penerbit buku" class="form-control" id="penerbit buku" required>
16. <option value="">None</option>
17. <option value="Elex Media Komputindo">Elex Media Komputindo</option>
18. <option value="Kompas Gramedia">Kompas Gramedia</option>
19. <option value="Penerbit Erlangga">Penerbit Erlangga</option>
20. <option value="Erlangga for Kids">Erlangga For Kids</option>
21. </select>
22. </div>
23. 
    
24. <div class="form-group">
25. <label for="Jenis Buku">Pilih Jenis Buku</label>
26. <select name="jenis buku" class="form-control" id="jenis buku" required>
27. <option value="">None</option>
28. <option value="Parodi">Parodi</option>
29. <option value="Horror">Horror</option>
30. <option value="Komedi">Komedi</option>
31. <option value="Romantik">Romantik</option>
32. </select>
33. </div>
34. 
    
35. 
    
36. <div class="form-group">
37. <label for="Referensi">Referensi</label>
38. <textarea class="form-control" id="referensi" placeholder="Referensi" name="referensi" required>
39. </textarea>
40. </div>
41. 
    
42. <div class="form-group">
43. <label for="Gambar">Input Foto</label>
44. <input type="file" class="form-control" id="gambar" name="gambar" required>
45. </div>
46. 
    
47. <div class="form-group">
48. <button type="reset" class="btn btn-danger">Reset</button>
49. <button type="sumbit" class="btn btn-primary">Simpan</button>
50. </div>

create2.php

1. <?php
2. $kode = $_POST['kode'];
3. $judul_buku = $_POST['judul buku'];
4. $penerbit = $_POST['penerbit'];
5. $jenis_buku = $_POST['jenis_buku'];
6. $referensi = $_POST['referensi'];
7. $gambar = $_FILES['gambar']['name'];
8. $mysqli->query("INSERT INTO buku(kode,judul_buku,penerbit,jenis_buku,referensi,gambar) VALUES('$kode','$jenis_buku','$penerbit','$jenis_buku','$referensi','$gambar')");
9. move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
10. header('location:index.php');
11. ?>

Perhatikan syntax terakhir. Setelah kita menginput data ke database, kita dialihkan kembali ke halaman index dengan syntax:

1. header('location:index.php');

Setelah kita bikin yg di atas tadi ,Kita akan coba untuk melihat hasilnya. Klik pada tombol tambah baru yang akan mengalihkan halaman ke add.php/add2.php
add.php

add2.php

Kemudian akan tampil form input seperti ini kemudian isikan data yang ingin di input
                                                                           (add.php)

(add2.php)

Kemudian klik simpan. maka hasilnya:

(add.php)->

(add2.php)->

Menampilkan Details di Admin (Blm Bisa)
dari Data yang Diinput Sebelumnya, coba perhatikan pada file read.php yang menampilkan data. Disana terdapat link details yang sudah kita buat untuk mengarahkan halaman ke halaman details.

1. <button type="button" class="btn btn-info"><a href="index.php?page=details&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |

1. <button type="button" class="btn btn-info"><a href="index.php?page=details2&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |

Oleh karena itu, Buatlah file dengan nama details.php. Pada file ini kita akan menampilkan detail dari file yang kita input.
Source Code details.php dan details2.php

 Details.php

1. <?php 
2.   $id = $_GET["id"];
3.   $details = $mysqli->query("SELECT * FROM mahasiswa WHERE id = $id");
4.   $d = mysqli_fetch_array($details);
5.  ?>
6.  
7.  
8.   <div class="container">
9.     <div class="row justify-content-center">
10.       <div class="col-md-6 mt-3 bg-light p-4 rounded">
11.         <h2 class="bg-light p-2 rounded  text-center text-dark"> Data Calon Anggota BSI </h2>
12.         <hr class="my-3">
13.         <div class="text-center">
14.           <img src="images/<?= $d["gambar"]; ?>" width="250" class="img-thumnail mt-3"> 
15.         </div>
16.         <h6 class="text-dark text-center mt-3">NIM  : <?= $d["nim"]; ?></h6>
17.         <h6 class="text-dark text-center">Nama  : <?= $d["nama"]; ?></h6>
18.         <h6 class="text-dark text-center">Jurusan  : <?= $d["jurusan"]; ?></h6>
19.         <h6 class="text-dark text-center">Alamat  : <?= $d["alamat"]; ?></h6>
20.       </div>
21.     </div>
22.   </div>

Detail2.php

1. <?php 
2.   $id = $_GET["id"];
3.   $details = $mysqli->query("SELECT * FROM Buku WHERE id = $id");
4.   $d = mysqli_fetch_array($details);
5.  ?>
6.  
7.  
8.   <div class="container">
9.     <div class="row justify-content-center">
10.       <div class="col-md-6 mt-3 bg-light p-4 rounded">
11.         <h2 class="bg-light p-2 rounded  text-center text-dark"> Data Buku Anggota BSI </h2>
12.         <hr class="my-3">
13.         <div class="text-center">
14.           <img src="images/<?= $d["gambar"]; ?>" width="250" class="img-thumnail mt-3"> 
15.         </div>
16.         <h6 class="text-dark text-center mt-3">Kode  : <?= $d["kode"]; ?></h6>
17.         <h6 class="text-dark text-center">Judul Buku  : <?= $d["judul_buku"]; ?></h6>
18.         <h6 class="text-dark text-center">Penerbit  : <?= $d["penerbit"]; ?></h6>
19.         <h6 class="text-dark text-center">Jenis Buku  : <?= $d["jenis_buku"]; ?></h6>
20.         <h6 class="text-dark text-center">Referensi  : <?= $d["referensi"]; ?></h6>
21.         
22.       </div>
23.     </div>
24.   </div>

Kita Udah Coba Bagian Itu Tetapi Saat Aku Coba Bagian Detail.php dan Detail2.php tetap nggak respon Jadi Jika Bagian Detail itu nggak Tolong Beritahu Coba Kasih Tahu Caranya ke Kita Di Komentar Bawah kita. :(

Mengedit/Mengupdate Data
Pada Database Sebelumnya perhatikan lagi file read.php. Disana terdapat link edit yang akan mengarahkan kita ke halaman form edit sekaligus mengirimkan data yang mau di edit.

1. <button type="button" class="btn btn-dark"><a href="index.php?page=edit&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |

1. <button type="button" class="btn btn-dark"><a href="index.php?page=edit2&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |

Oleh karena itu kita akan membuat file dengan nama edit.php untuk membuat form edit. Form eddit inilah yang nantinya akan menampilkan data yang akan di edit.

edit.php

<?php

$edit=$mysqli->query("select*from mahasiswa where id='$_GET[id]'");

$e=mysqli_fetch_array($edit);

?>

<form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">

<div class="form-group">

<label for="NIM">NIM</label>

<input type="hidden" name="id" value="<?php echo $e['id'];?>">

<input type="text" class="form-control" id="nim" placeholder="Input Nomor Induk Mahasiswa" name="nim" required value="<?php echo $e['nim'];?>">

</div>

<div class="form-group">

<label for="Nama">Nama</label>

<input type="text" class="form-control" id="nama" placeholder="Input Nama" name="nama" required value="<?php echo $e['nama'];?>">

</div>

<div class="form-group">

<label for="Jurusan">Jurusan</label>

<select name="jurusan" class="form-control" id="jurusan" name="jurusan" required>

<option value="<?php echo $e['jurusan'];?>"><?php echo $e['jurussan'];?></option>

<option value="Sistem Informasi">Sistem Informasi</option>

<option value="Teknik Informatika">Teknik Informatika</option>

<option value="Teknik Komputer">Teknik Komputer</option>

<option value="Sistem Informasi Akutansi">Sistem Informasi Akutansi</option>

 </select>

</div>

<div class="form-group">

<label for="Alamat">Alamat</label>

<textarea class="form-control" id="alamat" placeholder="Alamat" name="alamat" required><?php echo $e['alamat'];?></textarea>

</div>

<div class="form-group">

<label for="Gambar">Gambar</label>

<input type="file" class="form-control" id="gambar" name="gambar">

<span><?php echo $e['gambar'];?></span>

</div>

<div class="form-group">

<button type="reset" class="btn btn-danger">Reset</button>

<button type="sumbit" class="btn btn-primary">Update</button>

</div>

</form>

edit2.php

<?php

$edit=$mysqli->query("select*from buku where id='$_GET[id]'");

$e=mysqli_fetch_array($edit);

?>

<form name="form_mahasiswa" action="index.php?page=update2" method="post" enctype="multipart/form-data">

<div class="form-group">

<label for="Kode">Kode</label>

<input type="text" class="form-control" id="kode" placeholder="Input Nomor Kode Buku" name="kode" required>

</div>

<div class="form-group">

<label for="Judul Buku">Judul Buku</label>

<input type="text" class="form-control" id="judul buku" placeholder="judul buku" name="judul buku" required>

</div>

<div class="form-group">

<label for="Penerbit">Pilih Penerbit Buku</label>

<select name="penerbit buku" class="form-control" id="penerbit buku" required>

<option value="">None</option>

<option value="Elex Media Komputindo">Elex Media Komputindo</option>

<option value="Kompas Gramedia">Kompas Gramedia</option>

<option value="Penerbit Erlangga">Penerbit Erlangga</option>

<option value="Erlangga for Kids">Erlangga For Kids</option>

</select>

</div>

<div class="form-group">

<label for="Jenis Buku">Pilih Jenis Buku</label>

<select name="jenis buku" class="form-control" id="jenis buku" required>

<option value="">None</option>

<option value="Parodi">Parodi</option>

<option value="Horror">Horror</option>

<option value="Komedi">Komedi</option>

<option value="Romantik">Romantik</option>

</select>

</div>

<div class="form-group">

<label for="Referensi">Referensi</label>

<textarea class="form-control" id="referensi" placeholder="Referensi" name="referensi" required>

</textarea>

</div>

<div class="form-group">

<label for="Gambar">Input Foto</label>

<input type="file" class="form-control" id="gambar" name="gambar" required>

</div>

<div class="form-group">

<button type="reset" class="btn btn-danger">Reset</button>

<button type="sumbit" class="btn btn-primary">Update</button>

</div>

Bisa lihat syntax diatas, method pengiriman data pada form ini kita menggunakan post dan actionnya mengarah ke update.php dan update2.php

1. <form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">

1. <form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">

Oleh sebab itu kita buat sebuah file baru dengan nama update.php untuk memproses form ini.

update.php

1. <?php
2. $edit=$mysqli->query("select*from mahasiswa where id='$_GET[id]'");
3. $e=mysqli_fetch_array($edit);
4. ?>
5. 
   
6. <form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">
7. 
   
8. <div class="form-group">
9. <label for="NIM">NIM</label>
10. <input type="hidden" name="id" value="<?php echo $e['id'];?>">
11. <input type="text" class="form-control" id="nim" placeholder="Input Nomor Induk Mahasiswa" name="nim" required value="<?php echo $e['nim'];?>">
12. </div>
13. 
    
14. <div class="form-group">
15. <label for="Nama">Nama</label>
16. <input type="text" class="form-control" id="nama" placeholder="Input Nama" name="nama" required value="<?php echo $e['nama'];?>">
17. </div>
18. 
    
19. <div class="form-group">
20. <label for="Jurusan">Jurusan</label>
21. <select name="jurusan" class="form-control" id="jurusan" name="jurusan" required>
22. <option value="<?php echo $e['jurusan'];?>"><?php echo $e['jurussan'];?></option>
23. <option value="Sistem Informasi">Sistem Informasi</option>
24. <option value="Teknik Informatika">Teknik Informatika</option>
25. <option value="Teknik Komputer">Teknik Komputer</option>
26. <option value="Sistem Informasi Akutansi">Sistem Informasi Akutansi</option>
27.  </select>
28. </div>
29. 
    
30. <div class="form-group">
31. <label for="Alamat">Alamat</label>
32. <textarea class="form-control" id="alamat" placeholder="Alamat" name="alamat" required><?php echo $e['alamat'];?></textarea>
33. </div>
34. 
    
35. <div class="form-group">
36. <label for="Gambar">Gambar</label>
37. <input type="file" class="form-control" id="gambar" name="gambar">
38. <span><?php echo $e['gambar'];?></span>
39. </div>
40. 
    
41. <div class="form-group">
42. <button type="reset" class="btn btn-danger">Reset</button>
43. <button type="sumbit" class="btn btn-primary">Update</button>
44. </div>
45. </form>

update2.php

1. <?php
3. $gambar  = $_FILES['gambar']['name'];
4. // Apabila gambar tidak diganti
5. if(empty($gambar)){
6. $mysqli->query("UPDATE mahasiswa SET nim    = '$_POST[nim]',
7. nama   = '$_POST[nama]',
8.     jurusan   = '$_POST[jurusan]',
9.     alamat   = '$_POST[alamat]'
10.     WHERE id = '$_POST[id]'");
11. }else{
13. $hapus= $mysqli->query("select*from mahasiswa where id='$_POST[id]'");
14. // menghapus gambar yang lama
15. $nama_gambar=mysqli_fetch_array($hapus);
16. // nama field gambar
17. $lokasi=$nama_gambar['gambar'];
18. //alamat tempat foto
19. $hapus_gambar="images/$lokasi";
20. //script untuk menghapus gambar dari folder
21. unlink($hapus_gambar);
22. move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
23. $mysqli->query("UPDATE mahasiswa SET nim    = '$_POST[nim]',
24. nama   = '$_POST[nama]',
25.     jurusan   = '$_POST[jurusan]',
26.     alamat   = '$_POST[alamat]',
27.     gambar = '$gambar'
28.     WHERE id = '$_POST[id]'");
29. }
30. header('location:index.php');
31. ?>

Sekarang coba ubah data dengan klik edit.

Setelah mengklik perbarui Data Brian akan berubah seperti dibawah ini.

(Bagian Buku Di Bawahnya Bagian Mahasiswa juga bisa kalau kamu ikutin cara update2 di atas tadi.)


Menghapus Data Pada Database Untuk membuat hapus data PHP langkah pertamanya adalah membuat file baru dengan nama delete.php. Karena pada read.php kita membuat link yang mengarahkan pada file delete.php

1. <button type="button" class="btn btn-danger"><a href="index.php?page=delete&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>

1. <button type="button" class="btn btn-danger"><a href="index.php?page=delete&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>

Delete.php

1. <?php
2. $hapus= $mysqli->query("select*from mahasiswa where id='$_GET[id]'");
3. // memilih gambar untuk dihapus
4. $nama_gambar=mysqli_fetch_array($hapus);
5. // nama field gambar
6. $lokasi=$nama_gambar['gambar'];
7. //alamat tempat gambar
8. $hapus_gambar="images/$lokasi";
9. //script delete gambar dari folder
10. unlink($hapus_gambar);
11. $mysqli->query("DELETE FROM mahasiswa WHERE id='$_GET[id]'");
12. header('location:index.php');
13. ?>

Delete2.php

1. <?php
3. $hapus= $mysqli->query("select*from buku where id='$_GET[id]'");
4. // memilih gambar untuk dihapus
5. $nama_gambar=mysqli_fetch_array($hapus);
6. // nama field gambar
7. $lokasi=$nama_gambar['gambar'];
8. //alamat tempat gambar
9. $hapus_gambar="images/$lokasi";
10. //script delete gambar dari folder
11. unlink($hapus_gambar);
12. $mysqli->query("DELETE FROM buku WHERE id='$_GET[id]'");
13. header('location:index.php');
14. ?>

Kita Sekarang akan mencoba Menghapus Akun Brian.

Pencet OK,Dan Akunnya akhirnya berhasil terhapus.
(Sama Juga Dgn Akun Buku Di Bawah.)


Footer Tidak lengkap bukan jika ada pembuka (NavBar) tidak ada penutup? maka dari itu saya buat footer sederhana.

Footer.php

1. <footer class="page-footer font-big bg-dark">
2.     <div align="center" class="footer-copyright py-3 text-light">&copy; 2020 <a href="https://brianaria1.blogspot.com">Brian Aria</a></div>
3. </footer>

Sebelumnya pemanggilan footer sudah dilakukan pada index.php

1. <br>
2.                      
3.                     <div>
4.                         <br><br><?php include "footer.php"; ?>
5.                     </div>

Setelah Kita Selesai Buat Semua Keperluan Buat Subfolder Admin Sekarang Kita Buat Bagian Login-nya buat File CRUD_MHS.
(Mohon Maaf Jika Bagian Penerbit Di Bawah Nggak Muncul)

Persiapan

1 .  Untuk memulai tutorial dan project membuat login dengan PHP dan MySQLi seperti di contoh ini, silahkan buat sebuah folder baru dengan nama login pada direktori localhost teman-teman.

2 .  Buat sebuah database baru dengan nama akademik. kemudian buat sebuah tabel baru dengan nama admin dalam database akademik. isi dari tabel admin yaitu id, username dan password. dimana id bertipe int, pilih primary dan centang auto_increment nya. username dan password sama-sama bertipe varchar dengan nilai 225.

membuat login dgn php mysql dan selesai.

selanjutnya isikan data admin. untuk data contoh saja. untuk contoh akun admin yang akan login. isikan username nya ‘admin’, dan password nya ‘admin123’.

Habis itu Buat sebuah file baru dengan nama koneksi.php dan simpan pada folder login yang telah kita buat.

koneksi.php

1. <?php 
2. $koneksi = mysqli_connect("localhost","root","","akademik");
3.  
4. // Check connection
5. if (mysqli_connect_errno()){
6. echo "Koneksi database gagal : " . mysqli_connect_error();
7. }
8.  
9. ?>

silahkan teman-teman isi sendiri nama database nya sesuai nama database yang teman-teman buat, karena di sini kita akan menggunakan database akademik, maka nama databasenya akademik.

Sekarang Buat file baru lagi namanya index.php

1. <title>Membuat Login Dengan PHP dan MySQLi - BRIANARIA1.BLOGSPOT.COM</title>
2. </head>
3. <body>
4. <h2>Login - Tugas Buat Ambil Nilai UAS Brian</h2>
5. <br/>
6. <!-- cek pesan notifikasi -->
7. <?php 
8. if(isset($_GET['pesan'])){
9. if($_GET['pesan'] == "gagal"){
10. echo "Login gagal! username dan password salah!";
11. }else if($_GET['pesan'] == "logout"){
12. echo "Anda telah berhasil logout";
13. }else if($_GET['pesan'] == "belum_login"){
14. echo "Anda harus login untuk mengakses halaman admin";
15. }
16. }
17. ?>
18. <br/>
19. <br/>
20. <form method="post" action="cek_login.php">
21. <table>
22. <tr>
23. <td>Username</td>
24. <td>:</td>
25. <td><input type="text" name="username" placeholder="Masukkan username"></td>
26. </tr>
27. <tr>
28. <td>Password</td>
29. <td>:</td>
30. <td><input type="password" name="password" placeholder="Masukkan password"></td>
31. </tr>
32. <tr>
33. <td></td>
34. <td></td>
35. <td><input type="submit" value="LOGIN"></td>
36. </tr>
37. </table>
38. </form>
39. </body>
40. </html>

kita lanjutkan lagi dengan membuat file yang akan mengelola data yang di kirim dari form login dari index.php.

pada file index.php yang membuat halaman login di atas kita telah menetapkan aksi dari form ini adalah ‘cek_login.php’ dengan method ‘post’ untuk jenis pengiriman datanya. silahkan baca lagi tentang GET dan POST jika teman-teman belum mempelajarinya. sudah di bahas juga di www.malasngoding.com.

buat sebuah file baru lagi dengan nama cek_login.php.

cek_login.php

1. <?php 
2. // mengaktifkan session php
3. session_start();
4.  
5. // menghubungkan dengan koneksi
6. include 'koneksi.php';
7.  
8. // menangkap data yang dikirim dari form
9. $username = $_POST['username'];
10. $password = $_POST['password'];
11.  
12. // menyeleksi data admin dengan username dan password yang sesuai
13. $data = mysqli_query($koneksi,"select * from admin where username='$username' and password='$password'");
14.  
15. // menghitung jumlah data yang ditemukan
16. $cek = mysqli_num_rows($data);
17.  
18. if($cek > 0){
19. $_SESSION['username'] = $username;
20. $_SESSION['status'] = "login";
21. header("location:admin/index.php");
22. }else{
23. header("location:index.php?pesan=gagal");
24. }
25. ?>

nah di file index.php ini kita membuat halaman login sederhana untuk admin.

kita lanjutkan lagi dengan membuat file yang akan mengelola data yang di kirim dari form login dari index.php.

pada file index.php yang membuat halaman login di atas kita telah menetapkan aksi dari form ini adalah ‘cek_login.php’ dengan method ‘post’ untuk jenis pengiriman datanya. silahkan baca lagi tentang GET dan POST jika teman-teman belum mempelajarinya. sudah di bahas juga di www.malasngoding.com.

buat sebuah file baru lagi dengan nama cek_login.php.

cek_login.php

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

<?php // mengaktifkan session php session_start(); // menghubungkan dengan koneksi include 'koneksi.php'; // menangkap data yang dikirim dari form $username = $_POST['username']; $password = $_POST['password']; // menyeleksi data admin dengan username dan password yang sesuai $data = mysqli_query($koneksi,"select * from admin where username='$username' and password='$password'"); // menghitung jumlah data yang ditemukan $cek = mysqli_num_rows($data); if($cek > 0){ $_SESSION['username'] = $username; $_SESSION['status'] = "login"; header("location:admin/index.php"); }else{ header("location:index.php?pesan=gagal"); } ?>

perhatikan, di sini kita aktifkan dulu session php. karena kita menggunakan session sebagai penanda status pengguna yang akan login.

kita mengaktifkan session php dengan syntax berikut

1	session_start();

kemudian jangan lupa juga untuk menghubungkannya dengan file koneksi database yang sudah kita buat.

1	include 'koneksi.php';

kemudian menangkap data yang dikirim dari form login.

1 2	$username = $_POST['username']; $password = $_POST['password'];

kemudian kita seleksi data admin yang memiliki username dan password yang sesuai dengan yang di input pada form login.

1	$data = mysqli_query($koneksi,"select * from admin where username='$username' and password='$password'");

selanjutnya kita hitung jumlah record yang sesuai (yang sesuai dengan username dan password yang di input).

1	$cek = mysqli_num_rows($data);

jika data username dan password admin di temukan di tabel ‘admin’, maka nilai dari variabel $cek adalah jumlah dari record yang di temukan. berarti variabel $cek bernilai 1 jika username dan password yang di input sesuai dengan yang ada di database. karena fungsi mysqli_num_rows() berfungsi untuk menghitung jumlah record hasil dari query yang ada dalam parameter si fungsi mysqli_num_rows() ini.

selanjutnya kita cek dengan if else jika variabel $cek lebih besar dari nol (berarti username dan password yang di input sesuai), maka kita buat session username dan session status seperti pada syntax berikut. kemudian kita alihkan ke folder admin/index.php.
jika tidak maka kita alihkan halamannya kembali ke halaman login (index.php) sambil mengirimkan data pesan (?pesan=gagal).

1 2 3 4 5 6 7

if($cek > 0){ $_SESSION['username'] = $username; $_SESSION['status'] = "login"; header("location:admin/index.php"); }else{ header("location:index.php?pesan=gagal"); }

itu sebabnya di file index.php (halaman login) kita membuat pengecekan seperti berikut (perhatikan pada file index.php)

1 2 3 4 5 6 7 8 9 10 11

<?php if(isset($_GET['pesan'])){ if($_GET['pesan'] == "gagal"){ echo "Login gagal! username dan password salah!"; }else if($_GET['pesan'] == "logout"){ echo "Anda telah berhasil logout"; }else if($_GET['pesan'] == "belum_login"){ echo "Anda harus login untuk mengakses halaman admin"; } } ?>

ini untuk memeriksa pesan yang di kirim. karena tadi jika username dan password tidak di temukan, akan dikirimkan pesan “gagal”. pada pengecekan notifikasi ini kita akan menampilkan pesan notifikasi “Login gagal! username dan password salah!” jika username dan password gagal. begitu juga seterusnya dengan pesan logout dan belum_login yang akan kita buat pengalihannya sebentar lagi

Halaman Admin

Seperti yang teman-teman lihat pada syntax sebelumnya. saat melakukan pengecekan, jika username dan password benar, maka halaman akan kita alihkan ke halaman admin yang berada dalam folder admin. Kita tadi udah bikin folder Baru 'admin' di atas sekarang kita akan buat logout.php

admin/logout.php

1. <?php 
2. // mengaktifkan session
3. session_start();
4.  
5. // menghapus semua session
6. session_destroy();
7.  
8. // mengalihkan halaman sambil mengirim pesan logout
9. header("location:../index.php?pesan=logout");
10. ?>

file logout berguna untuk menghapus semua session yang telah di buat saat login. dan mengalihkan halaman kembali ke halaman login sambil mengirim pesan ‘logout’.

kita menghapus semua session dengan fungsi session_destroy() seperti pada contoh di atas.

nah, semuaya selesai. Selamat Kamu Udah Selesai Tugas Buatan Kita.

Sampai Di Sini Saja Perjalanan Kita dan Terima Kasih Kamu Telah Ikutin Cara Kita Dari Awal hingga Akhir

Dan Terima Kasih Juga Ke 2 Sumber Yg Telah Membantu Kita Bikin Tugas Kita Selesai Juga:,

Siti Hartati Buat MYSQL dan CRUD dan

Malasngoding.com buat Ngajarin KIta Cara Buat Login (Part 1,Part 2)

Kamu juga bisa ikutin Kita dgn Cara yg kami ajarin di Atas dan Mohon Maaf Karena Bagian Penerbitnya ada Kesalahan Serta Bagian Detail.php dan Detail2.php yg kita masih nggak tahu cara merespon bagian itu jika Kamu Tahu Tolong Kasih TahuKita Di Bawah Komentar Artikel ini.

Sekian dari Kita dan Semoga Bermanfaat.

(Kalau Masih kelsulitan ngetik .php Kita Download Tugas Kita Disini Aja.)