{"id":3594,"date":"2020-10-16T08:10:37","date_gmt":"2020-10-16T01:10:37","guid":{"rendered":"http:\/\/materi.smkn43jkt.sch.id\/?p=3594"},"modified":"2021-12-22T22:01:50","modified_gmt":"2021-12-22T15:01:50","slug":"membuat-database-sederhana-menggunakan-xampp","status":"publish","type":"post","link":"http:\/\/materi.smkn43jkt.sch.id\/?p=3594","title":{"rendered":"Membuat Database Sederhana Menggunakan XAMPP"},"content":{"rendered":"

Membuat Database Sederhana Menggunakan XAMPP.<\/p>\n

\n
\n
\n
\n
\n

\"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/figure>\n

1. Apa itu Database ?<\/h2>\n

Database adalah sekumpulan data yang sudah disusun sedemikan rupa dengan ketentuan atau aturan tertentu yang saling berelasi sehingga memudahkan pengguna dalam mengelolanya juga memudahkan memperoleh informasi. Selain itu ada pula yang mendefinisikan database sebagai kumpulan\u00a0file<\/em>, tabel, atau arsip yang saling terhubung yang disimpan dalam media elektronik. (Mandalamaya, 2012).<\/p>\n

Basis data (database) adalah kump<\/span>ulan data yang disimpan secara sistematis di dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat lunak (program aplikasi) untuk menghasilkan informasi. Pendefinisian basis data meliputi spesifikasi berupa tipe data, struktur data dan juga batasan-batasan pada data yang kemudian disimpan.<\/p>\n

Basis data merupakan aspek yang sangat penting dalam sistem informasi karena berfungsi sebagai gudang penyimpanan data yang akan diolah lebih lanjut. Basis data menjadi penting karena dapat mengorganisasi data, menghidari duplikasi data, menghindari hubungan antar data yang tidak jelas dan juga update yang rumit.<\/p>\n

Dalam membuat database ini terdapat dua langkah yaitu pembuatan database dan koneksi pada PHP-MySQL.<\/p>\n

2. Membuat Database<\/h2>\n

Setelah teman-teman mengetahui apa itu database, selanjutnya kita akan membuat contoh database sederhana dari koleksi komik. Berikut cara membuatnya.<\/p>\n

    \n
  • Sebelum membuat database sederhana terlebih dahulu menginstal XAMPP<\/li>\n
  • Jika sudah menginstall XAMPP, berikutnya aktifkan XAMPP tersebut dan pada bagian Apache dan MySQL klik start dibawah tulisan action sampai Apache dan MySQL tersebut berwarna hijau, seperti pada gambar berikut :<\/li>\n<\/ul>\n
    \n
    \n
    \n
    \n
    \n
    <\/div>\n

    \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

    Gambar 1.<\/strong>\u00a0Mengaktifkan Apache dan MySQL<\/figcaption><\/figure>\n
      \n
    • Selanjutnya pada browser yang digunakan baik google chrome atau sejenisnya ketikkan \u201c\u201chttp:\/\/localhost\/phpmyadmin\u201d\u00a0<\/em>maka akan muncul tampilan seperti berikut :<\/li>\n<\/ul>\n
      \n
      \n
      \n
      \n
      \n
      <\/div>\n

      \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

      Gambar 2.\u00a0<\/strong>Tampilan Localhost PhpMyAdmin<\/figcaption><\/figure>\n
        \n
      • Selanjutnya pada klik menu yang berada di sebelah kiri \u201c\u00a0New -> buat -> Database\u00a0<\/em>\u201c, Masukkan database yang akan dibuat disini saya akan mencontohkan database yang saya buat adalah toko_komik seperti berikut :<\/li>\n<\/ul>\n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n

        \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

        Gambar 3.\u00a0<\/strong>Membuat Database<\/figcaption><\/figure>\n
          \n
        • Setelah membuat database secara otomatis akan muncul \u201cCreate table\u201d\u00a0<\/em>yang akan diisi jumlah kolom yang ingin dimasukkan pada database yang sudah kita buat disini saya akan mengisi 3 kolom dengan nama tabel yaitu tbperpus kemudian klik kirim seperti berikut:<\/li>\n<\/ul>\n
          \n
          \n
          \n
          \n
          \n
          <\/div>\n

          \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

          Gambar 4.\u00a0<\/strong>Membuat Tabel<\/figcaption><\/figure>\n
            \n
          • Setelah membuat tabel, selanjutnya yaiut membuat field atau isi kolom-kolom yang muncul sesuai yang diinginkan sebagai contoh disini saya mengisi kolom id, judul , dan penulis. Khusus pada kolom id bagian \u201c A_I\u201c dicentang dengan tujuan agar pada saat terdapat record baru nomor akan otomatis bertambah seperti berikut :<\/li>\n<\/ul>\n
            \n
            \n
            \n
            \n
            \n
            <\/div>\n

            \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

            Gambar 5.\u00a0<\/strong>Membuat Kolom<\/figcaption><\/figure>\n
              \n
            • Selanjutnya untuk menyimpan hasil pengisian kolom-kolom tersebut klik simpan maka akan muncul isian tabel yang telah diisi pada toko_komik seperti berikut:<\/li>\n<\/ul>\n
              \n
              \n
              \n
              \n
              \n

              \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

              Gambar 6.\u00a0<\/strong>Struktur Kolom yang telah dibuat<\/figcaption><\/figure>\n
                \n
              • Untuk mengisi kolom-kolom tersebut klik pada menu tambahkan (insert)\u00a0<\/em>maka akan muncul tampilan berikut :<\/li>\n<\/ul>\n
                \n
                \n
                \n
                \n
                \n

                \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

                Gambar 7.\u00a0<\/strong>Mengisi Kolom<\/figcaption><\/figure>\n
                  \n
                • Klik \u201c kirim (go)\u201c untuk menyimpan id, judul, dan penulis yang sudh diisi tersebut dan untuk melihat hasil yang telah diisi klik pada bagian menu \u201c browser \u201c maka akan muncul tampilan berikut :<\/li>\n<\/ul>\n
                  \n
                  \n
                  \n
                  \n

                  \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>

                  Gambar 8.\u00a0<\/strong>Data id, Judul, dan Penulis yang sudah diisi<\/figcaption><\/figure>\n

                  3. Koneksi dengan PhpMySQL<\/h2>\n

                  Setelah membuat database, selanjutnya yaitu mengkoneksikan database tersebut dengan PhpMySQL. Berikut langkah-langkahnya :<\/p>\n

                    \n
                  • Buka folder XAMP -> klik file\u00a0htdocs -><\/em>setelah itu buatlah folder baru dengan nama \u201ckoleksiku<\/em>\u201d akan terlihat gambar berikut :<\/li>\n<\/ul>\n
                    \n
                    \n
                    \n
                    \n

                    \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>

                    Gambar 9.\u00a0<\/strong>Menbuat Folder pada Folder XAMPP<\/figcaption><\/figure>\n
                      \n
                    • Selanjutnya copy script berikut pada notepad yang anda punya kemudian simpan dengan nama \u201cdb_connect.php\u201d pada folder \u201ckoleksiku\u201d yang telah dibuat perlu diingat file disimpan dalam bentuk .php bukan .txt :<\/li>\n<\/ul>\n
                      \n

                      <?php
                      \n$kon = mysqli_connect(\u2018localhost\u2019,\u2019root\u2019,\u2019\u2019);
                      \n$link = mysqli_select_db($kon,\u201dtoko_komik\u201d) or die(mysqli_error());
                      \n?><\/p>\n<\/blockquote>\n

                        \n
                      • Kemudian copy pastekan lagi kode berikut pada notepad dan simpan dengan nama\u00a0\u201c index.php\u201d\u00a0<\/em>pada folder \u201ckoleksiku\u201d yang telah dibuat<\/li>\n<\/ul>\n
                        \n

                        <?php
                        \ninclude \u201cdb_connect.php\u201d;
                        \n$query=mysqli_query ($kon, \u201cSELECT * FROM tbperpus\u201d)or die (mysqli_error());
                        \n$jumlah = mysqli_num_rows($query);
                        \necho \u201c<html>\u201d;
                        \necho \u201c<head>\u201d;
                        \necho \u201c<link href=\u2019style.css\u2019 type=\u2019text\/css\u2019 rel=\u2019stylesheet\u2019>\u201d;
                        \necho \u201c<\/head>\u201d;
                        \necho \u201c<title> Toko Komik <\/title>\u201d;
                        \necho \u201c<body>\u201d;
                        \necho \u201c<font color=\u2019darkmagenta\u2019 face=\u2019Arial\u2019 size=3><b><br>Koleksi Bukuku<\/b><\/font><br><br>\u201d;
                        \necho \u201c<a href=\u2019add.php\u2019 style=\\\u201dtext-decoration: none\\\u201d><font face=\u2019tahoma\u2019 size=\u20191′>Masukkan buku baru<\/font><\/a><br>\u201d;
                        \necho \u201c<br><table border=\\\u201d0\\\u201d cellpadding=\\\u201d1\\\u201d cellspacing=\\\u201d1\\\u201d bordercolor=\\\u201dblue\\\u201d bgcolor=\\\u201dwhite\\\u201d>
                        \n<tr bgcolor=\u2019blue\u2019 height=\\\u201d30\\\u201d><font color=\u2019white\u2019>
                        \n<th align=\u2019center\u2019><font color=\u2019white\u2019 face=\u2019Arial\u2019 size=2>No<\/font><\/th>
                        \n<th align=\u2019center\u2019><font color=\u2019white\u2019 face=\u2019Arial\u2019 size=2>Judul<\/font><\/th>
                        \n<th align=\u2019center\u2019><font color=\u2019white\u2019 face=\u2019Arial\u2019 size=2>Penulis<\/font><\/th>
                        \n<th align=\u2019center\u2019><font color=\u2019yellow\u2019 face=\u2019Arial\u2019 size=2>Ubah?<\/font><\/th>
                        \n<\/tr>\u201d;
                        \n$j=0;
                        \nwhile ($row=mysqli_fetch_array($query)) {
                        \necho \u201c<tr><td align=\u2019left\u2019 bgcolor=\u2019#657FFF\u2019>\u201d;
                        \necho \u201c<font face=\u2019Arial\u2019 size=1>\u201d;
                        \necho $j+1;
                        \necho\u201d<\/font>\u201d;
                        \necho\u201d<\/td>\u201d;
                        \necho \u201c<td align=\u2019left\u2019 bgcolor=\u2019#E8D3DF\u2019>\u201d;
                        \necho \u201c<font face=\u2019Arial\u2019 size=1>\u201d;
                        \necho $row[\u201cjudul\u201d];
                        \necho\u201d<\/font>\u201d;
                        \necho\u201d<\/td>\u201d;
                        \necho \u201c<td align=\u2019left\u2019 bgcolor=\u2019#E8D3DF\u2019>\u201d;
                        \necho \u201c<font face=\u2019Arial\u2019 size=1>\u201d;
                        \necho $row[\u201cpenulis\u201d];
                        \necho\u201d<\/font>\u201d;
                        \necho\u201d<\/td>\u201d;
                        \necho\u201d<td align=\u2019left\u2019 bgcolor=\u2019#E8D3DF\u2019>\u201d;
                        \necho \u201c<a href=\u2019delete.php?id=\u201d.$row[\u2018id\u2019].\u201d\u2019 style=\\\u201dtext-decoration: none\\\u201d title=\\\u201dHapus\\\u201d><font face=\u2019tahoma\u2019 size=\u20191′>Hapus<\/font><\/a>
                        \n<a href=\u2019edit.php?id=\u201d.$row[\u2018id\u2019].\u201d\u2019 style=\\\u201dtext-decoration: none\\\u201d title=\\\u201dEdit\\\u201d><font face=\u2019tahoma\u2019 size=\u20191′>Edit<\/font><\/a>\u201d; $j++; }
                        \necho\u201d<\/table>\u201d;
                        \necho \u201c<\/body>\u201d;
                        \necho \u201c<\/html>\u201d;
                        \n?><\/p>\n<\/blockquote>\n

                          \n
                        • Kemudian copy paste kode berikut pada notepad kemudian simpan file tersebut pada folder \u201ckoleksiku\u201d dengan nama file \u201cstyle.css\u201d<\/li>\n<\/ul>\n
                          \n

                          body,html {
                          \nmargin: 0 5px;
                          \nfont-family: Verdana,sans-serif;
                          \nfont-size:12px
                          \n}
                          \nh1 {
                          \nfont-size:1.4em;
                          \ncolor: #008000;
                          \n}
                          \na {
                          \ncolor: #008000;
                          \n}
                          \nth { text-align: left;
                          \n}
                          \ntd, th {
                          \npadding-right: 5px;
                          \n}
                          \nform dt {
                          \nwidth: 100px;
                          \ndisplay: block;
                          \nfloat: left;
                          \nclear: left;
                          \n}
                          \nform dd {
                          \nmargin-left: 0;
                          \nfloat: left;
                          \n}
                          \nform #submitbutton {
                          \nmargin-left: 100px;
                          \n}<\/p>\n<\/blockquote>\n

                            \n
                          • Setelah itu copy paste kode berikut dan simpan dengan nama file \u201cadd.php\u201d pada file koleksiku yang telah dibuat<\/li>\n<\/ul>\n
                            \n

                            <html>
                            \n<head>
                            \n<meta http-equiv=\u201dContent-Type\u201d content=\u201dtext\/html; charset=UTF-8″>
                            \n<title>Tambah buku baru<\/title>
                            \n<link href=\u201dstyle.css\u201d type=\u201dtext\/css\u201d rel=\u201dstylesheet\u201d>
                            \n<\/head>
                            \n<body>
                            \n<form action=\u201dinsert_koleksi.php\u201d method=\u201dPOST\u201d>
                            \n<font face=\u201dTahoma\u201d color=\u201dgreen\u201d size=\u201d1″><b><br>Masukkan buku baru<\/b><\/font>
                            \n<table align=\u201dleft\u201d>
                            \n<tr>
                            \n<td><font face=\u201dTahoma\u201d color=\u201dblack\u201d size=\u201d2″>judul<\/font><\/td>
                            \n<td>:<\/td>
                            \n<td><input type=\u201dtext\u201d name=\u201djudul\u201d size=\u201d30″><\/td>
                            \n<\/tr><\/p>\n

                            <tr>
                            \n<td><font face=\u201dTahoma\u201d color=\u201dblack\u201d size=\u201d2″>penulis<\/font><\/td>
                            \n<td>:<\/td>
                            \n<td><input type=\u201dtext\u201d name=\u201dpenulis\u201d size=\u201d30″><\/td>
                            \n<\/tr><\/p>\n

                            <tr>
                            \n<td><\/td><td><\/td>
                            \n<td><input type=\u201dsubmit\u201d value=\u201dAdd\u201d>
                            \n<font face=\u201dTahoma\u201d color=\u201dgreen\u201d size=\u201d2″>
                            \n<a href=\u201dindex.php\u201d style=\u201dtext-decoration:none\u201d>back<\/font><\/a>
                            \n<\/td>
                            \n<\/tr>
                            \n<\/table>
                            \n<\/form>
                            \n<\/body>
                            \n<\/html><\/p><\/blockquote>\n

                              \n
                            • kemudian copy paste kan lagi kode berikut dan simpan dengan nama file \u201cinsert_koleksi.php\u201d pada file koleksiku yang telah dibuat<\/li>\n<\/ul>\n
                              \n

                              <?php
                              \ninclude \u201cdb_connect.php\u201d;
                              \n$judul = $_POST[\u2018judul\u2019];
                              \n$penulis = $_POST[\u2018penulis\u2019];<\/p>\n

                              $query=mysqli_query($kon, \u201cINSERT INTO tbperpus(judul, penulis)
                              \nVALUES (\u2018$judul\u2019, \u2018$penulis\u2019)\u201d)or die (mysqli_error());<\/p>\n

                              if($query) {
                              \n?>
                              \n<script language=\u201dJavaScript\u201d>
                              \ndocument.location=\u2019index.php\u2019<\/script>
                              \n<?php
                              \n}
                              \n?><\/p><\/blockquote>\n

                                \n
                              • kemudian copy paste kan lagi kode berikut dan simpan dengan nama file \u201cdelete.php\u201d pada file koleksiku yang telah dibuat<\/li>\n<\/ul>\n
                                \n

                                <?php
                                \ninclude \u201cdb_connect.php\u201d;
                                \n$id = $_GET[\u2018id\u2019];<\/p>\n

                                $query = \u201cDELETE FROM tbperpus WHERE id = $id\u201d;
                                \nmysqli_query($kon, $query);<\/p>\n

                                ?>
                                \n<script language=\u201dJavaScript\u201d>
                                \ndocument.location=\u2019index.php\u2019<\/script>
                                \n<?php
                                \n?><\/p><\/blockquote>\n

                                  \n
                                • kemudian copy paste kan lagi kode berikut dan simpan dengan nama file \u201cedit.php\u201d pada file koleksiku yang telah dibuat<\/li>\n<\/ul>\n
                                  \n

                                  <?php
                                  \ninclude \u201cdb_connect.php\u201d;
                                  \n$id = $_GET[\u2018id\u2019];<\/p>\n

                                  $query=mysqli_query($kon, \u201cSELECT * FROM tbperpus WHERE id=\u2019$id\u2019\u201d);
                                  \nwhile ($row=mysqli_fetch_array($query)){<\/p>\n

                                  $judul = $row[\u2018judul\u2019];
                                  \n$penulis = $row[\u2018penulis\u2019];<\/p>\n

                                  echo \u201c<html>\u201d;
                                  \necho \u201c<body>\u201d;
                                  \necho \u201c<font face=\u2019tahoma\u2019 color=\u2019green\u2019 size=4><b>Perbaiki koleksi<\/b><\/font>\u201d;
                                  \necho \u201c<table align=\u2019left\u2019>\u201d;
                                  \necho \u201c<form method=\\\u201dpost\\\u201d action=\\\u201dupdate.php?id=$id\\\u201d enctype=\u2019multipart\/form-data\u2019>\u201d;
                                  \necho \u201c<br>\u201d;
                                  \necho \u201c<tr><td><font face=\u2019Tahoma\u2019 color=\u2019black\u2019 size=2>judul <\/font><\/td><td>:<\/td><td><input type=\u2019text\u2019 name=\u2019judul\u2019 value=\u2019$judul\u2019 size=\u201930′>&nbsp;
                                  \n<\/td><\/tr>\u201d;<\/p>\n

                                  echo \u201c<tr><td><font face=\u2019Tahoma\u2019 color=\u2019black\u2019 size=2>penulis<\/font><\/td><td>:<\/td><td><input type=\u2019text\u2019 name=\u2019penulis\u2019 value=\u2019$penulis\u2019 size=\u201930′>&nbsp;
                                  \n<\/td><\/tr>\u201d;<\/p>\n

                                  echo \u201c<tr><td><\/td><td><\/td><td><font size=\u20192′><input type=\u2019submit\u2019 name=\u2019submit\u2019 value=\u2019Update\u2019\/><\/font><\/td><\/tr>\u201d;
                                  \necho \u201c<\/table><\/form><\/body><\/html>\u201d;
                                  \n}
                                  \n?><\/p><\/blockquote>\n

                                    \n
                                  • Kemudian copy paste kan lagi kode berikut dan simpan dengan nama file \u201cupdate.php\u201d pada file koleksiku yang telah dibuat<\/li>\n<\/ul>\n
                                    \n

                                    <?php
                                    \ninclude \u201cdb_connect.php\u201d;
                                    \n$id = $_GET[\u2018id\u2019];<\/p>\n

                                    $judul = $_POST[\u2018judul\u2019];
                                    \n$penulis = $_POST[\u2018penulis\u2019];<\/p>\n

                                    $query=mysqli_query ($kon, \u201cUPDATE tbperpus SET judul=\u2019$judul\u2019,
                                    \npenulis=\u2019$penulis\u2019 WHERE id=\u2019$id\u2019\u201d)or die (mysqli_error());<\/p>\n

                                    if($query) {
                                    \n?>
                                    \n<script language=\u201dJavaScript\u201d>
                                    \ndocument.location=\u2019index.php\u2019<\/script>
                                    \n<?php
                                    \n}
                                    \n?><\/p><\/blockquote>\n

                                      \n
                                    • Kode-kode yang telah dibuat, sebagai berikut :<\/li>\n<\/ul>\n
                                      \n
                                      \n
                                      \n
                                      \n
                                      <\/div>\n

                                      \"Image<\/p>\n<\/div>\n<\/div>\n<\/div>

                                      Gambar 11.\u00a0<\/strong>Kode<\/figcaption><\/figure>\n
                                        \n
                                      • Setelah itu buka file browser anda disini saya akan menggunakan google chrome kemudian ketikan\u00a0\u201chttp:\/\/localhost\/koleksiku\u201d\u00a0<\/em>maka akan muncul tampilan website yang telah dibuat dengan tampilan berikut :<\/li>\n<\/ul>\n
                                        \n
                                        \n
                                        \n
                                        \n
                                        \"Image<\/div>\n<\/div>\n<\/div>\n<\/div>
                                        Gambar 12.\u00a0<\/strong>Tampilan Website<\/figcaption><\/figure>\n

                                        sumber : https:\/\/medium.com\/@16611086\/membuat-database-sederhana-menggunakan-xampp-d57592ae2098<\/p>\n","protected":false},"excerpt":{"rendered":"

                                        Membuat Database Sederhana Menggunakan XAMPP. 1. Apa itu Database ? Database adalah sekumpulan data yang sudah disusun sedemikan rupa dengan ketentuan atau aturan tertentu yang saling berelasi sehingga memudahkan pengguna dalam mengelolanya juga memudahkan memperoleh informasi. Selain itu ada pula yang mendefinisikan database sebagai kumpulan\u00a0file, tabel, atau arsip yang saling terhubung yang disimpan dalam media […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"_links":{"self":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/3594"}],"collection":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3594"}],"version-history":[{"count":4,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/3594\/revisions"}],"predecessor-version":[{"id":5269,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/3594\/revisions\/5269"}],"wp:attachment":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3594"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}