DAFTAR ISI

BAB I PENDAHULUAN............................................................................................................1
1.1 Latar Belakang Masalah...........................................................................................1
1.2 Alasan Pemilihan Objek............................................................................................2
1.3 Tujuan dan Manfaat Penulisan................................................................................2
1.3.1 Tujuan Penulisan :.................................................................................................2
1.3.2 Manfaat Penulisan :...............................................................................................2
1. Bagi SMK YP IPP Petojo:.............................................................................................2
2. Bagi Politeknik LP3I :....................................................................................................3
3. Bagi Penulis :.................................................................................................................3
4. Bagi Pembaca :..............................................................................................................3
1.4 Rumusan Masalah.....................................................................................................3
1.5 Batasan Masalah.......................................................................................................4
1.6 Metodologi Penelitian................................................................................................4
1.6.1 Studi Lapangan (Field Research)....................................................................4
1.6.2 Studi Pustaka (Library research).....................................................................4
1.7 Sistematika Penulisan...............................................................................................5
BAB II LANDASAN TEORI.......................................................................................................7
2.1 Perancangan Sistem Informasi................................................................................7
2.1.1 Perancangan......................................................................................................7
2.1.2 Sistem..................................................................................................................7
2.1.3 Informasi.............................................................................................................7
2.1.4 Sistem Informasi................................................................................................7
2.1.5 Perancangan Sistem Informasi........................................................................7
2.1.6 Flowchart.............................................................................................................8
2.1.7 UML Modeling..................................................................................................10
2.1.8 Perancangan Database..................................................................................15
2.1.9 Perancangan User Interface (antar muka pengguna).................................16
2.2 Bahasa Pemrograman............................................................................................17
2.2.1 PHP....................................................................................................................17
2.2.2 HTML.................................................................................................................17
2.2.3 Web Server.......................................................................................................18
2.2.4 Javascript..........................................................................................................18
2.2.5 CSS....................................................................................................................18
2.2.6 JQuery...............................................................................................................19
 2.2.7 Bootstrap...........................................................................................................19
2.2.8 XAMPP..............................................................................................................19
2.2.9 MYSQL..............................................................................................................19
2.2.10 Codeigniter........................................................................................................19
BAB III PROFIL PERUSAHAAN............................................................................................22
3.1 Sejarah Singkat Lembaga......................................................................................22
3.2 Visi dan Misi SMK YP.IPPI Petojo.........................................................................22
3.2.1 Visi.....................................................................................................................22
3.2.2 Misi.....................................................................................................................23
3.3 Ruang Gerak Usaha................................................................................................23
3.4 Struktur Organisasi..................................................................................................23
3.5 Deskripsi kerja..........................................................................................................24
 BAB I
PENDAHULUAN

1.1 Latar Belakang Masalah

Seiring perkembangan teknologi yang semakin cepat dan canggih, maka

menjadikan komputer sebagai salah satu kebutuhan utama bagi instansi
untuk meningkatkan produktivitas, kemajuan instansi serta membantu
kinerja guru atau TU. Dengan informasi yang akurat, cepat dan berkualitas
maka akan mendapatkan hasil yang baik, dan hal tersebut merupakan
tujuan yang harus dicapai. Oleh karena itu untuk mencapai tujuan tersebut
memerlukan sarana pendukung. Maka dengan adanya sarana pendukung
yang dapat menghasilkan informasi yang tepat dan berkualitas yaitu
dengan menggunakan media komputer.

Pada dasarnya komputer adalah sebuah alat yang digunakan untuk

mengolah data atau informasi yang diinginkan berdasarkan operasi
tertentu. Peran komputer sangatlah penting untuk memecahkan masalah
yang memerlukan komputerisasi dan juga memecahkan masalah yang
terbilang rumit untuk informasi dan pengolahan itu sendiri.

Penilaian merupakan salah satu hal yang penting dalam peroses

pembelajaran, karena dengan adanya penilaian dapat mengukur
kemampuan setiap siswa. Namun pada saat membuat laporan nilai akhir
atau raport siswa, para guru seringkali kesulitan. Hal itu dikarenakan tidak
adanya sistem yang mendukung dan mempermudah pekerjaan para guru
untuk membuat laporan nilai siswa. Penggunaan komputer sebagai alat
bantu pekerjaan di bidang sistem informasi semakin banyak. Komputer
dirasa memiliki banyak keunggulannya, dikarenakan komputer dapat
diprogram sesuai dengan user penggunanya.

SMK YP IPPI merupakan salah satu sekolah yang masih menggunakan

sistem penilaian raport siswa secara manual atau tertulis. Guru seringkali

1
 mendapat kesulitan, lupa dengan catatan nilai siswa yang dibuat dan
penulisan raport secara manual sangat menguras tenaga, sehingga dirasa
tidak efisien dan dapat merugikan.

Dari latar belakang tersebut maka penulis memerlukan sistem informasi

berbasis komputerisasi. Penulis melakukan observasi pada SMK YP IPPI
PETOJO untuk membuat karya Tugas Akhir dengan Judul
“PERANCANGAN SISTEM INFORMASI NILAI RAPORT PADA SMK YP
IPPI PETOJO”.

1.2 Alasan Pemilihan Objek

Adapun alasan penulis melakuan observasi pada SMK YP IPPI adalah
untuk mengetahui lebih jauh bagaimana sistem pengolahan data pada
bagian penilaian yang terdapat di SMK YP IPPI, karena proses terjadi di
sekolah tersebut masih manual, sehingga sistem informasi
terkomputerisasi sangat diperlukan untuk mempercepat dalam kinerja
guru untuk peroses penilaian para siswa, yang akan mempermudah para
siswa untuk mengetahui nilai yang mereka dapat.

1.3 Tujuan dan Manfaat Penulisan

1.3.1 Tujuan Penulisan :
1. Menggantikan sistem yang masih manual dengan sistem
terkomputerisasi.
2. Sistem yang terkomputerisasi akan memberikan manfaat bagi
para guru yang mempercepat dalam proses penginputan serta
penyimpanan ke dalam database yang ada, dan bertujuan agar
data yang di input tidak hilang dan mudah dicari, serta
menghemat waktu dalam proses penginputan nilai.
3. Akan mengetahui hambatan yang terjadi karena secara manual
akan memakan waktu yang lama, mudah hilangnya data, serta
masih banyaknya guru yang belum mengenal dan memahami
sistem secara komputerisasi.

1.3.2 Manfaat Penulisan :

2
 1. Bagi SMK YP IPP Petojo:

Tugas Akhir ini bisa dijadikan masukan yang dapat

dikembangkan berkenaan dengan masalah yang dibahas untuk
membantu kinerja SMK YP IPPI dalam menjalankan prosedur
pendaftaran siswa baru, dan dapat memberikan informasi pada
masyarakat mengenai SMK YP IPPI dengan lebih efektif dan
efisien.

2. Bagi Politeknik LP3I :

Tugas Akhir ini dapat dipergunakan sebagai tambahan sumber

informasi yang berharga dari berbagai kalangan pihak yang
berkompeten terhadap masalah yang sedang dibahas, sekaligus
sebagai bahan perbandingan dari laporan sejenis yang pernah
dbuat sebelumnya dan diharapkan dapat memberikan kontribusi
sebagai sumber ilmiah.

3. Bagi Penulis :

Manambah wawasan, pengetahuan dalam bidang komputerisasi

serta mencoba mengaplikasikan ilmu yang telah didapat selama
di bangku kuliah guna sebagai bekal untuk mendapatkan
lapangan pekerjaan sesuai kemampuan.

4. Bagi Pembaca :

Selain menambah pengetahuan pembaca tentang teknologi

khususnya komputerisas, materi ini juga bisa dijadikan sebagai
referensi jika kedepan nya mendapatkan kesulitan dalam sistem
kompterisasi.

1.4 Rumusan Masalah

3
 Berdasarkan proses Observasi yang dilakukan maka penulis dapat
menjabarkan beberapa rumusan masalah berikut ini :
1. Bagaimana sistem nilai raport yang sedang berjalan di SMK YP IPPI
Petojo ?

2. Masalah apa saja yang terdapat pada sistem nilai raport yang sedang
berjalan ?

3. Apa solusi dari masalah yang ada pada sistem nilai raport di SMK YP
IPPI Petojo ?

1.5 Batasan Masalah

Pada pembahasan materi ini tentunya banyak permasalahan yang
muncul, tetapi agar laporan terfokus pada masalah yang diinginkan oleh
penulis, maka penulis membatasi raung lingkup permasalahan hanya
sampai penginputan nilai, dan pembuatan laporan nilai siswa atau raport.

1.6 Metodologi Penelitian

Pada pembuatan Tugas Akhir ini, penulis membutuhkan data yang
berhubungan dengan bahasan penulis agar penyusunan Tugas Akhir
dapat terselesaikan dengan baik. Adapun metode yang dilakukan penulis
adalah sebagai berikut:

1.6.1 Studi Lapangan (Field Research)

Metode yang dilakukan penulis dengan cara melakukan

kunjungan secara langsung ke objek yang dituju. Teknik
pengumpulan data yang dilakukan oleh penulis ialah dengan
melakukan observasi dan wawancara.

1.6.2 Studi Pustaka (Library research)

Dalam proses pengumpulan data-data dengan cara mempelajari

berbagai bentuk bahan-bahan tertulis seperti buku-buku dan

4
 bahan-bahan tertulis lainnya yang berhubungan dengan judul
yang dibuat untuk dipelajari dan menjadi bahan masukan.

1.7 Sistematika Penulisan

Sistematika penyusunan pada Tugas Akhir ini penulis klasifikasikan

menjadi 5 bab mencakup:

BAB I : PENDAHULUAN
Pada bab ini penulis menguraikan latar belakang
masalah, alasan pemilihan objek, identifikasi masalah,
tujuan dan manfaat penulisan, Batasan masalah,
metodologi penelitian, serta sistematika penulisan.

BAB II : LANDASAN TEORI

Pada bab ini berisi mengenai teori-teori yang mendukung
penyusunan Tugas Akhir, seperti pengertian tentang hal
yang berhubungan dengan sistem, bahasa
pemrograman, database yang digunakan dan berbagai
teori mengenai pembuatan diagram dan analisa sistem
informasi yang digunakan sebagai pedoman dalam
membuat program aplikasi sistem informasi
komputerisasi.

BAB III : PROFIL PERUSAHAAN

Dalam bab ini diuraikan tentang segala sesuatu yang

terkait dengan sejarah singkat organisasi, visi dan misi
bidang usaha dan ruang gerak,kegiatan,struktur
organisasi dan deskripsi kerja.

BAB IV : PEMBAHASAN
Pada bab ini diuraikan hasil dari penelitian yang telah
penulis lakukan dengan cara menganalisis sistem yang
sedang berjalan kemudian dibuat sistem usulan sebagai

5
 acuan dalam pembuatan program aplikasi sistem
informasi komputerisasi. Selain itu juga dibahas
mengenai kebutuhan software dan hardware yang di
perlukan untuk perancangan sistem, perancangan
software dan implementasi.

BAB V : PENUTUP
Pada bab ini yang merupakan bab penutup dari tugas
akhir, dikemukakan kesimpulan dari hasil penelitian yang
tertuang pada BAB IV, dan saran terhadap objek
penelitian yaitu lembaga tempat dilakukannya penelitian.

6
 BAB II
LANDASAN TEORI

2.1 Perancangan Sistem Informasi

2.1.1 Perancangan

Perancangan adalah proses pengembangan spesifikasi baru

berdasarkan rekomendasi hasil analisis sistem. Mohamad
Subhan (2013:109).

2.1.2 Sistem

Pengertian dari Yakub (2013:1) dalam bukunya yang

berjudul Pengantar Sistem Informasi mendefinisikan sistem
adalah:

“Sekelompok elemen-elemen yang terintegrasi dengan

tujuan yang sama untuk mencapai tujuan. Sistem juga
merupakan suatu jaringan kerja dari prosedur-prosedur yang
saling berhubungan, terkumpul bersama-sama untuk
melakukan suatu kegiatan atau tujuan tertentu”.
2.1.3 Informasi

Menurut Ais Zakiyuddin (2013:10) Informasi merupakan :

“satu sumber daya yang sangat diperlukan dalam suatu

organisasi. Informasi adalah data yang telah diolah menjadi
bentuk yang lebih berguna dan lebih berarti bagi yang
menerimanya”.
2.1.4 Sistem Informasi

Menurut Tata Sutabri (2016 : 40) Sistem informasi adalah :

“suatu system didalam suatu organisasi yang
mempertemukan kebutuha pengolahan transaksi harian
yang mendukung fungsi operasi organisasi yang bersifat
manajerial dengan kegiatan strategi dari suatu organisasi
untuk dapat menyediakan kepada pihak luar tertentu dengan
laporan-laporan yang diperlukan”.

2.1.5 Perancangan Sistem Informasi

7
 Menurut Bambang Hartono (2013 : 40) Perancangan sistem
informasi merupakan :

“rangkaian terorganisasi dari sejumlah bagian/komponen

yang secara Bersama-sama berfungsu atau bergerak
menghasilkan informasi untuk digunakan dalam
manajemen perusahaan”.
2.1.6 Flowchart

Menurut Nanang Budiutomo (2017) dalam website-nya

bukubiruku.com mendefinisikan flowchart sebagai berikut :

“Flowchart adalah suatu urutan/bagan dengan simbol-simbol

tertentu yang menggambarkan urutan proses secara
mendetail meliputi hubungan antara suatu proses (instruksi)
dengan proses lainnya dalam suatu program.”
Simbol-simbol flowchart sebagai berikut :

Simbol Deskripsi
Swimlane Memisahkan organisasi
bisnis yang bertanggung
jawab terhadap aktivitas
yang terjadi.

Terminal point Sebagai tanda permulaan

(start) atau akhir (end) dari
suatu kegiatan.
Flow Direction / Connection Sebagai penghubung antara
Line simbol satu dengan simbol
lainnya.
One Connector Sebagai penyambung suatu
proses dalam lembar atau
halaman yang sama.
Off Page Connector Sebagai penyambung suatu
proses pada lembar atau
halaman yang berbeda.
Processing Menunjukkan pengolahan
yang dilakukan oleh

8
 komputer.
Manual Operation Menunjukkan pengolahan
yang tidak dilakukan oleh
komputer.

Decision Berfungsi untuk memilih

proses berdasarkan kondisi
yang ada.
Keying Operation Untuk memasukkan data
secara manual dengan
menggunakan keyboard.

Document Menyatakan dokumen yang

berbentuk kertas atau
lembaran.

Off-Line Storage Menunjukkan data yang

akan disimpan secara
offline atau pengarsipan
yang tidak membutuhkan
koneksi internet.
On-Line Storage Menunjukkan data yang
akan disimpan secara
offline atau pengarsipan
yang membutuhkan koneksi
internet.
Multiple Document Menyatakan dokumen yang
berbentuk kertas atau
lembaran dalam bentuk
yang banyak.
Tabel 2.1 Simbol Flowchart

9
2.1.7 UML Modeling
Diagram pada Unified Modeling Language (UML) adalah sebagai
berikut:
1. Use Case

Indrajani (2015: 45) menyebutkan “merupakan titik awal yang

baik dalam memahami dan menganalisis kebutuhan sistem
pada saat perancangan”

Simbol dari Use Case diagram adalah sebagai berikut:

Simbol Deskripsi
Sistem Boundary Sistem Boundary menggambarkan
batasan antara sistem dengan aktor

Use case Menggambarkan interaksi antara aktor

dengan software aplikasi.
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor.
Aktor Menggambarkan pengguna sistem,
dapat berupa manusia atau sistem
terotomatisasi lain yang berinteraksi
dengan sistem lain untuk berbagi,
mengirim dan menerima informasi
Assosiasi Menggambarkan hubungan antara
aktor dengan use case
Ekstensi Relasi use case tambahan ke sebuah
<<extend>> use case di mana use case yang
ditambahkan dapat berdiri sendiri
walau tanpa use case tambahan.
Include Relasi use case tambahan ke sebuah
<<include>> use case di mana use case yang
ditambahkan memerlukan use case ini
untuk menjalankan fungsinya atau

10
 sebagai syarat dijalankan use case ini.
Generalisasi Hubungan generalisasi dan
spesialisasi (umum - khusus) antara
dua buah use case
Tabel 2.2 Simbol Use Case

2. Scenario Use Case

Skenario use case adalah penjelasan dari setiap use case

yang telah dibuat. Skenario use case menjelaskan aktivitas
yang dilakukan pada sistem oleh aktor yang ada pada use
case.

3. Activity Diagram

Indrajani (2015: 46) menyatakan:

“Activity diagram untuk menganalisis behavior dengan use
case yang kompleks dan menunjukkan interaksi-interaksi di
antara satu dan yang lainnya ”
Activity diagram memiliki kesamaan dengan state chart
diagram dalam hal menggambarkan aliran data pada model
bisnis, tetapi activity diagram biasanya digunakan untuk
menggambarkan aktivitas bisnis yang lebih kompleks.
Berikut simbol-simbol dari activity diagram:

Simbol Deskripsi
Status Awal Menggambarkan status awal
aktivitas sistem

Aktivitas Aktivitas yang dilakukan

sistem, biasanya diawali
dengan kata kerja.
Percabangan Asosiasi percabangan di mana
jika ada pilihan aktivitas lebih
dari satu.

11
 Penghubung Asosiasi penghubung di mana
lebih dari satu aktivitas
digabung menjadi satu.
Status Akhir Menggambarkan status akhir
aktivitas sistem

Swimlane Memisahkan organisasi bisnis

yang bertanggung jawab
terhadap aktivitas yang terjadi
Tabel 2.3 Simbol Activity Diagram

4. Class Diagram

Indrajani (2015: 49) menyatakan:

“Diagram ini digunakan untuk menggambarkan
perbedaan yang mendasar antara class - class,
hubungan antar class, dan dimana sub-sistem class
tersebut”
Pada class diagram terdapat nama class, attribute,
operation, serta association.
Berikut simbol-simbol dari class diagram:

Simbol Deskripsi
Kelas Kelas pada struktur sistem

nama_kelas
+atribut
+operation()

Antarmuka Sama dengan konsep interface

dalam pemrograman berorientasi

12
 objek.
nama_interface
Assosiasi Relasi antar kelas dengan makna
umum, asosiasi biasanya juga
disertai dengan multiplicity.
Assosiasi berarah Relasi antar kelas dengan makna
kelas yang satu digunakan oleh
kelas yang lain, asosiasi biasanya
juga disertai dengan multiplicity.
Generalisasi Relasi antar kelas dengan makna
generalisasi spesialisasi
Ketergantungan Relasi antar kelas dengan makna
ketergantungan antar kelas

Agregasi Relasi antar kelas dengan makna

semua bagian
Tabel 2.4 Simbol Class Diagram

5. Sequence Diagram

Indrajani (2015: 49) menyatakan sequence diagram

merupakan "suatu diagram interaksi yang menggambarkan
bagaimana objek-objek berpartisipasi dalam bagian
interaksi”.

Untuk menggambarkan sequence diagram harus diketahui

objek-objek yang terlibat dalam sebuah use case beserta
metode-metode yang dimiliki kelas. Membuat sequence
diagram harus disesuaikan dengan alur skenario use case.
Banyaknya sequence diagram yang dibuat harus
disesuaikan dengan banyaknya pendefinisian use case.

Berikut simbol-simbol yang digunakan dalam sequence

diagram:

Simbol Deskripsi
Aktor Orang yang berinteraksi

13
 dengan sistem informasi
yang akan dibuat diluar
sistem informasi yang akan
dibuat itu sendiri
Garis hidup Menyatakan kehidupan
suatu objek

Objek Menyatakan objek yang

berinteraksi
nama aktor : nama kelas

Waktu Aktif Menyatakan objek dalam

keadaan aktif dan
berinteraksi, semua yang
terhubung dengan waktu
aktif ini adalah sebuah
tahapan yang dilakukan
didalamnya
Pesan tipe create Menyatakan suatu objek
<<create>> membuat objek yang lain,
arah panah mengarah pada
objek yang dibuat
Pesan tipe call Menyatakan suatu objek
Nama_metode() memanggil operasi/metode
yang ada pada objek yang
lain atau dirinya sendiri, arah
panah mengarah pada objek
yang memiliki
operasi/metode , karena ini
memanggil operasi/metode
maka operasi/metode yang
dipanggil harus ada pada
diagram kelas sesuai
14
 dengan kelas objek yang
berinteraksi.
Pesan tipe send Menyatakan bahwa suatu
masukan objek mengirimkan
data/masukan/informasi ke
objek lainnya, arah panah
mengarah pada objek yang
dikirim.
Pesan tipe return Menyatakan bahwa suatu
keluaran objek yang telah
menjalankan suatu operasi
atau metode menghasilkan
suatu kembalian ke objek
tertentu, arah panah
mengarah pada objek yang
menerima kembalian.
Pesan tipe destroy Menyatakan suatu objek
yang mengakhiri hidup objek
yang lain, arah panah
mengarah pada objek yang
diakhiri, sebaiknya jika ada
create maka ada destroy
Tabel 2.5 Simbol Sequence Diagram

2.1.8 Perancangan Database

1. Pengertian Database

Menurut Rosa A.S dan M. Salahudin (2013:43) pengertian

“database adalah media untuk menyimpan data agar dapat
di akses dengan mudah dan cepat.”

Dari pengertian diatas penulis menyimpulkan Database

adalah sekumpulan file yang saling berhubungan yang
menyimpan data dan tersimpan dalam sebuah media
penyimpanan.

15
 2. Entity Relationship Diagram

Indrajani (2015: 34) mendefinisikan Entity Relationship

Diagram (ERD) adalah sebagai berikut:

“sebuah pendekatan top-bottom dalam perancangan

basis data yang dimulai dengan mengidentifikasikan
data-data terpenting yang disebut dengan entitas, dan
hubungan antara entitas-entitas tersebut yang
digambarkan dalam suatu model.”

Entity Menyatakan suatu objek yang dapat

dibedakan atau dapat di identifikasi
secara unik dengan objek lainnya.

Relationship Menyatakan hubungan yang terjadi

antara satu entity dengan entity
lainnya.

Tabel 2.6 Simbol Entity Relationship Diagram (ERD)

2.1.9 Perancangan User Interface (antar muka pengguna)

Perancangan Antarmuka Pengguna (Perancangan User Interface)

adalah desain untuk komputer, peralatan, mesin, perangkat
komunikasi mobile, aplikasi perangkat lunak, dan situs web yang
berfokus pada pengalaman pengguna, atau bisa disebut dengan
merancang interface yang efektif untuk sistem perangkat lunak.
Efektif artinya siap digunakan, dan hasilnya sesuai dengan
kebutuhan. Kebutuhan di sini adalah kebutuhan
penggunanya. Pengguna sering menilai sistem dari interface,
bukan dari fungsinya melainkan dari user interface-nya. Jika
desain user interface-nya yang buruk, maka itu sering jadi alasan
untuk tidak menggunakan software. Selain itu interface yang
buruk sebabkan pengguna membuat kesalahan fatal. Saat ini

16
 interface yang banyak digunakan dalam software adalah GUI
(Graphical User Interface).

2.2 Bahasa Pemrograman

Bahasa pemrograman atau bahasa komputer adalah instruksi standar

untuk memerintah komputer yang dalam hal ini digunakan untuk
pembuatan aplikasi berbasis web. Bahasa pemrograman berisi sintak
yang dipakai untuk mendefinisikan program komputer.

Pada perancangan sistem informasi akuntansi pada LP3I Kantor Pusat ini
penulis menggunakan Bahasa pemrograman PHP dengan bantuan
framework codeigniter yang mana akan di kombinasikan dengan Bahasa
umum web yaitu HTML, CSS, dan Javascript serta untuk pengelolaan
database, penulis menggunakan Mysql.

2.2.1 PHP

Berdasarkan informasi dari situs resmi PHP, yaitu php.net, PHP

(PHP: Hypertext Preprocessor) merupakan bahasa pemrograman
web yang dapat disisipkan dalam script HTML. Bahasa
pemrograman ini nantinya yang membantu dalam pembuatan web
dinamis.

2.2.2 HTML

HTML (Hypertext Markup Language) adalah Bahasa

pemrograman yang digunakan untuk menulis format dokumen
yang dapat digunakan untuk pembuatan web. Pembuatan
dokumen HTML bisa melalui aplikasi pengolah kata atau teks
editor mana pun, seperti Microsoft office word, notepad, dan lain
sebagainya. Dalam hal ini penulis menggunakan sublime text
editor versi 3 untuk membuat dokumen HTML.

2.2.3 Web Server

Web server adalah komputer yang digunakan sebagai

penyimpanan dokumen web. Komputer ini nantinya akan melayani

17
 semua permintaan klien terkait penggunaan aplikasi web. Alat
untuk berkomunikasi antara klien dan web server adalah web
browser.

Salah satu contoh aplikasi web server adalah apache yang

merupakan aplikasi web server yang paling banyak dikenal,
Karena aplikasi ini adalah aplikasi open source yang mana tidak
berbayar dan dapat digunakan di banyak sistem operasi seperti
Windows dan sistem operasi unix seperti linux.

2.2.4 Javascript

Javascript adalah bahasa skrip yang disisipkan pada kode atau

sintak HTML yang mana akan dijalankan di bagian sisi klien.
Dengan menggunakan javascript, kemampuan HTML bukan
hanya sekedar menampilkan hasil sintak yang suda diketikkan,
melainkan lebih luas dari hal itu. Sebagai contoh, dengan adanya
javascript kita bisa melakukan pengecekan pada sebuah masukan
form sebelum nantinya akan di proses ke server.

2.2.5 CSS

Cascading stylesheet (CSS) berisi sintak atau aturan untuk

mengatur tampilan style pada aplikasi web. CSS dibagi menjadi 2
cara dalam mengaplikasikannya pada sebuah file HTML. Pertama
dengan internal CSS, yaitu melakukan pengetikan sintak di dalam
dokumen HTML dan yang kedua adalah dengan eksternal CSS
dengan membuat dokumen CSS terpisah lalu menyisipkan file
tersebut ke dalam dokumen HTML dengan sintak tertentu.

2.2.6 JQuery

Jquery adalah dokumen library pada javascript. Dalam

pemrograman web, library adalah kumpulan sintak yang terdiri
dari beberapa fungsi siap untuk digunakan yang mana dapat
memudahkan programmer untuk membuat sebuah aplikasi web.

18
2.2.7 Bootstrap

Bootstrap adalah front-end framework yang digunakan untuk

mempercantik tampilan halaman HTML yang mengedepankan
tampilan untuk mobile device seperti handphone dan smartphone.
Sebagai sarana mempercepat dan mempermudah
pengembangan website dalam hal tampilan, bootstrap
menyediakan file HTML, CSS dan juga Javascript yang siap untuk
digunakan untuk membantu pembuatan aplikasi web.

2.2.8 XAMPP

XAMPP adalah perangkat lunak gratis yang mendukung untuk

banyak sistem operasi yang mana perangkat lunak ini terdiri dari
berbagai program antara lain:

1. Apache (web server)

2. MySQL (database)
3. PHP (service side scripting)
4. Perl
5. FTP Server
6. phpMyAdmin (antar muka pembuatan database)

2.2.9 MYSQL

Mysql adalah aplikasi pembuat database yang bersifat open

source, artinya siapa saja bisa menggunakannya tanpa terikat hak
cipta.

2.2.10 Codeigniter

Yenda Purbadian (2016) menyatakan:

“Codeigniter adalah sebuah framework yang dibuat

menggunakan Bahasa pemrograman PHP yang bertujuan
untuk memudahkan para programmer web untuk membuat
atau mengembangkan aplikasi berbasis web”.
Codeigniter adalah framework open source, yang artinya setiap
orang bisa mengunduh, mengurangi, menambahkan, bahkan
mengembangkan framework tersebut secara bebas.
19
Codeigniter sangat mudah digunakan dibandingkan dengan
framework lain. Bahkan banyak web programmer yang
menggunakan codeigniter sebagai sarana mempelajari dasar
penggunaan framework sebelum mereka beralih ke framework
lain.

Kelebihan codeigniter adalah sebagai berikut:

1. Codeigniter adalah salah satu framework dengan ukuran file

yang kecil, akan tetapi dengan fungsi yang luas.
2. Menerapkan konsep MVC (Model–View–Controller), yaitu:
a. Model

Biasanya dalam model berisi class dan function yang

digunakan untuk mengambil, menambah, mengubah
dan menghapus data pada database menggunakan
query dari SQL.

b. View

View berhubungan dengan segala sesuatu yang akan

di tampilkan pada web browser. Programmer harus
menghindari pemrosesan data pada view. View hanya
memuat variabel yang berisi data yang siap di
tampilkan. Bagian ini dapat dikatakan seperti tampilan
pada website yang memuat HTML dengan bantuan
CSS dan juga javascript.

c. Controller

Controller bertindak sebagai penghubung antara model

dan view. Controller juga tidak boleh diisi sintak untuk
mengakses data karena sudah diserahkan ke model.

3. Menyediakan library dan helper yang cukup membantu

dalam hal pembuatan aplikasi berbasis web.

20
21
 BAB III
PROFIL PERUSAHAAN

3.1 Sejarah Singkat Lembaga

Yayasan Perguruan IPPI didirikan Tahun 1951 dengan membuka SMP-
SMA. Dengan tujuan didirikan Yayasan Perguruan IPPI pada jaman itu,
yaitu menampung bekas – bekas pejuang kemerdekaan Republik
Indonesia yang belum menikmati pendidikan semasa perjuangan
kemerdekaan Republik Indonesia. Pada waktu itu SMP menumpang di
SMP Negeri 5 Jalan DR. Sutomo sedangkan SMA menumpang di SMEA
Negeri 1 Gambir.

Sebagai langkah pengembangan serta partisipasi terhadap pemerintah di

Dunia Pendidikan pada Tahun 1969 membuka sekolah baru yaitu SMEA
YP IPPI yang menumpang di SMEA Negeri 1 Gambir. Pembukaan SMEA
ternyata memperoleh kepercayaan dari masyarakat maupun pemerintah
dalam hal ini Depdikbud melalui Kanwil Depdikbud DKI Jakarta.

Kelapa sekolah pertama SMK YP IPPI Petojo Jakarta Pusat yang

menjabat dari tahun 1969 – 1984 yaitu Bapak Drs.H. Am Pulungan. Sejak
berdirinya SMK YP IPPI Petojo Jakarta Pusat ini telah berganti kepal
sekolah sebanyak delapan kali. Kepala sekolah yang menjabat saat ini
adalah Bapak Drs. Mukidjo Martoyo.

3.2 Visi dan Misi SMK YP.IPPI Petojo

3.2.1 Visi

22
 Eksis, Unggul dalam berprestasi, Terampil dan mandiri
berdasarkan Iman dan Taqwa.

3.2.2 Misi

1. Mempertahankan dan mengembangkan eksistensi sekolah

sebagai kebanggaan warga sekolah dan masyarakat.
2. Sekolah sebagai pusat IPTEK dan pengembangan kompetensi.
3. Mengembangkan Unit Produksi / Bussiness Center sebagai
tempat kegiatan praktek kerja siswa.
4. Terwujudnya kegiatan belajar mengajar dengan sistem ganda.
5. Meningkatkan profesionalisme guru, karyawan dan manajemen
sekolah.
6. Meningkatkan kualitas pembinaan kesiswaan dalam
mewujudkan IMTAQ dan kemandirian.

3.3 Ruang Gerak Usaha

SMK YP IPPI Petojo Jakarta Pusat adalah lembaga yang bergerak dalam
jasa pendidikan. Kurikulum pendidikan di SMK YP IPPI Petojo Jakarta
Pusat menggunakan kurikulum pendidikan 2013. SMK YP IPPI Petojo
Jakarta Pusat sedang berupaya untuk menambah jumlah ruang komputer
untuk mengikuti kemajuan teknologi pada era globalisasi saat ini. Dengan
program inilah semua tujuan dapat dicapai sesuai targetnya.

3.4 Struktur Organisasi

23
 Gambar 3.1 Struktur Organisasi

3.5 Deskripsi kerja

Adapun tugas dan wewenang dari masing-masing bagian yang ada pada
gambar struktur organisasi di atas antara lain :

1. Ketua Yayasan
Menjaga dan memastikan pelaksanaan kerja dan kegiatan yayasan
sesuai dengan visi, misi dan tujuan. Melakukan pengawasan dan
memberikan rekomendasi kepada seluruh pengurus dalam hal
penjagaan kondisi persatuan dan kesatuan serta memotivasi
berorganisasi para pengurus. Berhak dan mempunyai wewenang
mendokumentasikan serta mengarsipkan semua surat-surat masuk
maupun keluar.

2. Kepala Sekolah

24
 Sebagai pimpinan tertinggi di dalam suatu sekolah mempunyai tugas
yang kompleks dan sangat menentukan maju mundurnya suatu
sekolah. Tugas yang kompleks tersebut, tidak dapat dirumuskan
seluruhnya kedalam suatu prosedur tugas Kepala Sekolah. Peranan
Kepala Sekolah dalam hal ini adalah sebagai pendidik (edukator),
pengelola petugasistrasi, pembimbing bagi staff, sebagai pimpinan
pendidikan, dan manajer pendidik.

3. Wakil Kepala Sekolah

Membantu Kepala Sekolah dalam kegiatan Menyusun perencanaan,
membuat program kegiatan dan pelaksanaan program,
pengorganisasian, pengarahan, ketenagaan, pengkoordinasian,
pengawasan, penilaian, identifikasi dan pengumpulan data,
penyusunan laporan, serta membantu Kepala Sekolah dalam
urusan-urusan kurikulum, kesiswaan, sarana prasarana, dan humas.

4. Kepala Bagian Tata Usaha dan Keuangan

Membantu tugas Kepala Sekolah, melakukan penyusunan program
tata usaha, penyususunan administrasi pegawai, guru dan siswa,
bertanggung jawab atas seluruh tugas tata usaha, bertanggung
jawab atas yang berhubungan dengan masalah administrasi
keuangan/pembayaran honor dan transport guru dan karyawan,
pengisisan klaper dan mutase, serta menghitung dan
mengadministrasikan persentase kehadiran karyawan.

5. Bagian Kepegawaian
Membantu tugas Kepala Tata Usaha, membuat 8355(Daftar Nama
Siswa), administrasi guru dan karyawan, pengetikan honor dan
transport guru dan karyawan, pengetikan tanda peserta, sebagai
operator Dapodikmen, serta tugas-tugas yang berhubungan dengan
ketatausahaan lainnya.

25
6. Bagian Kesiswaan
Membantu tugas Kepala Tata Usaha membuat laporan
pertanggungjawaban, menangani urusan ke Rayon, Kancam, Sudin
serta Dinas Pendidikan, pengelolaan dan pengadministrasian
absensi siswa, pengadministrasian surat masuk dan keluar,
membuat surat panggilan siswa dan surat keterangan, pengetikan
naskah soal, pengisian buku induk, membuat surat keterangan
guru/siswa, membuat surat Pendidikan Sistem Ganda, pengetikan
tanda peserta, penyusunan dan penyajian data statistik sekolah,
sebagai operator Dapodikmen, serta tugas-tugas yang berhubungan
dengan ketatausahaan lainnya.

7. Dewan Guru
Merencanakan program pengajaran teori atau praktek serta memiliki
kelengkapan mengajar, menyajikan program pengajaran teori atau
praktek, melaksanakan evaluasi belajar teori dan praktek,
melaksanakan analisis hasil belajar, melaksanakan program
perbaikan dan pengayaan, bertanggung jawab terhadap keberadaan
siswa di kelas setiap jam pelajaran serta kedisplinan siswa, dan turut
serta dalam pelaksanaan 7K.

8. Layanan Khusus
Sebagai penerima tamu yang memiliki peranan pelayanan pertama
bagi siapa saja yang ingin memiliki akses ke dalam sekolah. Sebagai
perantara penyampaian informasi dan melayani pelayanan yang
bersifat administrative namun dalam tingkatan yang umum.

9. Siswa
Siswa adalah anggota masyarakat yang berusaha mengembangkan
potensi diri melalui proses pembelajaran pada jalur pendidikan baik
pendidikan formal maupun pendidikan nonformal, pada jenjang
pendidikan dan jenis pendidikan tertentu.

26
Deskripsi di atas tujuannya untuk mengatur hal - hal yang pokok bagi para
karyawan, selain itu juga untuk memperjelas fungsi kerja setiap bagian
agar tercapai optimalisasi kerja.

27