Perancangan Sistem Informasi Nilai Siswa Di SMA Swasta Methodist-2 Kisaran Berbasis Web

7

BAB 2

LANDASAN TEORI

2.1

Pengertian Sistem, Informasi dan Sistem Informasi

2.1.1

Sistem

Sistem berasal dari bahasa Latin (systēma) atau bahasa Yunani (sustēma) yang
berarti suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan
bersama untuk memudahkan aliran informasi, materi, atau energi. Ada beberapa
pendapat para ahli tentang defenisi sistem, yaitu:
1. Menurut Shelly dan Rosenblatt (2012:7), sistem adalah sekumpulan
komponen yang saling berinteraksi untuk menghasilkan tujuan tertentu.
2. Menurut O’Brien dan Marakas (2011:26), sistem merupakan komponen

yang saling berinteraksi dengan batasan yang sudah ditetapkan, bekerja
bersama-sama untuk mencapai tujuan yang objektif dengan menerima
input dan menghaslkan output dalam proses transformasi yang
terorganisir.

2.1.2

Informasi

Secara etimologinya, informasi berasal dari kata bahasa Perancis kuno
(informacion, pada tahun 1387), mengambil istilah dari bahasa Latin yaitu

Universitas Sumatera Utara

8

informationem yang berarti konsep, ide atau garis besar. Ada beberapa
pendapat para ahli tentang defenisi informasi, yaitu:
1. Menurut Shelly dan Rosenblatt (2012:7) informasi adalah data yang telah
di transformasi menjadi bentuk yang lebih berguna bagi pemakai.

2. Menurut Becerra-Fernandez dan Sabherwal (2010:18), informasi adalah
subset data yang memiliki konteks, relevansi, dan tujuan.

Agar informasi bermanfaat bagi pengguna, informasi memiliki kualitas
tertentu seperti berikut:
1. Akurat (accurate)
Informasi harus bebas dari kesalahan dan tidak boleh menyesatkan. Akurat
juga berarti bahwa informasi harus jelas mencerminkan maksudnya.
2. Tepat waktu (timelines)
Informasi yang sampai pada penerima tidak boleh tertunda. Informasi
yang sudah usang nilainya akan berkurang. Karena informasi merupakan
landasan didalam pengambilan suatu keputusan.
3. Relevan (relevance)
Informasi tersebut mempunyai manfaat untuk penggunanya. Relevansi
informasi untuk setiap orang, satu dan lainnya pasti berbeda.

2.1.3 Sistem Informasi

Dari pengertian sistem dan informasi diatas, dapat disimpulkan bahwa sistem
informasi adalah data yang dikumpulkan, diklasifikasikan dan diolah sedemikian


Universitas Sumatera Utara

9

rupa sehingga menjadi sebuah informasi entitas terkait tunggal dan mendukung
satu sama lain sehingga menjadi informasi berharga bagi mereka yang
menerimanya (Tafri D. Muhyuzir).

Menurut Kertahadi (2007), sistem informasi adalah suatu alat untuk
menyajikan informasi sedemikan rupa sehingga bermanfaat bagi penerimanya.
Tujuannya adalah untuk menyajikan informasi guna pengambilan keputusan pada
perencanaan, pengorganisasian, pengendalian kegiatan operasi suatu perusahaan
yang menyajikan sinergi organisasi pada proses. Dengan demikian sistem
informasi berdasarkan konsep ( input, processing, output).

2.2

Pengertian Database


Basis data (database) adalah kumpulan data yang disimpan secara sistematis di
dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat
lunak (program aplikasi) untuk menghasilkan informasi meliputi spesifikasi
berupa tipe data, struktur data dan juga batasan-batasannya. Menurut Date,
database dapat dianggap ialah sebagai tempat sekumpulan berkas dan juga
terkomputerisasi.

Sistem database ini pada dasarnya ialah sistem terkomputersisai yang
mempunyai tujuan utamanya ialah untuk melakukan pemeliharaan terhadap
informasi dan juga membuat informasi tersebut tersedia saat dibutuhkan.

Universitas Sumatera Utara

10

2.3

MySQL

MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional

(RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General
Public License), yang merupakan turunan salah satu konsep utama dalam basis
data yang telah ada sebelumnya, SQL (Structured Query Language). Setiap
pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan
perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat
komersial.

2.4

XAMPP

XAMPP adalah sebuah software web server apache yang didalamnya sudah
tersedia database server mysql dan support php programming. XAMPP
merupakan software yang mudah digunakan, gratis dan mendukung instalasi di
Linux dan Windows. Keuntungan lainnya adalah kita hanya menginstal satu kali
sudah tersedia Apache web server, Mysql database server, PHP support (PHP 4
dan PHP 5) dan beberapa module lainnya.
Perbedaannya XAMPP versi untuk windows sudah dalam bentuk instalasi grafis
sedangkan yang versi untuk Linux dalam bentuk file terkompresi tar.gz.


Universitas Sumatera Utara

11

2.5

PHP

PHP merupakan script untuk pemrograman script web server-side, script yang
membuat dokumen HTML secara on the fly, dokumen HTML yang dihasilkan
dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan
editor HTML. PHP memiliki kelebihan yang tidak dimiliki oleh bahasa script
sejenis. Ada beberapa keunggulan dan keuntungan dalam penggunaan Personal
Home Page, yang diantaranya adalah :
1. PHP memungkinkan pembuatan web dinamis yang dapat membentuk
suatu tampilan berdasarkan permintaan sendiri.
2. PHP itu free, artinya pemakai atau user tidak perlu membayar apapun
untuk menggunakan perangkat lunak ini. User dapat men-downloadnya
melalui situs-situs yang telah banyak tersedia.
3. PHP menggunakan kode yang dapat berkomunikasi dengan database yang

terkenal seperti dBASE, DBM, MSQL, Oracle, ataupun MySQL dan
melakukan perhitungan-perhitungan yang kompleks sambil jalan.

2.6

PhpMyAdmin

PhpMyAdmin adalah aplikasi berbasis web yang ditulis dalam bahasa Php yang
fungsi utamanya melakukan administrasi MySql. Administrasi MySql inilah yang
akan digunakan untuk mengakses database MySql via PHP. Dalam pengerjaan
tugas akhir ini penulis menggunakan PHPMyAdmin sebagai tool administrasi
MySql.

Universitas Sumatera Utara

12

2.7

HTML5


HTML5 (Hypertext Markup Language Version 5) merupakan bahasa markah
untuk menstrukturkan dan menampilkan isi dari World Wide Web, yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi
di dalam sebuah penjelajah web internet dan pemformatan hypertext sederhana
yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan yang
terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak
pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi
halaman web dengan perintah-perintah HTML.

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium)
dan WHATWG (Web Hypertext Application Technology Working Group).
WHATWG dengan bentuk web aplikasi dan W3C merupakan pengembangan dari
HTML 2.0 pada tahun 2006, kemudian memutuskan untuk bekerja sama dan
membentuk versi baru dari HTML5.

Tujuan dibuatnya HTML5, yaitu :
1. Fitur baru harus didasarkan pada HTML5, CSS3 (Cascading Style Sheets),
DOM (Document Object Mode).
2. Mengurangi ketergantungan untuk plugin eksternal (seperti Flash).

3. Penanganan kesalahan yang lebih baik.
4. Lebih markup untuk menggantikan scripting.
5. HTML5 merupakan perangkat mandiri.
6. Proses pengembangan dapat terlihat untuk umum.

Universitas Sumatera Utara

13

Fitur terbaru yang terdapat dalam HTML5 yaitu :
1. Unsur kanvas untuk menggambar.
2. Video dan elemen audio untuk media pemutaran.
3. Dukungan yang lebih untuk penyimpanan secara offline.
4. Elemen konten yang lebih spesifikasi, seperti artikel, footer, header, nav,
section.
5. Bentuk control form seperti kalender, tanggal, waktu, email, url, search.

2.8

CSS3 (Cascading Style Sheet Versi 3)


Cascading Style Sheets (CSS) merupakan aturan untuk mengendalikan beberapa
komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web
yang ditulis dengan HTML dan XHTML.

CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal
dalam desain website. CSS3 juga dapat melakukan animasi pada halaman website,
diantaranya animasi warna hingga animasi 3D. Selain itu, banyak fitur baru pada
CSS3 seperti multiple background, border-radius, drop-shadow, border-images,
CSS Math, dan CSS Objek Model.

Universitas Sumatera Utara

14

2.9

Javascript


JavaScript adalah bahasa script yang berdasar pada objek yang memperbolehkan
pemakai untuk banyak aspek interaksi pada suatu dokumen HTML. Dimana objek
tersebut dapat berupa window, frame, URL, dokumen, form, button, atau item
yang lain, yang semuanya itu mempunyai property yang saling berhubungan
dengannya dan masing-masing memiliki nama, lokasi, warna dan atribut lain.

Untuk dapat mempelajari pemrograman JavaScript, ada 2 piranti yang
diperlukan yaitu browser dan teks editor. Teks editor adalah sebuah pengolah kata
(word processor) yang menghasilkan file dalam format ASCII murni.. Browser
yang mendukung JavaScript yaitu Internet Explorer, Opera, FireFox dan lain-lain.
Kode dalam JavaScript dapat dituliskan langsung pada file HTML dengan dengan
menggunakan tag container. Tag container adalah tag yang diawali
dengan dan diakhiri dengan .

Contoh tag container:




Tag container mempunyai 2 atribut tetapi yang harus diisi hanya
1 atribut yaitu Language. Istilah atribut language dengan “JavaScript”.
Hal ini digunakan untuk memberitahukan pada browser bahwa yang akan ditulis
adalah JavaScript.

Universitas Sumatera Utara

15

Contoh penulisan:

//tulis program anda disini


2.10 Flowchart

Flowchart (diagram alir) adalah sebuah diagram yang merepresentasikan sebuah
algoritma

atau

memperlihatkan

proses

menggunakan

langkah-langkah

yang

beberapa bangun
dilakukan

oleh

geometri

untuk

program

dalam

menyelesaiklan masalah (Opim Salim Sitompul, 2014). Berikut ini adalah simbolsimbol standar pada sebuah flowchart beserta fungsinya:

Tabel 2.1. Simbol Flowchart
No.

Nama Kegiatan

Simbol Kegiatan

Keterangan Kegiatan

Digunakan untuk kegiatan awal
1

Terminator
atau akhir.

2

Panah

Menunjukkan alur proses.

3

Proses

Menunjukkan proses.

Untuk menyatakan keputusan.
4

Keputusan

Universitas Sumatera Utara

16

Untuk input atau output.
5

Data

6

Dokumen

Untuk mewakili output.

Konektor

Untuk

7

(Dalam
Halaman)

keluar-masuk

penyambungan

proses

atau
pada

halaman yang sama.
Untuk

keluar-masuk

atau

Konektor
penyambungan

proses

pada

(Luar Halaman)
8

halaman yang berbeda.
Simbol untuk pemasukkan data

9

Masukan Manual

secara

manual

melalui

keyboard.
Proses Sub
10

Program

Untuk

pelaksanaan

suatu

bagian (sub-prosedur)

Menunjukkan pengolahan yang
11

Operasi Manual
tidak dilakukan oleh komputer.

Menyatakan peralatan output
yang digunakan seperti layar,
Tampilan
printer, plotter.

12

13

Penyimpanan

Menyatakan input yang berasal

Data

dari disk atau disimpan ke disk.

Universitas Sumatera Utara

17

2.11

Data Flow Diagram

Data Flow Diagram adalah alat perancangan sistem yang menggambarkan arus
data suatu sistem yang penggunaannya dapat membantu memahami sistem secara
logika, terstruktur dan jelas. Didalam DFD terdapat tiga level, yaitu:
1. Diagram Konteks (DFD Level 0)
Diagram konteks menggambarkan satu lingkaran besar yang dapat
mewakili seluruh proses yang terdapat dalam suatu sistem. Diagram
konteks merupakan tingkatan tertinggi dalam Data Flow.
2. Diagram Nol (DFD Level 1)
Diagram nol merupakan satu lingkaran besar yang mewakili lingkaranlingkaran kecil yang ada pada diagram konteks. Dengan kata lain diagram
nol merupakan pemecahan dari diagram konteks.
3. Diagram Rinci
Diagram rinci adalah diagram yang menguraikan proses-proses yang ada
di dalam diagram nol.

Berikut merupakan simbol-simbol standar yang digunakan untuk membuat
sebuah Data Flow Diagram.

Universitas Sumatera Utara

18

Tabel 2.2. Simbol Data Flow Diagram
No

Nama Kegiatan

Simbol Kegiatan

Keterangan Kegiatan
Sebagai kesatuan (entitas) di
lingkungan luar sistem yang

1

Kesatuan Luar

dapat berupa orang, organisasi,
sumber

asli

transaksi,

atau

penerima akhir.
Untuk menghubungkan antara
2

Arus Data

proses,

simpanan

data,

dan

kesatuan luar.
Menunjukkan
3

kegiatan

atau

Proses
proses yang sedang dilakukan.
Menunjukkan informasi yang

4

Simpanan Data
Media

Nama datastore

tersimpan.

Universitas Sumatera Utara