Saturday, March 26, 2016

Kategori: , ,

Tutorial PHP : Aplikasi Pusat Bimbingan Belajar Dengan JQuery Mobile

CodeGitHub mysql php


Tobi Web ID Tempatnya Cari Source Code Toko Online, Source Code Aplikasi PHP, Berbasis PHP dan MySQl, Source code CodeIgniter, Pengelolaan Data dengan Codeigniter, Contoh Program dengan PHP, Source Code eCommerce, Source Code dengan Laravel, cek source code website, source code toko online, source code toko online dengan php mysql

PHP Bimbingan, Kursus Belajar : Cara Mudah Aplikasi Pusat Bimbingan Belajar Dengan PHP, MySQL & JQuery Mobile, Tutorial PHP MySQL Membuat Website Kursus Online.

Pada postingan kali ini saya akan membagikan tutorial membuat Aplikasi Pusat bimbingan belajar dengan PHP, MySQL dan JQuery Mobile. contoh program ini bersumber dari GitHub. Semoga bisa jadi sebagai referensi yang berguna, dan bermanfaat dalam membuat sebuah aplikasi bimbingan belajar dan kursus online. Sebelum memulai berikut admin bagikan pengalaman belajar dari source code ini. Jangan kebanyakan teori sob, siapkan kopi. nyalakan laptop, jangan lupa charger di pasang ya :v, cekidot belajar dulu beberapa script sebelum sobat belajar di komputer/laptop sobat.


Koneksi.php

1. Script Koneksi.php, yaitu script yang digunakan untuk koneksi ke database mysql, silahkan buka pada direktori config/koneksi.php


<?php
// panggil fungsi validasi xss dan injection
require_once('fungsi_validasi.php');
// definisikan koneksi ke database
$server = "localhost";
$username = "root";
$password = "";
$database = "bimbel";
// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
// buat variabel untuk validasi dari file fungsi_validasi.php
$val = new Validasi;
?>

2. Sobat juga perlu mempelajari script fungsi validasi xss dan injection yang ada pada direktori  config/fungsi_validasi.php


<?php
class Validasi{
    function __construct(){}
    
    function validasi($str, $tipe){
        switch($tipe){
            default:
            case'sql':
                $str = stripcslashes($str); 
                $str = htmlspecialchars($str);              
                $str = preg_replace('/[^A-Za-z0-9]/','',$str);              
                return intval($str);
            break;
            case'xss':
                $str = stripcslashes($str); 
                $str = htmlspecialchars($str);
                $str = preg_replace('/[\W]/','', $str);
                return $str;
            break;
        }
    }
    
    function extension($path) {
        $file = pathinfo($path);
        if(file_exists($file['dirname'].'/'.$file['basename'])){
            return $file['basename'];
        }
    }
    
}
?>

3. Sebelum langkah 1 dan 2 sobat perlu juga meng import database mysqlnya di webserver sobat, misalnya phpmyadmin atau sejenisnya, buat dengan nama database "bimbel", berikut scriptnya, silahkan copy dan pastekan di text editor.


-- phpMyAdmin SQL Dump
-- version 3.2.4
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Waktu pembuatan: 21. Nopember 2013 jam 20:01
-- Versi Server: 5.1.41
-- Versi PHP: 5.3.1

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `bimbel`
--

-- --------------------------------------------------------

--
-- Struktur dari tabel `berita`
--

CREATE TABLE IF NOT EXISTS `berita` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `judul_berita` varchar(50) NOT NULL,
  `isi_berita` text NOT NULL,
  `tanggal_berita` date NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ;

--
-- Dumping data untuk tabel `berita`
--

INSERT INTO `berita` (`id`, `judul_berita`, `isi_berita`, `tanggal_berita`) VALUES
(1, 'The Last Samurai', 'Pemberontakan', '2013-03-13'),
(3, 'SNMPTN Jalur Undangan', '!!!', '2013-03-27'),
(4, 'Konyol Banget UN tak Serentak-Okezone', 'JAKARTA - Ketika siswa di 22 provinsi berkutat dengan soal-soal ujian nasional (UN) hari kedua, sedikitnya satu juta siswa di 11 provinsi masih menunggu masa ujian mereka dimulai. Peserta UN di kawasan Indonesia Tengah memang baru akan memulai UN pada Kamis, 18 April mendatang karena pihak sekolah belum menerima naskah soal UN. \r\n\r\nMenurut Swasthi, peserta UN di Jakarta, sangatlah konyol jika UN tidak serentak dilaksanakan. Cewek kelahiran 1995 itu menilai, persiapan panitia yang kurang, membuat mereka kewalahan. \r\n\r\n"Kasihan banget para murid di 11 provinsi itu ketinggalan dengan sekolah-sekolah lainnya. Jadi, itu konyol aja," kata Swasthi kepada Okezone di SMAN 4 Gambir, Jakarta Pusat, Selasa (16/4/2013). \r\n\r\nSementara itu, Mantan Ketua OSIS SMAN 4 Jakarta Pusat Fathurrahman melihat UN tahun ini sebagai UN tergagal. Salah satu penyebabnya adalah ketidakseragaman jadwal pelaksanaan UN di seluruh Indonesia. \r\n\r\n"Anggota komisi X DPR saja mengatakan bahwa UN 2013 merupakan UN tergagal di tahun ini. Terlihat dari masalah percetakan dan pengiriman naskah soal UN. Selain itu, dinas pendidikan juga kelihatan enggak siap menjelang UN," imbuhnya.\r\n\r\nSeperti diketahui, UN di 11 provinsi Indonesia bagian tengah terpaksa ditunda karena terhambat pada logistik. PT Ghalia Indonesia Printing yang menangani pencetakan naskah soal di ke-11 provinsi tersebut gagal memenuhi target pengepakan dan distribusi soal UN. \r\n', '2013-04-16'),
(5, 'Seleksi mahasiswa baru 2013 Jalur PMDK', 'BANDUNG, polban.ac.id - Diberitahukan kepada seluruh siswa/siswi SMA/SMK/MA yang akan lulus pada tahun 2013 ini dan sangat berminat menuntut ilmu di POLBAN, bahwa POLBAN kembali membuka Seleksi Mahasiswa Baru melalui jalur Penelusuran Minat dan Kemampuan (PMDK).\r\nPMDK tetap dibagi menjadi 2 jalur yaitu jalur PMDK Prestasi Akademik (PMDK AK) dan jalur PMDK Bidik Misi (PMDK BM).\r\n \r\nSatu hal yang perbedaan yang paling signifikan dari tahun - tahun sebelumnya adalah bahwa Pendaftaran PMDK tahun 2013 ini tidak dipungut biaya sama sekali dengan arti kata biaya pendaftaran GRATIS baik untuk PMDK AK maupun PMDK BM. Ini adalah salah satu bentuk keberpihakan Politeknik Negeri Bandung terhadap pentingnya melanjutkan ke pendidikan tinggi bagi seluruh siswa/siswi lulusan terbaik dan memberikan kesempatan seluas-luasnya kepada siswa/siswi yang berada pada ekonomi lemah  untuk melanjutkan pendidikan ke jenjang yang lebih tinggi dengan kuota lebih kurang 60% dari total penerimaan mahasiswa baru tahun ini adalah 1750 orang. Sehingga sangat besar kesempatan calon peserta melalui jalur PMDK untuk menuntut ilmu di POLBAN.\r\nPendaftaran PMDK dilakukan secara online melalui http://pmdk.polban.ac.id yang semula akan dibuka pada tanggal 18 Pebruari 2013 akan dimundurkan menjadi tanggal 4 Maret 2013 s.d. 30 April 2013 (Cap Pos). untuk prosedur dapat dilihat di http://pmdk.polban.ac.id/downloads/langkahPendaftaran_2013.pdf dan untuk informasi silahkan baca di http://pmdk.polban.ac.id/web/informasi .\r\n', '2013-04-16');

-- --------------------------------------------------------

--
-- Struktur dari tabel `jurusan`
--

CREATE TABLE IF NOT EXISTS `jurusan` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `kd_jurusan` char(3) NOT NULL,
  `nm_jurusan` varchar(20) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `kd_jurusan` (`kd_jurusan`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=8 ;

--
-- Dumping data untuk tabel `jurusan`
--

INSERT INTO `jurusan` (`id`, `kd_jurusan`, `nm_jurusan`) VALUES
(1, 'J01', 'IPA'),
(2, 'J02', 'IPS'),
(3, 'J03', 'Bahasa');

-- --------------------------------------------------------

--
-- Struktur dari tabel `kelas`
--

CREATE TABLE IF NOT EXISTS `kelas` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `kd_kelas` char(3) NOT NULL,
  `nm_kelas` varchar(20) NOT NULL,
  `kd_jurusan` char(3) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `kd_kelas` (`kd_kelas`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

--
-- Dumping data untuk tabel `kelas`
--

INSERT INTO `kelas` (`id`, `kd_kelas`, `nm_kelas`, `kd_jurusan`) VALUES
(1, 'K01', 'Reguler IPA', 'J01'),
(2, 'K02', 'Reguler Bahasa', 'J03'),
(4, 'K03', 'Reguler IPS', 'J02');

-- --------------------------------------------------------

--
-- Struktur dari tabel `materi`
--

CREATE TABLE IF NOT EXISTS `materi` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `kd_materi` char(3) NOT NULL,
  `nm_materi` varchar(50) NOT NULL,
  `tgl_upload` date NOT NULL,
  `file` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

--
-- Dumping data untuk tabel `materi`
--

INSERT INTO `materi` (`id`, `kd_materi`, `nm_materi`, `tgl_upload`, `file`) VALUES
(4, 'M01', 'Try Out I', '2013-11-21', 'BAB 2 - 08601241056.pdf');

-- --------------------------------------------------------

--
-- Struktur dari tabel `nilai`
--

CREATE TABLE IF NOT EXISTS `nilai` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nis` char(12) NOT NULL,
  `kd_materi` char(6) NOT NULL,
  `nilai` double DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

--
-- Dumping data untuk tabel `nilai`
--

INSERT INTO `nilai` (`id`, `nis`, `kd_materi`, `nilai`) VALUES
(1, '077006109', 'M01', 90),
(2, '077006116', 'M01', 80);

-- --------------------------------------------------------

--
-- Struktur dari tabel `pelajaran`
--

CREATE TABLE IF NOT EXISTS `pelajaran` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `kd_pelajaran` char(6) NOT NULL,
  `nm_pelajaran` varchar(20) NOT NULL,
  `kd_pengajar` char(3) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

--
-- Dumping data untuk tabel `pelajaran`
--

INSERT INTO `pelajaran` (`id`, `kd_pelajaran`, `nm_pelajaran`, `kd_pengajar`) VALUES
(1, 'MP0101', 'Matematika', 'P01'),
(2, 'MP0102', 'Biologi', 'P01'),
(3, 'MP0201', 'Ekonomi', 'P01'),
(4, 'MP1234', 'Geografi', 'P01');

-- --------------------------------------------------------

--
-- Struktur dari tabel `pengajar`
--

CREATE TABLE IF NOT EXISTS `pengajar` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `kd_pengajar` char(3) NOT NULL,
  `nm_pengajar` varchar(50) NOT NULL,
  `alamat` varchar(50) DEFAULT NULL,
  `no_telp` char(12) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

--
-- Dumping data untuk tabel `pengajar`
--

INSERT INTO `pengajar` (`id`, `kd_pengajar`, `nm_pengajar`, `alamat`, `no_telp`) VALUES
(1, 'P01', 'Pak Fredie', 'Rumah', '088088088088');

-- --------------------------------------------------------

--
-- Struktur dari tabel `program_bimbel`
--

CREATE TABLE IF NOT EXISTS `program_bimbel` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `program` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;

--
-- Dumping data untuk tabel `program_bimbel`
--

INSERT INTO `program_bimbel` (`id`, `program`) VALUES
(1, '<a style="margin: 0px; padding: 0px; color: #cc6600; font-family: &#39;Times New Roman&#39;; font-size: medium"><span style="margin: 0px; padding: 0px; color: #000000; text-align: justify" class="isian">\r\n<table border="0" cellspacing="0" cellpadding="5" width="420" align="left" style="margin: 0px; padding: 0px" background="http://www.ganesha-operation.com/images/blank.gif">\r\n    <tbody>\r\n     <tr style="margin: 0px; padding: 0px">\r\n          <td class="blacktext" width="400" valign="top" style="margin: 0px; padding: 0px">\r\n           <p style="margin: 0px; padding: 0px 0px 1.2em; font-family: &#39;Lucida Sans Unicode&#39;, sans-serif">\r\n         <strong class="greentitle" style="margin: 0px; padding: 0px">Tujuan Program</strong><br />\r\n          Meningkatkan prestasi di sekolah.<br />\r\n         Menaikkan nilai rapor.<br />\r\n            Nilai Nilai UN tinggi.<br />\r\n            Sukses SNMPTN.\r\n          </p>\r\n            <p style="margin: 0px; padding: 0px 0px 1.2em; font-family: &#39;Lucida Sans Unicode&#39;, sans-serif">\r\n         <strong class="greentitle" style="margin: 0px; padding: 0px">Materi Bimbingan</strong><br />\r\n            Bidang studi materi UN dan SNMPTN.\r\n          </p>\r\n            <p style="margin: 0px; padding: 0px 0px 1.2em; font-family: &#39;Lucida Sans Unicode&#39;, sans-serif">\r\n         <strong class="greentitle" style="margin: 0px; padding: 0px">Sarana</strong><br />\r\n          Paket panduan belajar.<br />\r\n            Simulasi ulangan umum.<br />\r\n            Simulasi UN.<br />\r\n          Simulasi SNMPTN.<br />\r\n          Tes dan Try Out.\r\n            </p>\r\n            <p style="margin: 0px; padding: 0px 0px 1.2em; font-family: &#39;Lucida Sans Unicode&#39;, sans-serif">\r\n         <strong class="greentitle" style="margin: 0px; padding: 0px">Keterangan</strong><br />\r\n          Belajar 2 kali seminggu.\r\n            </p>\r\n            </td>\r\n       </tr>\r\n   </tbody>\r\n</table>\r\n</span></a>\r\n');

-- --------------------------------------------------------

--
-- Struktur dari tabel `siswa`
--

CREATE TABLE IF NOT EXISTS `siswa` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nis` char(12) NOT NULL,
  `nm_siswa` varchar(50) NOT NULL,
  `tanggal_lahir` date NOT NULL,
  `jk` char(10) NOT NULL,
  `alamat` varchar(50) DEFAULT NULL,
  `asal_sekolah` varchar(50) NOT NULL,
  `no_telp` varchar(12) DEFAULT NULL,
  `kd_kelas` char(6) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=6 ;

--
-- Dumping data untuk tabel `siswa`
--

INSERT INTO `siswa` (`id`, `nis`, `nm_siswa`, `tanggal_lahir`, `jk`, `alamat`, `asal_sekolah`, `no_telp`, `kd_kelas`) VALUES
(1, '077006109', 'Rio', '1993-04-13', 'Laki-Laki', 'pancasila', 'stm', '123', 'K01'),
(2, '077006116', 'Budi Maulana', '1988-09-30', 'Laki-Laki', 'pertamina', 'perwari', '2345', 'K02'),
(3, '123123', 'Aceng', '2013-11-01', 'Perempuan', 'Tasikmalaya x', 'periwatas', '123123', 'K03');

-- --------------------------------------------------------

--
-- Struktur dari tabel `users`
--

CREATE TABLE IF NOT EXISTS `users` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(50) NOT NULL,
  `password` varchar(50) NOT NULL,
  `level` enum('admin','member') NOT NULL DEFAULT 'member',
  PRIMARY KEY (`id`),
  UNIQUE KEY `username` (`username`),
  UNIQUE KEY `username_2` (`username`),
  UNIQUE KEY `username_3` (`username`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=13 ;

--
-- Dumping data untuk tabel `users`
--

INSERT INTO `users` (`id`, `username`, `password`, `level`) VALUES
(1, 'admin', 'admin', 'admin'),
(7, '077006109', '077006109', 'member'),
(8, '077006116', '077006116', 'member'),
(9, '123123', '123123', 'member');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

4. Pelajari juga Script Index.php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pusat Bimbingan Belajar Ganesha Operation</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans|Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="wrapper" class="container">
  <div id="header">
    <div id="logo">
      <h1><a href="#">Ganesha Operation</a></h1>
    </div>
    <div id="menu">
      <ul>
        <?php
        include "menu.php";
        ?>
      </ul>
    </div>
  </div>
  <div id="banner"><img src="images/logogo.jpg" width="1100" height="200" alt="" /></div>
  <div id="page">

<div id="sidebar">
      <div id="box1">
        <h2 class="title">Berita Terbaru</h2>
        <ul class="style1">
          <?php
        include "berita.php";
        ?>
        </ul>
      </div>
    </div>
    
    <div id="content">
      <?php
        include "content.php";
        ?>
    </div>
    
  </div>
  <div id="footer">
    <p>Copyright (c) 2013 Pusat Bimbingan Belajar Ganesha Operation. All rights reserved.</p>
  </div>
</div>
</body>
</html>

Ok begitulah beberapa script yang harus sobat ketahui, silahkan install website bimbingan / kursus online ini. 
Terima Kasih kepada
1. Github/irmanfrm

Untuk source code lengkapnya silahkan download pada link berikut :




Sekian postingan kali ini tentang membuat Aplikasi Pusat bimbingan belajar dengan PHP, MySQL dan JQuery Mobile, semoga bermanfaat bagi sobat semuanya. Terima kasih atas kunjungannya.

Tobi Muhammad

Author & Editor

Tobi (Muhammad Tobi) adalah seorang Tukang Masak di perusahaan startup, suka sekali menulis dan mempelajari source code open source lisensi GNU di Github dll. Bisa pemrogramman web karena sering belajar dari contoh program yang ada di Github dll. Anak desa yang hanya lulusan Paket C.

0 comments:

Post a Comment

 

News Letters

Subscribe here to get our newsletter in your inbox, it is safe and EASY!

Tobi Web Indonesia