Installasi CMS Lokomedia

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan shering tentang Installlasi CMS Lokomedia.

A. Pengertian
     CMS Lokomedia adalah salah satu CMS (Content Management System) buatan anak negeri yang tak kalah menarik seperti CMS yang lainnya. Dan CMS ini dapat digunakan untuk membuat web instansi sekolah, maupun web pribadi, karena CMS ini cocok untuk digunakan untuk beberapa keperluan yang mana tersedia beberapa modul yang siap pakai.

B. Latar Belakang
    Sekarang ini kalau ingin membangun sebuah website sudah semakin mudah, karena sudah banyak aplikasi pembangun web. Sekarang jumlah website sekarang tumbuh sangat cepat, web orang pribadi semakin banyak karena semakin mudah membuatnya. Waktu yang diperlikan untuk membuat sebuah websitepun relatif cepat dibanding beberapa tahun yang lalu. Bukan hanya ilmu web sudah banyak  yang menguasai tapi juga fasilitas pendukung juga semakin banyak 


C. Maksud dan Tujuan
    Kita dapat menggunakan untuk web Instansi sekolah maupun web pribadi, karena CMS ini cocok digunakan untuk beberapa keperluan yang mana tersedia beberapa modul yang siap pakai.

D. Jangka Waktu
    Saya membutuhkan waktu sekitar 30 Menit.

E. Alat dan Bahan 

• Laptop/PC
• Koneksi Internet
• File CMS Lokomedia.

F. Tahap Pelaksanaan
1. Pertama-tama pastikan Anda sudah mendownload file cms lokomedia dulu.
2. Lalu masuk keterminal sebagai user, dan masukkan perintah "sudo su dan masukkan password".

3. Kemudian masuk ke folder Download dan masukkan perintah "cd Download/"

4. Setelah itu pindah file yang sudah kita Download dengan perintah "cp namafile/var/www/html/"

5. Lalu kita lihat apakah filenya sudah tercopy atau belum dengan perintah "ls"

6. Selanjutnya Extract filenya, karena file saya bertipe.rar maka saya menggunakan perintah "unrar x lokomedia-1.5.8.rar"

7. Setelah itu masukkan perintah "mysql -u root -p lokomedia <dblokomedia.sql"

8.Lalu masukkan perintah "nano lokomedia/config/koneksi.php"

9. Maka akan muncul tampilan seperti di bawah ini, Kemudin masukkan "password sesuai password phpmyadmin". Kemudian untuk menyimpannya klik "ctrl+x" lalu enter

10. Setelah itu buat database di phpmyadmin dengan nama "dblokomedia" lalu klik "Create"

11. Kemudian klik database lokomedia lalu "import databasenya" lalu klik "browse" #dblokomedia.sql Lalu klik "Go"

12. Selanjutnya buka browser lalu ketikan "localhost/lokomedia/adminweb" maka akan muncul tampilan seperti di bawah ini, kemudian masukkan "username dan password"  lalu klik Login.

13. Setelah diklik Login maka akan muncul tampilan Home CMS Lokomedia.

14. SELESAI.

G. Hasil yang di dapatkan
    Kita dapat menginstal CMS  lokomedia dan dapat mengetahui fitur-fitur yang ada di dalamnya, dan juga dapat menambah fitur-fitur yang kita inginkan.

H. Referensi 

• http://www.lokomedia.com

Sekian dari saya tentang installasi CMS Lokomedia, semoga bermanfaat dan selamat mecoba.

Wassalamu'alaikum Wr Wb.

Read More

Tutorial Membuat Perpustakaan Part 2.

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan meneruskan tentang Tutorial Membuat Perpustakaan.

A. Pengertian
    Perpustakaan adalah sebuah koleksi buku dan majalah. Walaupun dapat diartikan sebagai koleksi pribadi perseorangan, namun perpustakaan lebih umum dikenal sebagai sebuah koleksi besar yang dibiayai dan dioperasikan oleh sebuah kota atau institusi, serta dimanfaatkan oleh masyarakat yang rata-rata tidak mampu membeli sekian banyak buku atas biaya sendiri. 

B. Latar Belakang
    Untuk mengimplementasikan sistem materi CRUD.

C. Jangka Waktu
    Saya membutuhkan waktu sekitar 20 Menit.

D. Alat dan Bahan

• Laptop/PC
• Koneksi Internet
• Sublime Text

E. Tahap Pelaksanaan

1. Pertama-tama kita buat script koneksi nya terlebih dahulu untuk menyambungkan ke database, dan simpan menggunakan nama "Koneksi.php" di var/www/html/perpus/

<?php
$servername= "localhost"
$user    ="root"
$password  = "kedawung";
$db     ="perpus";

$koneksi=mysql_connect($servername.$user,$password)
     or die('gagal terkoneksi'mysql_error);
   
$database=mysql_select_db($db)
     or die ('gagal terhubung ke database'.mysql_error);
?>

2. Kemudian buat script "index.php"

<html>
<head>
</head>
<body>
<table width="auto" border="1">
    <tr>
        <td colspan="2" align="center"><h1>Sistem Informasi Perpustakaan SMK HK</h1> <br><script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script></td>
    </tr>
    <tr>
        <td width = "200" bgcolor="#22A7F0">
            <ul>
                <li><a href="anggota.php">Anggota</a></li>
                <li><a href="buku.php">Buku</a></li>
                <li><a href="pinjam.php">Pinjam</a></li>
            <ul>

        </td>
        <td width="auto">Selamat Datang Di Sistem Perpustakaan SMK HK</td>
    </tr>
    <tr>
        <td colspan="2" align="center">Nikmah-Kedawung</td>
    </tr>
</table>
</body>
</html>

 Selanjutnya kita coba buka hasilnya, ketikkan di URL "localhost/perpus"

3. Setelah itu kita buat file anggota, dan simpan dengan nama "anggota.php"

<html>
<head>
</head>
<body>
<table width="auto" border="5">
    <tr>
        <td colspan="2" align="center" bgcolor="#eee"><h1>Sistem Informasi Perpustakaan SMK HK</h1></td>
    </tr>
    <tr>
        <td width = "auto" bgcolor="#1aff1a">
            <ul>
                <li><a href="anggota.php">Siswa</a></li>
                <li><a href="buku.php">Buku</a></li>
                <li><a href="pinjam.php">Pinjam</a></li>
            <ul>

        </td>
        <td width="auto" >
            <a href="input_anggota.php">Input anggota</a>
 <table border="1">

<style>
    table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #4CAF50;
    color: white;
}
</style>

                                        <thead>

          <tr>
            <th >No</th>
            <th >id_anggota </th>
            <th >nama anggota </th>
            <th >alamat </th>
            <th >TTl </th>
            <th >Status</th>
         
            <th >Aksi</th>
          </tr>
        </thead>
                                 
                                 

                                    <tbody>
                                    <?php
include "koneksi.php";
$query  = "select * from anggota order by id_anggota";
$sql    = mysql_query ($query);
$no = 1;
while ($data=mysql_fetch_array($sql)) {
?>       
                                        <tr class="odd gradeX">
                                            <td><?php echo $no?></td>
                                            <td><?php echo $data['id_anggota'];?></td>
                                             <td><?php echo $data['nm_anggota'];?></td>
                                              <td><?php echo $data['alamat'];?></td>
                                               <td><?php echo $data['ttl_anggota'];?></td>
                                                <td class="center"><?php echo $data['status_anggota'];?></td>
                                         
                                            <td class="center"><a href="edit_anggota.php?id=<?php echo $data['id_anggota']; ?>" > Edit </a>|<a href="hapus_anggota.php?id=<?php echo $data['id_anggota']; ?>"
    onClick = "return confirm('Apakah Anda ingin mengapus  <?php echo $data['nm_anggota']; ?>?')"> hapus</a></td>
                                        </tr>
                                     
                                        <?php $no++; }?>
                                    </tbody>
                                 
                                 

                                </table>
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center" bgcolor="#eee">Nikmah-Kedawung<br><script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script></td>
    </tr>
</table>
</body>
</html>

Kemudian kita coba lihat hasilnya, ketikkan di URL "localhost/perpus/anggota.php"

4. Agar kita bisa menambah anggota di perpustakaan maka kita harus membuat file "input_anggota.php"

 <!DOCTYPE html>
<head>
</head>
<body>
    <table width="auto" border="5" bgcolor="#eee">
        <tr>
            <td colspan="2" align="center"><h1>Selamat Datang Di Sistem Perpustakaan SMK HK</h1></td>
        </tr>
        <tr>
            <td width = "200" bgcolor="#F1A9A0">
                <ul>
                    <li><a href="anggota.php">Siswa</a></li>
                    <li><a href="buku.php">Buku</a></li>
                    <li><a href="pinjam.php">Pinjam</a></li>
                <ul>

            </td>
            <td width="auto">
                <form method="post" action="proses.php" >
                    <table border="0">
        <tr>
            <td>Nama Siswa</td>
            <td>:</td>
            <td><input type="text" name="nama"  placeholder="Nama"></td>
        </tr>
        <tr>
            <td>Alamat</td>
            <td>:</td>
            <td><textarea name="alamat" placeholder="Alamat" ></textarea></td>
        </tr>
        <tr>
            <td>TTL</td>
            <td>:</td>
            <td><textarea name="ttl" placeholder="Tempat tanggal lahir" ></textarea></td>
        </tr>
        <tr>
            <td>Status</td>
            <td>:</td>
            <td><select name="status">
                <option value="1">aktif</option>
                <option value="2">tidak aktif</option>
            </select></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td><input type="submit" name="simpan" value="simpan"></td>
        </tr>

    </table>
                </form>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" bgcolor="#eee">Nikmah-Kedawung<br><script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script></td>
        </tr>
    </table>

</body>
</html>

Selanjutnya kita lihat maka akan muncul tampilan seperti di bawah ini.

5. Yang terakhir kita buat proses, beri nama proses.php"

<?php
include "koneksi.php";

$nama    = $_POST['nama'];
$alamat    = $_POST['alamat'];
$ttl    = $_POST['ttl'];
$status    = $_POST['status'];

$query = mysql_query('insert into anggota(nm_anggota,alamat,ttl_anggota,status_anggota) values ("'.$nama.'","'.$alamat.'","'.$ttl.'","'.$status.'")');
if ($query) {
echo "<script>alert('data berhasil disimpan');
document.location.href='anggota.php'</script>\n";
} else {
echo "<script>alert('data gagal disimpan')"
document.location.href='input_anggota.php'</script>\n";
}
?>

6. SELESAI

F. Referensi 

• https://id.wikipedia.org/wiki/Perpustakaan

Sekian tutorial dari saya semoga bermanfaat, dan selamat mencoba.

Wassalamu'alaikum Wr Wb.

Read More

Tutorial Membuat Perpustakaaan Part 1.

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan shering tentang Tutorial Membuat Perpustakaan Part 1.

A. Pengertian
     Perpustakaan adalah sebuah koleksi buku dan majalah. Walaupun dapat diartikan sebagai koleksi pribadi perseorangan, namun perpustakaan lebih umum dikenal sebagai sebuah koleksi besar yang dibiayai dan dioperasikan oleh sebuah kota atau institusi, serta dimanfaatkan oleh masyarakat yang rata-rata tidak mampu membeli sekian banyak buku atas biaya sendiri. 

B. Latar Belakang
    Untuk mengimplementasikan sistem materi CRUD.

C. Jangka Waktu
    Saya membutuhkan waktu sekitar kurang lebih 30 Menit.

D. Alat dan Bahan
1. Laptop/PC
2. Text Editor
 
E. Tahap Pelaksanaan

1. Pertama-tama kita buat database nya dulu dengan nama "Perpus", untuk menampung data yang akan kita masukkan, kemudian buat database dengan struktur seperti yang ada di bawah ini.

2. Kemudian kita buat table "Anggota"

3. Selanjutnya buat table "Buku"

4. Dan yang terakhir buat table "Meminjam"

5. SELESAI.

F. Referensi
    www://wikipedia.com

Sekian dari saya tentang Tutorial Membuat Perpustakaan, tunggu tutorial berikutnya yha, semoga bermanfaat dan selamat mencoba.

Wassalamu'alaikum Wr Wb.

Read More

Membuat Layout Web Sederhana menggunakan HTML dan CSS dengan Menu Horizontal

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan melanjutkan Tutorial yang sebelumnya dan saya sekarang akan Membuat Layout Web Sederhana dengan Menu Horizontal.

A. Pengertian
    Layout adalah suatu elemen desain yang ditempatkan dalam sebuah bidang menggunakan sebuah media yang sebelumnya sudah di konsep terlebih dahulu.

B. Jangka Waktu
    Saya membutuhkan waktu sekitar 60 Menit.

C. Alat dan Bahan

• Laptop/PC
• Text Editor

D. Tahap Pelaksanaan

1. Pertama-tama buka text editor, disini saya menggunakan sublime text.
2. Setelah itu tulis script-script di bawah ini dengan nama beranda.html

<!DOCTYPE html>
<html>
<head>
    <title>HALAMAN WEB KU DEWE</title>
    <style>
        #atas{
            margin-left: 50px;
            width: 72%;
            height: 70px;
            background: #9A12B3;
            border-top-left-radius: 60px;
        }
        h2{
            padding-top: 20px;
            padding-left: 300px;
            color: #36D7B7;
            font-family: Purisa;
        }
        #nav{
            margin-top: -19px;
            margin-left: 50px;
            width: 72%;
            height: 40px;
            background: #222;
            border-bottom: 7px solid#4183D7;
        }
        .menu li{
            display: inline-block;
            padding: 10px;
        }
        .menu li a{
            text-decoration: none;
            color: #19B5FE;
        }
        #content{
            margin-left: 50px;
            width: 912px;
            height: 400px;
            background: #D2527F;
            padding: 30px;
            color: #fff;
        }
        #bawah{
            margin-left: 50px;
            width: 72%;
            height: 40px;
            background: #52B3D9;
            color: #fff;
            margin-top: -20px;
        }
        p{
            padding-top: 9px;
            margin-left: 360px;
        }
    </style>
</head>
<body>
<div id="atas">
    <h2>WEB SMK HASAN KAFRAWI</h2>
</div>
<div id="nav">
    <ul class="menu">
        <li><a href="">Menu 1</a></li>
        <li><a href="">Menu 2</a></li>
        <li><a href="">Menu 3</a></li>
    </ul>
</div>
<div id="content">
    KONTEN WEB SMK HASAN KAFRAWI
</div>
<div id="bawah">
    <p>Copy Right by @Nikmah_Sya</p>
</div>
</body>
</html>

#Kode di atas saya gabungkan html dan css nya, supaya mudah untuk dicoba.
#Dan di bawah ini adalah hasil  dari script-script di atas.

E. Hasil yang di dapatkan
    Kita bisa membuat Layout sendiri sesuai keinginan keingnan kita sendiri.

F. Referensi

• http://localhost/w3schools_offline2016/html/html_layout.html

    Sekian dari saya, tentang tutorial Membuat layout web sederhana, semoga bermanfaat dan selamat mencoba.

Wassalamu'alaikum Wr Wb.

Read More

Membuat Layout Web Sederhana Menggunakan HTML dan CSS dengan Menu Vertikal

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan shering tentang Membuat Layout Web Sederhana dengan Menu Vertikal menggunakan html dan css.

A. Pengertian
    Layout adalah tata letak dari suatu elemen desain yang ditempatkan dalam suatu bidang menggunakan sebuah media yang sebelumnya sudah di konsep terlebih dahulu.

B. Jangka Waktu
     Saya membutuhkan waktu sekitar 60 Menit.

C. Alat dan Bahan

• Laptop/PC
• Text Editor

D. Tahap Pelaksanaan

1. Pertama-tama buka text Editor, disini saya menggunakan sublime text, lalu tulis kerangka html berikut ini. Lalu simpan dengan nama home.html 
 

<!DOCTYPE html>
<html>
<head>
<title>Halaman Webku dewe</title>

</head>
<body>
<div id="atas">
<h2>HALAMAN GAWEANKU DEWE</h2>
</div>
<div id="kiri">
<ul class="menu">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<div id="tengah">
</div>
<div id="bawah">
<p>Copy Right by @Nikmah_Sya</p>
</div>
</body>
</html>

2. Tulis kode CSS berikut ini dibawah </title>, dan jangan lupa kode css ini harus berada di antara <style> dan </style>. Lalu simpan dengan nama.css

style>
#atas{
margin-left: 150px;
width: 1009px;
height: 80px;
background-color: pink;
padding: 10px;
}
h2{
color: #fff;
margin-left: 40px;
}
#kiri{
margin-left: 150px;
width: 200px;
height: 550px;
background: #89C4F4;
margin-top: -18px;
}
.menu li{
list-style-type: none;
width: 200px;
height: 20px;
padding: 12px;
}
.menu li a{
text-decoration: none;
color: #Purple;
}
#tengah{
margin-left: 348px;
margin-top: -550px;
width: 831px;
height: 550px;
background: #D2527F;
}
#bawah{
margin-left: 150px;
height: 50px;
width: 61%;
background: #F62459;
padding: 1px;
}
p{
color: #fff;
font-size: 14px;
margin-left: 440px;
}
</style>

3. dan ini jika sudah di gabungkan menjadi satu, antara html dan css, kemudian save lalu lihat hasilnya.

<!DOCTYPE html>
<html>
<head>
<title>Halaman Webku dewe</title>
 <style>
#atas{
margin-left: 150px;
width: 1009px;
height: 80px;
background-color: pink;
padding: 10px;
}
h2{
color: #fff;
margin-left: 40px;
}
#kiri{
margin-left: 150px;
width: 200px;
height: 550px;
background: #89C4F4;
margin-top: -18px;
}
.menu li{
list-style-type: none;
width: 200px;
height: 20px;
padding: 12px;
}
.menu li a{
text-decoration: none;
color: #Purple;
}
#tengah{
margin-left: 348px;
margin-top: -550px;
width: 831px;
height: 550px;
background: #D2527F;
}
#bawah{
margin-left: 150px;
height: 40px;
width: 1027px;
background: #F62459;
padding: 1px;
}
p{
color: #fff;
font-size: 14px;
margin-left: 440px;
}
</style>
</head>
<body>
<div id="atas">
<h2>HALAMAN GAWEANKU DEWE</h2>
</div>
<div id="kiri">
<ul class="menu">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<div id="tengah">
</div>
<div id="bawah">
<p>Copy Right by @Nikmah_Sya</p>
</div>
</body>
</html>

Dan berikut adalah hasil dari membuat Layout Web sederhana tadi yang sudah saya buat.

E. Hasil yang di dapat
    Kita bisa membuat Layout sendiri sesuai selera kita.

F. Referensi

• http://localhost/w3schools_offline2016/html/html_layout.html

    Sekian dari saya tentang membuat layout web sederhana semoga bermanfaat, dan selamat mencoba.

Wassalamau'alaikum Wr Wb.

Read More

Evaluasi Hari Sabtu 24 September 2016 di BLC Telkom.

Assalamu'alaikum Wr Wb

Hai Teman-teman pada kesempatan kali ini saya akan memposting tentang Evaluasi mingguan. Untuk mengetahui sejauh mana kemampuan kita selama satu minggu yang dilaksanakan setiap hari sabtu di BLC Telkom.

A. Pengertian
    Evaluasi merupakan kegiatan yang membandingkan antara hasil implementasi dengan kriteria dan standart yang telah ditetapkan untuk melihat keberhasilannya. Dari evaluasi kemudian akan tersedia informasi mengenai sejauh mana suatu kegiatan tertentu telah di capai sehingga bisa diketahui bila terdapat selisih antara standar yang telah ditetapkan dengan hasil yang bisa di capai.

B. Maksud dan Tujuan
    Maksud dan Tujuannya adalah dengan diadakannya shering bersama untuk mengetahui sejauh mana kemajuan dan kemampuan kita selama satu minggu dan jika ada masalah nanti akan di selesaikan secara bersama.

C. Jangka Waktu
    pagi sampai sore

D. Alat dan Bahan

• PC/Laptop 
• LCD proyektor
• Pemateri
• Audien (Pendengar)

E. Sekilas Dokumentasi saat Evaluasi bersama.

1. Ini dari SMK Hasan Kafrawi Jepara yang shering tentang testdisk

2. Dan ini dari SMK Wikrama 1 Jepara yang shering tentang HTML Dasar.

3. Ini dari SMKN 1Sawit dan SMK Ma'arif Kudus

4. Ini dari SMK Sakti Gemolong.

Dan masih banyak lagi dari SMK-SMK yang lainnya.

F. Kesimpulan
    Kesimpulannya adalah kita dapat menambah wawasan karena kita mendapat sanggahan dan masukan-masukan dari audien untuk memperbaiki kegiatan kami selama satu minggu.

G. Hasil
     Hasilnya adalah kami bisa shering ilmu, yang belum pernah kami dapatkan sebelumnya. dan dapat menambah kepercayaan diri saat shering di depan orang banyak.

Sekian tentang Evaluasi hari ini, terimakasih.

Wassalamu'alikum Wr wb.

Read More

Membuat CRUD dengan PHP DAN MySQL, Menampilkan dan Menginput data dari Database

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan shering tentang Langkah-langkah membuat CRUD dengan PHP dan MySQL, Menampilkan dan Menginput data dari database.

A. Pengertian
     Dalam pemrograman komputer, Create, Read, Update and Delete (sebagai akronim CRUD) yaitu empat fungsi dasar dari penyimpanan persisten, Kata alternatif kadang-kadang digunakan ketika mendenifisikan empat fungsi dasar CRUD, mengambil alih-alih membaca, memodifikasi bukannya pembaruan, atau menghancurkan bukannya menghapus CRUD juga kadang-kadang digunakan untuk menggambarkan, antarmuka pengguna konvensi yang memfasilitasi melihat, mencari, dan mengubah informasi, sering mrnggunakan komputer berbasis bentuk dan laporan. Istilah ini mungkin pertama kali dipopulerkan oleh James Martin pada tahun 1983 bukunya mengelola database Lingkungan. akronim yang dapat diperpanjang untuk CRUD untuk menutupi daftar set data yang besar yang membawa kompleksitas tambahan seperti pagination ketika data set terlalu besar untuk menampung mudah dalam memori.

B. Latar Belakang
    Karena akronim CRUD mengacu pada semua fungsi utama yang diimplementasikan dalam database relasional aplikasi. Setiap huruf dalam akronim dapat memetakan dengan standar SQL pernyataan, metode HTTP. 

C. Maksud dan Tujuan

1. Membuat atau menambah entri baru
2. Baca, Mengambil, Pencarian, atau melihat entri yang ada
3. Memperbarui atau mengedit entri yang ada
4. Hapus atau menonaktifkan atau menghapus entri yang ada.

D. Jangka Waktu
    Saya membutuhkan waktu kurang lebih sekitar 60 Menit.

E. Alat dan Bahan

•  Laptop/PC
• Text editor

F. Tahap Pelaksanaan

1. Pertama kita buat dulu databasenya dengan nama crud2, setelah itu buat table dengan nam siswa dengan kolom 4:

siswa dengan kolom 4:

"id" int (15) Not Null Auto_Increment
"nama" varchar (100) Not Null
"alamat" Text Not Null
"pekerjaan" varchar Not Null

INSERT INTO `siswa` (`id`, `nama`, `alamat`, `pekerjaan`) VALUES

(1, gendut, pancur, ngaret)
(2, syafa, pancur, tidur)
(3, puput, jebol, mangan)
(4, syafi'i, kedawung, macol)

 2. Menampilkan data dari database dengan php. Kita buat dulu sebuah file php dengan nama terserah anda, disini saya membuat file php dengan nama "koneksi.php"

<?php
$server="localhost";
$username="root";
$password="kedawung";
$database="crud2";

$koneksi=mysql_connect($server,$username,$password,$database)or die("Koneksi ke database gagal!");
mysql_select_db($database,$koneksi)or die("Tidak ada database");
?>

3. Kemudian buat sebuah file "index.php"
 

<!DOCTYPE html>
<html>
<head>
    <title>Menampilkan data dari database</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
    <h3>Membuat CRUD dengan PHP & MySQL</h3>
    <h4>Menampilkan data dari database</h4>
    <h5>SMK Hasan Kafrawi Mayong</h5>
</div>
    <?php
    if(isset($_GET['pesan'])){
        $pesan = $_GET['pesan'];
        if($pesan == "input"){
            echo "Data berhasil di input.";
        }else if($pesan == "update"){
            echo "Data berhasil di update.";
        }else if($pesan == "hapus"){
            echo "Data berhasil di hapus.";
        }
    }
    ?>
    <br/>

<br/>
<a class="tombol" href="input.php">+ Tambah Data Baru</a>

<h3>Data Orang di Cari </h3>
<table border="1" class="table">
    <tr>
        <th>No</th>
        <th>Nama</th>
        <th>Alamat</th>
        <th>Pekerjaan</th>
        <th>Opsi</th>
    </tr>
  
<?php
        include "koneksi.php";
        $query_mysql = mysql_query("SELECT * FROM siswa")or die(mysql_error());
        $nomor = 1;
        while($data = mysql_fetch_array($query_mysql)){
        ?>
        <tr>
            <td><?php echo $nomor++; ?></td>
            <td><?php echo $data['nama']; ?></td>
            <td><?php echo $data['alamat']; ?></td>
            <td><?php echo $data['pekerjaan']; ?></td>
            <td>
                <a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
                <a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>                  
            </td>
        </tr>
        <?php } ?>
    </table>
</body>
</html>

dan jangan lupa kita percantik tampilannya agar tampilannya tidak membosankan dan enak di pandang. Yaitu kita buat sebuah file yang bernama "Style.css"

body{
    font-family: 'roboto';
    color: #000;
}

.judul{
    background: #eee;
    padding: 10px;
    text-align: center;
}

.judul h1,h2,h3{
    height: 15px;
}

a{
    /*color: #fff;*/
    padding: 5px;
    text-decoration: none;
}

.table{
    border-collapse: collapse;
}

table.table th th , table.table tr td{
    padding: 10px 20px ;
}

4. Membuat crud dengan php dan mysql menginput data ke database. Siapkan sebuah file dengan nama "input.php"

<style>
body{
    font-family: 'roboto';
    color: #000;
}

.judul{
    background: #eee;
    padding: 10px;
    text-align: center;
}

.judul h1,h2,h3{
    height: 15px;
}

a{
    /*color: #fff;*/
    padding: 5px;
    text-decoration: none;
}

.table{
    border-collapse: collapse;
}

table.table th th , table.table tr td{
    padding: 10px 20px ;
}
</style>

<!DOCTYPE html>
<html>
<head>
    <title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
  
</head>
<body>
    <div class="judul">      
        <h3>Membuat CRUD Dengan PHP Dan MySQL</h3>
        <h4>Menampilkan data dari database</h4>
        <h5>SMK Hasan Kafrawi Mayong</h5>
    </div>
  
    <br/>

    <a href="index.php">Lihat Semua Data</a>

    <br/>
    <h3>Input data baru</h3>
    <form action="input-aksi.php" method="post">      
        <table>
            <tr>
                <td>Nama</td>
                <td><input type="text" name="nama"></td>                  
            </tr>  
            <tr>
                <td>Alamat</td>
                <td><input type="text" name="alamat"></td>                  
            </tr>  
            <tr>
                <td>Pekerjaan</td>
                <td><input type="text" name="pekerjaan"></td>                  
            </tr>  
            <tr>
                <td></td>
                <td><input type="submit" value="Simpan"></td>                  
            </tr>              
        </table>
    </form>
</body>
</html>

  

Perhatikan pada syntax di atas. Kita membuat form yang mengarah ke input aksi.php. Karena kita menjadi file "input-aksi.php" sebagai aksi dari form inputan ini.

<?php
include 'koneksi.php';
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$pekerjaan = $_POST['pekerjaan'];

mysql_query("INSERT INTO siswa VALUES('','$nama','$alamat','$pekerjaan')");

header("location:index.php?pesan=input");
?>

 Setelah penjelasan selesai langsung saja kita coba jalankan file index.php untuk melihat hasil menampilkan dan menginput data dari database dengan php.

G. Hasil dan Kesimpulan
     Kita bisa membuat CRUD dengan PHP DAN MySQL.

H. Referensi

• https://wikipedia.org/
• http://www.malasngoding.com/

Sekian dari saya, tentang Tutorial membuat CRUD dengan PHP dan MySQL part 1, semoga bermanfaat dan selamat mencoba.

Wasalamu'alaikum Wr Wb.

Read More

Tutorial Installasi CMS Formulasi

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan shering tentang Tutorial Installasi CMS Formulasi.

A. Pengertian
     CMS Formulasi adalah sebuah sistem management konten (Content Management System) yang dapat Anda peroleh secara gratis, sebuah sistem sederhana yang kali pertama dibangun dari nol oleh sdr. Ari Rusmanto yang diberi nama Shoolhos. Seiring berjalannya waktu CMS ini ada beberapa perbaikan kode oleh sdr. Fauzan A Mahamani kemudian berubah nama menjadi CMS Formulasi.

B. Latar Belakang
    CMS Formulasi ini dikembangkan oleh guru yang bernama Ari Rusmanto dan diberi nama Schoolhos. Seiring berjalannya waktu, CMS ini pun dalam pengembangannya dibantu oleh rekan guru yang lain, yaitu Fauzan A Mahamani yang kemudian berganti nama menjadi Formulasi

C. Maksud dan Tujuan
    CMS Formulasi menjadi pilihan untuk website dikarenakan kemudahannya untuk digunakan serta instalasi yang instan, kita hanya perlu melakukan beberapa klik dan voila sebuah website yang kompleks sekalipun sedah tercipta dalam hitungan menit.

D. Jangka Waktu
    Saya membutuhkan waktu sekitar 60 Menit.

E. Alat dan Bahan

• Laptop/PC
• File CMS Formulasi 
• Koneksi internet

F. Tahap Pelaksanaan

1. Pertama-tama pindah file CMS Formulasi yang sudah kita Download ke file Derectory var/www/html/.
2. Setelah itu ekstrack file CMS Formulasinya dan ubah nama filenya menjadi formulasi
3. Kemudian setelah itu masuk ke terminal sebagai super user dan masukkkan password, setelah itu masukkan perintah "#cd /var/www/html/"

4. Lalu masukkan perintah "#ls" untuk memastikan apakah sudah ada atau belum file CMS Formulasi yang sudah kita pindah tadi.

5. Setelah itu beri hak Akses CMS Formulasinya, degan memasukkan perintah "#chown -R www-data:www-data /var/www/html/formulasi/"

6. Kemudian buat databasenya dengan nama "formulasi", lalu klik "Create"

7. Setelah itu ketikkan localhost/formulasi di URl, maka akan muncul tampilan seperti di bawah ini, lalu checklist colom, "aturan dalam penggunaan formulasi cms", lalu klik "Install".

8. maka akan muncul tampilan seperti di bawah ini, kemudian isi kolom dengan benar lalu klik "Install".

9. Selanjutnya akan muncu tampilan seperti di bawah ini, lalu klik "Lanjut".

10. Kemudian isi kolom tersebut dengan benar.
     # Username minimal 8 huruf, dan minimal memiliki 1 huruf besar dan 1 Angka .

11. Kemudian tulis alamat sekolah dan nomor telephone Anda, lalu klik "Lanjutkan".

12. Selanjutnya akan muncul tampilan seperti dibawah ini lalu klik "SELESAI".

13. Lalu masukkan "usernama dan password" yang sudah dibuat tadi dan "salin kata yang ada di bawah username"

14. Maka akan muncul tampilan seperti berikut, ini adalah tampilan HOME CMS formulasi, itu berarti Anda telah berhasil menginstall CMS Formulasi.

15. Lalu klik "ADMIN PANEL" lalu pilih "setting>Modul", maka akan muncul tampilan Modul.

G. Kesimpulan
     CMS Formulasi merupakan CMS yang dinuat untuk keperluan website sekolah. CMS Ini memiliki fitur yang cocok untuk keperluan website sekolah seperti pengumuman akademik, berita akademik, e-learning, sampai aplikasi PPDB (Penerimaaam Peserta Didik Baru) yang sudah terintegrasi dengan CMS Formulasi ini.
 
H. Referensi

• http://cms.formulasi.or.id/ 

Sekian Tutorial dari saya, semoga bermanfaat dan selamat mencoba.

Wassalamu'alaikum Wr Wb.

Read More

Installasi Slims di Linux Mint.

Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan shering tentang Installasi Slims di Linux Mint.

A. Pengertian
    Senayan, atau lengkapnya Senayan Library Managment System (SLiMs), adalah perangkat lunak sistem management perpustakaan (library management system) sumber terbuka yang dilisensikan di bawah GPL v3. Aplikasi web yang dikembangkan oleh tim dari Pusat Informasi dan Humas Departemen Pendidikan Nasional Republik Indonesia ini di bangun denagn menggunakan PHP, basis data MySQL, dan pengontrol versi Git. Pada tahun 2009, Senyan memenangi INAICTA 2009 untuk kategori open source.

B. Latar Belakang
    Pada Era informasi abad ini, tekhnologi informasi atau ICT (Information and Communication Technology) telah menjadi bagian tidak terpisahkan dari kehidupan global. OLeh karena itu, setiap institusi termasuk perpustakaan berlomba untuk mengintegrasikan  ICT guna membangun dan memberdayakan sumber daya manusia berbasis pengetahuan agar dapat bersaing dalam era global. Contoh penerapan ICT dalam bidang perpustakaan adalah system otomasi dan perpustakaan difital.

C. Maksud dan Tujuan

 1. Untuk mengetahui sejarah pembuatan software Senayan Library Management system
 2. Untuk mengetahui Spesifikasi Teknis yang dibutuhkan software Senayan Library Management system
 3. Untuk mengetahui proses bisnis aplikasi software Senayan Library Management System
 4. Untuk mengetahui kekurangan dan keunggulan dari pemakaian aplikasi Senayan Library Management System
 5. Untuk mengetahui pengembangan Senayan Library Management System kedepannya.

D. Jangka Waktu
    Saya membutuhkan waktu sekitar kurang lebih 20 Menit.

E. Alat dan Bahan

• Laptop/PC
• Koneksi internet
• File Slims

F. Tahap Pelaksanaan

1. Pertama-tama buka terminal, lalu masuk sebagai super user, dan masukan perintah "sudo su" dan masukkan "password"

2. Kemudian pindah file CMS slims yang sudah kita download ke file directory /var/www/html/. Dengan memasukan perintah "caja"

3. Setelah itu kita pastikan filenya sudah tercopy atau balum dengan memasukkan perintah "cd /var/www/html/"

4. Lalu kita beri hak akses untuk file Slims nya, dan masukkan perintah
"chown -R www-data:www:data slims"

5. Setelah itu kita buat databasenya, dengan nama "slims"

 6. Setelah itu ketikkan localhost/slims di URl/browser maka akan muncul tampilan seperti di bawah ini lalu klik "let's start the installation"

7. Maka akan muncul tampilan seperti di bawah ini lalu, isi kolomnya dengan benar lalu klik "Continue"

8. Lalu akan muncul tampilan seperti di bawah ini lalu klik "Ok start the slims"

9. Kemudian akan muncul tampilan seperti di bawah ini, lalu klik "Login"

10. Maka akan masuk ke Login, isikan "username" dan "password" yang sudah di buat tadi, lalu klik "Login".

11. Kemudian, inilah tampilan pertama Slims.

G. Kesimpulan
    Mampu menambah dan memperluas pengetahuan mereka mengenai manfaat dari adanya SLiMS (Senayan Library Management System) dalam suatu perpustakaan.

H. Referensi 

• https://id.wikipedia.org/wiki/senayan_(perangkat_lunak)

Sekian Tutorial dari saya, semoga bermanfaat dan selamat mencoba.

Wassalamu'alikum Wr Wb.

Read More