tag:blogger.com,1999:blog-14235913568537391562024-03-29T10:28:52.235+07:00Indra SatyaMedia Pembelajaran dan Informasi Seputar Web DevelopmentIndra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.comBlogger57125tag:blogger.com,1999:blog-1423591356853739156.post-64362242358718239022021-06-21T07:00:00.005+07:002021-07-31T18:37:48.969+07:00Aplikasi Manajemen Kas Berbasis Web<div style="text-align: justify;font-size: 13pt;line-height: 30px;">
<div class="mb-4">
<img style="border-radius: 10px;" border="0" data-original-height="500" data-original-width="870"
src="https://3.bp.blogspot.com/-2siNY33oG3c/YNGpfG5AjRI/AAAAAAAAB3E/DbcfP-eorFo5PmJ5T9FpsViiKc0H-ZazgCLcBGAsYHQ/s0/indrasatya-aplikasi-manajemen-kas-berbasis-web.jpg" />
</div>
<div class="mb-3">
<strong>Aplikasi Manajemen Kas</strong> merupakan aplikasi berbasis web yang digunakan untuk memudahkan dalam melakukan pencatatan pemasukan dan pengeluaran kas.
</div>
<div class="mb-5">
Aplikasi ini dibangun menggunakan bahasa pemrograman <strong>PHP Versi 8</strong> dan database management system
<strong>MySQL/MariaDB</strong>. Untuk berkomunikasi dengan database menggunakan <strong>MySQLi Extension</strong>
dengan antarmuka <strong>Procedural</strong>. Desain tampilan aplikasi menggunakan <strong>CSS Bootstrap</strong>
dengan template <strong>SB Admin 2</strong>.
</div>
<div class="mb-1">
<strong style="font-size: larger;">Fitur Apilkasi</strong>
</div>
<div class="mb-5">
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>1.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Login</strong></div>
<div>Halaman login multi user. Ada 2 level user yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li>
<strong>Admin</strong> <br>
Hak akses : Dashboard, Pemasukan, Pengeluaran, Kategori, Laporan Pemasukan, Laporan Pengeluaran, Laporan Rekapitulasi, Manajemen User, Ubah Password.
</li>
<li>
<strong>User</strong> <br>
Hak akses : Dashboard, Pemasukan, Pengeluaran, Kategori, Laporan Pemasukan, Laporan Pengeluaran, Laporan Rekapitulasi, Ubah Password.
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>2.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Dashboard</strong></div>
<div>Halaman Dashboard berisi informasi jumlah Total Seluruh Pemasukan, Total Seluruh Pengeluaran, dan Saldo. Selain itu juga menampilkan Grafik Jumlah Pemasukan Per Kategori dan Grafik Jumlah Pengeluaran Per Kategori.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>3.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Pemasukan</strong></div>
<div>Halaman untuk mengelola data pemasukan. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mengunggah dan menampilkan bukti transaksi, dan mencari data pemasukan.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>4.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Pengeluaran</strong></div>
<div>Halaman untuk mengelola data pengeluaran. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mengunggah dan menampilkan bukti transaksi, dan mencari data pengeluaran.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>5.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Kategori</strong></div>
<div>Halaman untuk mengelola data kategori transaksi. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, dan mencari data kategori.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>6.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Pemasukan</strong></div>
<div>Halaman untuk mencetak laporan pemasukan. Pada halaman ini pengguna dapat menampilkan laporan pemasukan per periode (per hari, per minggu, per bulan, dan per tahun) dan per kategori. Laporan dapat dicetak ke dalam format PDF.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>7.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Pengeluaran</strong></div>
<div>Halaman untuk mencetak laporan pengeluaran. Pada halaman ini pengguna dapat menampilkan laporan pengeluaran per periode (per hari, per minggu, per bulan dan per tahun) dan per kategori. Laporan dapat dicetak ke dalam format PDF.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>8.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Rekapitulasi</strong></div>
<div>Halaman untuk mencetak laporan rekapitulasi. Pada halaman ini pengguna dapat menampilkan laporan rekapitulasi per periode (per hari, per minggu, per bulan dan per tahun). Laporan dapat dicetak ke dalam format PDF.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>9.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Manajemen User</strong></div>
<div>Halaman untuk mengelola data user yang dapat menggunakan aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>10.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Ubah Password</strong></div>
<div>Halaman untuk mengubah password pengguna aplikasi.</div>
</td>
</tr>
</table>
</div>
<div class="mb-3">
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Manajemen Kas Berbasis Web</strong> ini, silahkan klik link dibawah ini untuk mendapatkan sourcecode aplikasi.
</div>
<div class="btn-action mb-5">
<a href="http://www.indrasatya.com/p/member-php.html" class="btn btn-indigo btn-lg pl-4 pr-4">Sourcecode Aplikasi</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-19070561099015603632021-06-16T21:00:00.005+07:002021-07-31T18:36:46.234+07:00Aplikasi Kasir Penjualan Pulsa<div style="text-align: justify;font-size: 13pt;line-height: 30px;">
<div class="mb-4">
<img style="border-radius: 10px;" border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-vbkBPJDhGL4/YMn2e5U69NI/AAAAAAAAB2I/ZTKZfgSNCWAPbSC5NO61DhxnxGLPki4HQCLcBGAsYHQ/s0/indrasatya-aplikasi-kasir-penjualan-pulsa.jpg" />
</div>
<div class="mb-3">
<strong>Aplikasi Kasir Penjualan Pulsa</strong> merupakan aplikasi berbasis web yang digunakan untuk memudahkan dalam melakukan pencatatan data penjualan pulsa pada konter.
</div>
<div class="mb-5">
Aplikasi ini dibangun menggunakan bahasa pemrograman <strong>PHP Versi 8</strong> dan database <strong>MySQL/MariaDB</strong>. Untuk berkomunikasi dengan database menggunakan <strong>MySQLi Extension</strong> dengan antarmuka <strong>Procedural</strong>. Desain tampilan aplikasi menggunakan <strong>CSS Bootstrap</strong> dengan template <strong>SB Admin 2</strong>.
</div>
<div class="mb-1">
<strong style="font-size: larger;">Fitur Apilkasi</strong>
</div>
<div class="mb-5">
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>1.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Login</strong></div>
<div>Halaman login multi user. Ada 2 level user yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li>
<strong>Admin</strong> <br>
Hak akses : Dashboard, Pelanggan, Pulsa, Penjualan, Laporan Penjualan, Manajemen User, Ubah Password.
</li>
<li>
<strong>Kasir</strong> <br>
Hak akses : Dashboard, Pelanggan, Penjualan, Laporan Penjualan, Ubah Password.
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>2.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Dashboard</strong></div>
<div>Halaman Dashboard berisi informasi Jumlah Data Pelanggan, Jumlah Data Pulsa, Jumlah Data Pengguna Aplikasi, Jumlah dan Total Penjualan per Hari, Jumlah dan Total Penjualan per Bulan, Jumlah dan Total Seluruh Penjualan, Data 10 Pulsa Terlaris, dan Data 10 Pelanggan Terloyal.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>3.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Pelanggan</strong></div>
<div>Halaman untuk mengelola data pelanggan. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencari data, dan mengexport data pelanggan dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>4.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Pulsa</strong></div>
<div>Halaman untuk mengelola data pulsa. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencari data, dan mengexport data pulsa dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>5.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Penjualan</strong></div>
<div>Halaman untuk mengelola data penjualan pulsa. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencetak nota, dan mencari data penjualan.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>6.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Penjualan</strong></div>
<div>Halaman untuk mencetak laporan penjualan pulsa. Pada halaman ini pengguna dapat menampilkan laporan penjualan pulsa per periode (per hari, per minggu, per bulan dan per tahun). Laporan dapat dicetak ke dalam format PDF dan diexport ke dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>7.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Manajemen User</strong></div>
<div>Halaman untuk mengelola data user yang dapat menggunakan aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>8.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Ubah Password</strong></div>
<div>Halaman untuk mengubah password pengguna aplikasi.</div>
</td>
</tr>
</table>
</div>
<div class="mb-3">
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Kasir Penjualan Pulsa</strong> ini, silahkan klik link dibawah ini untuk mendapatkan sourcecode aplikasi.
</div>
<div class="btn-action mb-5">
<a href="http://www.indrasatya.com/p/member-php.html" class="btn btn-indigo btn-lg pl-4 pr-4">Sourcecode Aplikasi</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-28431688148732952782021-06-13T07:00:00.021+07:002021-07-09T23:59:22.824+07:00Aplikasi Antrian Berbasis Web<div style="text-align: justify;font-size: 13pt;line-height: 30px;">
<div class="mb-4">
<img style="border-radius: 10px;" border="0" data-original-height="500" data-original-width="870"
src="https://3.bp.blogspot.com/-KPkUa8W0eEA/YMVxFvYcmEI/AAAAAAAAB1Q/IyTxzujksOAsuNCUOTRpVPSadBvTudsygCPcBGAYYCw/s0/indrasatya-aplikasi-antrian-berbasis-web.jpg" />
</div>
<div class="mb-3">
<strong>Aplikasi Antrian</strong> merupakan sistem manajemen yang digunakan untuk mengelola antrian pengunjung pada suatu perusahaan atau instansi. Aplikasi antrian dapat digunakan sebagai sarana untuk mencapai kinerja efektif dan efisien bagi perusahaan atau instansi dalam melayani pengunjung.
</div>
<div class="mb-5">
<div class="mb-1">Aplikasi Antrian ini dibangun dengan :</div>
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>-</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div>Menggunakan bahasa pemrograman <strong>PHP versi 8</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>-</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div>Menggunakan database management system <strong>MySQL</strong> atau <strong>MariaDB</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>-</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div>Menggunakan <strong>MySQLi Extension</strong> untuk berkomunikasi dengan database.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>-</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div>Menggunakan framework CSS <strong>Bootstrap 5</strong> untuk membuat desain tampilan aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>-</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div>Menggunakan <strong>jQuery AJAX</strong> untuk proses CRUD.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>-</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div>Menggunakan API teks berbicara dalam bahasa Indonesia dari <strong>ResponsiveVoice.JS</strong> untuk suara panggilan antrian.</div>
</td>
</tr>
</table>
</div>
<div class="mb-1">
<div><strong style="font-size: larger;">Fitur Apilkasi</strong></div>
<div>Aplikasi Antrian ini terdiri dari 2 interface, yaitu <strong>Nomor Antrian</strong>, dan <strong>Panggilan Antrian</strong>.</div>
</div>
<div class="mb-5">
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>1.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Nomor Antrian</strong></div>
<div class="mb-4">Halaman Nomor Antrian digunakan pengunjung untuk mengambil nomor antrian. Fitur ini bisa Kamu kembangkan lagi dengan menambahkan fungsi cetak nomor antrian secara langsung ke printer, atau memberikan nomor antrian secara online.</div>
<div class="mb-4">
<img style="border:1px solid #e9e9e9;border-radius: 10px;" data-original-height="500" data-original-width="870"
src="https://3.bp.blogspot.com/-tti8b1vGkZE/YMVxFoqdXHI/AAAAAAAAB1g/v5k-_jKLsEsL-YnDEEpgTqriEuA7dtMywCPcBGAYYCw/s0/indrasatya-aplikasi-antrian-berbasis-web-nomor.png" />
</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>2.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Panggilan Antrian</strong></div>
<div class="mb-4">Halaman Panggilan Antrian digunakan petugas loket untuk memanggil antrian pengunjung. Halaman ini menampilkan informasi jumlah antrian, nomor antrian yang sedang dipanggil nomor antrian selanjutnya yang akan dipanggil, sisa antrian yang belum dipanggil. Petugas loket dapat menekan tombol panggilan antrian pada layar untuk memanggil antrian dengan menggunakan suara yang bisa dihubungkan dengan alat pengeras suara.
</div>
<div class="mb-4">
<img style="border:1px solid #e9e9e9;border-radius: 10px;" data-original-height="500" data-original-width="870"
src="https://3.bp.blogspot.com/-o4UWlAmVjfY/YMVxFowoSRI/AAAAAAAAB1k/rwf2zJItJlkuC5h461Eiwg-5Ov-PjP9nwCPcBGAYYCw/s0/indrasatya-aplikasi-antrian-berbasis-web-panggilan.png" />
</div>
</td>
</tr>
</table>
</div>
<div class="mb-4">
<strong style="font-size: larger;">Demo Apilkasi</strong>
</div>
<div class="text-center mb-4">
<iframe width="700" height="400" src="https://www.youtube.com/embed/7t1U1gdZoMg?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="mb-3">
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Antrian Berbasis Web</strong> ini, silahkan download melalui link dibawah ini.
</div>
<div class="btn-action mb-5">
<a class="btn btn-indigo btn-lg pl-4 pr-4" href="https://github.com/indrasatya/aplikasi-antrian-berbasis-web">Download</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-68789248646122399042021-05-21T07:00:00.002+07:002021-07-31T18:39:02.147+07:00Aplikasi Pengelolaan Arsip Surat<div style="text-align: justify;font-size: 13pt;line-height: 30px;">
<div class="mb-4">
<img style="border-radius: 10px;" border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-0gnxp9cqSJQ/YKZ_woWaMzI/AAAAAAAABzE/oYi1AAFiBpUThR6HU_uegn0Ts4NHHQsRACLcBGAsYHQ/s0/indrasatya-aplikasi-pengelolaan-arsip-surat.jpg" />
</div>
<div class="mb-3">
<strong>Aplikasi Pengelolaan Arsip Surat</strong> merupakan aplikasi berbasis web yang digunakan untuk mengelola penyimpanan arsip surat dalam bentuk dokumen elektronik. Dengan adanya aplikasi arsip pada sebuah instansi, akan memberikan efisiensi dan keamanan penyimpan arsip surat serta mempermudah pegawai dalam mencari informasi arsip surat.
</div>
<div class="mb-5">
Aplikasi ini dibangun menggunakan bahasa pemrograman <strong>PHP Versi 8</strong> dan database <strong>MySQL/MariaDB</strong>. Untuk berkomunikasi dengan database menggunakan <strong>MySQLi Extension</strong> dengan antarmuka <strong>Procedural</strong>. Desain tampilan aplikasi menggunakan <strong>CSS Bootstrap</strong> dengan template <strong>SB Admin 2</strong>.
</div>
<div class="mb-1">
<strong style="font-size: larger;">Fitur Apilkasi</strong>
</div>
<div class="mb-5">
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>1.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Login</strong></div>
<div>Halaman login multi user. Ada 2 level user yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li>
<strong>Admin</strong> <br>
Hak akses : Dashboard, Arsip Surat, Kategori Surat, Manajemen User, Ubah Password.
</li>
<li>
<strong>User</strong> <br>
Hak akses : Dashboard, Arsip Surat, Ubah Password.
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>2.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Dashboard</strong></div>
<div>Halaman Dashboard berisi informasi jumlah data Arsip Surat, Kategori Surat, dan Pengguna Aplikasi. Selain itu juga menampilkan grafik Jumlah Arsip Surat Per Kategori Surat.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>3.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Arsip Surat</strong></div>
<div>Halaman untuk mengelola data arsip surat. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, menampilkan dokumen elektronik, dan mencari data arsip surat.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>4.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Kategori Surat</strong></div>
<div>Halaman untuk mengelola data kategori surat. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, dan mencari data kategori surat.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>5.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Pencarian Arsip Surat</strong></div>
<div>Pengguna dapat melakukan pencarian data arsip surat berdasarkan nama surat atau nomor surat.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>6.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Manajemen User</strong></div>
<div>Halaman untuk mengelola data user yang dapat menggunakan aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>7.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Ubah Password</strong></div>
<div>Halaman untuk mengubah password pengguna aplikasi.</div>
</td>
</tr>
</table>
</div>
<div class="mb-3">
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Pengelolaan Arsip Surat</strong> ini, silahkan klik link dibawah ini untuk mendapatkan sourcecode aplikasi.
</div>
<div class="btn-action mb-5">
<a href="http://www.indrasatya.com/p/member-php.html" class="btn btn-indigo btn-lg pl-4 pr-4">Sourcecode Aplikasi</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-8370772569517768122021-05-20T10:00:00.002+07:002021-07-31T18:39:54.608+07:00Aplikasi Jasa Cuci Mobil dan Motor<div style="text-align: justify;font-size: 13pt;line-height: 30px;">
<div class="mb-4">
<img style="border-radius: 10px;" border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-4n8RnSrqRH0/YKXPc4DGydI/AAAAAAAABy4/tsnZCz3wuIgoxR-lbDs72ma0Z6auMNi-wCLcBGAsYHQ/s0/indrasatya-aplikasi-jasa-cuci-mobil-dan-motor.jpg" />
</div>
<div class="mb-3">
<strong>Aplikasi Jasa Cuci Mobil dan Motor</strong> merupakan aplikasi berbasis web yang digunakan untuk memudahkan dalam pengelolaan usaha jasa cuci mobil dan motor.
</div>
<div class="mb-5">
Aplikasi ini dibangun menggunakan bahasa pemrograman <strong>PHP Versi 8</strong> dan database <strong>MySQL/MariaDB</strong>. Untuk berkomunikasi dengan database menggunakan <strong>MySQLi Extension</strong> dengan antarmuka <strong>Procedural</strong>. Desain tampilan aplikasi menggunakan <strong>CSS Bootstrap</strong> dengan template <strong>SB Admin 2</strong>.
</div>
<div class="mb-1">
<strong style="font-size: larger;">Fitur Apilkasi</strong>
</div>
<div class="mb-5">
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>1.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Login</strong></div>
<div>Halaman login multi user. Ada 2 level user yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li>
<strong>Admin</strong> <br>
Hak akses : Dashboard, Layanan, Transaksi, Laporan, Manajemen User, Ubah Password.
</li>
<li>
<strong>User</strong> <br>
Hak akses : Dashboard, Layanan, Transaksi, Laporan, Ubah Password.
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>2.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Dashboard</strong></div>
<div>Halaman Dashboard berisi informasi jumlah Data Layanan, Transaksi, Total Pendapatan, dan Pengguna Aplikasi. Selain itu juga menampilkan grafik Total Pendapatan Per Layanan dan Jumlah Transaksi Per Layanan.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>3.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Layanan</strong></div>
<div>Halaman untuk mengelola data layanan. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, dan mencari data layanan.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>4.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Transaksi</strong></div>
<div>Halaman untuk mengelola data transaksi. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencetak nota, dan mencari data transaksi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>5.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan</strong></div>
<div>Halaman untuk mencetak laporan data transaksi. Pada halaman ini pengguna dapat menampilkan laporan data transaksi per periode (per hari, per minggu, per bulan dan per tahun). Laporan dapat dicetak ke dalam format PDF.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>6.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Manajemen User</strong></div>
<div>Halaman untuk mengelola data user yang dapat menggunakan aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>7.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Ubah Password</strong></div>
<div>Halaman untuk mengubah password pengguna aplikasi.</div>
</td>
</tr>
</table>
</div>
<div class="mb-3">
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Jasa Cuci Mobil dan Motor</strong> ini, silahkan klik link dibawah ini untuk mendapatkan sourcecode aplikasi.
</div>
<div class="btn-action mb-5">
<a href="http://www.indrasatya.com/p/member-php.html" class="btn btn-indigo btn-lg pl-4 pr-4">Sourcecode Aplikasi</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-88354410021403430462021-05-15T01:00:00.007+07:002021-07-16T15:49:44.977+07:00Aplikasi Persediaan Barang Gudang Material dengan PHP 8 dan MySQLi<div style="text-align: justify;font-size: 13pt;line-height: 30px;">
<div class="mb-4">
<img style="border-radius: 10px;" border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-sFuvlMkIzWM/YKHwYcXGQ2I/AAAAAAAAByU/P4eyPZrOsoYajZoz6xy-1bETAdTTXAkeACLcBGAsYHQ/s0/indrasatya-aplikasi-persediaan-barang-gudang-material-dengan-PHP8-dan-MySQLi.jpg" />
</div>
<div class="mb-3">
<strong>Aplikasi Persediaan Barang Gudang Material</strong> merupakan aplikasi berbasis web yang digunakan untuk memudahkan dalam melakukan pengelolaan persediaan barang. Aplikasi ini dapat memudahkan dalam melakukan pencatatan stok barang, pencatatan transaksi barang masuk dan barang keluar, pengontrolan stok barang, serta mempercepat dalam proses pembuatan laporan.
</div>
<div class="mb-5">
Aplikasi ini dibangun menggunakan bahasa pemrograman <strong>PHP Versi 8</strong> dan database <strong>MySQL/MariaDB</strong>. Untuk berkomunikasi dengan database menggunakan <strong>MySQLi Extension</strong> dengan antarmuka <strong>Procedural</strong>. Desain tampilan aplikasi menggunakan template <strong>Atlantis Lite Bootstrap Dashboard</strong> dengan tampilan yang responsive dan modern.
</div>
<div class="mb-1">
<strong style="font-size: larger;">Fitur Apilkasi</strong>
</div>
<div class="mb-5">
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>1.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Login</strong></div>
<div>Halaman login multi user. Ada 3 level user yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li>
<strong>Administrator</strong> <br>
Hak akses : Dashboard, Data Barang, Jenis Barang, Satuan, Barang Masuk, Barang Keluar, Laporan Stok, Laporan Barang Masuk, Laporan Barang Keluar, Manajemen User, Ubah Password.
</li>
<li>
<strong>Admin Gudang</strong> <br>
Hak akses : Dashboard, Data Barang, Jenis Barang, Satuan, Barang Masuk, Barang Keluar, Laporan Stok, Laporan Barang Masuk, Laporan Barang Keluar, Ubah Password.
</li>
<li>
<strong>Kepala Gudang</strong> <br>
Hak akses : Dashboard, Laporan Stok, Laporan Barang Masuk, Laporan Barang Keluar, Ubah Password.
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>2.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Dashboard</strong></div>
<div>Halaman Dashboard berisi informasi jumlah Data Barang, Data Barang Masuk, Data Barang Keluar, Data Jenis Barang, Data Satuan, Data User, dan Stok Barang Mencapai Batas Minimum.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>3.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Data Barang</strong></div>
<div>Halaman untuk mengelola data barang. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencari data, dan menampilkan detail data barang.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>4.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Jenis Barang</strong></div>
<div>Halaman untuk mengelola data jenis barang. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencari data, dan mengexport data jenis barang dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>5.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Satuan</strong></div>
<div>Halaman untuk mengelola data satuan. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencari data, dan mengexport data satuan dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>6.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Barang Masuk</strong></div>
<div>Halaman untuk mengelola data barang masuk. Pada halaman ini pengguna dapat menginput, menghapus, dan mencari data barang masuk.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>7.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Barang Keluar</strong></div>
<div>Halaman untuk mengelola data barang keluar. Pada halaman ini pengguna dapat menginput, menghapus, dan mencari data barang keluar.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>8.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Stok</strong></div>
<div>Halaman untuk menampilkan dan mencetak laporan stok barang. Pada halaman ini pengguna dapat menampilkan laporan stok seluruh barang dan menampilkan laporan stok barang yang mencapai batas minimum. Laporan dapat dicetak ke dalam format PDF dan diexport ke dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>9.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Barang Masuk</strong></div>
<div>Halaman untuk menampilkan dan mencetak laporan barang masuk. Pada halaman ini pengguna dapat menampilkan laporan barang masuk per periode (per hari, per minggu, per bulan dan per tahun). Laporan dapat dicetak ke dalam format PDF dan diexport ke dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>10.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Barang Keluar</strong></div>
<div>Halaman untuk menampilkan dan mencetak laporan barang keluar. Pada halaman ini pengguna dapat menampilkan laporan barang keluar per periode (per hari, per minggu, per bulan dan per tahun). Laporan dapat dicetak ke dalam format PDF dan diexport ke dalam format Ms. Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>11.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Manajemen User</strong></div>
<div>Halaman untuk mengelola data user yang dapat menggunakan aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>12.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Ubah Password</strong></div>
<div>Halaman untuk mengubah password pengguna aplikasi.</div>
</td>
</tr>
</table>
</div>
<div class="mb-3">
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Persediaan Barang Gudang Material dengan PHP 8 dan MySQLi</strong> ini, silahkan klik link dibawah ini untuk mendapatkan sourcecode aplikasi.
</div>
<div class="btn-action mb-5">
<a href="http://www.indrasatya.com/p/member-php.html" class="btn btn-indigo btn-lg pl-4 pr-4">Sourcecode Aplikasi</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-3247354841324676242021-05-01T13:11:00.029+07:002021-06-04T01:28:13.060+07:00Aplikasi Pengelolaan Data Member dengan PHP 8, MySQLi, dan Bootstrap 5<div style="font-size: 13pt; line-height: 30px; text-align: justify;">
<div class="mb-4">
<img border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-aZRxuXKxkN8/YJZiQoCxOiI/AAAAAAAABxw/o1mKfXYMRCUwz3zO0sOVTXL_CRp2hPDyQCLcBGAsYHQ/s0/indrasatya-aplikasi-pengelolaan-data-member-dengan-PHP8-MySQLi-dan-Bootstrap5-freee.jpg" style="border-radius: 10px;" />
</div>
<div class="mb-3">
<strong>Aplikasi Pengelolaan Data Member</strong> ini dibangun menggunakan bahasa pemrograman <strong>PHP Versi 8</strong> dan database <strong>MySQL</strong> / <strong>MariaDB</strong>. Untuk berkomunikasi dengan database menggunakan <strong>MySQLi Extension</strong> dengan antarmuka <strong>Procedural</strong>.
</div>
<div class="mb-4">
Aplikasi ini merupakan contoh studi kasus sederhana yang menerapkan operasi dasar seperti <strong>Create, Read, Update, Delete,</strong> dan masih banyak lagi lainnya yang wajib diketahui oleh setiap programmer karena akan selalu digunakan dalam membangun sebuah sistem.
</div>
<div class="mb-2">
<strong style="font-size: large;">Materi yang dapat dipelajari dari aplikasi ini adalah :</strong>
</div>
<div class="mb-5">
<table>
<tbody><tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>1.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Create (Menyimpan Data)</strong></div>
<div>Membuat script untuk menyimpan/insert data dari aplikasi ke database MySQL.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>2.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Read (Menampilkan Data)</strong></div>
<div>Membuat script untuk membaca dan menampilkan data dari database MySQL ke aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>3.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Update (Mengubah Data)</strong></div>
<div>Membuat script untuk mengubah/update data pada database MySQL melalui apilkasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>4.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Delete (Menghapus Data)</strong></div>
<div>Membuat script untuk menghapus/delete data pada database MySQL melalui aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>5.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Pencarian Data</strong></div>
<div>Membuat script untuk melakukan pencarian data pada database MySQL, lalu menampilkannya ke aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>6.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Pagination</strong></div>
<div>Membuat script untuk membatasi jumlah data yang akan ditampilkan dari database dan menampilkan ke aplikasi menjadi beberapa halaman terpisah.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>7.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Upload File</strong></div>
<div>Membuat script untuk mengupload file foto, membuat validasi tipe file, membuat validasi ukuran file dan membuat preview foto sebelum diupload.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>8.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Cetak PDF</strong></div>
<div>Membuat script untuk mencetak data dalam bentuk PDF menggunakan library <strong>dompdf</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>9.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Export Excel</strong></div>
<div>Membuat script untuk export data ke dalam bentuk Excel.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>10.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>CSS Bootstrap 5</strong></div>
<div>Membuat desain tampilan aplikasi menggunakan CSS <strong>Bootstrap 5</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>11.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Validasi Form Input</strong></div>
<div>Membuat fungsi untuk validasi form input wajib diisi dan membatasi karakter yang diinputkan (bisa diinputkan huruf, angka atau karakter tertentu saja).</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0px 0px;" valign="top" width="30"><strong>12.</strong></td>
<td style="padding: 5px 0px 0px;" valign="top">
<div><strong>Keamanan dasar untuk mencegah SQL injection</strong></div>
<div>Membuat keamanan dasar untuk mencegah SQL injection saat proses input data. Menghilangkan spasi di belakang dan di depan data yang diinputkan.</div>
</td>
</tr>
</tbody></table>
</div>
<div class="mb-4">
<strong style="font-size: larger;">Demo Apilkasi</strong>
</div>
<div class="text-center mb-4">
<iframe width="700" height="400" src="https://www.youtube.com/embed/A5elQA3chlA?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="mb-3">
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Pengelolaan Data Member</strong> ini, silahkan download melalui link dibawah ini.
</div>
<div class="btn-action mb-5">
<a class="btn btn-indigo btn-lg pl-4 pr-4" href="https://github.com/indrasatya/aplikasi-pengelolaan-data-member-dengan-php8-mysqli-bootstrap5">Download</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-69663445528628453682019-02-06T15:46:00.020+07:002020-07-22T14:18:48.608+07:00Aplikasi Penjualan Obat pada Apotek<div style="text-align: justify;font-size: 13pt;line-height: 30px;">
<div class="mb-4">
<img style="border-radius: 10px;" border="0" data-original-height="500" data-original-width="870" src="https://4.bp.blogspot.com/-MkY5wcbxBvA/XFqeTGmzvHI/AAAAAAAABOQ/oyGmL_hVR_MlOfh2JWhFg04dQA1GEdylQCLcBGAs/s1600/indrasatya-aplikasi-penjualan-obat-pada-apotek.png" />
</div>
<div class="mb-3">
<strong>Aplikasi Penjualan Obat</strong> merupakan aplikasi yang digunakan untuk memudahkan dalam melakukan pengelolaan persediaan dan penjualan obat pada sebuah apotek.
</div>
<div class="mb-3">
Aplikasi ini dibangun menggunakan bahasa pemrograman <strong>PHP Versi 7</strong> dan database <strong>MariaDB</strong>. Untuk berkomunikasi dengan database menggunakan <strong>PDO Extension</strong> dan menggunakan <strong>Prepared statements</strong> untuk membuat query menjadi lebih aman dan cepat saat melakukan komunikasi ke database.
</div>
<div class="mb-4">
Proses CRUD pada aplikasi ini menggunakan <strong>AJaX</strong>. <strong>AJaX</strong> adalah singkatan dari <strong>“Asynchronous JavaScript and XML”</strong>, merupakan suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif yang lebih baik dan lebih cepat. Dengan menggunakan AJaX kita dapat melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang (refresh halaman) secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability.
</div>
<div class="mb-2">
<strong style="font-size: large;">Materi yang dapat dipelajari dari aplikasi ini adalah :</strong>
</div>
<div class="mb-5">
<ul style="padding: 0 1.5em;line-height: 30px;">
<li>Membuat aplikasi web interaktif yang dapat melakukan operasi CRUD tanpa reload/refresh halaman menggunakan <strong>AjaX (Asynchronous JavaScript and XML)</strong>.</li>
<li>Mendesain tampilan aplikasi menggunakan CSS <strong>Bootstrap 4</strong>.</li>
<li>Membuat tabel yang dinamis menggunakan <strong>DataTables Server-side Processing</strong> untuk menampilkan data dari database dalam jumlah yang sangat besar. Sehingga aplikasi yang memiliki banyak data, akan terasa ringan ketika di load. Tabel sudah dilengkapi dengan filter jumlah data yang ditampilkan, form pencarian data dan pagination.</li>
<li>Membuat tampilan alert (kotak dialog) JavaScript menggunakan <strong>SweetAlert</strong> untuk memunculkan notifikasi pada saat akan melakukan proses hapus, backup database dan logout. Serta menggunakan <strong>Bootstrap Notify</strong> untuk memunculkan notifikasi pada saat proses login, login gagal atau sukses, sukses atau gagal menyimpan data, sukses atau gagal mengubah data, sukses atau gagal menghapus data, dan validasi form input.</li>
<li>Membuat validasi form input wajib diisi, membuat fungsi untuk membatasi karakter yang diinputkan (bisa diinputkan huruf, angka atau karakter tertentu saja), membuat fungsi untuk format rupiah (menambahkan Rp. dan titik untuk pemisah), membuat fungsi untuk menampilkan nama hari dan bulan Indonesia, membuat fungsi untuk pengecekan stok, jumlah beli dan jumlah jual.</li>
<li>Membuat script untuk mengupload file foto, membuat validasi tipe file, membuat validasi ukuran file dan membuat preview foto sebelum diupload.</li>
<li>Membuat icon yang menarik menggunakan <strong>Font Awesome</strong>, dengan sistem “Font Icon” yang memungkinkan untuk membuat icon hanya menggunakan teks (tanpa gambar) dan mengubah warna serta ukuran font menggunakan CSS tanpa takut icon menjadi pecah.</li>
<li>Menampilkan data dari database ke Select Box menggunakan plugin <strong>jQuery Chosen</strong>, yang sudah dilengkapi dengan fitur pencarian sehingga dapat memudahkan dalam memilih data yang diinginkan ketika data yang ditampilkan sangat banyak.</li>
<li>Menampilkan data dari database ke Textfield berdasarkan data yang dipilih pada Select Box.</li>
<li>Membuat perhitungan Sub Total Bayar, Total Bayar, Bayar Tunai dan Uang Kembali secara otomatis.</li>
<li>Membuat laporan data Stok Obat, Pembelian, dan Penjualan yang ditampilkan sesuai dengan filter data Per Periode, Perincian, Per Obat, dan Per Supplier.</li>
<li>Mencetak Nota dalam format <strong>HTML</strong> yang dapat langsung dihubungkan ke printer, mencetak laporan data ke dalam format <strong>PDF</strong> dengan library <strong>HTML2PDF</strong> dan export data ke dalam format <strong>Ms. Excel</strong>.</li>
<li>Membuat backup database dengan format .sql yang dibungkus dalam format .gz</li>
<li>Membuat <strong>trigger</strong> untuk menambah dan mengurangi <strong>stok</strong> secara otomatis, serta <strong>trigger</strong> untuk membuat data <strong>audit trail</strong> aplikasi.</li>
</ul>
</div>
<div class="mb-1">
<strong style="font-size: larger;">Fitur Apilkasi</strong>
</div>
<div class="mb-5">
<table>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>1.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Login</strong></div>
<div>Halaman login multi user. Ada 3 level user yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li>
<strong>Super Admin</strong> <br>
Hak akses : Beranda, Supplier, Obat, Satuan, Pembelian, Penjualan, Laporan Stok (Stok Seluruh dan Minimum), Laporan Pembelian (Per Periode, Perincian, Per Obat, Per Supplier), Laporan Penjualan (Per Periode, Perincian, Per Obat), Konfigurasi Aplikasi, Manajemen User, Backup Database, Audit Trail, Ubah Password.
</li>
<li>
<strong>Purchasing</strong> <br>
Hak akses : Beranda, Supplier, Obat, Satuan, Pembelian, Laporan Stok (Stok Seluruh dan Minimum), Laporan Pembelian (Per Periode, Perincian, Per Obat, Per Supplier), Ubah Password.
</li>
<li>
<strong>Cashier</strong> <br>
Hak akses : Beranda, Penjualan, Laporan Stok (Stok Seluruh dan Minimum), Laporan Penjualan (Per Periode, Perincian, Per Obat), Ubah Password.
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>2.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Beranda</strong></div>
<div>Halaman Beranda merupakan sebuah dashboard yang berisi informasi jumlah Supplier, Obat, Pengguna Aplikasi, Tanggal Terakhir Backup Database, Pembelian Obat (Per Bulan, Per Tahun, dan Seluruh), Penjualan Obat (Per Hari, Per Bulan, Per Tahun, dan Seluruh), Stok Obat Mencapai Batas Minimum, dan Obat Terlaris.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>3.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Supplier</strong></div>
<div>Halaman untuk mengelola data supplier. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencari data supplier, dan mengexport data supplier dalam format <strong>Ms. Excel</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>4.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Obat</strong></div>
<div>Halaman untuk mengelola data obat. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, dan mencari data obat.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>5.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Satuan</strong></div>
<div>Halaman untuk mengelola data satuan obat. Pada halaman ini pengguna dapat menginput, mengubah, menghapus, mencari data satuan, dan mengexport data satuan dalam format <strong>Ms. Excel</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>6.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Pembelian</strong></div>
<div>Halaman untuk mengelola data pembelian obat sebagai persediaan. Pada halaman ini pengguna dapat menginput, menghapus, mencari dan menampilkan detail data pembelian obat.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>7.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Penjualan</strong></div>
<div>Halaman untuk mengelola data penjualan obat. Pada halaman ini pengguna dapat menginput, menghapus, mencari dan menampilkan detail data penjualan, serta mencetak nota pembelian obat untuk pelanggan.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>8.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Stok</strong></div>
<div>Halaman untuk menampilkan dan mencetak laporan stok obat. Pada halaman ini pengguna dapat menampilkan laporan seluruh stok obat dan menampilkan laporan stok obat yang mencapai batas minimum. Laporan dapat dicetak ke dalam format <strong>PDF</strong> dan diexport ke dalam format <strong>Ms. Excel</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>9.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Pembelian</strong></div>
<div>Halaman untuk menampilkan dan mencetak laporan pembelian obat. Ada 4 macam laporan pembelian, yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li><strong>Laporan Pembelian Per Periode</strong></li>
<li><strong>Laporan Pembelian Perincian</strong></li>
<li><strong>Laporan Pembelian Per Obat</strong></li>
<li><strong>Laporan Pembelian Per Supplier</strong></li>
</ul>
</div>
<div>Laporan dapat dicetak ke dalam format <strong>PDF</strong> dan diexport ke dalam format <strong>Ms. Excel</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>10.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Laporan Penjualan</strong></div>
<div>Halaman untuk menampilkan dan mencetak laporan penjualan obat. Ada 3 macam laporan penjualan, yaitu :</div>
<div>
<ul style="padding: 0 1.5em;line-height: 30px;">
<li><strong>Laporan Penjualan Per Periode</strong></li>
<li><strong>Laporan Penjualan Perincian</strong></li>
<li><strong>Laporan Penjualan Per Obat</strong></li>
</ul>
</div>
<div>Laporan dapat dicetak ke dalam format <strong>PDF</strong> dan diexport ke dalam format <strong>Ms. Excel</strong>.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>11.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Konfigurasi Aplikasi</strong></div>
<div>Halaman untuk pengaturan profil apotek.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>12.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Manajemen User</strong></div>
<div>Halaman untuk mengelola data user yang dapat menggunakan aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>13.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Backup Database</strong></div>
<div>Halaman untuk melakukan backup database aplikasi.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>14.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Audit Trail</strong></div>
<div>Halaman yang berisikan riwayat atau catatan semua kegiatan pengguna yang dilakukan pada aplikasi (Insert, Update, Delete). Dengan fitur ini administrator dapat melihat pengguna yang menginput, mengubah dan menghapus data.</div>
</td>
</tr>
<tr>
<td style="padding: 5px 0 0;" width="30" valign="top"><strong>15.</strong></td>
<td style="padding: 5px 0 0;" valign="top">
<div><strong>Ubah Password</strong></div>
<div>Halaman untuk mengubah password pengguna aplikasi.</div>
</td>
</tr>
</table>
</div>
<div class="mb-4">
<strong style="font-size: larger;">Demo Apilkasi</strong>
</div>
<div class="text-center mb-4">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/xHFyy5usJqo/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/xHFyy5usJqo?feature=player_embedded" width="700"></iframe>
</div>
<div class="mb-3">
Script didalam aplikasi ini dapat dipelajari dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas kuliah, Skripsi, Tugas Akhir, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.
</div>
<div class="mb-3">
Jika teman-teman tertarik untuk mempelajari <strong>Aplikasi Penjualan Obat pada Apotek</strong> ini, silahkan klik link dibawah ini untuk mendapatkan sourcecode aplikasi.
</div>
<div class="btn-action mb-5">
<a href="http://www.indrasatya.com/p/member-php.html" class="btn btn-indigo btn-lg pl-4 pr-4">Sourcecode Aplikasi</a>
</div>
</div>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-46895074802852421042019-01-05T12:55:00.002+07:002020-03-26T12:07:29.396+07:00eBook Belajar Mudah Pemrograman Web, Membuat Aplikasi Penjualan Pulsa dengan PHP dan AJAX<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-iHT-rJPzg9c/XDBFXFABPHI/AAAAAAAABNQ/U2yxOs-ZctA4RGAl5gdXpvIL5I8vjKbKACLcBGAs/s1600/indrasatya-belajar-mudah-pemrograman-web-membuat-aplikasi-penjualan-pulsa-dengan-php-dan-ajax.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" src="https://2.bp.blogspot.com/-iHT-rJPzg9c/XDBFXFABPHI/AAAAAAAABNQ/U2yxOs-ZctA4RGAl5gdXpvIL5I8vjKbKACLcBGAs/s1600/indrasatya-belajar-mudah-pemrograman-web-membuat-aplikasi-penjualan-pulsa-dengan-php-dan-ajax.png" /></a></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;"><br /></span></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Dalam e-book ini akan dipelajari bagaimana membuat aplikasi web
interaktif yang lebih baik dan lebih cepat menggunakan </span><b style="font-size: 12pt;">PHP</b><span style="font-size: 12pt;"> dan
</span><b style="font-size: 12pt;">AJAX</b><span style="font-size: 12pt;"> dengan studi kasus membuat
Aplikasi Penjualan Pulsa. </span><b style="font-size: 12pt;">Aplikasi
Penjualan Pulsa</b><span style="font-size: 12pt;"> merupakan aplikasi yang digunakan untuk memudahkan dalam
melakukan pencatatan data penjualan pulsa. Dalam aplikasi ini terdapat menu
yang bisa digunakan untuk pengelolaan data Pelanggan, Pulsa, Penjualan, dan
Laporan Penjualan.</span></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<b><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></b></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<b><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Diharapkan setelah membaca e-book ini, Anda
dapat mempelajari :</span></span></b></div>
<div style="-webkit-text-stroke-width: 0px; font-variant-caps: normal; font-variant-ligatures: normal; margin-bottom: .0001pt; margin: 0cm; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; widows: 2; word-spacing: 0px;">
</div>
<ul>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat aplikasi web interaktif yang dapat melakukan pemanggilan halaman
tanpa reload/refresh halaman, melakukan operasi CRUD tanpa reload/refresh
halaman, menampilkan laporan data penjualan berdasarkan tanggal dan mengexport
laporan dalam bentuk Ms. Excel tanpa reload/refresh halaman.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Menggunakan <b>MySQLi Extension</b> dengan antarmuka <b>Object Oriented</b> untuk
berkomunikasi dengan database.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Menggunakan <b>Prepared statements</b> untuk membuat query menjadi lebih aman
dan cepat saat melakukan komunikasi ke database.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat validasi form input wajib diisi dengan memunculkan notifikasi
menggunakan SweetAlert, dan membuat fungsi untuk membatasi karakter yang
diinputkan (bisa diinputkan huruf, angka atau karakter tertentu saja).</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Mendesain tampilan aplikasi menggunakan <b>CSS Bootstrap 4</b>.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat tabel yang dinamis menggunakan <b>DataTables Server-side Processing</b>
untuk menampilkan data dari database dalam jumlah yang sangat besar.
Sehingga aplikasi yang memiliki banyak data, akan terasa ringan ketika di
load. Tabel sudah dilengkapi dengan filter jumlah data yang ditampilkan, form
pencarian data dan pagination.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat tampilan alert (kotak dialog) JavaScript menggunakan <b>SweetAlert</b>
untuk memunculkan notifikasi pada saat sukses menyimpan data, sukses mengubah
data, konfirmasi hapus data, sukses menghapus data, dan validasi form input.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat icon yang menarik menggunakan <b>Font Awesome</b>, dengan sistem “Font
Icon” yang memungkinkan untuk membuat icon hanya menggunakan teks (tanpa
gambar) dan mengubah warna serta ukuran font menggunakan CSS tanpa takut icon
menjadi pecah.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Menampilkan data dari database ke Select Box menggunakan plugin <b>jQuery
Chosen</b>, yang sudah dilengkapi dengan fitur pencarian sehingga dapat memudahkan
dalam memilih data yang diinginkan ketika data yang ditampilkan sangat banyak.</span></span></li>
<li style="text-align: justify;"><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt; line-height: 115%;">Menampilkan data dari database ke Textfield berdasarkan data yang
dipilih pada Select Box.</span> </span></li>
</ul>
<br />
<div style="-webkit-text-stroke-width: 0px; font-variant-caps: normal; font-variant-ligatures: normal; margin-bottom: .0001pt; margin: 0cm; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; widows: 2; word-spacing: 0px;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Sebagai pendukung latihan, e-book ini juga disertai dengan sourcecode
Aplikasi Penjualan Pulsa.</span></span></div>
<div style="-webkit-text-stroke-width: 0px; font-variant-caps: normal; font-variant-ligatures: normal; margin-bottom: .0001pt; margin: 0cm; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;">Daftar isi e-book</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">BAB 1. Pendahuluan</span></span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">1.1. Pengertian dan Konsep</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">1.2. Tujuan Pembelajaran</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">1.3. Persiapan Pembuatan Aplikasi</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 2. Database</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">2.1. Perancangan Tabel</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">2.2. Membuat Database menggunakan phpMyAdmin</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">2.3. Membuat Tabel menggunakan phpMyAdmin</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 3. Struktur Folder dan File</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">3.1. Membuat Folder</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">3.2. Menambahkan Library</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 4. Halaman Utama</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">4.1. Membuat file index.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 5. Koneksi Database</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">5.1. Membuat file database.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">5.2. Membuat file config.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 6. Halaman Beranda</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">6.1. Membuat file view.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">6.2. Membuat file get_pelanggan.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">6.3. Membuat file get_pulsa.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">6.4. Membuat file get_penjualan.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">6.5. Membuat file get_total.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 7. Halaman Data Pelanggan </span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">7.1. Membuat file view.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">7.2. Membuat file data.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">7.3. Membuat file insert.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">7.4. Membuat file get_data.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">7.5. Membuat file update.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">7.6. Membuat file delete.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 8. Halaman Data Pulsa</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">8.1. Membuat file view.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">8.2. Membuat file data.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">8.3. Membuat file insert.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">8.4. Membuat file get_data.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">8.5. Membuat file update.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">8.6. Membuat file delete.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 9. Halaman Data Penjualan</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.1. Membuat file view.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.2. Membuat file data.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.3. Membuat file get_pelanggan.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.4. Membuat file get_pulsa.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.5. Membuat file insert.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.6. Membuat file get_data.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.7. Membuat file update.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">9.8. Membuat file delete.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 10. Halaman Laporan Penjualan</span></b></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt;">10.1. Membuat file view.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt;">10.2. Membuat file get_data.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<span style="font-family: "cambria" , serif; font-size: 12pt;">10.3. Membuat file export.php</span></div>
<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 11. Penutup</span></b></div>
<div style="-webkit-text-stroke-width: 0px; font-variant-caps: normal; font-variant-ligatures: normal; margin-bottom: .0001pt; margin: 0cm; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; widows: 2; word-spacing: 0px;">
<b><span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">BAB 12. Daftar Pustaka</span></b></div>
<div style="-webkit-text-stroke-width: 0px; font-variant-caps: normal; font-variant-ligatures: normal; margin-bottom: .0001pt; margin: 0cm; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; font-variant-caps: normal; font-variant-ligatures: normal; margin-bottom: .0001pt; margin: 0cm; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; widows: 2; word-spacing: 0px;">
<span style="font-family: "cambria" , serif; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik untuk mempelajari <b>eBook Belajar Mudah Pemrograman Web, Membuat Aplikasi Penjualan Pulsa
dengan PHP dan AJAX</b> ini, silahkan download melalui link dibawah ini</span></div>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="https://web.facebook.com/torolab.id/" href="https://web.facebook.com/torolab.id/" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com1tag:blogger.com,1999:blog-1423591356853739156.post-50899251518939296192019-01-05T11:40:00.003+07:002019-01-05T11:40:44.508+07:00Aplikasi Penjualan Pulsa dengan PHP MySQLi dan AJAX<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-ERCnjE4QsD8/XDA0tmhCH0I/AAAAAAAABM4/dg1woJ87u4soO_RFBjZW9-_fJ33Np6E8QCLcBGAs/s1600/indrasatya-aplikasi-penjualan-pulsa-php-mysqli-ajax.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" src="https://4.bp.blogspot.com/-ERCnjE4QsD8/XDA0tmhCH0I/AAAAAAAABM4/dg1woJ87u4soO_RFBjZW9-_fJ33Np6E8QCLcBGAs/s1600/indrasatya-aplikasi-penjualan-pulsa-php-mysqli-ajax.png" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;"><br /></span></strong></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Aplikasi
Penjualan Pulsa </span></strong><span style="font-size: 12pt;">merupakan aplikasi yang digunakan untuk
memudahkan dalam melakukan pencatatan data penjualan pulsa pada konter</span><strong><span style="font-size: 12pt; font-weight: normal;">.<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="tab-stops: 36.0pt 87.0pt 108.0pt; text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt; font-weight: normal;">Aplikasi</span></strong><strong><span style="font-size: 12pt;"> </span></strong><span style="font-size: 12pt;">ini <span style="background: white;">dibangun
menggunakan bahasa pemrograman <b>PHP</b> <b>Versi 7</b> dan database <b>MariaDB</b>. </span></span><span style="font-size: 12pt;">Untuk berkomunikasi
dengan database menggunakan </span><span style="background: white; font-size: 12pt;"><b><span style="font-size: 12pt; line-height: 115%;">MySQLi
Extension</span></b><span style="font-size: 12pt; line-height: 115%;">
dengan antarmuka <b>Object Oriented</b> dan
menggunakan </span><strong><span style="font-size: 12pt; line-height: 115%;">Prepared statements</span></strong><span style="font-size: 12pt; line-height: 115%;"> untuk
membuat query menjadi lebih aman dan cepat saat melakukan komunikasi ke
database</span>. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Proses CRUD pada aplikasi
ini menggunakan <b>AJaX</b>. <b>AJaX</b> adalah singkatan dari <b>“Asynchronous JavaScript and XML”</b>,
merupakan suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web
interaktif yang lebih baik dan lebih cepat. Dengan menggunakan AJaX kita dapat
melakukan pertukaran data dengan server di belakang layar, sehingga halaman web
tidak harus dibaca ulang (refresh halaman) secara keseluruhan setiap kali
seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas,
kecepatan, dan usability.</span></span></div>
<div style="text-align: justify;">
<span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="line-height: 150%; text-align: justify;">
<b><span style="background: white; line-height: 150%;"><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: large;">Materi yang dapat dipelajari dari aplikasi ini
adalah :</span><span style="font-size: 12pt;"><o:p></o:p></span></span></span></b></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
</div>
<ul>
<li style="text-align: justify;"><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt; line-height: 115%;">Membuat
aplikasi web interaktif yang dapat melakukan pemanggilan halaman tanpa reload/refresh
halaman, dan melakukan operasi CRUD tanpa reload/refresh halaman</span><span style="background: white; font-size: 12pt; line-height: 115%;">.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
validasi form input wajib diisi, dan membuat fungsi untuk membatasi karakter
yang diinputkan (bisa diinputkan huruf, angka atau karakter tertentu saja).</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Mendesain
tampilan aplikasi menggunakan CSS <b>Bootstrap
4.</b></span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
tabel yang dinamis menggunakan <b>DataTables
Server-side Processing</b> untuk menampilkan data dari database dalam jumlah
yang sangat besar. Sehingga aplikasi
yang memiliki banyak data, akan terasa ringan ketika di load. Tabel sudah
dilengkapi dengan filter jumlah data yang ditampilkan, form pencarian data dan
pagination.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
tampilan alert (kotak dialog) JavaScript menggunakan <b>SweetAlert</b> untuk memunculkan notifikasi pada saat sukses menyimpan
data, sukses mengubah data, konfirmasi hapus data, sukses menghapus data, dan
validasi form input.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
icon yang menarik menggunakan <b>Font
Awesome</b>, dengan sistem “Font Icon” yang memungkinkan untuk membuat icon
hanya menggunakan teks (tanpa gambar) dan mengubah warna serta ukuran font menggunakan
CSS tanpa takut icon menjadi pecah.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Menampilkan
data dari database ke Select Box menggunakan plugin jQuery <b>Chosen</b>, yang sudah dilengkapi dengan fitur pencarian sehingga dapat
memudahkan dalam memilih data yang diinginkan ketika data yang ditampilkan
sangat banyak.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Menampilkan
data dari database ke Textfield berdasarkan data yang dipilih pada Select Box.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Mencetak
data ke dalam format <b>PDF</b> dan export
data ke dalam Format <b>Ms. Excel</b>.</span></span></li>
<li style="text-align: justify;"><span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat backup database dengan format <b>.sql</b> yang dibungkus dalam format <b>.gz</b></span></span></li>
<li style="text-align: justify;"><span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat <b>trigger insert</b> dan <b>update </b>untuk data audit trail aplikasi.</span></span></li>
</ul>
<div style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="line-height: 150%; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="line-height: 150%;"><span style="font-size: x-large;">Fitur Apilkasi</span></span></b><em><b><span style="font-size: 14pt; line-height: 150%;"> </span></b></em><em><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Login</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman login multi user. Ada 2
level user yaitu :<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">o<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;"> </span></span><!--[endif]--><b><span style="font-size: 12pt;">Administrator<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Hak akses : Beranda, Pelanggan, Pulsa,
Penjualan, Laporan, Konfigurasi Aplikasi, Manajemen User, Backup Database,
Audit Trail, Ubah Password.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">o<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;"> </span></span><!--[endif]--><b><span style="font-size: 12pt;">Operator<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Hak akses : Beranda, Pelanggan,
Penjualan, Laporan, Ubah Password.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Beranda</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman
Beranda merupakan sebuah dashboard yang berisi informasi jumlah <b>Data Pelanggan</b>, <b>Data Pulsa</b>, <b>Data Penjualan</b>,
dan <b>Total Penjualan</b></span><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Pelanggan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman untuk
mengelola data pelanggan. </span><span style="font-size: 12pt;">Pada
halaman ini pengguna dapat </span><span style="font-size: 12pt;">menginput, mengubah, menghapus, mencari data pelanggan,
dan </span><span style="font-size: 12pt;">mengexport
data pelanggan dalam bentuk <b>Ms. Excel</b></span><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Pulsa</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman untuk
mengelola data pulsa. </span><span style="font-size: 12pt;">Pada halaman
ini pengguna dapat </span><span style="font-size: 12pt;">menginput, mengubah, menghapus, mencari data pulsa,
dan </span><span style="font-size: 12pt;">mengexport
data </span><span style="font-size: 12pt;">pulsa</span><span style="font-size: 12pt;"> dalam
bentuk <b>Ms. Excel</b></span><span style="font-size: 12pt;">. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Penjualan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman untuk
mengelola data penjualan pulsa. </span><span style="font-size: 12pt;">Pada halaman ini pengguna dapat </span><span style="font-size: 12pt;">menginput, mengubah, menghapus, mencari
data penjualan, dan </span><span style="font-size: 12pt;">mencetak nota pembelian pulsa</span><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Laporan Penjualan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman
untuk untuk menampilkan dan mencetak laporan data penjualan pulsa. Pada halaman
ini kita dapat menampilkan laporan data penjualan pulsa berdasarkan filter
tanggal penjualan. Laporan yang ditampilkan bisa perhari, perminggu, perbulan,
dan pertahun. Laporan dapat dicetak ke dalam format <b>PDF</b> dan diexport ke dalam format </span><b><span style="font-size: 12pt;">Ms.
Excel</span></b><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Konfigurasi Aplikasi</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk pengaturan profil konter.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Manajemen
User</span></strong><strong><span style="font-size: 12pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data user
yang dapat menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Backup Database<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-size: 12pt; font-weight: normal;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk melakukan backup
database aplikasi. <o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">10.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Audit Trail<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-size: 12pt; font-weight: normal;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman yang berisikan riwayat
atau catatan semua kegiatan pengguna yang dilakukan pada aplikasi (Insert,
Update, Delete). Dengan fitur ini administrator dapat melihat pengguna yang
menginput, mengubah dan menghapus data.<o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">11.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Ubah Password</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengubah password pengguna
aplikasi.<strong><span style="font-weight: normal;"> <o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span><b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;">Demo Aplikasi</span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/WWOotPuDXQo/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/WWOotPuDXQo?feature=player_embedded" width="700"></iframe></div>
</div>
<div>
<br /></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang </span><span style="font-size: 12pt;">sedang belajar pemrograman web
dan membutuhkan contoh studi kasus</span><span style="background: white; font-size: 12pt;">.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background: white; font-size: 12pt; line-height: 115%;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">
<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Aplikasi Penjualan Pulsa dengan PHP MySQLi dan AJAX </span></strong><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-size: 12pt; line-height: 115%;">ini, silahkan download
melalui link dibawah ini</span></span></span></span></div>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com1tag:blogger.com,1999:blog-1423591356853739156.post-87101005824758922842019-01-05T11:32:00.002+07:002021-05-16T16:10:48.145+07:00Aplikasi Penjualan Pulsa dengan PHP PDO dan AJAX<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-WI4e9V_Uyb4/XDAx0wAfdPI/AAAAAAAABMg/pqxxLcQMLLk6_pmKGEEhhnBR5bIOqK8MACLcBGAs/s1600/indrasatya-aplikasi-penjualan-pulsa-php-pdo-ajax.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-WI4e9V_Uyb4/XDAx0wAfdPI/AAAAAAAABMg/pqxxLcQMLLk6_pmKGEEhhnBR5bIOqK8MACLcBGAs/s1600/indrasatya-aplikasi-penjualan-pulsa-php-pdo-ajax.png" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;"><br /></span></strong></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Aplikasi
Penjualan Pulsa </span></strong><span style="font-size: 12pt;">merupakan aplikasi yang digunakan untuk
memudahkan dalam melakukan pencatatan data penjualan pulsa pada konter</span><strong><span style="font-size: 12pt; font-weight: normal;">.<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="tab-stops: 36.0pt 87.0pt 108.0pt; text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt; font-weight: normal;">Aplikasi</span></strong><strong><span style="font-size: 12pt;"> </span></strong><span style="font-size: 12pt;">ini <span style="background: white;">dibangun
menggunakan bahasa pemrograman <b>PHP</b> <b>Versi 7</b> dan database <b>MariaDB</b>. </span></span><span style="font-size: 12pt;">Untuk berkomunikasi
dengan database menggunakan <b>PDO Extension</b> dan menggunakan </span><strong><span style="font-size: 12pt;">Prepared statements</span></strong><span style="font-size: 12pt;"> untuk
membuat query menjadi lebih aman dan cepat saat melakukan komunikasi ke
database</span><span style="background: white; font-size: 12pt;">. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Proses CRUD pada aplikasi
ini menggunakan <b>AJaX</b>. <b>AJaX</b> adalah singkatan dari <b>“Asynchronous JavaScript and XML”</b>,
merupakan suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web
interaktif yang lebih baik dan lebih cepat. Dengan menggunakan AJaX kita dapat
melakukan pertukaran data dengan server di belakang layar, sehingga halaman web
tidak harus dibaca ulang (refresh halaman) secara keseluruhan setiap kali
seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas,
kecepatan, dan usability.</span></span></div>
<div style="text-align: justify;">
<span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="line-height: 150%; text-align: justify;">
<b><span style="background: white; line-height: 150%;"><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: large;">Materi yang dapat dipelajari dari aplikasi ini
adalah :</span><span style="font-size: 12pt;"><o:p></o:p></span></span></span></b></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
</div>
<ul>
<li style="text-align: justify;"><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt; line-height: 115%;">Membuat
aplikasi web interaktif yang dapat melakukan pemanggilan halaman tanpa reload/refresh
halaman, dan melakukan operasi CRUD tanpa reload/refresh halaman</span><span style="background: white; font-size: 12pt; line-height: 115%;">.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
validasi form input wajib diisi, dan membuat fungsi untuk membatasi karakter
yang diinputkan (bisa diinputkan huruf, angka atau karakter tertentu saja).</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Mendesain
tampilan aplikasi menggunakan CSS <b>Bootstrap
4.</b></span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
tabel yang dinamis menggunakan <b>DataTables
Server-side Processing</b> untuk menampilkan data dari database dalam jumlah
yang sangat besar. Sehingga aplikasi
yang memiliki banyak data, akan terasa ringan ketika di load. Tabel sudah
dilengkapi dengan filter jumlah data yang ditampilkan, form pencarian data dan
pagination.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
tampilan alert (kotak dialog) JavaScript menggunakan <b>SweetAlert</b> untuk memunculkan notifikasi pada saat sukses menyimpan
data, sukses mengubah data, konfirmasi hapus data, sukses menghapus data, dan
validasi form input.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
icon yang menarik menggunakan <b>Font
Awesome</b>, dengan sistem “Font Icon” yang memungkinkan untuk membuat icon
hanya menggunakan teks (tanpa gambar) dan mengubah warna serta ukuran font menggunakan
CSS tanpa takut icon menjadi pecah.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Menampilkan
data dari database ke Select Box menggunakan plugin jQuery <b>Chosen</b>, yang sudah dilengkapi dengan fitur pencarian sehingga dapat
memudahkan dalam memilih data yang diinginkan ketika data yang ditampilkan
sangat banyak.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Menampilkan
data dari database ke Textfield berdasarkan data yang dipilih pada Select Box.</span></span></li>
<li style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Mencetak
data ke dalam format <b>PDF</b> dan export
data ke dalam Format <b>Ms. Excel</b>.</span></span></li>
<li style="text-align: justify;"><span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat backup database dengan format <b>.sql</b> yang dibungkus dalam format <b>.gz</b></span></span></li>
<li style="text-align: justify;"><span style="background: white; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat <b>trigger insert</b> dan <b>update </b>untuk data audit trail aplikasi.</span></span></li>
</ul>
<div style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="line-height: 150%; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="line-height: 150%;"><span style="font-size: x-large;">Fitur Apilkasi</span></span></b><em><b><span style="font-size: 14pt; line-height: 150%;"> </span></b></em><em><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Login</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman login multi user. Ada 2
level user yaitu :<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">o<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;"> </span></span><!--[endif]--><b><span style="font-size: 12pt;">Administrator<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Hak akses : Beranda, Pelanggan, Pulsa,
Penjualan, Laporan, Konfigurasi Aplikasi, Manajemen User, Backup Database,
Audit Trail, Ubah Password.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">o<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;"> </span></span><!--[endif]--><b><span style="font-size: 12pt;">Operator<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Hak akses : Beranda, Pelanggan,
Penjualan, Laporan, Ubah Password.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Beranda</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman
Beranda merupakan sebuah dashboard yang berisi informasi jumlah <b>Data Pelanggan</b>, <b>Data Pulsa</b>, <b>Data Penjualan</b>,
dan <b>Total Penjualan</b></span><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Pelanggan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman untuk
mengelola data pelanggan. </span><span style="font-size: 12pt;">Pada
halaman ini pengguna dapat </span><span style="font-size: 12pt;">menginput, mengubah, menghapus, mencari data pelanggan,
dan </span><span style="font-size: 12pt;">mengexport
data pelanggan dalam bentuk <b>Ms. Excel</b></span><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Pulsa</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman untuk
mengelola data pulsa. </span><span style="font-size: 12pt;">Pada halaman
ini pengguna dapat </span><span style="font-size: 12pt;">menginput, mengubah, menghapus, mencari data pulsa,
dan </span><span style="font-size: 12pt;">mengexport
data </span><span style="font-size: 12pt;">pulsa</span><span style="font-size: 12pt;"> dalam
bentuk <b>Ms. Excel</b></span><span style="font-size: 12pt;">. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Penjualan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman untuk
mengelola data penjualan pulsa. </span><span style="font-size: 12pt;">Pada halaman ini pengguna dapat </span><span style="font-size: 12pt;">menginput, mengubah, menghapus, mencari
data penjualan, dan </span><span style="font-size: 12pt;">mencetak nota pembelian pulsa</span><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Laporan Penjualan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Halaman
untuk untuk menampilkan dan mencetak laporan data penjualan pulsa. Pada halaman
ini kita dapat menampilkan laporan data penjualan pulsa berdasarkan filter
tanggal penjualan. Laporan yang ditampilkan bisa perhari, perminggu, perbulan,
dan pertahun. Laporan dapat dicetak ke dalam format <b>PDF</b> dan diexport ke dalam format </span><b><span style="font-size: 12pt;">Ms.
Excel</span></b><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Konfigurasi Aplikasi</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk pengaturan profil konter.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Manajemen
User</span></strong><strong><span style="font-size: 12pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data user
yang dapat menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Backup Database<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-size: 12pt; font-weight: normal;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk melakukan backup
database aplikasi. <o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">10.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Audit Trail<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-size: 12pt; font-weight: normal;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman yang berisikan riwayat
atau catatan semua kegiatan pengguna yang dilakukan pada aplikasi (Insert,
Update, Delete). Dengan fitur ini administrator dapat melihat pengguna yang
menginput, mengubah dan menghapus data.<o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">11.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Ubah Password</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengubah password pengguna
aplikasi.<strong><span style="font-weight: normal;"> <o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span><b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;">Demo Aplikasi</span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/hwxkk3DWCuM/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/hwxkk3DWCuM?feature=player_embedded" width="700"></iframe></div>
<div>
<br /></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang </span><span style="font-size: 12pt;">sedang belajar pemrograman web
dan membutuhkan contoh studi kasus</span><span style="background: white; font-size: 12pt;">.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background: white; font-size: 12pt; line-height: 115%;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-size: 12pt; line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif;">
<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Aplikasi Penjualan Pulsa dengan PHP PDO dan AJAX </span></strong><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-size: 12pt; line-height: 115%;">ini, silahkan download
melalui link dibawah ini</span></span></span></span></div>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-37559771674863089082018-11-21T12:51:00.000+07:002020-03-26T12:07:52.631+07:00e-Book Membuat Aplikasi Pengelolaan Data Siswa dengan PHP 7, MySQLi, dan Bootstrap 4<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-FBRIhocwH_I/W_Tuy8OX3lI/AAAAAAAABMA/nnBYn-pYSjUY9OPdxJrTGQ5XxYTAtHX-wCEwYBhgL/s1600/indrasatya-membuat-aplikasi-pengelolaan-data-siswa-dengan-php7-mysqli-dan-bootstrap4.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" src="https://2.bp.blogspot.com/-FBRIhocwH_I/W_Tuy8OX3lI/AAAAAAAABMA/nnBYn-pYSjUY9OPdxJrTGQ5XxYTAtHX-wCEwYBhgL/s1600/indrasatya-membuat-aplikasi-pengelolaan-data-siswa-dengan-php7-mysqli-dan-bootstrap4.png" /></a></div>
<div style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12pt; text-align: justify;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12pt;">E-book ini merupakan panduan
belajar pemrograman web menggunakan </span><b style="font-size: 12pt;">PHP 7</b><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12pt;">, </span><b style="font-size: 12pt;">MySQLi</b><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12pt;">, dan </span><b style="font-size: 12pt;">Bootstrap 4</b><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12pt;">. Di dalam
e-book ini tidak terlalu dibahas mengenai teori dan algoritma pemrograman,
melainkan membahas contoh studi kasus
program yang dapat dipraktekkan secara langsung dan disertai dengan
penjelasannya. Dengan demikian, e-book ini sangat cocok bagi Anda yang baru
belajar pemrograman web dan membutuhkan contoh studi kasus.</span></span></div>
<br />
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Diharapkan setelah membaca e-book
ini, Anda dapat mempelajari :</span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">1. Menampilkan data dari database
(read).<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">2. Menyimpan data ke database
(create).<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3. Mengubah data di database
(update).<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">4. Menghapus data dari database
(delete).<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">5. Mengupload file foto, membuat
validasi tipe file, membuat validasi ukuran file dan membuat preview foto sebelum
diupload.<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">6. Membuat pencarian data di
database.<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">7. Membuat pagination untuk
membatasi jumlah data yang ditampilkan dari database.<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">8. Mendesain tampilan aplikasi
menggunakan CSS Bootstrap 4.<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">9. Membuat validasi form input.<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">10. Menambahkan fungsi keamanan dasar
untuk mencegah SQL injection saat proses input data.<o:p></o:p></span></span></div>
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Sebagai pendukung latihan, e-book
ini juga disertai dengan sourcecode Aplikasi Pengelolaan Data Siswa.</span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: x-large;">Daftar isi e-book</span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><b>Bab 1. Pendahuluan</b><br /><o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><b>Bab 2. Persiapan Proyek</b><o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">2.1. Tools dan Library yang
Digunakan dalam Proyek<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">2.2. Installasi XAMPP</span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><b>Bab 3. Pembuatan Aplikasi
Pengelolaan Data Siswa</b><o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.1. Mempersiapkan Database dan
Tabel Siswa Menggunakan phpMyAdmin<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.2. Struktur Folder dan File<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.3. Koneksi Database<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.4. Menampilkan Data Siswa dari
Database (Read)<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.4.1. Membuat Halaman index<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.4.2. Membuat Halaman Tampil
Data<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.5. Menyimpan Data Siswa ke
Database (Create)<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.5.1. Membuat Form Tambah Data
Siswa<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.5.2. Membuat Proses Simpan Data
Siswa<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.6. Mengubah Data Siswa di
Database (Update)<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.6.1. Membuat Form Ubah Data
Siswa<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.6.2. Membuat Proses Ubah Data
Siswa<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.7. Menghapus Data Siswa dari
Database (Delete)<o:p></o:p></span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">3.8. Menambahkan CSS</span></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><b>Bab. 4 Penutup</b><o:p></o:p></span></span></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div>
<div style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 18.4px;">Jika teman-teman tertarik untuk mempelajari </span><span style="background: white; line-height: 16.8667px;"><b>e-Book Membuat Aplikasi Pengelolaan Data Siswa dengan PHP 7, MySQLi, dan Bootstrap 4</b><span style="font-size: 11pt;"> </span></span><span style="background: white; font-size: 12pt; line-height: 18.4px;">ini, silahkan download melalui link dibawah ini</span></span> </div>
</div>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="https://web.facebook.com/torolab.id/" href="https://web.facebook.com/torolab.id/" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-16167635817526013192018-10-27T09:26:00.002+07:002021-05-16T16:11:15.812+07:00Aplikasi CRUD dengan PHP 7, MySQLi, AJaX, DataTables ServerSide, Bootstrap 4, dan SweetAlert<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-47xR-7fI900/W9PLOjl0N5I/AAAAAAAABGM/D8qOWXJ_v54m1tMKwpsh0X0J3dtNs6k1ACLcBGAs/s1600/indrasatya-aplikasi-crud-php7-mysqli-ajax-datatablesserverside-bootstrap4-sweetalert.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-47xR-7fI900/W9PLOjl0N5I/AAAAAAAABGM/D8qOWXJ_v54m1tMKwpsh0X0J3dtNs6k1ACLcBGAs/s1600/indrasatya-aplikasi-crud-php7-mysqli-ajax-datatablesserverside-bootstrap4-sweetalert.png" /></a></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;"><br /></span></b></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">CRUD</span></b><span style="font-size: 12pt;"> merupakan singkatan dari <b>Create, Read, Update,</b> dan <b>Delete</b>. Operasi CRUD merupakan operasi
dasar yang harus diketahui oleh setiap programmer karena akan selalu digunakan
dalam membangun sebuah sistem.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify; text-indent: 36.0pt;">
<br /></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Aplikasi
CRUD </span></strong><span style="font-size: 12pt;">ini <span style="background: white;">dibangun menggunakan bahasa pemrograman <b>PHP 7</b> dan database <b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara
mengakses databasenya menggunakan <b>MySQLi
Extension </b>dengan antarmuka <b>Object
Oriented</b>.</span><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Proses CRUD pada aplikasi ini menggunakan <b>AJaX</b>. AJaX adalah singkatan dari “Asynchronous JavaScript and XML“,
merupakan suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web
interaktif yang lebih baik dan lebih cepat. Dengan menggunakan AJaX kita dapat melakukan
pertukaran data dengan server di belakang layar, sehingga halaman web tidak
harus dibaca ulang (refresh halaman) secara keseluruhan setiap kali seorang
pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas,
kecepatan, dan usability.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 151.5pt 174.0pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: x-large;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14pt;"> </span></b></em><em><b><span style="font-size: 12pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Create
(Menyimpan Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Membuat script untuk menyimpan/insert data dari aplikasi ke database
MySQL menggunakan Bootstrap Modal dan AJaX. Pada saat proses simpan data dapat
dipelajari juga bagaimana membuat ID Transaksi otomatis berdasakan tahun bulan dan
tanggal saat input data, lalu dilanjutkan dengan nomor urut.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Read
(Menampilkan Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Membuat script untuk membaca atau menampilkan data dari database MySQL
ke aplikasi menggunakan </span><span style="font-size: 12pt;">JQuery DataTables</span><b><span style="font-size: 12pt;"> </span></b><span style="font-size: 12pt;">Server-side Processing</span><span style="background: white; font-size: 12pt;">.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Update
(Mengubah Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
script untuk mengubah/update data pada database MySQL melalui apilkasi <span style="background: white;">menggunakan Bootstrap Modal dan AJaX</span>.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Delete
(Menghapus Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Membuat
script untuk menghapus/delete data pada database MySQL melalui aplikasi menggunakan
<span style="background: white;">AJaX</span></span><span style="font-size: 12pt;"> dan SweetAlert untuk memunculkan notifikasi</span><span style="font-size: 12pt;">. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">JQuery
DataTables </span></b><b><span style="font-size: 12pt;">Server-side Processing</span></b><b><span style="font-size: 12pt;"><o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Menggunakan JQuery
DataTables</span><b><span style="font-size: 12pt;"> </span></b><span style="font-size: 12pt;">Server-side Processing</span><span style="font-size: 12pt;"> </span><span style="font-size: 12pt;">untuk membuat tabel yang dinamis dengan fitur
cukup lengkap seperti filter, pagination, show perpage, dan sort by. DataTables
Server-side Processing adalah salah satu cara terbaik untuk menampilkan data
dari database dalam jumlah yang sangat besar. Dengan menggunakan metode ini,
aplikasi yang memiliki banyak data, akan terasa ringan ketika di load</span><span style="font-size: 12pt;">.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">CSS
Bootstrap 4<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Mendesain</span><span style="font-size: 12pt;"> tampilan
aplikasi menggunakan CSS Bootstrap 4. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">SweetAlert<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Mempercantik tampilan alert JavaScript
</span><span style="font-size: 12pt;">menggunakan
</span><span style="font-size: 12pt;">SweetAlert</span><span style="font-size: 12pt;"> untuk
memunculkan notifikasi pada saat sukses menyimpan data, sukses mengubah data, konfirmasi
hapus data, sukses menghapus data, dan validasi form input.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Validasi
Form Input<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat validasi
form input wajib diisi dengan memunculkan notifikasi menggunakan SweetAlert,
Selain itu membuat fungsi untuk membatasi karakter yang diinputkan, bisa
diinputkan huruf, angka atau karakter tertentu saja.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Keamanan
dasar untuk mencegah SQL injection<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Membuat
keamanan dasar untuk mencegah SQL injection saat proses input data.
Menghilangkan spasi dibelakang dan didepan kata yang diinputkan.</span><strong><span style="font-size: 12pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br />
<div class="MsoNoSpacing" style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: x-large;"><b>Demo Aplikasi</b></span><span style="font-size: 12pt; font-weight: 400;"><o:p></o:p></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/TxXxLdMGa_k/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/TxXxLdMGa_k?feature=player_embedded" width="700"></iframe></div>
<div style="font-size: medium; font-weight: 400; margin: 0px;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;"><br /></span></span></div>
</div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang belajar
pemrograman PHP.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Aplikasi CRUD dengan PHP7, MySQLi, Ajax, DataTables ServerSide,
Bootstrap4, dan SweetAlert</span></strong><span style="background: white; font-size: 11pt; line-height: 115%;"> </span><span style="background: white; font-size: 12pt; line-height: 115%;">ini, silahkan download
melalui link dibawah ini</span></span>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="https://github.com/indrasatya/aplikasi-crud-php7-mysqli-ajax-datatables-serverside-bootstrap4-sweetalert" href="https://github.com/indrasatya/aplikasi-crud-php7-mysqli-ajax-datatables-serverside-bootstrap4-sweetalert" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com2tag:blogger.com,1999:blog-1423591356853739156.post-68675866710258851012018-10-25T07:29:00.001+07:002018-10-25T07:38:04.797+07:00Aplikasi Pengolahan Data Pegawai dengan PHP 7, MySQLi, DataTables ServerSide, dan Bootstrap 4<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-x59yPE4JsXA/W9EOBl8sEtI/AAAAAAAABF4/f7ofAYPrwD882wjAfHE3lVzKL3WV39KUQCEwYBhgL/s1600/indrasatya-aplikasi-pengolahan-data-pegawai-dengan-php-mysqli-datatablesserverside-bootstrap4.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-x59yPE4JsXA/W9EOBl8sEtI/AAAAAAAABF4/f7ofAYPrwD882wjAfHE3lVzKL3WV39KUQCEwYBhgL/s1600/indrasatya-aplikasi-pengolahan-data-pegawai-dengan-php-mysqli-datatablesserverside-bootstrap4.png" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;"><br /></span></strong></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Aplikasi
Pengolahan Data Pegawai </span></strong><span style="font-size: 12pt;">ini <span style="background: white;">dibangun menggunakan bahasa
pemrograman <b>PHP 7</b> dan database <b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya menggunakan
<b>MySQLi Extension </b>dengan antarmuka <b>Object Oriented</b>.</span><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Materi yang dapat dipelajari dari aplikasi ini selain proses <em>create, read, update, dan delete, </em>adalah
bagaimana menggunakan <b>JQuery DataTables</b>
<b>Server-side Processing</b> untuk membuat
tabel yang dinamis dengan fitur cukup lengkap seperti filter, pagination, show
perpage, dan sort by. DataTables Server-side Processing adalah salah satu cara
terbaik untuk menampilkan data dari database dalam jumlah yang sangat besar.
Dengan menggunakan metode ini, aplikasi yang memiliki banyak data, akan terasa
ringan ketika di load. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 151.5pt 174.0pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Selain itu juga dapat dipelajari bagaimana mendesain tampilan
aplikasi menggunakan <b>CSS Bootstrap 4, </b>membuat
laporan </span><span style="font-size: 12pt;">dalam format PDF menggunakan
library <b>html2pdf</b></span><span style="font-size: 12pt;">, dan membuat export data dalam
format Excel.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: x-large;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14pt;"> </span></b></em><em><b><span style="font-size: 12pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Create
(Menyimpan Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Membuat script untuk menyimpan/insert data dari aplikasi ke database
MySQL.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Read
(Menampilkan Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Membuat script untuk membaca atau menampilkan data dari database MySQL
ke aplikasi. Menampilkan semua data yang ada pada database dan menampilkan data
dengan kriteria tertentu.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Update
(Mengubah Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
script untuk mengubah/update data pada database MySQL melalui apilkasi.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Delete
(Menghapus Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
script untuk menghapus/delete data pada database MySQL melalui aplikasi. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Upload File<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
script untuk mengupload file foto, membuat validasi tipe file, membuat validasi
ukuran file dan membuat preview foto sebelum diupload.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Cetak PDF<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
script untuk mencetak data dalam bentuk PDF menggunakan library html2pdf. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">Export Excel<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
script untuk export data ke dalam bentuk Excel.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">JQuery
DataTables </span></b><b><span style="font-size: 12pt;">Server-side Processing</span></b><b><span style="font-size: 12pt;"><o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Membuat
tabel menggunakan JQuery DataTables</span><b><span style="font-size: 12pt;"> </span></b><span style="font-size: 12pt;">Server-side Processing</span><span style="font-size: 12pt;"> untuk
menampilkan data dari database MySQL </span><span style="font-size: 12pt;">dalam jumlah yang sangat besar. Sehingga aplikasi yang memiliki banyak data, akan
terasa ringan ketika di load</span><span style="font-size: 12pt;">. Tabel sudah dilengkapi dengan filter jumlah
data yang ditampilkan, form pencarian data dan pagination.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><b><span style="font-size: 12pt;">CSS
Bootstrap 4<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
tampilan aplikasi menggunakan CSS Bootstrap 4.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">10.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><!--[endif]--><b><span style="font-size: 12pt;">Validasi Form Input<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Membuat
fungsi untuk input form wajib diisi dan membatasi karakter yang diinputkan.
Bisa diinputkan huruf, angka atau karakter tertentu saja.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">11.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><!--[endif]--><b><span style="font-size: 12pt;">Keamanan dasar untuk mencegah SQL injection<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Membuat
keamanan dasar untuk mencegah SQL injection saat proses input data.
Menghilangkan spasi dibelakang dan didepan kata yang diinputkan.</span><strong><span style="font-size: 12pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang belajar
pemrograman PHP.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Aplikasi Pengolahan Data Pegawai dengan PHP 7, MySQLi,
DataTables ServerSide, dan Bootstrap 4</span></strong><strong><span style="font-size: 11pt; line-height: 115%;"> </span></strong><span style="background: white; font-size: 12pt; line-height: 115%;">berbasis web ini, silahkan download melalui link dibawah ini</span></span>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="https://github.com/indrasatya/aplikasi-pengolahan-data-pegawai-php7-mysqli-datatables-serverside-bootstrap4" href="https://github.com/indrasatya/aplikasi-pengolahan-data-pegawai-php7-mysqli-datatables-serverside-bootstrap4" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-75203370845370815992018-07-19T15:51:00.002+07:002021-05-16T16:38:28.367+07:00Aplikasi Antrian Pengunjung Berbasis Web<a href="https://3.bp.blogspot.com/-hiJTpFKLDEk/W1BQRa2AoDI/AAAAAAAABEY/IylPI8yjV_wGFqEAPf06hmgrBHaCqY7pACLcBGAs/s1600/indrasatya-aplikasi-antrian-pengunjung-berbasis-web.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" data-original-height="500" data-original-width="870" src="https://3.bp.blogspot.com/-hiJTpFKLDEk/W1BQRa2AoDI/AAAAAAAABEY/IylPI8yjV_wGFqEAPf06hmgrBHaCqY7pACLcBGAs/s1600/indrasatya-aplikasi-antrian-pengunjung-berbasis-web.png" /></span></a><br />
<div class="MsoNoSpacing" style="text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">Aplikasi
Antrian Pengunjung </span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;">merupakan sistem manajemen yang digunakan untuk mengelola antrian
pengunjung pada suatu perusahaan atau instansi. Aplikasi antrian dapat
digunakan sebagai sarana untuk mencapai kinerja efektif dan efisien bagi perusahaan
atau instansi dalam melayani pengunjung.</span></strong></span></div>
<div class="MsoNoSpacing" style="tab-stops: 36.0pt 87.0pt; text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Arial; mso-bidi-font-size: 12.0pt; mso-hansi-theme-font: major-latin;"><span style="mso-tab-count: 1;"> </span><span style="mso-tab-count: 1;"> </span><o:p></o:p></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt; font-weight: normal;">Aplikasi</span></strong><strong><span style="font-size: 12.0pt;"> </span></strong><span style="font-size: 12.0pt;">ini <span style="background: white;">dibangun
menggunakan bahasa pemrograman <b style="mso-bidi-font-weight: normal;">PHP</b> <b style="mso-bidi-font-weight: normal;">Versi 5</b> dan database <b style="mso-bidi-font-weight: normal;">MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya menggunakan
<b style="mso-bidi-font-weight: normal;">MySQLi Extension </b>dengan <b style="mso-bidi-font-weight: normal;">object oriented style</b>. <o:p></o:p></span></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <span style="mso-tab-count: 1;"> </span><o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b style="mso-bidi-font-weight: normal;"><span style="font-size: x-large;">Fitur
Apilkasi</span></b><em><b style="mso-bidi-font-weight: normal;"><span style="font-size: 14.0pt;"> </span></b></em><em><b style="mso-bidi-font-weight: normal;"><span style="font-size: 12.0pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt; font-weight: normal;">Aplikasi Antrian Pengunjung</span></strong><strong><span style="font-size: 12.0pt;"> </span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;">ini terdiri dari 4 interface</span></strong><strong><span style="font-size: 12.0pt;">, </span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;">yaitu </span></strong><strong><span style="font-size: 12.0pt;">Nomor
Antrian, Dashboard Antrian, Panggilan Antrian, dan Admin</span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;">.<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: x-large;">1. Nomor Antrian</span><span style="font-size: 14pt;"><o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt; font-weight: normal;">Untuk tampilan pengunjung dapat
diterapkan dengan mesin antrian touchscreen yang menggunakan komputer layar
sentuh. Layar sentuh digunakan sebagai tombol pencetak nomor antrian. Pengunjung
dapat menekan tombol pada layar dan kemudian kertas nomor antrian keluar
melalui printer. Pada aplikasi ini menggunakan printer </span></strong><strong><span style="font-size: 12.0pt;">Thermal</span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;"> dan extensi </span></strong><strong><span style="font-size: 12.0pt;">php_printer.dll</span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;"> untuk melalukan print langsung
(direct printing) ke printer tanpa dialog konfirmasi printer.<o:p></o:p></span></strong></span><br />
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt; font-weight: normal;"><br /></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-RK-XEgsp3x0/W1BQRKGHDcI/AAAAAAAABEg/OQBp7vW68SkaLHCB_d9Q3PPFMoXrpveRwCEwYBhgL/s1600/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-nomor-antrian.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" data-original-height="751" data-original-width="1349" height="356" src="https://3.bp.blogspot.com/-RK-XEgsp3x0/W1BQRKGHDcI/AAAAAAAABEg/OQBp7vW68SkaLHCB_d9Q3PPFMoXrpveRwCEwYBhgL/s640/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-nomor-antrian.png" width="640" /></span></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: x-large;">2. Dashboard Antrian</span><span style="font-size: 14pt;"><o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Dashboard
antrian menampilkan informasi antrian pengunjung yang sedang dipanggil pada
masing-masing loket. Dilengkapi dengan video yang dapat digunakan untuk menampilkan
profil perusahaan, informasi produk, dll.<o:p></o:p></span><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-JQ2X_lsNolg/W1BQQWbIwsI/AAAAAAAABEg/B0h1Cs6awrkOGamWdlvJ-SYGpfHbzTjRgCEwYBhgL/s1600/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-dashboard.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" data-original-height="770" data-original-width="1349" height="364" src="https://3.bp.blogspot.com/-JQ2X_lsNolg/W1BQQWbIwsI/AAAAAAAABEg/B0h1Cs6awrkOGamWdlvJ-SYGpfHbzTjRgCEwYBhgL/s640/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-dashboard.png" width="640" /></span></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: x-large;">3. Panggilan
Antrian</span><span style="font-size: 14pt;"><o:p></o:p></span></span></b></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman ini
menampilkan informasi jumlah antrian, nomor antrian yang sedang dipanggil, nomor
antrian selanjutnya yang akan dipanggil, sisa antrian yang belum dipanggil, dan
nomor antrian yang sedang dipanggil pada masing-masing loket. Petugas loket
dapat melalukan login pada aplikasi sesuai dengan loket masing-masing. Setelah
itu petugas loket dapat menekan tombol panggilan antrian pada layar untuk
memanggil antrian dengan menggunakan suara yang bisa dihubungkan dengan alat pengeras
suara. Untuk suara panggilan antrian pada aplikasi ini <strong><span style="font-weight: normal;">menggunakan library </span></strong><strong><span style="font-family: "trebuchet ms" , "serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: major-latin;">ResponsiveVoice.JS.</span></strong><o:p></o:p></span><br />
<span style="font-size: 12.0pt;"><strong><span style="font-family: "trebuchet ms" , sans-serif; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: major-latin;"><br /></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-64KpbpLIuhg/W1BQQKZcDbI/AAAAAAAABEg/6Y9aeEOliHca_1I69LDpcs8fVr-G7pllACEwYBhgL/s1600/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-loket.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" data-original-height="868" data-original-width="1349" height="410" src="https://2.bp.blogspot.com/-64KpbpLIuhg/W1BQQKZcDbI/AAAAAAAABEg/6Y9aeEOliHca_1I69LDpcs8fVr-G7pllACEwYBhgL/s640/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-loket.png" width="640" /></span></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: x-large;">4. Admin</span><span style="font-size: 14pt;"><o:p></o:p></span></span></b></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman admin
digunakan untuk konfigurasi aplikasi antrian pengunjung. Pada halaman <b>Beranda</b>
menampilkan informasi jumlah loket, jumlah pengguna aplikasi, informasi tanggal
backup database terakhir, jumlah antrian yang sudah dipanggil pada masing-masing
loket, dan profil perusahaan atau instansi. Selain itu juga terdapat menu <b>Konfigurasi
Aplikasi</b> untuk mengisikan informasi profil perusahaan atau instansi, <b>Manajemen
User</b> untuk mengolah data pengguna aplikasi, dan <b>Backup Database</b> untuk
melalukan backup database aplikasi.<o:p></o:p></span><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-NuSKN9AgpEk/W1BQQZGU2SI/AAAAAAAABEc/rp9j5JIFY40rXf25PfmdMAQiay0dszFxACEwYBhgL/s1600/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-admin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" data-original-height="669" data-original-width="1349" height="316" src="https://2.bp.blogspot.com/-NuSKN9AgpEk/W1BQQZGU2SI/AAAAAAAABEc/rp9j5JIFY40rXf25PfmdMAQiay0dszFxACEwYBhgL/s640/indrasatya-aplikasi-antrian-pengunjung-berbasis-web-admin.png" width="640" /></span></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Jika teman-teman tertarik untuk mempelajari </span><strong><span style="font-size: 12.0pt;">Aplikasi
Antrian Pengunjung Berbasis Web </span></strong><span style="background: white; font-size: 12.0pt;">ini, silahkan download melalui link dibawah ini</span></span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span>
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</span></div>
<span style="font-family: "trebuchet ms" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com2tag:blogger.com,1999:blog-1423591356853739156.post-57482994973705612622018-05-15T13:00:00.000+07:002018-10-24T11:03:28.657+07:00Sistem Informasi Administrasi Surat Masuk dan Surat Keluar<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Ska5MxdnNSs/Wv_O8bxxNRI/AAAAAAAABDE/Gqr2XIThvkMImL1DO3MRf9TunSorG_-2ACLcBGAs/s1600/indrasatya-sistem-informasi-administrasi-surat-masuk-dan-surat-keluar.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" src="https://4.bp.blogspot.com/-Ska5MxdnNSs/Wv_O8bxxNRI/AAAAAAAABDE/Gqr2XIThvkMImL1DO3MRf9TunSorG_-2ACLcBGAs/s1600/indrasatya-sistem-informasi-administrasi-surat-masuk-dan-surat-keluar.png" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;"><br /></span></strong></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">Sistem
Informasi Administrasi Surat Masuk dan Surat Keluar</span></strong><strong><span style="font-family: "cambria" , "serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Trebuchet MS; mso-bidi-font-size: 12.0pt; mso-hansi-theme-font: major-latin;"> </span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;">merupakan aplikasi persuratan
yang digunakan untuk mempermudah pengelolaan surat masuk, surat keluar,
disposisi, pencarian hingga pelaporan arsip surat pada suatu Instansi atau
Perusahaan.<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="tab-stops: 36.0pt 87.0pt; text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Trebuchet MS; mso-bidi-font-size: 12.0pt; mso-hansi-theme-font: major-latin;"> <o:p></o:p></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt; font-weight: normal;">Aplikasi</span></strong><strong><span style="font-size: 12.0pt;"> </span></strong><span style="font-size: 12.0pt;">ini <span style="background: white;">dibangun
menggunakan bahasa pemrograman <b>PHP</b> <b>Versi 7</b> dan database <b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya menggunakan
<b>MySQLi Extension </b>dengan <b>object oriented style</b>. </span></span></span><span style="background-color: white; font-family: "trebuchet ms" , sans-serif; font-size: 12pt;">Template aplikasi menggunakan </span><b style="font-family: "trebuchet ms", sans-serif; font-size: 12pt;">Robust Admin Lite </b><span style="background-color: white; font-family: "trebuchet ms" , sans-serif; font-size: 12pt;">dengan tampilan yang fleksibel
dan modern.</span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="background: white; font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Untuk menampilkan data dari database pada
aplikasi menggunakan <b>DataTables
Server-side Processing</b>. DataTables merupakan library yang user friendly dan
memiliki fitur cukup lengkap seperti filter, pagination, show perpage, dan sort
by. DataTables Server-side Processing adalah salah satu cara terbaik untuk
menampilkan data dari database dalam jumlah yang sangat besar. Dengan
menggunakan metode ini, aplikasi yang memiliki banyak data, akan terasa ringan
ketika di load.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: x-large;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14.0pt;"> </span></b></em><em><b><span style="font-size: 12.0pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Login</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman login multi user. Ada 2
level user yaitu :<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">- <b>Administrator<o:p></o:p></b></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Hak akses : Beranda, Surat Masuk,
Surat Keluar, Rekapitulasi, Instansi, Konfigurasi Aplikasi, Manajemen User,
Backup Database, Audit Trail, Ubah Password.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">- <b>Operator<o:p></o:p></b></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Hak akses : Beranda, Surat Masuk,
Surat Keluar, Rekapitulasi, Ubah Password.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Beranda</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Setelah user berhasil login, maka
akan diarahkan ke halaman Beranda. Halaman ini berisi informasi jumlah surat
masuk dan surat keluar per tahun, per bulan, per hari dan jumlah seluruh surat.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Surat Masuk</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data surat
masuk. Pada halaman ini pengguna dapat menginput sekaligus upload dokumen arsip
surat, mengubah, menghapus, mencari data surat masuk, menampilkan dokumen arsip
surat yang telah diupload, mencetak lembar disposisi surat, dan mencetak
laporan surat masuk dalam bentuk PDF dan Excel.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Surat Keluar</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data surat
keluar. Pada halaman ini pengguna dapat menginput sekaligus upload dokumen arsip
surat, mengubah, menghapus, mencari data surat keluar, menampilkan dokumen arsip
surat yang telah diupload, mencetak amplop surat, dan mencetak laporan surat keluar
dalam bentuk PDF dan Excel.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Rekapitulasi</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mencetak laporan rekapitulasi
data surat masuk dan surat keluar per tahun dalam bentuk PDF dan Excel.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Instansi</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data referensi
instansi terkait.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Konfigurasi Aplikasi</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk pengaturan profil
instansi atau perusahaan.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12.0pt;">Manajemen
User</span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data user
yang dapat menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12.0pt;">Backup Database<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt; font-weight: normal;">Halaman untuk melakukan backup
database aplikasi. <o:p></o:p></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">10.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12.0pt;">Audit Trail<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt; font-weight: normal;">Halaman yang berisikan riwayat
atau catatan semua kegiatan pengguna yang dilakukan pada aplikasi (Insert,
Update, Delete). Dengan fitur ini administrator dapat melihat pengguna yang menginput,
mengubah dan menghapus data.<o:p></o:p></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt; font-weight: bold;">11.</span><span style="font-size: xx-small;"> </span><strong><span style="font-size: 12.0pt;">Ubah Password</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengubah password pengguna
aplikasi.<strong><span style="font-weight: normal;"> <o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span>
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;">Demo Aplikasi</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/d7fP9l0N5vk/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/d7fP9l0N5vk?feature=player_embedded" width="700"></iframe></div>
<i><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></i></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12.0pt; line-height: 115%;">Sistem Informasi Administrasi Surat Masuk dan Surat
Keluar</span></strong><strong><span style="font-size: 11.0pt; line-height: 115%;"> </span></strong><span style="background: white; font-size: 12.0pt; line-height: 115%;">berbasis web ini, silahkan
download melalui link dibawah ini</span></span>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com1tag:blogger.com,1999:blog-1423591356853739156.post-63643170287791988032018-03-25T13:24:00.004+07:002018-10-24T11:05:55.442+07:00Sistem Informasi Arsip Digital Surat Keputusan<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-jx-q3Tv47jg/WrdAg4KskkI/AAAAAAAABCs/8cUlOgYAnucRvyUyQcBE8rhBKz8gHCIgACLcBGAs/s1600/indrasatya-sistem-informasi-arsip-digital-surat-keputusan.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" data-original-height="500" data-original-width="870" src="https://2.bp.blogspot.com/-jx-q3Tv47jg/WrdAg4KskkI/AAAAAAAABCs/8cUlOgYAnucRvyUyQcBE8rhBKz8gHCIgACLcBGAs/s1600/indrasatya-sistem-informasi-arsip-digital-surat-keputusan.png" /></span></a></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Sistem
Informasi Arsip Digital Surat Keputusan</span></strong><strong> </strong><span style="font-size: 12pt; font-weight: normal;">adalah aplikasi yang digunakan
untuk mengelola penyimpanan arsip Surat Keputusan</span><span style="font-size: 12pt;"> dalam bentuk dokumen elektronik</span>.<span style="font-weight: normal;"> </span><strong><span style="font-size: 12pt; font-weight: normal;">Arsip khususnya Surat Keputusan</span></strong><strong> </strong><strong><span style="font-size: 12pt; font-weight: normal;">merupakan hal yang tidak dapat
dihindari dalam suatu instansi. Dengan adanya Sistem Informasi Arsip Digital
Surat Keputusan</span></strong><strong> </strong><strong><span style="font-size: 12pt; font-weight: normal;">pada sebuah instansi akan
memberikan efisiensi dan keamanan penyimpan arsip surat serta mempermudah
pegawai dalam mencari informasi surat keputusan.</span></strong><strong><o:p></o:p></strong></span></div>
<div class="MsoNoSpacing" style="tab-stops: 128.25pt; text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt; font-weight: normal;">Aplikasi</span></strong><strong><span style="font-size: 12pt;"> </span></strong><span style="font-size: 12pt;">ini <span style="background: white;">dibangun
menggunakan bahasa pemrograman <b>PHP</b> <b>Versi 7</b> dan database <b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya menggunakan
<b>MySQLi Extension </b>dengan konsep
pemrograman <b>prosedural</b>. Template
aplikasi menggunakan <b>Robust Admin Lite </b>dengan
tampilan yang fleksibel dan modern.</span><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: x-large;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14pt;"> </span></b></em><em><b><span style="font-size: 12pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Login</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman login multi user. Ada 2
level user yaitu :<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">-</span><span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b><span style="font-size: 12pt;">Admin<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Hak akses : Beranda, Surat
Keputusan, Manajemen User, Backup Database, Pencarian Arsip, Ubah Password,
Tentang Aplikasi, dan Petunjuk Aplikasi.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; mso-list: l0 level1 lfo2; text-align: justify; text-indent: -14.15pt;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">-</span><span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;"> </span><!--[endif]--><b><span style="font-size: 12pt;">User
<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 35.45pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Hak akses : Beranda, Surat
Keputusan, Pencarian Arsip, Ubah Password, Tentang Aplikasi, dan Petunjuk
Aplikasi.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Beranda</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Setelah user berhasil login, maka
akan diarahkan ke halaman Beranda. Halaman ini berisi informasi jumlah total seluruh
arsip, jumlah total arsip pertahun berjalan, jumlah pengguna aplikasi, dan
tanggal terakhir backup database.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Pencarian Arsip<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-size: 12pt; font-weight: normal;"><span style="font-family: "trebuchet ms" , sans-serif;">Fitur pencarian arsip surat
keputusan terletak pada sidebar menu yang dapat digunakan untuk mencari data
arsip surat keputusan berdasarkan nomor surat keputusan atau nama surat
keputusan.<o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Surat Keputusan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data arsip
surat keputusan. Pada halaman ini pengguna dapat menginput sekaligus upload
dokumen elektronik, mengubah, menghapus, dan mencari data arsip surat keputusan.
Pada halaman ini pengguna juga dapat melihat dokumen elektronik arsip yang
telah diupload, serta dapat mengexport data arsip surat keputusan dalam bentuk
PDF dan Excel.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Manajemen
User</span></strong><strong><span style="font-size: 12pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data user
yang dapat menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Backup Database<o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<strong><span style="font-size: 12pt; font-weight: normal;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk melakukan backup
database aplikasi. <o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Ubah Password</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengubah password pengguna
aplikasi.<strong><span style="font-weight: normal;"> <o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Tentang Aplikasi</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman yang berisi informasi
tentang aplikasi.<strong><span style="font-weight: normal;"> <o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Petunjuk Aplikasi</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman yang berisi informasi
petunjuk penggunaan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; tab-stops: 182.25pt center 236.3pt; text-align: justify;">
<strong><span style="font-size: 12pt; font-weight: normal;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;">Demo Aplikasi</span></b><br /><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/tq3yqZsOCEs/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/tq3yqZsOCEs?feature=player_embedded" width="700"></iframe></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan tugas
kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Sistem Informasi Arsip Digital Surat Keputusan</span></strong><strong><span style="font-size: 11pt; line-height: 115%;"> </span></strong><span style="background: white; font-size: 12pt; line-height: 115%;">berbasis web ini, silahkan download melalui link dibawah ini</span></span>
<span style="font-size: 12.0pt; line-height: 115%;"><br /></span>
</span><br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</span></div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0tag:blogger.com,1999:blog-1423591356853739156.post-56654441116097336762018-03-25T12:26:00.001+07:002018-03-25T13:16:56.860+07:00Aplikasi Text to Speech Menggunakan ResponsiveVoiceJS<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Aplikasi
Text to Speech </span></strong><span style="font-size: 12pt;">adalah
aplikasi yang dapat mengkonversi tulisan text menjadi suara<span style="background: white;">. Dengan aplikasi text to speech, kita bisa mengetik
sejumlah kalimat dan meminta komputer untuk membacakannya, seperti layaknya
orang berbicara.</span><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-rqK1p5Edil4/WrcyjtHjvKI/AAAAAAAABCc/86GkV6zKgtEoP1lzY4CTY0TY5vB14WCFQCLcBGAs/s1600/indrasatya-aplikasi-text-to-speech-menggunakan-responsivevoicejs.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="870" height="366" src="https://2.bp.blogspot.com/-rqK1p5Edil4/WrcyjtHjvKI/AAAAAAAABCc/86GkV6zKgtEoP1lzY4CTY0TY5vB14WCFQCLcBGAs/s640/indrasatya-aplikasi-text-to-speech-menggunakan-responsivevoicejs.png" width="640" /></a></div>
<br /></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Biasanya, <span style="background: white;">text </span>to speech
digunakan untuk pembuatan video tutorial atau video presentasi sebagai
narasinya. Selain itu juga biasa digunakan untuk membuat aplikasi antrian,
pengumuman atau pemberitahuan, dan bisa juga untuk membuat aplikasi
pembelajaran.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 36.0pt 144.75pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;"> </span><o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Pada artikel ini saya akan membagikan contoh </span><strong><span style="font-size: 12pt; font-weight: normal;">aplikasi text to speech
menggunakan library ResponsiveVoice.JS.</span></strong><span style="background: white;"> </span><strong><span style="font-size: 12pt; font-weight: normal;">ResponsiveVoice.JS</span></strong><span style="font-size: 12pt;"> menyediakan banyak sekali
pilihan bahasa dan jenis suara, yang salah satunya adalah Bahasa Indonesia. </span><strong><span style="font-size: 12pt; font-weight: normal;">ResponsiveVoice.JS</span></strong><span style="font-size: 12pt;"> menyajikan text to speech dengan
intonasi dan artikulasi suara wanita dalam bahasa Indonesia yang mirip aslinya.
Setiap kata, kalimat, paragraf yang dibacakannya enak didengar.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Aplikasi Text to Speech Menggunakan ResponsiveVoice.JS</span></strong><span style="background: white; font-size: 11pt; line-height: 115%;"> </span>
<span style="background: white; font-size: 12pt; line-height: 115%;">ini, silahkan download melalui link dibawah ini</span>
</span>
<br />
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="https://github.com/indrasatya/aplikasi-text-to-speech-responsivevoicejs" href="https://github.com/indrasatya/aplikasi-text-to-speech-responsivevoicejs" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88 , 201 , 243); color: white; font-size: 20px; line-height: 1.42857; margin-left: 20px; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 16px; text-align: justify;"><b>Note:</b></span><span style="font-family: "trebuchet ms" , sans-serif; font-size: 16px; text-align: justify;"> Saat menjalankan aplikasi harus terkoneksi internet.</span><br />
<br />Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com1tag:blogger.com,1999:blog-1423591356853739156.post-64837188588433668502017-05-13T16:15:00.002+07:002021-05-16T16:12:23.484+07:00Aplikasi CRUD dengan PHP Data Objects (PDO) dan Bootstrap Modal<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="background: white; font-size: 12.0pt;">CRUD</span></b><span style="background: white; font-size: 12.0pt;"> merupakan singkatan dari <b>Create</b>, <b>Read</b>, <b>Update</b>, dan <b>Delete. </b>Operasi CRUD adalah dasar yang
harus diketahui oleh setiap programmer, karena Operasi CRUD merupakan operasi
dasar yang akan selalu digunakan dalam membangun sebuah sistem.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="background: white; font-size: 12.0pt;">Aplikasi CRUD dengan </span></b><b><span style="background: white; font-size: 12.0pt;">PHP Data Objects (PDO) dan Bootstrap
Modal </span></b><span style="background: white; font-size: 12.0pt;">ini dibangun menggunakan bahasa pemrograman PHP
dan database MySQL. Untuk </span><span style="font-size: 12.0pt;">cara
mengakses database<span style="background: white;">nya</span></span><span style="background: white; font-size: 12.0pt;"> menggunakan PDO (PHP Data Objects) dengan menerapkan prepared
statements untuk membuat query. </span><span style="font-size: 12.0pt;">Tujuannya agar query menjadi
lebih aman dan cepat (jika perintah yang sama akan digunakan beberapa kali).</span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Desain tampilan
aplikasi ini menggunakan CSS Bootstrap. Pada aplikasi ini saya menerapkan <b>Bootstrap Modal</b> untuk membuat form input
data.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-E5CzoI1cTy4/WRbOEycMztI/AAAAAAAABAY/ry1XKnuISQUnLYUO0kPJyCCzOENqzCRkwCLcB/s1600/indrasatya-aplikasi-crud-pdo-bootstrap-modal.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"></span></a></div>
<div class="MsoNoSpacing" style="tab-stops: 120.5pt; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-WvWxbifMmj4/WRbQER3OcoI/AAAAAAAABAk/ZeNHx3gq6-wOKdAUfyLsEyE07BAm-wBpgCEw/s1600/indrasatya-aplikasi-crud-pdo-bootstrap-modal.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-WvWxbifMmj4/WRbQER3OcoI/AAAAAAAABAk/ZeNHx3gq6-wOKdAUfyLsEyE07BAm-wBpgCEw/s1600/indrasatya-aplikasi-crud-pdo-bootstrap-modal.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: x-large;">Fitur
Aplikasi</span></b><b><span style="font-size: 12.0pt;"><o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="font-size: 12.0pt;">Create
(Menyimpan Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Menyimpan/insert data dari aplikasi ke database MySQL </span><span style="font-size: 12.0pt;">menggunakan Bootstrap
Modal untuk membuat form input data.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="font-size: 12.0pt;">Read
(Menampilkan Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Membaca atau menampilkan data dari database MySQL ke aplikasi </span><span style="font-size: 12.0pt;">menggunakan JQuery
DataTables<span style="background: white;">. </span>Tabel sudah dilengkapi dengan
filter jumlah data yang ditampilkan, form pencarian data dan pagination<span style="background: white;">.</span><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="font-size: 12.0pt;">Update
(Mengubah Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Mengubah/update
data pada database MySQL melalui apilkasi. Menggunakan Bootstrap Modal untuk menampilkan
form ubah data.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="font-size: 12.0pt;">Delete
(Menghapus Data)<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Menghapus/delete
data pada database MySQL melalui aplikasi. Menggunakan Bootstrap Modal untuk menampilkan
notifikasi hapus data.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="font-size: 12.0pt;">CSS
Bootstrap 3<o:p></o:p></span></b></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt;">Membuat
tampilan aplikasi menggunakan CSS Bootstrap 3 dengan </span><span style="background: white; font-size: 12.0pt;">menerapkan Bootstrap Modal untuk membuat form input data</span><span style="font-size: 12.0pt;">.</span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt;"><span style="background: white;">Script didalam aplikasi ini dapat kalian pelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya. </span>Semoga
aplikasi ini dapat menjadi referensi bagi teman-teman yang sedang belajar membuat
aplikasi berbasis web <span style="background: white;">menggunakan PDO (PHP Data
Objects) dengan prepared statements dan Bootstrap Modal</span>.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 169.65pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<span style="background: white; font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt; line-height: 115%;">Jika teman-teman tertarik untuk mempelajari <span style="font-size: 12pt; text-align: justify;"><b><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">Aplikasi CRUD dengan </span></b></span><b style="font-size: medium; text-align: justify;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-size: 12pt;">PHP Data Objects (PDO) dan Bootstrap Modal</span></b> ini, silahkan download melalui link dibawah ini</span>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;"><br /></span></span>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="https://github.com/indrasatya/crud-pdo-bootstrap-modal" href="https://github.com/indrasatya/crud-pdo-bootstrap-modal" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com4tag:blogger.com,1999:blog-1423591356853739156.post-83309648585671919472017-04-03T11:23:00.002+07:002021-05-16T16:35:39.694+07:00Aplikasi Persediaan Obat<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-rs4ksD4XREk/WOHMqdqvSxI/AAAAAAAAA_4/9YIPTO0eqZ4GWZnH58ocYt1TEV4zGIMKgCLcB/s1600/indrasatya-aplikasi-persediaan-obat.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-rs4ksD4XREk/WOHMqdqvSxI/AAAAAAAAA_4/9YIPTO0eqZ4GWZnH58ocYt1TEV4zGIMKgCLcB/s1600/indrasatya-aplikasi-persediaan-obat.jpg" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;"><br /></span></strong></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Aplikasi Persediaan
Obat </span></strong><span style="font-size: 12pt;">ini <span style="background: white;">dibangun menggunakan bahasa pemrograman <b>PHP</b> dan database <b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara
mengakses databasenya menggunakan <b>MySQLi
Extension </b>dengan <b>konsep pemrograman
prosedural</b>.</span><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Materi yang dapat dipelajari dari aplikasi ini selain proses <em>create,
read, update, delete, dan search</em><span class="st"> </span>adalah
bagaimana menggunakan <b>JQuery DataTables</b>
untuk membuat tabel yang dinamis, dan membuat laporan </span><span style="font-size: 12pt;">dalam format PDF menggunakan library <b>html2pdf</b></span><span style="font-size: 12pt;">. Selain itu
juga dapat dipelajari bagaimana mendesain tampilan aplikasi menggunakan <b>CSS Bootstrap. </b>Pada aplikasi ini saya
menggunakan template <b>AdminLTE-2.0.4.</b><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: x-large;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14pt;"> </span></b></em><em><b><span style="font-size: 12pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Login</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman login multi user. Ada 3 level user
yaitu Super Admin, Manajer dan Gudang.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Beranda</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Setelah user berhasil login, maka akan
diarahkan ke halaman Beranda. Halaman ini berisi menu dan informasi data obat
serta data obat masuk.<o:p></o:p></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-kkdrd3YWCrc/WOHMpeiPWsI/AAAAAAAAA_k/MyeOgR8V3poOp9h1TQ1eUB3fOHgnSUxRwCEw/s1600/indrasatya-aplikasi-persediaan-obat-beranda.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://3.bp.blogspot.com/-kkdrd3YWCrc/WOHMpeiPWsI/AAAAAAAAA_k/MyeOgR8V3poOp9h1TQ1eUB3fOHgnSUxRwCEw/s640/indrasatya-aplikasi-persediaan-obat-beranda.png" width="640" /></a></div>
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Data Obat</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data obat yang ada
pada apotek. Pada halaman ini user dapat menginput, mengubah, menghapus, dan
mencari data obat.<o:p></o:p></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-fYJt_RvsQTo/WOHMqNqPwTI/AAAAAAAAA_w/OT14upqWfOI0yafgpS5SjFwjPWNBX5a8QCEw/s1600/indrasatya-aplikasi-persediaan-obat-obat.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="394" src="https://3.bp.blogspot.com/-fYJt_RvsQTo/WOHMqNqPwTI/AAAAAAAAA_w/OT14upqWfOI0yafgpS5SjFwjPWNBX5a8QCEw/s640/indrasatya-aplikasi-persediaan-obat-obat.png" width="640" /></a></div>
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Data Obat Masuk</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data obat masuk. Pada
halaman ini user dapat menginput, dan mencari data obat masuk.<o:p></o:p></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-3QH83I5hc1g/WOHMpgnciZI/AAAAAAAAA_o/k5Ss9qykchUhdxRrrDca3Y9XWZLiLcsXQCEw/s1600/indrasatya-aplikasi-persediaan-obat-input-obat-masuk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://3.bp.blogspot.com/-3QH83I5hc1g/WOHMpgnciZI/AAAAAAAAA_o/k5Ss9qykchUhdxRrrDca3Y9XWZLiLcsXQCEw/s640/indrasatya-aplikasi-persediaan-obat-input-obat-masuk.png" width="640" /></a></div>
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Laporan Stok Obat</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk melihat stok obat dan mencetak
laporan stok obat. Laporan dapat dicetak per hari, per minggu, per bulan dan
per tahun dalam format PDF.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Laporan Obat Masuk</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mencetak laporan obat masuk.
Laporan dapat dicetak per hari, per minggu, per bulan dan per tahun dalam
format PDF.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Manajemen User</span></strong><strong><span style="font-size: 12pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data user yang dapat
menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Qoc2R8REOLY/WOHMqXza5DI/AAAAAAAAA_0/tMIFW7YVCO04Rk_Jk3q7REMi7Q-chY09gCEw/s1600/indrasatya-aplikasi-persediaan-obat-user.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://3.bp.blogspot.com/-Qoc2R8REOLY/WOHMqXza5DI/AAAAAAAAA_0/tMIFW7YVCO04Rk_Jk3q7REMi7Q-chY09gCEw/s640/indrasatya-aplikasi-persediaan-obat-user.png" width="640" /></a></div>
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Ubah Password</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengubah password user.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;"><b>Demo Aplikasi</b></span></div>
<br />
<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/cSvxbtLKl5o/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/cSvxbtLKl5o?feature=player_embedded" width="700"></iframe></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;"><br /></span></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Aplikasi Persediaan Obat </span></strong><span style="background: white; font-size: 12pt; line-height: 115%;">berbasis web ini, silahkan
download gratis melalui link dibawah ini</span></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;"><br /></span></span>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="https://github.com/indrasatya/aplikasi-persediaan-obat" href="https://github.com/indrasatya/aplikasi-persediaan-obat" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com13tag:blogger.com,1999:blog-1423591356853739156.post-5095226263031149862017-03-18T20:13:00.006+07:002021-05-16T16:36:11.637+07:00Aplikasi Persediaan Barang dengan PHP7 dan MySQLi<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-a-IltAFeLBY/WM0xc-8o7AI/AAAAAAAAA-Q/0O4gAEDODGEH8r6nDuoPmsj6zHuh78cSACLcB/s1600/indrasatya-aplikasi-persediaan-barang.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" src="https://2.bp.blogspot.com/-a-IltAFeLBY/WM0xc-8o7AI/AAAAAAAAA-Q/0O4gAEDODGEH8r6nDuoPmsj6zHuh78cSACLcB/s1600/indrasatya-aplikasi-persediaan-barang.png" /></span></a></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<strong><span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></strong></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">Aplikasi Persediaan
Barang </span></strong><span style="font-size: 12.0pt;">ini <span style="background: white;">dibangun menggunakan bahasa pemrograman <b>PHP</b> <b>Versi 7</b> dan database <b>MySQL</b>.
Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya
menggunakan <b>MySQLi Extension </b>dengan
konsep pemrograman prosedural.</span><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt;">Materi yang dapat dipelajari dari aplikasi ini selain proses <em>create,
read, update, delete, dan search</em><span class="st"> </span>adalah
bagaimana menggunakan <b>JQuery DataTables</b>
untuk membuat tabel yang dinamis, dan membuat laporan </span><span style="font-size: 12pt;">dalam format PDF menggunakan library <b>html2pdf</b></span><span style="font-size: 12.0pt;">. Selain itu
juga dapat dipelajari bagaimana mendesain tampilan aplikasi menggunakan <b>CSS Bootstrap. </b>Pada aplikasi ini saya
menggunakan template <b>AdminLTE-2.0.4.</b><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-family: "trebuchet ms" , serif; font-size: x-large; mso-ascii-theme-font: major-latin; mso-bidi-font-size: 12.0pt; mso-hansi-theme-font: major-latin;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14.0pt;"> </span></b></em><em><b><span style="font-size: 12.0pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Login</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman login multi user. Ada 3 level user
yaitu Super Admin, Manajer dan Gudang.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Beranda</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Setelah user berhasil login, maka akan
diarahkan ke halaman Beranda. Halaman ini berisi menu dan informasi stok barang
yang telah mencapai batas minimum.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-k_aoTtxKUak/WM0xbvU-72I/AAAAAAAAA-U/RqXb3DtiVhMLRIT7UHFPeE-WHRlv7VCPwCEw/s1600/indrasatya-aplikasi-persediaan-barang-beranda.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://3.bp.blogspot.com/-k_aoTtxKUak/WM0xbvU-72I/AAAAAAAAA-U/RqXb3DtiVhMLRIT7UHFPeE-WHRlv7VCPwCEw/s640/indrasatya-aplikasi-persediaan-barang-beranda.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Data Barang</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data barang yang ada
pada gudang material. Pada halaman ini user dapat menginput, mengubah,
menghapus, dan mencari data barang.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-kSzZIWDZTSs/WM0xcopytwI/AAAAAAAAA-U/ZtbYGPShqT8Qk_CUKP__tai7GuXAuUWWwCEw/s1600/indrasatya-aplikasi-persediaan-barang-data-barang.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="https://4.bp.blogspot.com/-kSzZIWDZTSs/WM0xcopytwI/AAAAAAAAA-U/ZtbYGPShqT8Qk_CUKP__tai7GuXAuUWWwCEw/s640/indrasatya-aplikasi-persediaan-barang-data-barang.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Jenis Barang</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data jenis barang.
Pada halaman ini user dapat menginput, mengubah, menghapus, dan mencari data jenis
barang.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Satuan</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data satuan barang.
Pada halaman ini user dapat menginput, mengubah, menghapus, dan mencari data satuan
barang.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Barang Masuk</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data barang masuk. Pada
halaman ini user dapat menginput, dan mencari data barang masuk.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-4lbTCZsfdHI/WM0xb0SWfII/AAAAAAAAA-U/aCSGoVCeuXg2DkPNyijR6hLDEkfHflC0ACEw/s1600/indrasatya-aplikasi-persediaan-barang-data-barang-masuk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="370" src="https://3.bp.blogspot.com/-4lbTCZsfdHI/WM0xb0SWfII/AAAAAAAAA-U/aCSGoVCeuXg2DkPNyijR6hLDEkfHflC0ACEw/s640/indrasatya-aplikasi-persediaan-barang-data-barang-masuk.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Barang Keluar</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data barang keluar. Pada
halaman ini user dapat menginput, dan mencari data barang keluar.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-cQRXf68Nj34/WM0xb_mEszI/AAAAAAAAA-U/mIxCITJtBg0sq9akkVTPrVK2C6W4xI6BwCEw/s1600/indrasatya-aplikasi-persediaan-barang-data-barang-keluar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://3.bp.blogspot.com/-cQRXf68Nj34/WM0xb_mEszI/AAAAAAAAA-U/mIxCITJtBg0sq9akkVTPrVK2C6W4xI6BwCEw/s640/indrasatya-aplikasi-persediaan-barang-data-barang-keluar.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Laporan Stok Barang</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk melihat stok barang dan mencetak
laporan stok barang. Laporan dapat dicetak per hari, per minggu, per bulan dan per
tahun dalam format PDF.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-xQR3-stqU-s/WM0xcq47RlI/AAAAAAAAA-U/wHjpwKmOn-4vS9t5K_ft6JGrsve5-EPXwCEw/s1600/indrasatya-aplikasi-persediaan-barang-laporan-stok.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://3.bp.blogspot.com/-xQR3-stqU-s/WM0xcq47RlI/AAAAAAAAA-U/wHjpwKmOn-4vS9t5K_ft6JGrsve5-EPXwCEw/s640/indrasatya-aplikasi-persediaan-barang-laporan-stok.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Laporan Barang Masuk</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mencetak laporan barang masuk.
Laporan dapat dicetak per hari, per minggu, per bulan dan per tahun dalam
format PDF.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">10.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Laporan Barang Keluar</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mencetak laporan barang keluar.
Laporan dapat dicetak per hari, per minggu, per bulan dan per tahun dalam
format PDF.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">11.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12.0pt;">Manajemen User</span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data user yang dapat
menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">12.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Ubah Password</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengubah password user.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;"><b>Demo Aplikasi</b></span><br /><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/i9zq5jeXGgs/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/i9zq5jeXGgs?feature=player_embedded" width="700"></iframe></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12.0pt;"><o:p></o:p></span></span><br />
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;"><br /></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Jika teman-teman tertarik untuk mempelajari </span><strong><span style="font-size: 12.0pt;">Aplikasi Persediaan
Barang </span></strong><span style="background: white; font-size: 12.0pt;">berbasis web ini, silahkan download melalui link dibawah ini</span></span><span style="font-family: "trebuchet ms" , serif; font-size: 12.0pt;"><o:p></o:p></span></div>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</div>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com4tag:blogger.com,1999:blog-1423591356853739156.post-10050368752968589512017-03-05T19:05:00.001+07:002017-06-15T08:54:12.946+07:00Aplikasi Steam Mobil dan Motor dengan PHP7 dan MySQLi<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-2S2fjzx_KQs/WLv-FBPeMGI/AAAAAAAAA9k/VwJ1UdMK4PcA9atvSgD2iGZ_h_5nbb7cACLcB/s1600/indrasatya-aplikasi-steam-mobil-motor.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-2S2fjzx_KQs/WLv-FBPeMGI/AAAAAAAAA9k/VwJ1UdMK4PcA9atvSgD2iGZ_h_5nbb7cACLcB/s1600/indrasatya-aplikasi-steam-mobil-motor.png" /></a></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;"><br /></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">Aplikasi Steam
Mobil dan Motor </span></strong><span style="font-size: 12pt;">ini <span style="background: white;">dibangun menggunakan bahasa pemrograman <b>PHP</b> <b>Versi 7</b> dan database <b>MySQL</b>.
Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya
menggunakan <b>MySQLi Extension</b> dengan konsep pemrograman <b>prosedural</b></span></span><span style="background: white; color: #555555;">.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12pt;">Materi yang dapat dipelajari dari aplikasi ini selain proses <em>create,
read, update, delete, dan search</em><span class="st"> </span>adalah
bagaimana menggunakan <b>JQuery DataTables</b>
untuk membuat tabel yang dinamis, dan membuat laporan </span><span style="font-size: 12pt;">dalam format PDF menggunakan library <b>html2pdf</b></span><span style="font-size: 12pt;">. Selain itu
juga dapat dipelajari bagaimana mendesain tampilan aplikasi menggunakan <b>CSS Bootstrap. </b>Pada aplikasi ini saya
menggunakan template <b>AdminLTE-2.0.4.</b><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"> <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: large;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14pt;"> </span></b></em><em><b><span style="font-size: 12pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Login</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman login multi user. Ada 2 level user
yaitu admin dan user.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Beranda</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Setelah user berhasil login, maka akan
diarahkan ke halaman Beranda.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Data Paket</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data paket steam mobil
dan motor. Pada halaman ini user dapat menginput, mengubah, menghapus, dan
mencari data paket steam.<o:p></o:p></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-S83YI-ePN30/WLv-EWwuRbI/AAAAAAAAA9U/XxRnmLoeDuUw4FyZ_8Q6nqb7wP4_oV1MACEw/s1600/indrasatya-aplikasi-steam-mobil-motor-paket.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="https://2.bp.blogspot.com/-S83YI-ePN30/WLv-EWwuRbI/AAAAAAAAA9U/XxRnmLoeDuUw4FyZ_8Q6nqb7wP4_oV1MACEw/s640/indrasatya-aplikasi-steam-mobil-motor-paket.png" width="640" /></a></div>
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Transaksi</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data transaksi. Pada
halaman ini user dapat menginput, mengubah, menghapus, dan mencari data transaksi
serta mencetak struk transaksi.<o:p></o:p></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-7Zdy7ytbvHc/WLv-ERmODfI/AAAAAAAAA9Y/EcCz_VgwzV8EVo3VbUN8p4tnc58ZZoYOgCEw/s1600/indrasatya-aplikasi-steam-mobil-motor-transaksi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="https://3.bp.blogspot.com/-7Zdy7ytbvHc/WLv-ERmODfI/AAAAAAAAA9Y/EcCz_VgwzV8EVo3VbUN8p4tnc58ZZoYOgCEw/s640/indrasatya-aplikasi-steam-mobil-motor-transaksi.png" width="640" /></a></div>
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Laporan</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mencetak laporan rekap data
transaksi. Laporan dapat dicetak per hari, per minggu, per bulan dan per tahun
dalam format PDF.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12pt;">Manajemen User</span></strong><strong><span style="font-size: 12pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengolah data user yang dapat
menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12pt;">Ubah Password</span></strong><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-size: 12pt;"><span style="font-family: "trebuchet ms" , sans-serif;">Halaman untuk mengubah password user.</span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br />
<span style="background-color: white; font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: large;">Demo Aplikasi</span></b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/TI1npg1LIbA/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/TI1npg1LIbA?feature=player_embedded" width="700"></iframe></div>
<span style="background-color: white; font-family: "trebuchet ms" , sans-serif; font-size: 16px;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<br /></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12pt; line-height: 115%;">Aplikasi Steam Mobil dan Motor </span></strong><span style="background: white; font-size: 12pt; line-height: 115%;">berbasis web ini, silahkan
download gratis melalui link dibawah ini</span></span>
<span style="font-size: 12.0pt; line-height: 115%;"><br /></span>
<br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><a data-cke-saved-href="https://drive.google.com/open?id=0B3FPy6EEVj9WM0NjVU9sWE54eG8" href="https://drive.google.com/open?id=0B3FPy6EEVj9WM0NjVU9sWE54eG8" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "trebuchet ms" , "trebuchet ms" , "helvetica" , sans-serif;">Download</span>
</a>
</span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt; line-height: 115%;"><br /></span>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;">Password : www.indrasatya.com</span></span>
<br />
<br />Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com2tag:blogger.com,1999:blog-1423591356853739156.post-74592663212819289202017-01-01T07:00:00.000+07:002017-06-15T08:54:28.297+07:00Web Company Profile “General Solutions” dengan PHP7 dan MySQLi<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-KkmcpApiAzM/WGpF4EXfaeI/AAAAAAAAA8o/eolZM_2gmzc6np_LgAFl05vCG3vy7e8pwCPcB/s1600/indrasatya-company-profile-general-solutions-dengan-php7-dan-mysqli.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: "trebuchet ms" , sans-serif;"><img border="0" src="https://3.bp.blogspot.com/-KkmcpApiAzM/WGpF4EXfaeI/AAAAAAAAA8o/eolZM_2gmzc6np_LgAFl05vCG3vy7e8pwCPcB/s1600/indrasatya-company-profile-general-solutions-dengan-php7-dan-mysqli.png" /></span></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;"><br /></span></strong>
<strong><span style="font-size: 12.0pt;">Company Profile</span></strong><span style="font-size: 12.0pt;"> atau dalam bahasa Indonesianya berarti
“Profil Perusahaan”, adalah ringkasan deskripsi perusahaan yang mencakup
sejarah perusahaan, jumlah dan kualitas SDM, finansial, investasi dan pemodalan
suatu perusahaan, struktur organisasi serta manajemen perusahaan secara
general, kinerja perusahaan, dan reputasi perusahaan atas perdagangan barang atau
jasa yang ditawarkan.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">Web Company Profile</span></b><span style="font-size: 12.0pt;"> bisa diartikan sebagai salah satu media
public relation yang mempresentasikan sebuah perusahaan. Public relation ini
berisi gambaran umum perusahaan, dimana perusahaan bisa memilih poin-poin apa
yang ingin disampaikan secara terbuka kepada publik, dan semuanya itu
disesuaikan dengan kepentingan sasaran publik.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 84.0pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt;">Web ini <span style="background: white;">dibangun menggunakan bahasa
pemrograman <b>PHP Versi 7</b> dan database
<b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya menggunakan
</span></span><b><span style="font-size: 12pt;">MySQLi Extension<span class="apple-converted-space"> </span></span></b><span style="background: white; font-size: 12pt;">dengan konsep pemrograman prosedural</span><span style="background: white; font-size: 12.0pt;">. </span><span style="font-size: 12.0pt;">Materi yang dapat dipelajari dari aplikasi
ini selain proses <em>create, read, update, delete, dan search</em><span class="st"> </span>adalah bagaimana menggunakan <b>JQuery DataTables</b> untuk membuat tabel yang dinamis, mengupload
gambar serta menampilkannya dari database dan menampilkan peta lokasi dengan
Google Maps. Selain itu juga dapat dipelajari bagaimana mendesain tampilan
aplikasi menggunakan <b>CSS Bootstrap. </b>Pada
aplikasi ini saya menggunakan template <b>AdminLTE-2.0.4.</b><span style="background: white;"><o:p></o:p></span></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: large;"><b><span style="font-size: 14.0pt;">Tampilan Apilkasi</span></b><em><b><span style="font-size: 14.0pt;"> </span></b></em><em><b><span style="font-size: 12.0pt;"><o:p></o:p></span></b></em></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif; margin-left: 1em; margin-right: 1em;"><a href="https://2.bp.blogspot.com/-tOUmQoSw2BI/WGpBd7MiXXI/AAAAAAAAA8c/lPNRJtPIYbEX8wIIM8vIHJyZVIWdRod2gCPcB/s1600/indrasatya-company-profile-general-solutions.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://2.bp.blogspot.com/-tOUmQoSw2BI/WGpBd7MiXXI/AAAAAAAAA8c/lPNRJtPIYbEX8wIIM8vIHJyZVIWdRod2gCPcB/s640/indrasatya-company-profile-general-solutions.png" width="378" /></a></span></div>
</div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: large;"><b>Demo Aplikasi</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/wR58S60Ng10/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/wR58S60Ng10?feature=player_embedded" width="700"></iframe></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt; line-height: 115%;">Dalam rangka menyambut
tahun baru 2017, saya akan membagikan beberapa aplikasi secara gratis. Jadi
buat teman-teman yang tertarik untuk mempelajari </span><strong><span style="font-size: 12.0pt; line-height: 115%;">Web
Company Profile “General Solutions” dengan PHP7 dan MySQLi</span></strong><span style="background: white; font-size: 11.0pt; line-height: 115%;"> </span><span style="background: white; font-size: 12.0pt; line-height: 115%;">ini, silahkan download
melalui link dibawah ini</span>
<span style="font-size: 12.0pt; line-height: 115%;"><br /></span>
</span><br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><a data-cke-saved-href="https://drive.google.com/open?id=0B3FPy6EEVj9WeGhKYTFVMkRuMVk" href="https://drive.google.com/open?id=0B3FPy6EEVj9WeGhKYTFVMkRuMVk" style="background-color: #3bafda; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "trebuchet ms" , "trebuchet ms" , "helvetica" , sans-serif;">Download</span>
</a>
</span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt; line-height: 115%;"><br /></span>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;">Password : www.indrasatya.com</span></span>
<br />
<br />Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com4tag:blogger.com,1999:blog-1423591356853739156.post-16648895162958220742016-11-21T11:12:00.003+07:002021-05-16T16:36:27.189+07:00Aplikasi Pengelolaan Kas<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-6LHEq0OArbw/WDJzY6B8FNI/AAAAAAAAA28/p00yiynhIRUoZ3zwfuYdyQGRB3IsZOrPACEw/s1600/indrasatya-aplikasi-kas.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-6LHEq0OArbw/WDJzY6B8FNI/AAAAAAAAA28/p00yiynhIRUoZ3zwfuYdyQGRB3IsZOrPACEw/s1600/indrasatya-aplikasi-kas.jpg" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;"><br /></span></strong></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">Aplikasi
Pengelolaan Kas</span></strong><span style="font-size: 12.0pt;"> ini adalah
aplikasi yang digunakan untuk mempermudah dalam melakukan pencatatan penerimaan
kas dan pengeluaran kas. <i>Output</i> yang
dihasilkan dari aplikasi adalah laporan penerimaan kas dan pengeluaran kas per
hari, per bulan serta per tahun. Selain itu juga terdapat grafik yang
menunjukan informasi penerimaan kas dan pengeluaran kas per tahun. <o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 84.0pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Aplikasi ini <span style="background: white;">dibangun menggunakan
bahasa pemrograman <b>PHP</b> dan database <b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya menggunakan
<b>PDO (PHP Data Objects)</b>, serta
menggunakan <b>prepared statements</b>
untuk membuat query yang lebih aman dan cepat.<o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt;">Materi yang dapat dipelajari dari aplikasi ini selain proses <em>create, read, update, delete, dan search</em><span class="st"> </span>adalah bagaimana menggunakan <b>JQuery DataTables</b> untuk membuat tabel yang dinamis, mengupload
gambar ke database, membuat grafik menggunakan <b>Hightchart</b>, dan membuat laporan </span><span style="font-size: 12pt;">dalam
format PDF menggunakan library <b>html2pdf</b></span><span style="font-size: 12.0pt;">. Selain itu juga dapat
dipelajari bagaimana mendesain tampilan aplikasi menggunakan <b>CSS Bootstrap. </b>Pada aplikasi ini saya
menggunakan template <b>AdminLTE-2.0.4.</b><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-family: "trebuchet ms" , "serif"; font-size: x-large; mso-ascii-theme-font: major-latin; mso-bidi-font-size: 12.0pt; mso-hansi-theme-font: major-latin;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14.0pt;"> </span></b></em><em><b><span style="font-size: 12.0pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Login</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman login multi user. Ada 2
level user yaitu admin dan user.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Dashboard</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Setelah user berhasil login, maka
akan diarahkan ke halaman Dashboard. Halaman ini menunjukan informasi jumlah
total penerimaan, jumlah total pengeluaran dan jumlah saldo. Selain itu juga
ada informasi jumlah penerimaan dan pengeluaran per hari.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-zx0fvTCRzJc/WDJzYSZ-yRI/AAAAAAAAA24/HH4KUzgNFCQ1TwzLu1GOCrOjpoTcKh2QwCEw/s1600/indrasatya-aplikasi-kas-dashboard-lg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://3.bp.blogspot.com/-zx0fvTCRzJc/WDJzYSZ-yRI/AAAAAAAAA24/HH4KUzgNFCQ1TwzLu1GOCrOjpoTcKh2QwCEw/s640/indrasatya-aplikasi-kas-dashboard-lg.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Penerimaan Kas</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data penerimaan
kas. Pada halaman ini user dapat menginput, dan mencari data penerimaan kas.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-s634mBcW1hI/WDJzYU83pGI/AAAAAAAAA2w/V5zM9lgU0mMWBPiCtR96vdtsX1mmzwkzwCEw/s1600/indrasatya-aplikasi-kas-penerimaan-input.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://2.bp.blogspot.com/-s634mBcW1hI/WDJzYU83pGI/AAAAAAAAA2w/V5zM9lgU0mMWBPiCtR96vdtsX1mmzwkzwCEw/s640/indrasatya-aplikasi-kas-penerimaan-input.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Pengeluaran Kas</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data pengeluaran
kas. Pada halaman ini user dapat menginput, dan mencari data pengeluaran kas.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-mgkbTEZbywA/WDJzbaLsd3I/AAAAAAAAA3A/qcLxABv-PAI4KXsZBPnSGIPYbsIMn5ydwCEw/s1600/indrasatya-aplikasi-kas-pengeluaran-input.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://4.bp.blogspot.com/-mgkbTEZbywA/WDJzbaLsd3I/AAAAAAAAA3A/qcLxABv-PAI4KXsZBPnSGIPYbsIMn5ydwCEw/s640/indrasatya-aplikasi-kas-pengeluaran-input.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Laporan Penerimaan Kas</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mencetak laporan
penerimaan kas. Laporan dapat dicetak per hari, per bulan dan per tahun.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Laporan Pengeluaran Kas</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mencetak laporan pengeluaran
kas. Laporan dapat dicetak per hari, per bulan dan per tahun.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Laporan Rekapitulasi Kas</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mencetak laporan rekapitulasi
kas. Laporan dapat dicetak per hari, per bulan dan per tahun.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Grafik</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman yang menunjukan informasi
penerimaan kas dan pengeluaran kas per tahun dalam bentuk grafik line.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Rebeqtj7SDM/WDJzYfo8zxI/AAAAAAAAA20/knlmXPO2bpMBJY_FAvCO_BbaM7RnshPZQCEw/s1600/indrasatya-aplikasi-kas-grafik.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="366" src="https://4.bp.blogspot.com/-Rebeqtj7SDM/WDJzYfo8zxI/AAAAAAAAA20/knlmXPO2bpMBJY_FAvCO_BbaM7RnshPZQCEw/s640/indrasatya-aplikasi-kas-grafik.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">9.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></strong><strong><span style="font-size: 12.0pt;">Manajemen
User</span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data user
yang dapat menggunakan aplikasi.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">10.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Profil User</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman yang menunjukan informasi
profil user yang sedang login. Pada halaman ini user dapat mengubah informasi
profilnya masing-masing.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -21.3pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">11.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></b><strong><span style="font-size: 12.0pt;">Ubah Password</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 21.3pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengubah password
user.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: large;"><b>Demo Aplikasi</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/ktGWn0teypo/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/ktGWn0teypo?feature=player_embedded" width="700"></iframe></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12.0pt; line-height: 115%;">Aplikasi Pengelolaan Kas</span></strong><span style="font-size: 12.0pt; line-height: 115%;"> <span style="background: white;">berbasis web ini,
silahkan download melalui link dibawah ini</span></span>
<span style="font-size: 12.0pt; line-height: 115%;"><br /></span>
</span><br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #58c9f3; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "trebuchet ms" , "arial" , "helvetica" , sans-serif;">Download</span>
</a>
</span></div>
<span style="font-family: "trebuchet ms" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com5tag:blogger.com,1999:blog-1423591356853739156.post-88660901860347918682016-11-20T11:15:00.003+07:002021-05-16T16:36:47.745+07:00Aplikasi Pengolahan Data Mutasi Siswa<div class="MsoNoSpacing" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-kccHMBJD6YI/WDEsUUy6KGI/AAAAAAAAA2I/48iPXBg_flQWIVfnnvIIm3WJsnSNaXyugCLcB/s1600/indrastya-aplikasi-pengolahan-data-mutasi-siswa.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-kccHMBJD6YI/WDEsUUy6KGI/AAAAAAAAA2I/48iPXBg_flQWIVfnnvIIm3WJsnSNaXyugCLcB/s1600/indrastya-aplikasi-pengolahan-data-mutasi-siswa.png" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;"><br /></span></strong></span>
<span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">Aplikasi
Pengolahan Data Mutasi Siswa</span></strong><span style="font-size: 12.0pt;"> ini adalah aplikasi yang digunakan untuk melakukan pendataan mutasi
siswa sekolah menengah atas (SMA). Terdapat dua jenis mutasi, Mutasi Masuk
untuk mendata siswa pindahan dari sekolah lain dan Mutasi Keluar untuk mendata
siswa yang keluar atau pindah ke sekolah lain. Aplikasi yang saya buat untuk
tujuan pembelajaran ini <span style="background: white;">dibangun menggunakan
bahasa pemrograman <b>PHP</b> dan database <b>MySQL</b>. Untuk<span class="apple-converted-space"> </span>cara mengakses databasenya menggunakan
<b>MySQLi Extension </b>dengan konsep pemrograman prosedural.<o:p></o:p></span></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 152.25pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: 12.0pt;">Materi yang dapat dipelajari dari aplikasi ini selain proses <em>create, read, update, delete, dan search</em><span class="st"> </span>adalah bagaimana menggunakan <b>JQuery DataTables</b> untuk membuat tabel yang dinamis, mengupload
gambar ke database, membuat grafik menggunakan <b>Hightchart</b>, dan membuat laporan </span><span style="font-size: 12pt;">dalam
format PDF menggunakan library <b>html2pdf</b></span><span style="font-size: 12.0pt;">. Selain itu juga dapat
dipelajari bagaimana mendesain tampilan aplikasi menggunakan <b>CSS Bootstrap. </b>Pada aplikasi ini saya
menggunakan template <b>Ace Admin V.1.3.3.</b><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="tab-stops: 36.0pt 154.5pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"> <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: x-large;">Fitur
Apilkasi</span></b><em><b><span style="font-size: 14.0pt;"> </span></b></em><em><b><span style="font-size: 12.0pt;"><o:p></o:p></span></b></em></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">1.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><strong><span style="font-size: 12.0pt;">Login</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman login single user. Hanya
terdapat 1 user yaitu admin.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">2.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><strong><span style="font-size: 12.0pt;">Beranda</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Setelah user berhasil login, maka
akan diarahkan ke halaman Beranda. Halaman ini merupakan halaman dashboard yang
memberikan informasi jumlah total siswa, siswa aktif, mutasi siswa masuk dan
mutasi siswa keluar. <o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-6vb-RJYK5kc/WDEwaBR-PgI/AAAAAAAAA2U/qcHjWivhAo0oVniiviHcYQR_DT1bkF-4gCLcB/s1600/indrastya-aplikasi-pengolahan-data-mutasi-siswa-beranda.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://3.bp.blogspot.com/-6vb-RJYK5kc/WDEwaBR-PgI/AAAAAAAAA2U/qcHjWivhAo0oVniiviHcYQR_DT1bkF-4gCLcB/s640/indrastya-aplikasi-pengolahan-data-mutasi-siswa-beranda.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">3.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><strong><span style="font-size: 12.0pt;">Siswa</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data siswa.
Pada halaman ini admin dapat menginput, mengubah, menghapus, dan mencari data siswa
serta mengupload foto siswa.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-JvzBHj49nR8/WDEwaEIcBII/AAAAAAAAA2Y/OELQcAkKmxc06X-zRTQOpQ2USdXw8r-QwCEw/s1600/indrastya-aplikasi-pengolahan-data-mutasi-siswa-siswa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://4.bp.blogspot.com/-JvzBHj49nR8/WDEwaEIcBII/AAAAAAAAA2Y/OELQcAkKmxc06X-zRTQOpQ2USdXw8r-QwCEw/s640/indrastya-aplikasi-pengolahan-data-mutasi-siswa-siswa.png" width="606" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">4.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><strong><span style="font-size: 12.0pt;">Mutasi Siswa</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengolah data mutasi
siswa. Pada halaman ini admin dapat menginput, mengubah, menghapus, serta
mencari data mutasi siswa masuk dan mutasi siswa keluar/pindah.<o:p></o:p></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-nukLOaIIpS4/WDEwaDW9RxI/AAAAAAAAA2c/DDmTz4Ocf9gbkpJYQwukPlxoC609Dm0lACEw/s1600/indrastya-aplikasi-pengolahan-data-mutasi-siswa-mutasi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://3.bp.blogspot.com/-nukLOaIIpS4/WDEwaDW9RxI/AAAAAAAAA2c/DDmTz4Ocf9gbkpJYQwukPlxoC609Dm0lACEw/s640/indrastya-aplikasi-pengolahan-data-mutasi-siswa-mutasi.png" width="640" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">5.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><strong><span style="font-size: 12.0pt;">Rekap Siswa Aktif</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk merekap data siswa
yang masih aktif. Pada halaman ini admin dapat mencetak data siswa aktif dalam
format PDF.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><strong><span style="font-size: 12.0pt;">6.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;"> </span></span></strong><!--[endif]--><strong><span style="font-size: 12.0pt;">Rekap
Mutasi Siswa</span></strong><strong><span style="font-size: 12.0pt; font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk merekap data mutasi
siswa masuk dan mutasi siswa keluar/pindah per tahun. Pada halaman ini admin
dapat mencetak rekap mutasi siswa dalam format PDF.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">7.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><strong><span style="font-size: 12.0pt;">Gafik Mutasi Siswa</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman yang menunjukan informasi
mutasi siswa masuk dan mutasi siswa keluar/pindah dalam bentuk grafik per tahun.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; mso-list: l0 level1 lfo1; text-align: justify; text-indent: -14.2pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif;"><b><span style="font-size: 12.0pt;">8.<span style="font-size: 7pt; font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><strong><span style="font-size: 12.0pt;">Ubah Password</span></strong><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="margin-left: 14.2pt; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: 12.0pt;">Halaman untuk mengubah password admin.<strong><span style="font-weight: normal;"><o:p></o:p></span></strong></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-large;"><b>Demo Aplikasi</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/2kkmPRkuZsE/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/2kkmPRkuZsE?feature=player_embedded" width="700"></iframe></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt;">Script didalam aplikasi ini dapat dipelajari
dengan mudah karena sudah saya berikan komentar pada setiap prosesnya, sehingga
dapat digunakan sebagai referensi bagi teman-teman yang sedang mengerjakan
tugas kuliah, Skripsi, Tugas Akhir, atau yang baru belajar pemrograman PHP.</span><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
<div class="MsoNoSpacing" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="background: white; font-size: 12.0pt; line-height: 115%;">Jika teman-teman tertarik
untuk mempelajari </span><strong><span style="font-size: 12.0pt; line-height: 115%;">Aplikasi Pengolahan Data Mutasi Siswa</span></strong><span style="font-size: 12.0pt; line-height: 115%;"> <span style="background: white;">berbasis web ini,
silahkan download melalui link dibawah ini</span></span>
</span>
<span style="font-family: "cambria" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span><br />
<div style="background-color: white; color: #333333; font-size: 13px; line-height: 20.8px; text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif;"><a data-cke-saved-href="http://www.indrasatya.com/p/member-php.html" href="http://www.indrasatya.com/p/member-php.html" style="background-color: #58c9f3; border-radius: 4px; border: 1px solid rgb(88, 201, 243); color: white; font-size: 20px; line-height: 1.42857; padding: 10px 16px; text-align: center; text-decoration: none; vertical-align: middle;">
<span style="font-family: "trebuchet ms" , "helvetica" , sans-serif;">Download</span>
</a>
</span></div>
<span style="font-family: "trebuchet ms" , "serif"; font-size: 12.0pt; line-height: 115%;"><br /></span>Indra Setyawantorohttp://www.blogger.com/profile/14246655771202984907noreply@blogger.com0