Anda di halaman 1dari 64

LAPORAN PRAKTEK KERJA INDUSTRI

(PRAKERIN)
2018-2019

Oleh :

POKJA PRAKERIN

PEMERINTAH PROVINSI JAWA BARAT


DINAS PENDIDIKAN
SMK BINA MANDIRI MULTIMEDIA
Jalan Raya Cileungsi Jonggol Km.1 Desa Cileungsi Kidul Kec. Cileungsi Kab. Bogor Provinsi Jawa Barat.
Tlp. (021) 82491984 Fax. (021) 82482930. E-Mail: smkbinamandiri_bm3@yahoo.com
Website : smkbinamandirimultimedia.sch.id
LAPORAN PRAKTIK KERJA LAPANGAN
(PKL)
DI PT.INDISMART KREATIF SOLUSI

Disusun Sebagai salah satu syarat dalam menempuh Ujian Akhir Sekolah
di SMK BINA MANDIRI MULTIMEDIA

Disusun Oleh:

Nama NIS Kompetensi Keahlian


Muhammad Tegar Setia Budiman 17.18.10.66.045 REKAYASA PERANGKAT LUNAK

PEMERINTAH PROVINSI JAWA BARAT


DINAS PENDIDIKAN
SMK BINA MANDIRI MULTIMEDIA
Jalan Raya Cileungsi Jonggol Km.1 Desa Cileungsi Kidul Kec. Cileungsi Kab. Bogor Provinsi Jawa Barat.
Tlp. (021) 82491984 Fax. (021) 82482930. E-Mail: smkbinamandiri_bm3@yahoo.com
Website : smkbinamandirimultimedia.sch.id
LEMBAR PENGESAHAN

Laporan PKL ini telah diperiksa oleh Pembimbing dari SMK Bina Mandiri
Multimedia dan dari PT. Indismart Kreatif Solusi dan mendapat persetujuan dari
Kepala Sekolah dan Direktur PT. Indismart Kreatif Solusi serta dinyatakan siap untuk
dipresentasikan pada sidang laporan Praktek Kerja Lapangan.

Tubagus Ismail, 04 Oktober 2018

Pembimbing PKL (DU/DI) Guru Pembimbing PKL


PT. Indismart Kreatif Solusi

............................................ .................................................
Anjasmara Octaris Eka Sigit Haryanto, S.Kom

Mengetahui :

Kepala SMK Bina Mandiri Multimedia Direktur PT. Indismart


Kreatif Solusi

........................................... ..............................................
Drs. H. Usman HM.,M.M Ardyka Perdana Putra

iii
KATA PENGANTAR

Puji Syukur kami panjatkan ke hadirat Allah Subhanahuwata’ala, karena


hanya dengan hidayah dan TaufikNya-lah, penyusunan laporan PKL ini dapat
diselesaikan dengan baik sesuai jadwal yang telah ditetapkan.
Laporan PKL ini, kami susun berdasarkan hasil pelaksanaan kegiatan
pelaksanaan PKL di PT Indismart Kreatif Solusi, sebagai bukti kegiatan yang telah
kami laksanakan. Selain itu laporan PKL ini mudah-mudahan dapat menjadi sumber
referensi bagi rekan-rekan adik tingkat kami yang akan dan telah melaksanakan PKL.
Pada kesempatan ini tidak lupa kami mengucapkan terima kasih kepada;
1. Bapak Drs. H Usman HM., M.M selaku Kepala SMK BINA Mandiri
Multimedia
2. Bapak Ardyka Perdana Putra selaku pimpinan PT Indismart Kreatif Solusi
3. Bapak Eka Sigit Haryanto, S.Kom selaku Kepala Program Keahlian Rekayasa
Perangkat Lunak SMK BINA MANDIRI MULTIMEDIA
4. Bapak Eka Sigit Haryanto, S.Kom selaku guru pembimbing PKL dari sekolah
/ SMK BINA MANDIRI MULTIMEDIA
5. Bapak Anjasmara Octaris selaku pembimbing PKL dari DU/DI / PT
Indismart Kreatif Solusi
6. Seluruh staf, guru SMK BINA MANDIRI MULTIMEDIA.
Kami menyadari bahwa dalam penyusunan laporan PKL ini belumlah sempurna
dan masih banyak kekurangannya. Karenanya saran dan masukan untuk
menyempurnakan laporan ini sangat Kami nantikan. Semoga laporan ini dapat
memberi manfaat

Tubagus Ismail, Oktober 2018


Penyusun

(...........................................)

iv
DAFTAR ISI

Halaman Judul ...............................................................................................


Halaman Pengesahan ...................................................................................
Kata Pengantar ..............................................................................................
Daftar Isi ........................................................................................................
Daftar Gambar ...............................................................................................
Daftar Lampiran ............................................................................................
BAB I PENDAHULUAN ..............................................................................
A. Latar Belakang ...................................................................................
B. Tujuan PKL ........................................................................................
C. Tujuan Penulisan Laporan PKL .........................................................
D. Sistematika Penulisan Laporan PKL ..................................................
BAB II PROSES DAN HASIL BELAJAR DI INDUSTRI/DU-DI ..............
A. Data Pelaksanaan PKL .......................................................................
B. Profil DU/DI (PT Indismart Kreatif Solusi).......................................
C. Identifikasi Jenis Pekerjaan Selama Pelaksanaan PKL......................
BAB III KESIMPULAN DAN SARAN .......................................................
A. Kesimpulan .......................................................................................
B. Saran ...................................................................................................
Lampiran

v
DAFTAR GAMBAR

Gambar1: Foto lokasi PKL..............................................................................................


Gambar 2 :
Gambar 3:
Gambar 4:

vi
BAB I
PENDAHULUAN

A. Latar Belakang
Pembelajaran merupakan suatu proses pengembangan potensi dan pembangunan
karakter peserta didik sebagai hasil sinergi antara pendidikan yang berlangsung di
sekolah, keluarga dan masyarakat. Proses tersebut memberi kesempatan kepada
peserta didik untuk mengembangkan potensi yang mereka miliki menjadi
kemampuan yang semakin lama semakin meningkat dalam sikap (spiritual dan
sosial), pengetahuan, dan keterampilan yang diperlukan untuk kehidupan dirinya dan
kehidupan bermasyarakat pada umumnya, berbangsa, serta berkontribusi pada
kesejahteraan hidup umat manusia.
Guna merealisasikan proses pembelajaran yang efektif dan efisien, setiap satuan
pendidikan melakukan penyusunan program pembelajaran. Pelaksanaan program
pembelajaran dapat berlangsung di sekolah, di lingkungan keluarga, dan di
masyarakat. Pembelajaran yang secara khusus diprogramkan untuk diselenggarakan
di masyarakat antara lain berupa Praktik Kerja Lapangan (PKL). Program PKL
disusun bersama antara sekolah dan masyarakat (Institusi Pasangan/ Industri) dalam
rangka memenuhi kebutuhan peserta didik, sekaligus merupakan wahana bagi dunia
kerja (DU/DI) untuk berkontribusi dalam upaya pengembangan sumber daya manusia
melalui pendidikan di SMK.
Dalam pelaksanaanya sekolah dapat melaksanakan model PKL dengan beberapa
model, diantaranya;

 Praktik Kerja Lapangan dilaksanakan menggunakan sistem blok selama


setengah semester (sekitar 3 bulan), dapat pula dengan cara masuk 3 hari
dalam seminggu, setiap hari 8 jam selama 1 semester.
 Pelaksanaan pembelajaran mata pelajaran kelompok A dan B atau normatif
adaptif dapat dilakukan di satuan pendidikan dan/atau industri (terintegrasi
dengan Praktik Kerja Lapangan) dengan Portofolio sebagai instrumen utama
penilaian.
 SMK/MAK menyelenggarakan program Pendidikan Sistem Ganda (PSG)
bersama dengan institusi pasangan, yang memadukan secara sistematis dan
sistemik program pendidikan di sekolah dengan program penguasaan keahlian
yang diperoleh melalui bekerja langsung di institusi pasangan, terarah untuk
mencapai suatu tingkat keahlian profesional tertentu.

vii
B. Tujuan Praktik Kerja Lapangan

Tujuan Praktik Kerja Lapangan (PKL) antara lain sebagai berikut.


1. Mengaktualisasikan model penyelenggaraan Pendidikan Sistem Ganda (PSG)
antara SMK dan Institusi Pasangan (DU/DI) yang memadukan secara
sistematis dan sistemik program pendidikan di sekolah (SMK) dan program
latihan penguasaan keahlian di dunia kerja (DU/DI).
2. Membagi topik-topik pembelajaran dari Kompetensi Dasar yang dapat
dilaksanakan di sekolah (SMK) dan yang dapat dilaksanakan di Institusi
Pasangan (DU/DI) sesuai dengan sumber daya yang tersedia di masing-
masing pihak.
3. Memberikan pengalaman kerja langsung (real) kepada peserta didik dalam
rangka menanamkan (internalize) iklim kerja positif yang berorientasi pada
peduli mutu proses dan hasil kerja.
4. Menanamkan etos kerja yang tinggi bagi peserta didik untuk memasuki dunia
kerja dalam menghadapi tuntutan pasar kerja global.

C. Tujuan Penulisan Laporan


Penulisan laporan PKL ini bertujuan untuk menyampaikan hasil kegiatan PKL
yang telah dilaksanakan oleh siswa/siswi SMK BINA MANDIRI MULTIMEDIA di
PT Indismart Kreatif Solusi pada tanggal 03 OKTOBER 2018 sampai dengan tanggal
03 JANUARI 2019
Dengan penulisan laporan ini, Kami berharap dapat dilaksanakan presentasi
pelaksanaan PKL untuk memaparkan berbagai kegiatan dan pengalan selama
melaksanakan PKL, serta pada akhirnya dapat memperoleh nilai pelaksanaan PKL
sebagai salah satu syarat dalam menempuh pelaksanaan Ujian Sekolah di SMK
BINA MANDIRI MULTIMEDIA

viii
D. Sistematika Penulisan Laporan PKL
Sistematika dalam penulisan laporan PKL ini disusun sebagai berikut.
Halaman Judul
Halaman Pengesahan
Kata Pengantar
Daftar Isi
Daftar Gambar (jika ada)
Daftar Lampiran
BAB I. PENDAHULUAN
BAB II. PROSES DAN HASIL BELAJAR DI INDUSTRI/DU-DI
BAB III. PENUTUP

ix
BAB II
PROSES DAN HASIL BELAJAR DI INDUSTRI/DU-DI

A. Data Pelaksanaan PKL

Siswa Pelaksana PKL :


Nama NIS Kompetensi Keahlian
REKAYASA PERANGKAT
LUTHFI NANDA ALFRIANSYAH 17.18
LUNAK
REKAYASA PERANGKAT
M TEGAR SETIA BUDIMAN 17.18
LUNAK
REKAYASA PERANGKAT
RAFIF FAUZAN 17.18.10.66.048
LUNAK

Guru Pembimbing : ANJASMARA OCTARIS


Waktu Pelaksanaan PKL : 03 OKTOBER 2018 sd 03 JANUARI 2019

B. Profil DU/DI (PT Indismart Kreatif Solusi)

1. Nama DU/DI : ANJASMARA OCTARIS


2. Bidang Usaha : SOFTWARE DEVELOPER
3. Alamat : JL PONDOK UTARA II
KELURAHAN. SETIAMANAH RT. 2 RW. 5
KECAMATAN. SETIAMANAH
KABUPATEN/KODYA. CIMAHI TENGAH
4. Nama Pimpinan : FUADIT MUHAMMAD
5. Nama Pembimbing PKL : ANJASMARA OCTARIS
6. Foto tempat PKL :
7. Sejarah Singkat perusahaan
PT Indismart Kreatif Solusi didirikan pada tahun 2014 oleh
...........................................
....................................................................................................................................
....................................................................................................................
....................................................................................................................................
....................................................................................................................

x
C. Identifikasi Jenis Pekerjaan Selama Pelaksanaan PKL

No Nama Pekerjaan
1 Backend Engineer
2 Frontend Engineer
3 Bagian Database
4 Dst ...

D. Uraian pekerjaan
AGENDA HARIAN SISWA/SISWI

No Hari Bagian/Devisi Uraian Singkat Pembimbing


Tanggal Pekerjaan
1. Kamis, 04- Full-Stack Mengenal apa itu Anjas
10-2018 Framework CI dan MVC
2. Jum’at, 05- Full-Stack Memodifikasi web Anjas
10-2018 perusahaan
www.indismart.co.id
3. Senin, 08-10- Full-Stack Memperbaiki web Anjas
2018 perusahaan
www.indismart.co.id
4. Selasa, 09-10- Full-Stack Memperbaiki web Anjas
2018 perusahaan
www.indismart.co.id
5. Rabu, 10-10- Full-Stack Membuat akun Bitbucket Anjas
2018
6. Kamis, 11- Full-Stack Membuat website Anjas
10-2018 SmartSchool
7. Jum’at, 12- Full-Stack Membuat website Anjas
10-2018 SmartSchool
8. Senin, 15-10- Full-Stack Membuat Dbase Anjas
2018 SmartSchool
9. Selasa, 16-10- Full-Stack Membuat Dbase Anjas
2018 SmartSchool
10. Rabu, 17-10- Full-Stack CRUD Dbase Anjas
2018 SmartSchool

xi
11. Kamis, 18- Full-Stack CRUD Dbase Anjas
10-2018 SmartSchool
12. Jum’at, 19- Full-Stack CRUD Dbase Anjas
10-2018 SmartSchool
13. Senin, 22-10- Full-Stack - Anjas
2018
14. Selasa, 23-10- Full-Stack Membuat login Anjas
2018 SmartSchool
15. Rabu, 24-10- Full-Stack Membuat login Anjas
2018 SmartSchool
16. Kamis, 25- Full-Stack Mempelajari Upload dan Anjas
10-2018 download pada CI
17. Jum’at, 26- Full-Stack Membuat Dbase Anjas
10-2018 Tabel Materi
18. Senin, 29-10- Full-Stack Membuat Tabel Upload Anjas
2018
19. Selasa, 30-10- Full-Stack Membuat Upload Anjas
2018 SmartSchool
20. Rabu, 31-10- Full-Stack Membuat Tabel Kelas Anjas
2018 SmarthSchool
21. Kamis, 01- Full-Stack Membuat Download Anjas
11-2018 SmartSchool
22. Jum’at, 02- Full-Stack Memperbaiki download Anjas
11-2018
23. Senin, 05-11- Full-Stack Memperbaiki tabel tugas Anjas
2018
24. Selasa, 06-11- Full-Stack Memperbaiki tampilan Anjas
2018 list di SmartSchool
25. Rabu, 07-11- Full-Stack Membuat notifikasi untuk Anjas
2018 Download
26. Kamis, 08- Full-Stack Membuat Dbase Tugas Anjas
11-2018 dan soal
27. Jum’at, 09- Full-Stack Membuat mockup Tugas Anjas
11-2018 di SmartSchool

xii
28. Senin, 12-11- Full-Stack Memperbaiki save Tugas Anjas
2018 di SmartSchool
29. Selasa, 13-11- Full-Stack Memperbaiki List Materi Anjas
2018 di SmartSchool
30. Rabu, 14-11- Full-Stack Membuat function Anjas
2018 Simpan dan Delete
31. Kamis, 15- Full-Stack Membuat Form Det Soal Anjas
11-2018
32. Jum’at, 16- Full-Stack Memperbaiki Form Det Anjas
11-2018 Soal pada SmartSchool
33. Senin, 19-11- Full-Stack Memperbaiki Form Soal Anjas
2018 di SmartSchool
34. Rabu, 21-11- Full-Stack Memperbaiki Form Soal Anjas
2018 di SmartSchool
35. Kamis, 22- Full-Stack Membuat Form Tugas Anjas
11-2018 Soal di SmartSchool
36. Senin, 03-12- Full-Stack Save Form Tugas Soal di Anjas
2018 SmartSchool dan
mempelajari Ajax
37. Selasa, 04-12- Full-Stack Memperbaiki Form Tugas Anjas
2018 Soal dan membuat form
Data Nilai
38. Rabu, 05-12- Full-Stack Memperbaiki Form Tugas Anjas
2018 Siswa dan membuat
Mockup Table Nilai

39. Kamis, 06- Full-Stack Mencari Source Kode Anjas


10-2018 Javascript untuk Jawaban
40. Jum’at, 07- Full-Stack Membuat perulangan Anjas
12- Array pada Jawaban
2018
41. Senin, 10-12- Full-Stack Membuat menghapus Anjas
2018 Array

xiii
42. Selasa, 11-12- Full-Stack Memperbaiki menghapus Anjas
2018 Array
43. Rabu, 12-12- Full-Stack Memperbaiki Save Form Anjas
2018 Jawaban dengan
Javascript
44. Kamis, 13- Full-Stack Membuat Dbase t_nilai Anjas
12-2018
45. Jum’at, 14- Full-Stack Membuat Function Save Anjas
12-2018 Nilai
46. Senin, 17-12- Full-Stack Membuat Save Nilai dan Anjas
2018 memperbaiki Form Tugas
jika sudah dikerjakan
47. Selasa, 18-12- Full-Stack Memperbaiki Form Guru Anjas
2018 dan Form Tugas Soal
48. Rabu, 19-12- Full-Stack Memperbaiki Form Anjas
2018 Materi Siswa dan Form
Tugas, menambahkan
tabel baru di t_tugas
49. Kamis, 20- Full-Stack Memperbaiki Form Anjas
12-2018 Materi Siswa dan Tugas
Soal, membuat Status
Soal dan Download
50. Jum’at, 21- Full-Stack Membuat kurang Jumlah Anjas
12-2018 Soal

51. Rabu, 26-12- Full-Stack Membuat klarifikasi Nilai Anjas


2018
52. Kamis, 27- Full-Stack Membuat Upload Siswa Anjas
12-2018 ke Guru dan Download
Siswa
53. Jum’at, 28- Full-Stack Memperbaiki Form Anjas
12-2018 Upload, membuat Form
Nilai yang sudah
dilakukan Siswa

xiv
Uraian Pekerjaan Singkat

 Kamis, 04-10-2018
Mengenal apa itu Framework CI dan MVC
Framework atau dalam Bahasa Indonesia dapat diartikan “Kerangka
Kerja”. Framework didalam dunia pemrograman merupakan sebuah
kumpulan fungsi-fungsi dan prosedur-prosedur serta class-class dengan tujuan
tertentu yang sudah siap digunakan. Framework berfungsi untuk
mempermudah dan mempecepat kerja seorang programmer dalam membuat
sebuah aplikasi tanpa harus membuat sebuah fungsi atau class dari awal.
Framework Codeigniter merupakan sebuah aplikasi yang
bersifat opensource yang digunakan untuk membuat sebuah aplikasi dengan
bahasa pemrogaman PHP. Codeigniter menggunakan konsep MVC (Model,
View, Controller) dalam membangun aplikasi website dinamis. Hal tersebut
akan mempermudah kinerja para programmer dalam membuat aplikasi
website dinamis. Selain ringan dan cepat, codeigniter juga memiliki
dokumentasi manual yang sangat lengkap. Oleh sebab itu banyak orang yang
memilih codeigniter sebagai framework dasar. Bahkan pembuat PHP Ramus
Lerdorf memuji Codeigniter pada acara frOSCon (Agustus 2008) bahwa dia
menyukai Codeigniter karena “it is faster, lighter and the least like a
framework.”

 Jum’at, 05-10-2018
Memodifikasi web perusahaan www.indismart.co.id
Kami memodifikasi website Indismart. Contoh gambar 1.1

Gambar 1.1 Website Indismart Sebelum Di Memodifiaksi

 Senin, 08-10-2018
Memperbaiki web perusahaan www.indismart.co.id
Kami memperbaiki website Indismart. Contoh gambar 1.2

Gambar 1.2 Website Indismart Sebelum Di Memperbaiki

xv
 Rabu, 10-10-2018
Membuat akun Bitbucket

Gambar 1.3
 Masuk ke website www.bibucket.org, lalu klik Get started for free.

Gambar 1.4
 Masukan Email lalu klik Continue.

xvi
Gambar 1.5
 Masukan Email, nama, dan password. Klik Agree and sign up.

Gambar 1.6
 Verifikasi Email yang masuk di Email yang sudah di daftarkan,
selanjutnya Bitbucket bisa digunakan.

xvii
 Kamis, 11-10-2018
Membuat Website SmartSchool

Gambar 1.7

Gambar 1.8
Smart School adalah aplikasi sekolah yang mengintegrasikan seluruh
sistem dibangun dalam sebuah sekolah. Dengan adanya Smart School
diharapkan dapat mempermudah pekerjaan yang berhubungan dengan
sekolah.

 Senin, 15-10-2018
Membuat Dbase SmartSchool

Gambar 1.9

Tabel – tabel yang ada di Dbase SmartSchool : t_det_soal,


t_det_tugas, t_guru, t_kelas, t_mapel, t_materi, t_materi_siswa, t_siswa,
t_soal, t_staff, t_tugas, t_tugas_siswa, t_user.

xviii
 Senin, 22-10-2018
Membuat login SmartSchool

Gambar 2.0
 Form Login SmartSchool untuk Login pengguna Website SmartSchool
 Kodingan untuk membuat Models Form Login Smartschool
<?php $sess = array ('username'
=> $query-
class Model_Login extends >USERNAME,
CI_Model 'password' => $query-
{ >PASSWORD,
public function 'code_user' => $query-
ambillogin($username,$pas >CODE_USER,
sword) 'level' => 'staff');
{ $this->session-
$this->db- >set_userdata($sess);
>where('USERNAME', redirect('admin');
$username);
$this->db-
>where('PASSWORD', }elseif ($query-
$password); >USER_LEVEL == 1) {
$query = $this->db- $sess = array ('username'
>get('t_user')->row(); => $query-
if (!empty($query)){ >USERNAME,
if ($query->USER_LEVEL 'password' => $query-
== 0) { >PASSWORD,

xix
'code_user' => $query- 'level' => 'siswa');
>CODE_USER, $this->session-
'level' => 'guru'); >set_userdata($sess);
$this->session- redirect('admin/siswa');
>set_userdata($sess); }
redirect('admin/guru'); }else{
}elseif ($query- $this->session-
>USER_LEVEL == 2) { >set_flashdata('info', 'Maaf
$sess = array ('username' Username dan PAssword
=> $query- anda salah!');
>USERNAME, redirect('login');
'password' => $query- }
>PASSWORD, }
'code_user' => $query- }
>CODE_USER,

 Kodingan untuk membuat Views Form Login Smartschool


<!DOCTYPE html> Like:
<!-- www.facebook.com/keenth
Template Name: Metronic - emes
Responsive Admin Purchase:
Dashboard Template build http://themeforest.net/item/
with Twitter Bootstrap metronic-responsive-
3.3.2 admin-dashboard-
Version: 3.7.0 template/4021469?ref=keen
Author: KeenThemes themes
Website: License: You must have a
http://www.keenthemes.co valid license purchased
m/ only from themeforest(the
Contact: above link) in order to
support@keenthemes.com legally use the theme for
Follow: your project.
www.twitter.com/keenthem -->
es

iv
<!--[if IE 8]> <html <!-- BEGIN GLOBAL
lang="en" class="ie8 no- MANDATORY STYLES -
js"> <![endif]--> ->
<!--[if IE 9]> <html <link
lang="en" class="ie9 no- href="http://fonts.googleapi
js"> <![endif]--> s.com/css?family=Open+Sa
<!--[if !IE]><!--> ns:400,300,600,700&subset
<html lang="en"> =all" rel="stylesheet"
<!--<![endif]--> type="text/css"/>
<!-- BEGIN HEAD --> <link href="<?php echo
<head> base_url()
<meta charset="utf-8"/> ?>/assets/global/plugins/fon
<title>SmartSchool | Login t-awesome/css/font-
</title> awesome.min.css"
<link rel="icon" rel="stylesheet"
href="logo.png"> type="text/css"/>
<link href="<?php echo
base_url()
<meta http-equiv="X-UA- ?>/assets/global/plugins/si
Compatible" mple-line-icons/simple-
content="IE=edge"> line-icons.min.css"
<meta rel="stylesheet"
content="width=device- type="text/css"/>
width, initial-scale=1.0" <link href="<?php echo
name="viewport"/> base_url()
<meta http- ?>/assets/global/plugins/bo
equiv="Content-type" otstrap/css/bootstrap.min.cs
content="text/html; s" rel="stylesheet"
charset=utf-8"> type="text/css"/>
<meta content="" <link href="<?php echo
name="description"/> base_url()
<meta content="" ?>/assets/global/plugins/uni
name="author"/> form/css/uniform.default.cs
s" rel="stylesheet"
type="text/css"/>

iv
<!-- END GLOBAL ?>/assets/admin/layout/css/l
MANDATORY STYLES - ayout.css" rel="stylesheet"
-> type="text/css"/>
<!-- BEGIN PAGE LEVEL <link id="style_color"
STYLES --> href="<?php echo
<link href="<?php echo base_url()
base_url() ?>/assets/admin/layout/css/t
?>/assets/global/plugins/sel hemes/darkblue.css"
ect2/select2.css" rel="stylesheet"
rel="stylesheet" type="text/css"/>
type="text/css"/> <link href="<?php echo
<link href="<?php echo base_url()
base_url() ?>/assets/admin/layout/css/
?>/assets/admin/pages/css/l custom.css"
ogin-soft.css" rel="stylesheet"
rel="stylesheet" type="text/css"/>
type="text/css"/> <!-- END THEME
<!-- END PAGE LEVEL STYLES -->
SCRIPTS --> <link rel="icon"
<!-- BEGIN THEME href="<?php echo
STYLES --> base_url();
<link href="<?php echo ?>assets/global/img/logo.p
base_url() ng">
?>/assets/global/css/compo </head>
nents.css" <!-- END HEAD -->
id="style_components" <!-- BEGIN BODY -->
rel="stylesheet" <body class="login">
type="text/css"/> <!-- BEGIN LOGO -->
<link href="<?php echo <div class="logo">
base_url() <a href="<?php echo
?>/assets/global/css/plugins base_url() ?>>
.css" rel="stylesheet" <img src="<?php echo
type="text/css"/> base_url()
<link href="<?php echo ?>assets/global/img/logo11
base_url() .png" alt=""/>

v
</a> <label class="control-label
</div> visible-ie8 visible-
<!-- END LOGO --> ie9">Username</label>
<!-- BEGIN SIDEBAR <div class="input-icon">
TOGGLER BUTTON --> <i class="fa fa-user"></i>
<div class="menu-toggler <input class="form-control
sidebar-toggler"> placeholder-no-fix"
</div> type="text"
<!-- END SIDEBAR autocomplete="off"
TOGGLER BUTTON --> placeholder="Username"
<!-- BEGIN LOGIN --> name="username"/>
<div class="content"> </div>
</div>
<!-- BEGIN LOGIN <div class="form-group">
FORM --> <label class="control-label
<form class="login-form" visible-ie8 visible-
action="<?php echo ie9">Password</label>
base_url('login/ceklogin'); <div class="input-icon">
?>" method="post"> <i class="fa fa-lock"></i>
<h3 class="form- <input class="form-control
title">Login to your placeholder-no-fix"
account</h3> type="password"
<div class="alert alert- autocomplete="off"
danger display-hide"> placeholder="Password"
<button class="close" data- name="password"/>
close="alert"></button> </div>
<span> </div>
Enter any username and <div class="form-actions">
password. </span> <label class="checkbox">
</div> <input type="checkbox"
<div class="form-group"> name="remember"
<!--ie8, ie9 does not value="1"/> Remember me
support html5 placeholder, </label>
so we just show field title <button type="submit"
for that--> class="btn blue pull-right">

vi
Login <i class="m-icon- <div class="forget-
swapright m-icon- password">
white"></i> <h4>Forgot your password
</button> ?</h4>
</div> <p>
<div class="login- no worries, click <a
options"> href="javascript:;"
<h4>Or login with</h4> id="forget-password">
<ul class="social-icons"> here </a>
<li> to reset your password.
<a class="facebook" data- </p>
original-title="facebook" </div>
href="javascript:;"> <div class="create-
</a> account">
</li> <p>
<li> Don't have an account yet
<a class="twitter" data- ?&nbsp; <a
original-title="Twitter" href="javascript:;"
href="javascript:;"> id="register-btn">
</a> Create an account </a>
</li> </p>
<li> </div>
<a class="googleplus" data- </form>
original-title="Goole Plus" <!-- END LOGIN FORM --
href="javascript:;"> >
</a> <!-- BEGIN FORGOT
</li> PASSWORD FORM -->
<li> <form class="forget-form"
<a class="linkedin" data- action="index.html"
original-title="Linkedin" method="post">
href="javascript:;"> <h3>Forget Password
</a> ?</h3>
</li> <p>
</ul>
</div>

vii
Enter your e-mail address <form class="register-
below to reset your form" action="index.html"
password. method="post">
</p> <h3>Sign Up</h3>
<div class="form-group"> <p>
<div class="input-icon"> Enter your personal details
<i class="fa fa- below:
envelope"></i> </p>
<input class="form-control <div class="form-group">
placeholder-no-fix" <label class="control-label
type="text" visible-ie8 visible-
autocomplete="off" ie9">Full Name</label>
placeholder="Email" <div class="input-icon">
name="email"/> <i class="fa fa-font"></i>
</div> <input class="form-control
</div> placeholder-no-fix"
<div class="form-actions"> type="text"
<button type="button" placeholder="Full Name"
id="back-btn" class="btn"> name="fullname"/>
<i class="m-icon- </div>
swapleft"></i> Back </div>
</button> <div class="form-group">
<button type="submit" <!--ie8, ie9 does not
class="btn blue pull-right"> support html5 placeholder,
Submit <i class="m-icon- so we just show field title
swapright m-icon- for that-->
white"></i> <label class="control-label
</button> visible-ie8 visible-
</div> ie9">Email</label>
</form> <div class="input-icon">
<!-- END FORGOT <i class="fa fa-
PASSWORD FORM --> envelope"></i>
<!-- BEGIN <input class="form-control
REGISTRATION FORM - placeholder-no-fix"
-> type="text"

viii
placeholder="Email" <select name="country"
name="email"/> id="select2_sample4"
</div> class="select2 form-
</div> control">
<div class="form-group"> <option
<label class="control-label value=""></option>
visible-ie8 visible- <option
ie9">Address</label> value="AF">Afghanistan</
<div class="input-icon"> option>
<i class="fa fa-check"></i> <option
<input class="form-control value="AL">Albania</opti
placeholder-no-fix" on>
type="text" <option
placeholder="Address" value="DZ">Algeria</opti
name="address"/> on>
</div> <option
</div> value="AS">American
<div class="form-group"> Samoa</option>
<label class="control-label <option
visible-ie8 visible- value="AD">Andorra</opt
ie9">City/Town</label> ion>
<div class="input-icon"> <option
<i class="fa fa-location- value="AO">Angola</opti
arrow"></i> on>
<input class="form-control <option
placeholder-no-fix" value="AI">Anguilla</opti
type="text" on>
placeholder="City/Town" <option
name="city"/> value="AR">Argentina</o
</div> ption>
</div> <option
<div class="form-group"> value="AM">Armenia</op
<label class="control-label tion>
visible-ie8 visible-
ie9">Country</label>

ix
<option <option
value="AW">Aruba</optio value="BJ">Benin</option
n> >
<option <option
value="AU">Australia</op value="BM">Bermuda</op
tion> tion>
<option <option
value="AT">Austria</opti value="BT">Bhutan</optio
on> n>
<option <option
value="AZ">Azerbaijan</o value="BO">Bolivia</opti
ption> on>
<option <option
value="BS">Bahamas</opt value="BA">Bosnia and
ion> Herzegowina</option>
<option <option
value="BH">Bahrain</opti value="BW">Botswana</o
on> ption>
<option <option
value="BD">Bangladesh</ value="BV">Bouvet
option> Island</option>
<option <option
value="BB">Barbados</op value="BR">Brazil</optio
tion> n>
<option <option
value="BY">Belarus</opti value="IO">British Indian
on> Ocean Territory</option>
<option <option
value="BE">Belgium</opti value="BN">Brunei
on> Darussalam</option>
<option <option
value="BZ">Belize</optio value="BG">Bulgaria</opt
n> ion>

x
<option <option
value="BF">Burkina value="CC">Cocos
Faso</option> (Keeling) Islands</option>
<option <option
value="BI">Burundi</opti value="CO">Colombia</o
on> ption>
<option <option
value="KH">Cambodia</o value="KM">Comoros</op
ption> tion>
<option <option
value="CM">Cameroon</o value="CG">Congo</optio
ption> n>
<option <option
value="CA">Canada</opti value="CD">Congo, the
on> Democratic Republic of
<option value="CV">Cape the</option>
Verde</option> <option value="CK">Cook
<option Islands</option>
value="KY">Cayman <option value="CR">Costa
Islands</option> Rica</option>
<option <option value="CI">Cote
value="CF">Central d'Ivoire</option>
African Republic</option> <option
<option value="HR">Croatia
value="TD">Chad</option (Hrvatska)</option>
> <option
<option value="CU">Cuba</option
value="CL">Chile</option >
> <option
<option value="CY">Cyprus</opti
value="CN">China</optio on>
n> <option
<option value="CZ">Czech
value="CX">Christmas Republic</option>
Island</option>

xi
<option Islands
value="DK">Denmark</op (Malvinas)</option>
tion> <option value="FO">Faroe
<option Islands</option>
value="DJ">Djibouti</opti <option
on> value="FJ">Fiji</option>
<option <option
value="DM">Dominica</o value="FI">Finland</optio
ption> n>
<option <option
value="DO">Dominican value="FR">France</optio
Republic</option> n>
<option <option
value="EC">Ecuador</opti value="GF">French
on> Guiana</option>
<option <option
value="EG">Egypt</option value="PF">French
> Polynesia</option>
<option value="SV">El <option
Salvador</option> value="TF">French
<option Southern
value="GQ">Equatorial Territories</option>
Guinea</option> <option
<option value="GA">Gabon</optio
value="ER">Eritrea</optio n>
n> <option
<option value="GM">Gambia</opt
value="EE">Estonia</optio ion>
n> <option
<option value="GE">Georgia</opti
value="ET">Ethiopia</opti on>
on> <option
<option value="DE">Germany</op
value="FK">Falkland tion>

xii
<option <option
value="GH">Ghana</optio value="HT">Haiti</option
n> >
<option <option
value="GI">Gibraltar</opti value="HM">Heard and
on> Mc Donald
<option Islands</option>
value="GR">Greece</optio <option value="VA">Holy
n> See (Vatican City
<option State)</option>
value="GL">Greenland</o <option
ption> value="HN">Honduras</o
<option ption>
value="GD">Grenada</opt <option value="HK">Hong
ion> Kong</option>
<option <option
value="GP">Guadeloupe</ value="HU">Hungary</opt
option> ion>
<option <option
value="GU">Guam</optio value="IS">Iceland</optio
n> n>
<option <option
value="GT">Guatemala</o value="IN">India</option>
ption> <option
<option value="ID">Indonesia</opt
value="GN">Guinea</opti ion>
on> <option value="IR">Iran
<option (Islamic Republic
value="GW">Guinea- of)</option>
Bissau</option> <option
<option value="IQ">Iraq</option>
value="GY">Guyana</opti <option
on> value="IE">Ireland</optio
n>

xiii
<option <option
value="IL">Israel</option value="KG">Kyrgyzstan</
> option>
<option <option value="LA">Lao
value="IT">Italy</option> People's Democratic
<option Republic</option>
value="JM">Jamaica</opti <option
on> value="LV">Latvia</optio
<option n>
value="JP">Japan</option <option
> value="LB">Lebanon</opt
<option ion>
value="JO">Jordan</optio <option
n> value="LS">Lesotho</opti
<option on>
value="KZ">Kazakhstan</ <option
option> value="LR">Liberia</optio
<option n>
value="KE">Kenya</optio <option
n> value="LY">Libyan Arab
<option Jamahiriya</option>
value="KI">Kiribati</optio <option
n> value="LI">Liechtenstein<
<option /option>
value="KP">Korea, <option
Democratic People's value="LT">Lithuania</op
Republic of</option> tion>
<option <option
value="KR">Korea, value="LU">Luxembourg<
Republic of</option> /option>
<option <option
value="KW">Kuwait</opti value="MO">Macau</opti
on> on>
<option
value="MK">Macedonia,

xiv
The Former Yugoslav <option
Republic of</option> value="MX">Mexico</opti
<option on>
value="MG">Madagascar< <option
/option> value="FM">Micronesia,
<option Federated States
value="MW">Malawi</opt of</option>
ion> <option
<option value="MD">Moldova,
value="MY">Malaysia</op Republic of</option>
tion> <option
<option value="MC">Monaco</opt
value="MV">Maldives</o ion>
ption> <option
<option value="MN">Mongolia</o
value="ML">Mali</option ption>
> <option
<option value="MS">Montserrat</
value="MT">Malta</optio option>
n> <option
<option value="MA">Morocco</op
value="MH">Marshall tion>
Islands</option> <option
<option value="MZ">Mozambique
value="MQ">Martinique</ </option>
option> <option
<option value="MM">Myanmar</o
value="MR">Mauritania</ ption>
option> <option
<option value="NA">Namibia</opt
value="MU">Mauritius</o ion>
ption> <option
<option value="NR">Nauru</optio
value="YT">Mayotte</opti n>
on>

xv
<option <option
value="NP">Nepal</option value="OM">Oman</optio
> n>
<option <option
value="NL">Netherlands</ value="PK">Pakistan</opti
option> on>
<option <option
value="AN">Netherlands value="PW">Palau</option
Antilles</option> >
<option value="NC">New <option
Caledonia</option> value="PA">Panama</opti
<option value="NZ">New on>
Zealand</option> <option value="PG">Papua
<option New Guinea</option>
value="NI">Nicaragua</op <option
tion> value="PY">Paraguay</opt
<option ion>
value="NE">Niger</option <option
> value="PE">Peru</option>
<option <option
value="NG">Nigeria</opti value="PH">Philippines</o
on> ption>
<option <option
value="NU">Niue</option value="PN">Pitcairn</opti
> on>
<option <option
value="NF">Norfolk value="PL">Poland</optio
Island</option> n>
<option <option
value="MP">Northern value="PT">Portugal</opti
Mariana Islands</option> on>
<option <option
value="NO">Norway</opti value="PR">Puerto
on> Rico</option>

xvi
<option <option
value="QA">Qatar</option value="SC">Seychelles</o
> ption>
<option <option value="SL">Sierra
value="RE">Reunion</opti Leone</option>
on> <option
<option value="SG">Singapore</o
value="RO">Romania</opt ption>
ion> <option
<option value="SK">Slovakia
value="RU">Russian (Slovak
Federation</option> Republic)</option>
<option <option
value="RW">Rwanda</opt value="SI">Slovenia</opti
ion> on>
<option value="KN">Saint <option
Kitts and Nevis</option> value="SB">Solomon
<option value="LC">Saint Islands</option>
LUCIA</option> <option
<option value="VC">Saint value="SO">Somalia</opti
Vincent and the on>
Grenadines</option> <option value="ZA">South
<option Africa</option>
value="WS">Samoa</optio <option value="GS">South
n> Georgia and the South
<option value="SM">San Sandwich Islands</option>
Marino</option> <option
<option value="ST">Sao value="ES">Spain</option
Tome and >
Principe</option> <option value="LK">Sri
<option value="SA">Saudi Lanka</option>
Arabia</option> <option value="SH">St.
<option Helena</option>
value="SN">Senegal</opti
on>

xvii
<option value="PM">St. United Republic
Pierre and of</option>
Miquelon</option> <option
<option value="TH">Thailand</opt
value="SD">Sudan</optio ion>
n> <option
<option value="TG">Togo</option
value="SR">Suriname</op >
tion> <option
<option value="TK">Tokelau</opti
value="SJ">Svalbard and on>
Jan Mayen <option
Islands</option> value="TO">Tonga</optio
<option n>
value="SZ">Swaziland</o <option
ption> value="TT">Trinidad and
<option Tobago</option>
value="SE">Sweden</opti <option
on> value="TN">Tunisia</opti
<option on>
value="CH">Switzerland</ <option
option> value="TR">Turkey</optio
<option n>
value="SY">Syrian Arab <option
Republic</option> value="TM">Turkmenistan
<option </option>
value="TW">Taiwan, <option value="TC">Turks
Province of and Caicos
China</option> Islands</option>
<option <option
value="TJ">Tajikistan</opt value="TV">Tuvalu</optio
ion> n>
<option <option
value="TZ">Tanzania, value="UG">Uganda</opti
on>

xviii
<option <option
value="UA">Ukraine</opti value="WF">Wallis and
on> Futuna Islands</option>
<option <option
value="AE">United Arab value="EH">Western
Emirates</option> Sahara</option>
<option <option
value="GB">United value="YE">Yemen</optio
Kingdom</option> n>
<option <option
value="US">United value="ZM">Zambia</opti
States</option> on>
<option <option
value="UM">United States value="ZW">Zimbabwe</
Minor Outlying option>
Islands</option> </select>
<option </div>
value="UY">Uruguay</opt <p>
ion> Enter your account details
<option below:
value="UZ">Uzbekistan</ </p>
option> <div class="form-group">
<option <label class="control-label
value="VU">Vanuatu</opt visible-ie8 visible-
ion> ie9">Username</label>
<option <div class="input-icon">
value="VE">Venezuela</o <i class="fa fa-user"></i>
ption> <input class="form-control
<option value="VN">Viet placeholder-no-fix"
Nam</option> type="text"
<option autocomplete="off"
value="VG">Virgin placeholder="Username"
Islands (British)</option> name="username"/>
<option value="VI">Virgin </div>
Islands (U.S.)</option> </div>

xix
<div class="form-group"> <input type="checkbox"
<label class="control-label name="tnc"/> I agree to the
visible-ie8 visible- <a href="javascript:;">
ie9">Password</label> Terms of Service </a>
<div class="input-icon"> and <a href="javascript:;">
<i class="fa fa-lock"></i> Privacy Policy </a>
<input class="form-control </label>
placeholder-no-fix" <div
type="password" id="register_tnc_error">
autocomplete="off" </div>
id="register_password" </div>
placeholder="Password" <div class="form-actions">
name="password"/> <button id="register-back-
</div> btn" type="button"
</div> class="btn">
<div class="form-group"> <i class="m-icon-
<label class="control-label swapleft"></i> Back
visible-ie8 visible-ie9">Re- </button>
type Your <button type="submit"
Password</label> id="register-submit-btn"
<div class="controls"> class="btn blue pull-right">
<div class="input-icon"> Sign Up <i class="m-icon-
<i class="fa fa-check"></i> swapright m-icon-
<input class="form-control white"></i>
placeholder-no-fix" </button>
type="password" </div>
autocomplete="off" </form>
placeholder="Re-type Your <!-- END
Password" REGISTRATION FORM -
name="rpassword"/> ->
</div> </div>
</div> <!-- END LOGIN -->
</div> <!-- BEGIN COPYRIGHT
<div class="form-group"> -->
<label> <div class="copyright">

xx
Copyright 2019 &copy; <script src="<?php echo
SmartSchool | Web Based base_url()
Application. ?>assets/global/plugins/boo
</div> tstrap/js/bootstrap.min.js"
<!-- END COPYRIGHT -- type="text/javascript"></sc
> ript>
<!-- BEGIN <script src="<?php echo
JAVASCRIPTS(Load base_url()
javascripts at bottom, this ?>assets/global/plugins/jqu
will reduce page load time) ery.blockui.min.js"
--> type="text/javascript"></sc
<!-- BEGIN CORE ript>
PLUGINS --> <script src="<?php echo
<!--[if lt IE 9]> base_url()
<script src="<?php echo ?>assets/global/plugins/unif
base_url() orm/jquery.uniform.min.js"
?>assets/global/plugins/res type="text/javascript"></sc
pond.min.js"></script> ript>
<script src="<?php echo <script src="<?php echo
base_url() base_url()
?>assets/global/plugins/exc ?>assets/global/plugins/jqu
anvas.min.js"></script> ery.cokie.min.js"
<![endif]--> type="text/javascript"></sc
<script src="<?php echo ript>
base_url() <!-- END CORE
?>assets/global/plugins/jqu PLUGINS -->
ery.min.js" <!-- BEGIN PAGE LEVEL
type="text/javascript"></sc PLUGINS -->
ript> <script src="<?php echo
<script src="<?php echo base_url()
base_url() ?>assets/global/plugins/jqu
?>assets/global/plugins/jqu ery-
ery-migrate.min.js" validation/js/jquery.validate
type="text/javascript"></sc .min.js"
ript>

xxi
type="text/javascript"></sc type="text/javascript"></sc
ript> ript>
<script src="<?php echo <script src="<?php echo
base_url() base_url()
?>assets/global/plugins/bac ?>assets/admin/pages/script
kstretch/jquery.backstretch. s/login-soft.js"
min.js" type="text/javascript"></sc
type="text/javascript"></sc ript>
ript> <!-- END PAGE LEVEL
<script SCRIPTS -->
type="text/javascript" <script>
src="<?php echo base_url() jQuery(document).ready(fu
?>assets/global/plugins/sele nction() {
ct2/select2.min.js"></script Metronic.init(); // init
> metronic core components
<!-- END PAGE LEVEL Layout.init(); // init current
PLUGINS --> layout
<!-- BEGIN PAGE LEVEL Login.init();
SCRIPTS --> Demo.init();
<script src="<?php echo // init background slide
base_url() images
?>assets/global/scripts/metr $.backstretch([
onic.js" "<?php echo base_url()
type="text/javascript"></sc ?>assets/admin/pages/medi
ript> a/bg/1.jpg",
<script src="<?php echo "<?php echo base_url()
base_url() ?>assets/admin/pages/medi
?>assets/admin/layout/scrip a/bg/2.jpg",
ts/layout.js" "<?php echo base_url()
type="text/javascript"></sc ?>assets/admin/pages/medi
ript> a/bg/3.jpg",
<script src="<?php echo "<?php echo base_url()
base_url() ?>assets/admin/pages/medi
?>assets/admin/layout/scrip a/bg/4.jpg"
ts/demo.js" ], {

xxii
fade: 1000, <!-- END JAVASCRIPTS -
duration: 8000 ->
} </body>
); <!-- END BODY -->
}); </html>
</script>

 Kodingan untuk membuat Controllers Form Login Smartschool


<?php $password = $this-
>input->post('password');
defined('BASEPATH') OR $this->load-
exit('No direct sctipt access >model('Model_Login');
allowed'); $this->Model_Login-
>ambillogin($username,
class Login extends $password);
CI_Controller }
{
public function index() public function logout()
{ {
$this->load->view('login'); $this->session-
} >set_userdata('username',
FALSE);
public function ceklogin() $this->session-
{ >sess_destroy();
$username = $this- redirect('login');
>input->post('username'); }
}

 Kamis, 25-10-2018
Mempelajari Upload dan download pada CI
 Upload pada Code Igniter dibuat untuk mengupload data ke dalam
Website Smart School
 Download pada Code Igniter dibuat untuk mendownload data dari
Website Smart School

xxiii
 Jum’at, 26-10-2018
Membuat Dbase Tabel Materi

Gambar 2.1
 Dbase Tabel Materi untuk menyimpan data materi yang di Upload
oleh guru dan di Download oleh siswa

 Senin, 29-10-2018
Membuat Upload SmartSchool

Gambar 2.2

iv
 Kodingan untuk membuat Models Upload Materi Smartschool
public function FROM t_siswa WHERE
_SaveFormKirim() ID_KELAS = '.$kelas)-
{ >result();
$type = $this- // echo
>input->post('TYPE'); json_encode($getidmateri);
$kelas = $this- exit();
>input->post('id_kelas');
$materi = (int)$this- foreach ($getidsiswa as
>input->post('id_materi'); $key => $value) {
$data['ID_MATERI'] =
$code_user = $this- $getidmateri-
>session- >ID_MATERI;
>userdata('code_user'); $data['ID_SISWA'] =
$getguru = $this- $value->ID_SISWA;
>db->query('SELECT * $data['CREATED_DATE']
FROM t_guru WHERE = date("Y-m-d");
CODE_USER = $data['STATUS'] = '0';
"'.$code_user.'" ')->row();
$res = $this->db-
$getidmateri = $this- >insert('t_materi_siswa',
>db->query('SELECT * $data);
FROM t_materi WHERE
ID_MATERI = '.$materi)- }
>row();
$getidsiswa = $this- return $res;
>db->query('SELECT * }

 Kodingan untuk membuat Views Upload Materi Smartschool


<title>SmartSchool | Pilih <div class="page-content">
Kelas</title> <!-- END STYLE
<!-- BEGIN CONTENT -- CUSTOMIZER -->
> <!-- BEGIN PAGE
<div class="page-content- HEADER-->
wrapper"> <h3 class="page-title">

v
Kirim Data Ke Siswa <div class="portlet-title">
</h3> <div class="caption">
<div class="page-bar"> <i class="fa fa-
<ul class="page- gift"></i>Form Kirim
breadcrumb"> </div>
<li>
<i class="fa fa-home"></i> </div>
<a
href="index.html">Home</ <div class="portlet-body
a> form">
<i class="fa fa-angle- <!-- BEGIN FORM-->
right"></i> <form action="<?php echo
</li> base_url('admin/Materi/Sav
<li> eFormKirim');?>"
<a href="#">Materi</a> class="horizontal-form"
<i class="fa fa-angle- method="POST"
right"></i> enctype="multipart/form-
</li> data">
<li> <input type="hidden"
<a href="#">Kirim Data Ke name="id_materi"
Siswa</a> value="<?php echo $this-
>uri->segment(4);?>">
</li> <div class="form-body">
</ul> <div class="row">
</div>
<!-- END PAGE <!--/span-->
HEADER--> <div class="col-md-6">
<!-- BEGIN PAGE <div class="form-group">
CONTENT--> <label class="control-
<div class="row"> label">Kelas Siswa</label>
<div class="col-md-12"> <select name="id_kelas"
<div class="tab-pane" class="form-control" >
id="tab_1"> <option value="">-- Pilih --
<div class="portlet box </option>
blue">

iv
<?php foreach ($listKelas ?>admin/materi"
as $key => $value) { ?> type="button" class="btn
<option value="<?php echo btn-primary" >Cancel </a>
$value->ID_KELAS ;?>" > <button type="submit"
class="btn btn-primary"><i
<?php echo $value- class="fa fa-check"></i>
>NAMA_KELAS;?> Save</button>
</option> </div>
<?php } ?> </form>
</select> </div>
</div> </div>
</div> </div>
</div> <!-- END PAGE
</div> CONTENT-->
</div> </div>
</div> </div>
<div class="form-actions </div>
right"> </div>
<a href="<?php echo <!-- END CONTENT -->
BASE_URL();

 Kodingan untuk membuat Controllers Upload Materi Smartschool


public function PilihKelas() }
{
$data['listKelas'] = $this- public function
>Model_Admin- SaveFormKirim()
>_Get_Kelas(); {
$data['content'] = $data['content'] =
'admin/PilihKelas'; 'admin/ListMateri';
$this->load- $this->load-
>view("admin/Template", >view("admin/Template",
$data); $data);
// $this->load-
>view("admin/PilihKelas",
$data);

v
$id = $this- redirect('admin/Materi',
>session- 'refresh');
>userdata('code_user'); }else{
$res = $this- $this->session-
>Model_Admin- >set_flashdata('message_er
>_SaveFormKirim(); ror', 'Data Mata Pelajaran
Gagal DiKirim.');
if ($res == true) { redirect('admin/Materi',
$this->session- 'refresh');
>set_flashdata('message_su }
ccess', 'Data Mata Pelajaran }
Berhasil DiKirim.');

 Rabu, 31-10-2018
Membuat Tabel Kelas SmarthSchool

Gambar 2.3
 Dbase Tabel Kelas untuk menyimpan data data kelas

 Kamis, 01-11-2018
Membuat Download SmarthSchool

iv
 Kodingan untuk membuat Models Download Materi Smartschool
public function $this->session-
Download(){ >set_flashdata('message_s
$id=$this->uri- uccess', 'Data Materi
>segment(4); Berhasil Didownload.');
if (!empty($id)) { redirect('admin/Siswa',
$res = $this- 'refresh');
>Model_Admin- }else{
>_SetStatus($id); $this->session-
>set_flashdata('message_e
if ($res == true) { rror', 'Data Materi Gagal
$getUserCode = $this- Didownload.');
>Model_Admin- redirect('admin/Siswa',
>_GetUserCode($id); 'refresh');
force_download('berkas/'.$ }
getUserCode- }else{
>CODE_USER.'/'.$getUser redirect('admin/Siswa',
Code->FILE_NAME, 'refresh');
NULL); }
}

 Kodingan untuk membuat Views Download Materi Smartschool

<title>SmartSchool | Tugas <div class="note note-


Tugas</title> danger">
<p>
<!-- BEGIN CONTENT --> <?php echo $this->session-
>flashdata('message_error'
);?>
<div class="page-content- </p>
wrapper"> </div>
<?php if ($this->session- <?php } ?>
>flashdata('message_error'
)) { ?>

iv
<?php if ($this->session-
>flashdata('message_succe </div>
ss')) { ?> <!-- END PAGE HEADER-
<div class="note note- ->
success"> <!-- BEGIN PAGE
<p> CONTENT-->
<?php echo $this->session- <div class="row">
>flashdata('message_succe <div class="col-md-12">
ss');?> <?php foreach ($listMateri
</p> as $key => $value) { ?>
</div> <?php if ($value-
<?php } ?> >ID_SISWA == $siswa-
<div class="page- >ID_SISWA ) { ?>
content"> <ul class="timeline">
<li class="timeline-
<!-- END STYLE yellow">
CUSTOMIZER --> <div class="timeline-
<!-- BEGIN PAGE time">
HEADER--> <span class="date">
<h3 class="page-title"> <?php echo $value-
Tugas Tugas >CREATED_DATE; ?>
</h3> </span>
<div class="page-bar"> <span class="time" ><h2
<ul class="page- >Materi</h2></span>
breadcrumb"> </div>
<li> <div class="timeline-
<i class="fa fa- icon">
home"></i> <i class=" icon-book-open
<a "></i>
href="index.html">Home< </div>
/a> <div class="timeline-
<i class="fa fa-angle- body">
right"></i> <h2><?php echo $value-
</li> >NAMA; ?></h2>
</ul>

iv
<div class="timeline- <?php if($value-
content"> >ID_SOAL == true){ ?>
<p>Materi Dari <li class="timeline-
<b><?php echo $value- green">
>NAMA; ?></b> Yang <div class="timeline-
Mengajarkan <b><?php time">
echo $value- <span class="date">
>NAMA_MAPEL; ?></b> <?php echo $value-
Tentang <b><?php echo >CREATED_DATE; ?>
$value->FILE_NAME; </span>
?></b> </p> <span class="time" ><h2
<a href="<?php echo >Soal</h2></span>
base_url()?>admin/Siswa/ </div>
Download/<?php echo <div class="timeline-
$value- icon">
>ID_MATERI_SISWA; ?>" <i class="fa fa-book
onClick="return "></i>
confirm('Download Materi </div>
?');" style="color : white; <div class="timeline-
background-color: red"> body">
Silahkan Klik Untuk <h2><?php echo $value-
Download file</a> >JUDUL_TUGAS;
</div> ?></h2>
</div> <div class="timeline-
</li> content">
</ul> <p>Tugas Tentang
<?php } ?> <b><?php echo $value-
<?php } ?> >FILENAME ?></b>
<!-- ini untuk tugas --> DateLine <b><?php echo
<?php foreach ($listTugas $value->DATELINE;
as $key => $value) { ?> ?></b> dari Guru
<?php if ($value- <b><?php echo $value-
>ID_SISWA == $siswa- >NAMA ?></b> </p>
>ID_SISWA ) { ?> <a href="<?php echo
<ul class="timeline"> base_url()?>admin/Siswa/

v
FormTugasSoal" <div class="timeline-
onClick="return icon">
confirm('Isi Soal Tersebut <i class="fa fa-book
?');" style="color : white; "></i>
background-color: </div>
red">Silahkan Isi Soal <div class="timeline-
Tersebut</a> body">
</div> <h2><?php echo $value-
</div> >JUDUL_TUGAS;
<?php }else{ ?> ?></h2>
<?php } ?> <div class="timeline-
</li> content">
</ul> <p>Tugas Tentang
<?php } ?> <b><?php echo $value-
<?php } ?> >FILENAME ?></b>
DateLine <b><?php echo
<?php foreach ($listTugas $value->DATELINE;
as $key => $value) { ?> ?></b> </p>
<?php if ($value- <a href="<?php echo
>ID_SISWA == $siswa- base_url()?>admin/Siswa/
>ID_SISWA ) { ?> DownloadTugas/<?php
<ul class="timeline"> echo $value-
<?php if($value- >ID_TUGAS_SISWA; ?>"
>ID_SOAL == null){ ?> onClick="return
<li class="timeline-blue"> confirm('Download Tugas
<div class="timeline- ?');" style="color : white;
time"> background-color:
<span class="date"> red;">Silahkan Download
<?php echo $value- Tugas Ini</a>
>CREATED_DATE; ?> </div>
</span> </div>
<span class="time" ><h2 <?php }else{ ?>
>Tugas</h2></span> <?php } ?>
</div> </li>
</ul>

vi
<?php } ?> <!-- END PAGE
<?php } ?> CONTENT-->
</div> </div>
</div> </div>
<!-- END CONTENT -->

 Kodingan untuk membuat Models Download Materi Smartschool


function _SetStatus($id) t_guru.CODE_USER,
{ t_materi.FILE_NAME
$data['STATUS'] = '1'; FROM t_guru
INNER JOIN t_materi ON
$this->db- t_guru.ID_GURU =
>where('ID_MATERI_SIS t_materi.ID_GURU
WA', $id); INNER JOIN
$res = $this->db- t_materi_siswa ON
>update('t_materi_siswa', t_materi.ID_MATERI =
$data); t_materi_siswa.ID_MATE
RI
return $res; WHERE
} t_materi_siswa.ID_MATE
RI_SISWA = '.$id)->row();
function
_GetUserCode($id) return $query;
{ }
$query = $this->db-
>query('SELECT

 Jum’at, 02-11-2018
Memperbaiki Download SmarthSchool

 Senin, 05-11-2018
Memperbaiki tabel tugas di Smartschool

 Selasa, 06-11-2018
Memperbaiki tampilan list materi di Smartschool

vii
 Rabu, 07-11-2018
Membuat nontifikasi untuk Download

 Kodingan untuk membuat Views Notifikasi Materi Smartschool


<?php if ($this->session- <?php if ($this->session-
>flashdata('message_error') >flashdata('message_succes
) { ?> s')) { ?>
<div class="note note- <div class="note note-
danger"> success">
<p> <p>
<?php echo $this->session- <?php echo $this->session-
>flashdata('message_error') >flashdata('message_succes
;?> s');?>
</p> </p>
</div> </div>
<?php } ?> <?php } ?>

 Kodingan untuk membuat Controllers Notifikasi Materi Smartschool


if ($res == true) { ccess', 'Data Materi
$getUserCode = $this- Berhasil Didownload.');
>Model_Admin- redirect('admin/Siswa',
>_GetUserCode($id); 'refresh');
force_download('berkas/'.$ }else{
getUserCode- $this->session-
>CODE_USER.'/'.$getUser >set_flashdata('message_er
Code->FILE_NAME, ror', 'Data Materi Gagal
NULL); Didownload.');
$this->session- redirect('admin/Siswa',
>set_flashdata('message_su 'refresh');
}

 Kamis, 08-11-2018

iv
Membuat Dbase tugas dan soal di Smartschool

Gambar
 Dbase Tabel Tugas untuk menyimpan data tugas yang di upload oleh guru
dan di download oleh siswa

Gambar
 Dbase Tabel Soal untuk menyimpan data soal yang di upload oleh guru
dan di download oleh siswa

 Jum’at, 09-11-2018

iv
Membuat mockup tugas di Smartschool

 Kodingan untuk membuat mockup tugas Smartschool


<!-- BEGIN CONTENT -- <!-- BEGIN PAGE
> CONTENT-->
<div class="page-content- <div class="row">
wrapper"> <div class="col-md-12">
<div class="page-content"> <?php if ($this->session-
<!-- BEGIN PAGE >flashdata('message_error')
HEADER--> ) { ?>
<h3 class="page-title"> <div class="note note-
Tugas danger">
</h3> <p>
<div class="page-bar"> <?php echo $this->session-
<ul class="page- >flashdata('message_error')
breadcrumb"> ;?>
<li> </p>
<i class="fa fa-home"></i> </div>
<a <?php } ?>
href="index.html">Home</
a> <?php if ($this->session-
<i class="fa fa-angle- >flashdata('message_succes
right"></i> s')) { ?>
</li> <div class="note note-
<li> success">
<a href="#">Data <p>
Tugas</a> <?php echo $this->session-
<i class="fa fa-angle- >flashdata('message_succes
right"></i> s');?>
</li> </p>
</ul> </div>
</div> <?php } ?>
<!-- END PAGE <!-- BEGIN EXAMPLE
HEADER--> TABLE PORTLET-->

v
<div class="portlet box </th>
blue-hoki"> <th>
<div class="portlet-title"> ID Kelas
<div class="caption"> </th>
<i class="fa fa- <th>
globe"></i>Form Tugas Created Date
</div> </th>
<div class="tools"> <th>
</div> ID Soal
</div> </th>
<div class="portlet-body"> <th>
<div class="table-toolbar"> Type Tugas
<div class="row"> </th>
<div class="col-md-6"> <th>
<div class="btn-group"> File Name
<a href="<?php echo </th>
base_url('admin/Tugas/For <th>
mTugasSiswa');?>" Judul Tugas
class="btn green"> </th>
Add New <i class="fa fa- <th>
plus"></i> DateLine
</a> </th>
<th>
</div> Aksi
</div> </th>
</div> </tr>
</div> </thead>
<table class="table table- <tbody>
striped table-bordered <?php foreach ($listTugas
table-hover" as $key => $value) { ?>
id="sample_1"> <tr>
<thead> <td>
<tr> <?php echo $key+1;?>
<th> </td>
No. <td>

iv
<?php echo $value- </td>
>ID_KELAS;?> <td>
</td> <?php echo $value-
<td> >JUDUL_TUGAS;?>
<?php echo $value- </td>
>CREATED_DATE;?> <td>
</td> <?php echo $value-
<td> >DATELINE;?>
<?php if($value- </td>
>ID_SOAL == NULL){ <td>
<a href="#">
echo "-"; <i class="fa fa-pencil fa-
}else{ 2x"></i>
echo $value->ID_SOAL; </a>|
} ?> <a href="<?php echo
</td> BASE_URL();
<td> ?>admin/Tugas/DeleteTuga
<?php if($value- s/<?php echo $value-
>TYPE_TUGAS == 0){ >ID_TUGAS; ?>">
<i class="fa fa-trash fa-2x "
echo "Upload"; ></i>
}elseif($value- </a>|
>TYPE_TUGAS == 1){ <a href="<?php echo
echo "Soal"; BASE_URL();
} ?> ?>admin/Tugas/Pilih/<?php
</td> echo $value->ID_TUGAS;
<td> ?>">
<?php if($value- <i class="fa fa-check fa-2x
>FILENAME == NULL){ " ></i>
</a>
echo "-"; </td>
}else{ </tr>
echo $value->FILENAME; <?php } ?>
</tbody>
} ?> </table>

v
</div> <!-- END PAGE
</div> CONTENT-->
<!-- END EXAMPLE </div>
TABLE PORTLET--> </div>
</div> <!-- END CONTENT -->
</div>

 Senin, 12-11-2018
Memperbaiki save tugas di Smartschool

 Selasa, 13-11-2018
Memperbaiki listmateri di Smartschool

 Rabu, 14-11-2018
Membuat function simpan dan delete di Smartschool

 Kodingan untuk membuat Models Function Simpan Smartschool


public function // echo
_SaveFormMateri($filenam json_encode($getidguru);
e) exit();
{ $data['FILE_NAME'] =
$type = $this->input- $filename;
>post('TYPE'); $data['ID_GURU'] =
$getidguru->ID_GURU;
$code_user = $this- $data['CREATED_DATE']
>session- = date("Y-m-d ");
>userdata('code_user');
$getidguru = $this->db- $res = $this->db-
>query('SELECT * FROM >insert('t_materi', $data);
t_guru WHERE
CODE_USER = return $res;
"'.$code_user.'" ')->row(); }

 Kodingan untuk membuat Views Function Simpan Smartschool

vi
<form action="<?php echo DOC/DOCX/JPG/PNG/PD
base_url('admin/Materi/Sav F!.</i></p>
eFormMateri');?>" </div>
class="horizontal-form" </div>
method="POST" </div>
enctype="multipart/form- </div>
data"> </div>
<div class="form-body"> </div>
<div class="row"> </div>
<div class="form-actions
<!--/span--> right">
<div class="col-md-5"> <a href="<?php echo
<div class="form-group"> BASE_URL();
<label class="control- ?>admin/materi"
label">File </label> type="button" class="btn
<input type="file" btn-primary" >Cancel </a>
name="file_name" <button type="submit"
placeholder="Masukkan class="btn btn-primary"><i
Data"> class="fa fa-check"></i>
<br> Save</button>
<p class="text- </div>
warning"><i>File Yang </form>
Bisa Dikirim Hanya

 Kodingan untuk membuat Controllers Function Simpan Smartschool


public function }
SaveFormMateri()
{ $config['upload_path']
$path = 'berkas/'.$this- = $path;
>session- $config['allowed_types']
>userdata('code_user').'/'; = 'jpg|png|pdf|doc|docx';
// $config['max_size']
if (!file_exists($path)) { = 100;
@mkdir($path, true, 0777); // $config['max_width']
@chmod($path, 0777); = 1024;

iii
// $config['max_height'] $res = $this-
= 768; >Model_Admin-
>_SaveFormMateri($filena
$this->load- me);
>library('upload', $config); }

if ( ! $this->upload- if ($res == true) {


>do_upload('file_name')){ $this->session-
$error = $this->upload- >set_flashdata('message_su
>display_errors(); ccess', ' Berhasil Di Upload
$this->session- .');
>set_flashdata('message_er redirect('admin/Materi',
ror', $error); 'refresh');
redirect('admin/Materi', }else{
'refresh'); $this->session-
}else{ >set_flashdata('message_er
ror', ' Gagal Di Upload.');
$filename = $this->upload- redirect('admin/Materi',
>data('orig_name'); 'refresh');
// echo json_encode($data); }
exit(); }

 Kamis, 15-11-2018
Membuat FormDetSoal di Smartschool

 Jum’at, 16-11-2018
Memperbaiki FormDetSoal di Smartschool

 Senin, 19-11-2018
Memperbaiki FormSoal di Smartschool

 Kamis, 22-11-2018
Membuat FormTugasSoal di Smartschool

 Senin, 03-12-2018

iv
Save FormTugasSoal di Smartschool dna mempelajari Ajax

 Selasa, 04-12-2018
Memperbaiki FormTugasSoal dan membuat form data nilai

 Rabu, 05-12-2018
Memperbaiki FormTugasSiswa dan membuat mockup table nilai

 Kamis, 06-12-2018
Mencari source code javascript untuk jawaban

 Jum’at, 07-12-2018
Membuat perulangan array untuk jawaban

 Senin, 10-12-2018
Membuat menghapus array

 Selasa, 11-12-2018
Memperbaiki menghapus array

 Rabu, 12-12-2018
Memperbaiki save form untuk jawaban dengan javascript

 Kamis, 13-12-2018
Membuat Dbase t_nilai

 Jum’at, 14-12-2018
Membuat function save nilai

 Senin, 17-12-2018
Membuat save nilai dan memperbaiki FormTugas jika sudah di kerjakan

 Selasa, 18-12-2018

iv
Memperbaiki FormTugasSoal

 Rabu, 19-12-2018
Memperbaiki FormMateriSiswa dan FormTugas, menambahkan table baru di
t_tugas

 Kamis, 20-12-2018
Memperbaiki FormMateriSiswa dan TugasSoal, membuat status soal dan
download

 Jum’at, 21-12-2018
Membuat kurang jumlah soal dan membenarkan yang error

 Rabu, 26-12-2018
Membuat kalkulasi nilai

 Kamis, 27-12-2018
Membuat upload siswa ke guru dan download hasil upload siswa

 Jum’at, 28-12-2018
Memperbaiki FormUpload membuat Form menilai yang sudah di upload
siswa

v
BAB III
KESIMPULAN DAN SARAN

A. KESIMPULAN

B. SARAN

vi
Lampiran 2 : Contoh penulisan halaman lembar pengesahan

LEMBARAN PENGESAHAN

Laporan Kegiatan Prakerin Industri (Prakerin) yang disusun oleh:

Nama : RAFIF FAUZAN


NIS :
Program Studi Keahlian : TEKNIK KOMPUTER DAN INFORMATIKA
Kompetensi Keahlian : REKAYASA PERANGKAT LUNAK
Dengan judul :
LAPORAN KEGIATAN PRAKTEK KERJA INDUSTRI
DI PT TELE DIGITAL KREATIF BAGIAN BACK-ENGINNERING

Telah disahkan pada :


Hari :
Tanggal :
Pembimbing Perusahaan/Instansi Pembimbing
Sekolah

(..........................................)
(..........................................)
Mengetahui,

Kepala Sekolah Kepala Jurusan

vii
SMK BINA MANDIRI MULTIMEDIA REKAYASA
PERANGKAT LUNAK

(........................................)
(.........................................)
Drs. H.Usman HM.,M.M Eka Sigit Hariyanto
S.Kom

viii
ix

Anda mungkin juga menyukai