BAB II

TINJAUAN PUSTAKA

2.1. Tinjauan Pustaka

Tinjauan pustaka merupakan bagian yang akan membahas

tentang penyelesaiankan masalah yang akan ditemukan jalan keluarnya
melalui pembahasan-pembahasan secara teori dan sebagai panduan
untuk menyelesaikan suatu penelitian. Penelitian ini dilakukan tidak
terlepas dari hasil penelitian terdahulu yang pernah dilakukan sebagai
bahan perbandingan dan kajian.

Pertama, berdasarkan penelitian yang hampir sama yang

dilakukan oleh Muhammad Ariyanto Sinaga (2014). Dalam
penelitiannya yang berjudul “Sistem Informasi Nilai Berbasis Web Pada
SMP Toby Betlehem Medan”, pada penelitian dan penulisan skripsi
tersebut menggunakan bahasa pemrograman PHP. Dalam batasan
masalah, hal yang dibahas hanya mencakup data nilai siswa, data mata
pelajaran, data guru yang mengajar, formula penilaian dan data rapor.

Kedua berdasarkan penelitian yang dilakukan oleh Khairunnisak

(2014). Dalam penelitiannya yang berjudul “Perancangan Sistem
Informasi nilai siswa pada SMP Swasta Dharma Pancasila Medan
Dengan Metode Waterfall” pada penelitian dan penulisan skripsi
tersebut menggunakan bahasa pemrograman visual basic. Dalam
batasan masalah, hal yang sangat penting untuk ditentukan terlebih
dahulu sebelum sampai pada tahap pembahasan selanjutnya, agar
studi memiliki titik focus yang jelas dan titik menyimpang dan tujuan,
maka penulis membatasi masalah tentang data siswa, data guru, dan
data mata pelajaran, dan data nilai. Untuk itulah penulis juga ingin
mengembangkan sebuah sistem informasi pada SMK Muhammadiyah

7
 8

09 Medan ini dengan mengacu pada hasil penelitian terdahulu

sebelumnya.

2.2. Landasan Teori

Landasan teori merupakan panduan untuk melaksanakan atau

menyelesaikan suatu studi. Pada bagian ini penulis akan memaparkan
beberapa teori yang berkaitan atau mendukung dengan masalah yang
akan dibahas. Teori-teori yang akan dipaparkan merupakan dasar bagi
penulisan dalam pembahas permasalahan.

2.2.1. Pengertian Sistem

Kata Sistem berasal dari bahasa Latin (systēma) dan bahasa

Yunani (sustēma) adalah suatu kesatuan yang terdiri komponen atau
elemen yang dihubungkan bersama untuk memudahkan aliran
informasi, materi atau energi untuk mencapai suatu tujuan. Istilah ini
sering dipergunakan untuk menggambarkan suatu set entitas yang
berinteraksi, di mana suatu model matematika seringkali bisa dibuat.

Pengertian sistem menurut Tantra (2012:1), Sistem adalah

entitas atau satuan yang terdiri dari dua atau lebih komponen atau
subsistem (sistem yang lebih kecil) yang saling berhubungan dan terkait
untuk mencapai suatu tujuan.

Menurut Indrajit dalam Hutahaean (2014:1), sistem

mengandung arti kumpulan-kumpulan dadri komponen-komponen yang
memiliki unsur keterkaitan antar satu dengan yang lainnya.

Menurut Jogiyanto (2005: 54), suatu sistem mempunyai

karakteristik. Karakteristik sistem tersebut adalah sebagai berikut:
a. Suatu sistem mempunyai komponen-komponen sistem
(component) atau subsistem-subsistem.
b. Suatu sistem mempunyai batas sistem (boundary).
c. Suatu sistem mempunyai lingkungan luar (environment).
 9

d. Suatu sistem mempunyai penghubung (interface).

e. Suatu sistem mempunyai tujuan (goal).
Bagian-bagian sistem yang dapat mengendalikan operasional adalah sebagai
berikut.

Input Pemrosesan Output

Gambar 2.1. Bagian – bagian sistem

Keterangan :
1. Input
Input adalah kumpulan data mentah dari suatu organisasi atau
lingkungan eksternal untuk diproses didalam sistem informasi.
2. Pemrosesan
Pemrosesan adalah konfersi manipulasi dan analisis input kedalam
suatu bentuk yang lebih bermakna bagi manusia.
3. Output

Output adalah distribusi dan informasi yang telah diproses kepada

manusia atau aktivitas yang digunakan.

2.2.2. Pengertian Informasi

Informasi adalah pesan (ucapan atau ekspresi) atau kumpulan

pesan yang terdiri dari order sekuens dari simbol, atau makna yang
dapat ditafsirkan dari pesan atau kumpulan pesan. Informasi dapat
direkam atau ditransmisikan. Hal ini dapat dicatat sebagai tanda-tanda,
atau sebagai sinyal berdasarkan gelombang.

Menurut Tata Sutabri (2012:29) menyatakan informasi data

yang telah diklasifikasi atau diinterpretasi untuk digunakan dalam
proses pengambilan keputusan.
 10

Menurut Sibero (2013:10), informasi adalah sekumpulan data

yang memiliki maksud dan tujuan serta dapat memberikan keterangan
akurat yang diperlukan dalam pengambilan keputusan.
Menurut Tantra (2012:1), informasi dapat dipahami sebagai
pemrosesan input yang terorganisir yang memiliki arti dan berfuna bagi
orang yang menerimanya.

2.2.3. Pengertian Sistem Informasi

Sistem informasi adalah suatu sistem didalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi harian,
mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu
organisasi dan menyediakan pihak luar tertentu dengan laporan –
laporan yang diperlakukan.

Menurut Tantra (2012:2), Sistem informasi adalah cara yang

terorganisir untuk mengumpulkan, memasukkan, dan memroses data
dan menyimpannya, mengelola, mengontrol dan melaporkannya
sehingga dapat mendukung perusahaan atau organisasi untuk
mencapai tujuan.
Menurut Wirasta dan Febriansyah (2014:1), sistem informasi
merupakan sistem yang berisi jaringan SPD (Sistem Pengolahan Data)
yang dilengkapi dengan kanal-kanal komunikasi yang digunakan dalam
sistem organisasi data.

2.2.4. Pengertian Nilai

Pengolahan nilai siswa merupakan salah satu bagian dari

kegiatan belajar mengajar (KBM) di sekolah. Yang sangat berperan
penting dalam belajar mengajar yang merupakan alat ukur prestasi
siswa. Dengan adanya pengolahan dan manajemen yang baik
pengolahan data nilai akan lebih mudah cepat,akurat.
 11

Menurut Putri dan Hartanto (2013: 39), Nilai adalah rujukan

dan keyakinan dalam menentukan pilihan. Selain itu nilai dapat diartikan
sebagai patokan normative yang mempengaruhi manusia dalam
menentukan pilihan diantaranya cara - cara tindakan alternative.
Menurut Sumarlinda (2016:38), nilai adalah harga, ukuran, atau
angka yang mewakili prestasi. Nilai dapat juga diartikan komposisi dari
sejumlah elemen masing-masing tipe data terstruktur yang memiliki
hubungan yang mengatur elemen berupa angka.
Menurut Syaripudin (2015:128), Nilai dapat dibedakan dua
macam yaitu: (1) nilai intrinsik, adalah nilai sesuatu yang sejak semula
sudah bernilai dan (2) nilai instrumental, adalah nilai dari sesuatu
karena dapat dipakai sebagai sarana untuk mencapai tujuan sesuatu.

2.2.5. Pengertian Web

Internet terdiri dari berjuta-juta halaman dan disetiap halaman

disebut dengan page (halaman) atau web page (halaman web). Web
Pagebiasanya disingkat dengan Web saja. Sedangkan halaman yang
pertama kali muncul ketika membuka browser misalnya: Internet
Explorer, Mozilla Firebox, dan Google Chrome. Keseluruhan isi web
yang dimiliki oleh seseorang atau lembaga tertentu disebut dengan Web
Site (Situs Web). Web Site bisa diibaratkan sebuah buku yang terdiri
dari halaman- halaman tertentu, termasuk cover, daftar isi dan
sebagainya.

Menurut Yuhefizar (2013:2), Website adalah keseluruhan

halaman - halaman web yang terdapat dari sebuah domain yang
mengandung informasi.
Menurut Risnandar (2013:12), Website identik dengan HTML ,
apa yang ditampilkan sebuah halaman website adalah file atau
dokumen HTML.
 12

Menurut Hidayat (2010:2), Website atau situs dapat diartikan

sebagai kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam atau gerak, animasi, suara,
dan atau gabungan semuanya, baik yang bersifat dinamis atau statis
yang membentuk suatu rangkaian bangunan yang saling terkait, yang
masing-masing dihubungkan dengan jaringan-jaringan halaman.

2.2.6. Bahasa Pemrograman.

Dalam melakukan penulisan laporan skripsi, penulis
menggunakan beberapa bahasa pemograman adalah sebagai berikut :

1. Hypertext Markup Language (HTML)

Dalam membuat sebuah website yang berkualitas, tentunya
diperlukan rancangan desain yang baik dan benar. Hal ini menjadi
penting karena proses merancang desain merupakan salah satu
langkah awal membuat website secara keseluruha. Dasar dari
pembuatan desain web yaitu menggunakan HTML (Hypertext Markup
Language) dengan bahasa dan sintaks pemograman yang mungkin
tidak semua orang dapat pelajari dengan mudah.

Menurut Sibero (2013:19) , Hypertext Markup Language atau

HTML adalah bahasa yang digunakan pada dokumen web sebagai
bahasa untuk pertukaran dokumen web.
Menurut Sandi (2014:39), Hypertext Markup Language dengan
sebutan HTML adalah sebuah bahasa markah yang digunakan untuk
sebuah halaman web, menampilkan berbagai informasi di dalam
sebuah penjelajah web internet dan formating hypertext sederhana
yang ditulis kedalam berkas format ASCII agar dapat menghasilkan
tampilan wujud yang terintegrasi”.
 13

Menurut Simarmata (2010:52), HTML adalah bahasa markup untuk

menyebarkan informasi pada Web.

2. Hypertext Preprossesor (PHP).

PHP sebuah kepanjangan dari Hypertext Preprocessor, bahasa

pemograman PHP sering digunakan untuk pemograman web. PHP
disebut juga pemograman server side, artinya program dijalankan
pada server. PHP sebenarnya merupakan program yang berjalan pada
platform LINUX. Program ini bersifat freeware.

Menurut Sandi (2013:39), Hypertext Preprocessor yang biasa

disebut PHP adalah bahasa skrip yang dapat ditanamkan atau
disisipkan ke dalam HTML”.

menurut Risnandar (2013:57), PHP (Hypertext Prepocessing)

merupakan bahasa pemograman yang biasa digunakan untuk membuat
halaman HTML.

Menurut Anhar (2010:3), PHP singkatan dari (PHP: Hypertext

Prosessor) yaitu bahasa pemograman web server-side yang bersifat
open source.

3. Dreamweaver CS3

Dreamweaver CS6 tergabung dalam paket Adobe Creative Suite

(CS) yang di dalamnya terdapat paket desain grafis, video editing, dan
pengembangan web aplikasi. Pada Dreamweaver CS6 terdapat
beberapa fitur baru dari versi sebelumnya seperti
1. Fluid Grid Layout yang dapat mengatur multi halaman web
dengan mudah.
2. Web Fonts Manager manajemen yang memungkinkan Anda
untuk menggunakan font yang tersedia di web server.
 14

3. CSS Style Panel tambahan untuk membuat grafis seperti

bayangan pada elemen tertentu, gradient, membuat sudut oval
dan lain sebagainya.
4. CSS Transitions spesial efek pada elemen, Phone GAP
memungkinkan Anda untuk membangun aplikasi smartphone
menjadi lebih mudah dari sebelumnya.
Jadi, Dreamweaver CS3 adalah program untuk membuat website
dan Adobe yang paling banyak digunakan saat ini oleh para
pengembang website karena program ini canggih namun tetap
mudah digunakan.

2.2.7. Basis Data

Basis Data sebagai media penyimpanan data dimana dapat
menampung berbagai macam data, dimana sistem pendataannya di
data dengan manajemen data yang baik.
Teknologi perangkat keras komputer dengan saat ini
berkembang dengan sangat pesat, aplikasi-aplikasi basis data maupun
sistem basis data juga berkembang. Perkembangan sistem basis data,
baik perangkat kerasnya, teknologi penyimpanan, maupun
perkembangan data yang disimpan dalam basis data itu sendiri.

Menurut McLeod, dkk dalam Simarmata dan Paryudi

(2010:2), basisdata adalah kumpulan seluruh sumber daya berbasis
komputer milik organisasi.

menurut Nugroho (2011:5), mendefinisikan basis data sebagai

kumpulan terorganisasi dari data-data yang berhubungan sedemikuan
rupa sehingga mudah disimpan, dimanipulasi, serta dipanggil oleh
pengguna.
 15

2.2.8. Pengertian Xampp.

Menurut Nugroho (2013:1), XAMPP adalah paket program web

lengkap yang dapat Anda pakai untuk belajar pemrograman web,
khususnya PHP dan MySQL.

Menurut Buana (2014:4), XAMPP adalah perangkat lunak

opensource yang diunggah secara geratis dan bisa dijalankan di semua
semua operasi seperti windows, linux, solaris, dan mac.

2.2.9. Pengertian PhpMyAdmin

Menurut Nugroho (2013:71), phpMyAdmin adalah tools yang

dapat digunakan dengan mudah untuk memanajemen database
MySQL secara visual dan Server MySQl, sehingga kita tidak perlu lagi
harus menulis query SQL setiap akan melakukan perintah operasi
database”. Tools ini cukup populer, Anda dapat mendapatkan fasilitas
ini ketika menginstal paket triad phpMyAdmin, karena termasuk dalam
xampp yang sudah di instal.

Menurut Buana (2014:2), phpMyAdmin adalah salah satu aplikasi

yang digunakan untuk memudahkan dalam melakukan pengelolaan
database MySQL. phpMyAdmin merupakan aplikasi web yang bersifat
opensource.

Menurut Nugroho (2013:71), phpMyAdmin adalah tools MySQL

Client berlisensi Freeware”. phpMyAdmin harus dijalankan di sisi server
web dan pada komputer harus tersedia PHP, karena berbasis web.
 16

2.2.10. Pengertian UML (Unified Modeling Language).

Menurut Booch (2005:7) UML adalah Bahasa standar untuk

membuat rancangan software. UML biasanya digunakan untuk
menggambarkan dan membangun, dokumen artifak dari software –
intensive system.

Menurut Nugroho (2010:6), UML (Unified Modeling Language)

adalah ‘bahasa’ pemodelan untuk sistem atau perangkat lunak yang
berparadigma ‘berorientasi objek”. Pemodelan (modeling)
sesungguhnya digunakan untuk penyederhanaan permasalahan-
permasalahan yang kompleks sedemikian rupa sehingga lebih mudah
dipelajari dan dipahami.

Menurut Nugroho (2009:4), UML (Unified Modeling Language)

adalah Metodologi kolaborasi antara metoda-metoda Booch, OMT
(Object Modeling Technique), serta OOSE (Object Oriented Software
Enggineering) dan beberapa metoda lainnya.

Beberapa Jenis-jenis UML (Unified Modeling Language) yaitu :

1. Use case Diagram.

Use case diagram yaitu salah satu jenis diagram pada UML yang
menggambarkan interaksi antara sistem dan aktor, use case diagram
juga dapat men-deskripsikan tipe interaksi antara si pemakai sistem
dengan sistemnya.
 17

Gambar 2.2. Use Case Diagram

Adapun Simbol-simbol Use Case Diagram yaitu :

Tabel 2.1. Simbol-simbol Use Case Diagram

2. Activity Diagram.

Activity diagram atau diagram aktivitas yaitu salah satu jenis

diagram pada UML yang dapat memodelkan proses-proses apa saja
yang terjadi pada sistem.
 18

Gambar 2.3. Activity Diagram

Adapun Simbol-simbol Activity Diagram yaitu :

Tabel 2.2. Simbol-simbol Activity Diagram

3. Sequence Diagram.
 19

Sequence diagram yaitu salah satu jenis diagram pada UML

yang menjelaskan interaksi objek yang berdasarkan urutan waktu,
sequence diagram juga dapat menggambarkan urutan atau tahapan
yang harus dilakukan untuk dapat menghasilkan sesuatu seperti pada
use case diagram.

Gambar 2.4. Sequence Diagram.

Adapun Simbol-simbol Sequence Diagram yaitu :

Tabel 2.3. Simbol-simbol Sequence Diagram.

 20

4. Class Diagram

Class diagram yaitu salah satu jenis diagram pada UML yang
digunakan untuk menampilkan kelas-kelas maupun paket-paket yang
ada pada suatu sistem yang nantinya akan digunakan. Jadi diagram
ini dapat memberikan sebuah gambaran mengenai sistem maupun
relasi-relasi yang terdapat pada sistem tersebut.

Gambar 2.5. Class Diagram.

Adapun Simbol-simbol Sequence Diagram yaitu :

Tabel 2.4. Simbol-simbol Class Diagram.

 21

Rencana Jadwal Penelitian

Tabel : Rencana Jadwal Penelitian