bab ii
TRANSCRIPT
5
BAB II
DASAR TEORI
2.1 Konsep Dasar Sistem Informasi
2.1.1 Pengertian Sistem
Menurut Andri Kristanto (2007:1), sistem adalah jaringan kerja
dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk
melakukan sesuatu kegiatan atau mnyelesaikan suatu sasaran tertentu.
2.1.2 Konsep Dasar Informasi
Menurut Andri Kristanto (2007:7), informasi dapat diibaratkan
sebagai darah yang mengalir di dalam tubuh manusia. Informasi merupakan
kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti
bagi yang menerima. Tanpa suatu informasi, suatu sistem tidak akan berjalan
dengan lancar dan akhirnya bisa mati. Dengan kata lain, sumber informasi adalah
data.
2.1.3 Konsep Dasar Sistem Informasi
Menurut Andri Kristanto (2007:12), sebuah sistem informasi
merupakan kumpulan dari perangkat keras dan perangkat lunak komputer
serta perangkat manusia yang akan mengelola data menggunakan perangkat
keras dan perangkat lunak tersebut. Selain itu, sistem informasi juga dapat
didefinisikan, suatu sistem yang dibuat oleh manusia yang terdiri dari
komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu
menyajikan informasi.
6
2.2 Pengertian Laporan Bulanan
Laporan bulanan adalah suatu arsip data sekolah yang menampilkan
alamat sekolah, tingkat pendidikan guru, jumlah siswa dan dana keuangan
sekolah. Laporan bulanan akan di isi setiap admin sekolah melalui web yang akan
disediakan oleh Dinas Pendidikan Ogan Komering Ulu.
2.3 Bentuk Software
Adapun software yang digunakan untuk merancang sistem informasi ini, yaitu:
1. Notepad ++ dengan menggunakan program PHP
2. Adobe Photoshop CS 3
3. LocalHost
4. Mysql
5. Microsoft Office Visio
6. Appserv
2.4 Penjelasan Software yang Akan di Gunakan
2.4.1 Pengertian Notepad ++
Menurut Bunafit Nugroho (2004:6) “Notepad ++ adalah sebuah
software bawaan windows sebagai editor dasar”. Notepad ++ merupakan
software yang dapat membantu kita membuat HTML pada Web. Satu hal
yang harus diperhatikan dalam membuat HTML menggunakan notepad ++
yaitu menentukan Type file saat penyimpanan.
7
2.4.2 Pemograman PHP
Penggunaan PHP memungkinkan web dapat dibuat dinamis
sehingga maintenance situs web tersebut menjadi lebih mudah dan efisien.
PHP merupakan software Open Source yang disebarkan dan dilisensikan
secara gratis serta dapat di download secara bebas dari situs resminya.
2.4.3 Kelebihan PHP
Menurut Bunafit Nugroho (2004:204), PHP memiliki banyak
kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP Difokuskan
pada pembuatan script server side, seperti mengumpulkan data dari form,
menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta
menerima cookies.
2.4.4 Menggunakan PHP
Menurut Bunafit Nogroho (2004:203), Seperti pada pemrograman–
pemograman lainya PHP memiliki beberapa aturan penulisan yang harus
diketahui, yaitu bagaimana memulai program PHP dan mengakhiri PHP,
sehingga memenuhi beberapa aturan yang ada.Untuk memulai program
PHP, dapat memulainya dengan mengenal sebuah tag pengenalan PHP
yang digunakan untuk menulis kode PHP.
8
Tabel 2.1 Bentuk pembuka program PHP
Awal Akhir
<? ?>
<?php ?>
<script language=”php”> </script>
<% %>
2.4.5 Pengertian HTML
Menurut Bunafit Nugroho (2004:5), HTML merupakan sebuah
bahasa Scripting yang berguna untuk menuliskan halaman web. Pada
halaman web, HTML dijadikan sebagai bahasa Script dasar yang berjalan
bersama berbagai bahasa Scripting Pemograman lainnya.
Tabel 2.2 Tag-tag HTML
Tag HTML Kegunaan Tag
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman
tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman
yang sama
<b> Membuat teks tebal
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna
link dan visited link
<br> Pindah baris
<center> Untuk perataan tengah terhadap teks atau gambar
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan
<frame> Mendefinisikan frame
9
<h1> ... <h6> Ukuran font
<head> Mendefinisikan head dokument
<hr> Membuat garis horizontal
<html> Berarti dokumen html
<i> Membuat teks miring
<img> Image, imagemap atau animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list
<marquee> Membuat scrolling teks
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran yang sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah
2.4.6 Pengertian CSS
CSS (Cascading Style Sheets) merupakan sebuah dokumen yang
berguna untuk melakukan pengaturan komponen pada halaman web. Inti
dari dokumen ini adalah memformat halaman web standar menjadi bentuk
web yang memiliki kualitas yang lebih indah dan menarik.
10
CSS biasanya digunakan untuk melakukan pengaturan global yang
berkaitan dengan objek tetap, misalnya memberikan warna pada halaman
web, pengaturan lebar dan kecil bagian web serta menentukan bentuk font
yang jenis huruf yang digunakan secara menyeluruh dalam halaman web.
2.4.7 Pengertian Adobe Photoshop CS3
adobe Photoshop, atau biasa disebut photoshop, adalah perangkat
lunak editor citra buatan adobe system yang dikhususkan untuk
pengeditan foto atau gambar dan pembuatan efek. Kelebihan nya dengan
photoshop biasa adalah :
1. Mudah di bawadenganflashdiskkemana-manatanpaperluinstalasi.
2. Ukuran file nyabisadibilangkecil, di bawahseratusan Mb.
3. Feature yang adapada adobe photoshop CS3 Portable memiliki
featureyangsamadari adobe photoshop CS3 yang tidak portable.
2.4.8 Pengertian Mysql
MySQL adalah sebuah implementasi dari system manajemen
basisdata relasional yang di distribusikan secara gratis. MySQL
sebenarnya merupakan turunan salah satu konsep utama dalam basisdata
yang telah ada sebelumnya, SQL (Structured Query Language). SQL
adalah sebuahkonsep pengoperasian basisdata, terutama untuk pemilihan
atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data
dikerjakan dengan mudahsecaraotomatis.Kehandalansuatusistembasisdata
dapatdiketahuidaricarakerjapengoptimasi-nyadalammelakukan proses
11
perintah-perintah SQL yang dibuatolehpenggunamaupun program-
program aplikasi yang memanfaatkannya.
Tabel 2.3 Tipe data menurut ANSI SQL
Tipe data Keterangan
CHAR atau
CHARACTER
Menyatakan deretan karakter atau string
NUMERIC Menyatakan data numerik real
DECIMAL atau DEC Identik dengan NUMERIC dan bisa mengandung
pecahan
INTEGER Menyatakan tipe data bilangan bulat
DOUBLE Tipe data bilangan real dengan presisi lebih tinggi
daripada float
FLOAT Tipe data bilangan real
Tabel 2.4 Perintah SQL yang akan digunakan
Perintah Keterangan
CREATE DATABASE Untuk menciptakan basis data
CREATE TABLE Untuk membentuk tabel
INSERT Untuk memasukkan data
SELECT Untuk memperoleh data dan melihat isi tabel
DROP TABEL Menghapus suatu tabel
UPDATE Mengubah data
DELETE Menghapus baris
12
2.4.9 Pengertian Microsoft Office Visio
Microsoft office visio adalah software paket microsoft office
yang khusus untuk membuat diagram atau skema, namun tidak terkait
data.
Software visio saat ini dapat untuk membuat diagram atau grafik berikut:
1. Diagram alur data atau Data Flow Diagram ( DFD
2. Brain storming diagram
3. Chart organisasi
4.Diagram pivot
5. Diagram audit
6. Diagram cause dan efek
7. Chart dangrafik
8. Cross functional chart
9. dan masih banyak lagi yang tersedia dalam microsoft office visio
Access
2.4.10 Pengertian Appserv
AppServadalahpaket installer untuk Windows yang membundel
program opensource yang terdiri dari:
Apache Web Server
PHP Script Language
MySQL Database
13
PhpMyAdmin Database Manager
AppServ merupakan sebauh Software yang berfungsi sebagai
Virtual Web-hosting atau Virtual Server yang mendukung sebagai Aplikasi
untuk di jadikan Web Server.
2.5 Pengertian Web Hosting
Web hosting adalah layanan hosting internet yang memungkinkan
organisasi-organisasi dan individu membuat situs web yang dapat diakses melalui
World Wide Web. Web host adalah perusahaan yang memiliki atau menyewa
server dan memberikan ruang untuk klien mereka untuk digunakan oleh mereka.
2.5.1 Teknologiweb Hosting
Salah satu teknologi yang digunakan adalah fail over hosting,
teknologi ini memungkinkan layanan tetap online 24 jam karena dudukun
goleh beberapa server komputer yang secara otomatis akan menggantikan
tugas server komputer yang mengalami kerusakan.
2.6 Flowchart
Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan
hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan
simbol. Dengan demikian setiap symbol menggambarkan proses tertentu.
Sedangkan hubungan antar proses digambarkan dengan garis penghubung.
Flowchart ini merupakan langkah awal pembuatan program. Dengan
adanya flowchart urutan poses kegiatan menjadi lebih jelas. Jika ada penambahan
proses maka dapat dilakukan lebi hmudah. Setelah flowchart selesai disusun,
14
selanjutnya pemrogram (programmer) menerjemahkannya kebentuk program
dengan bahsa pemrograman.
Gambar 3.6 Kaidah Pembuatan Flowchart
Simbol-simbol flowchart
Flowchart disusun dengan simbol-simbol. Simbol ini dipakai sebagai alat
bantu menggambarkan proses di dalam program. Simbol-simbol yang dipakai
antaralain :
Yaitu simbol yang digunakan untuk menghubungkan antara simbol
yang satu dengan simbol yang lain. Simbol ini disebut juga
connecting line.
Terminator Symbol
Yaitu symbol untuk permulaan (start) atau akhir (stop) dari suatu
kegiatan.
Start
Input
Proses
Output
End
15
Connector Symbol
Yaitu symbol untuk keluar – masuk atau penyambungan proses
dalam lembar / halaman yang sama.
Connector Symbol
Yaitu symbol untu kkeluar – masuk atau penyambungan proses
pada lembar / halaman yang berbeda.
Processing Symbol
Simbol yang menunjukkan pengolahan yang dilakukan oleh
computer.
Simbol Manual Operation
Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh
komputer.
Simbol Decision
Simbol pemilihan proses berdasarkan kondisi yang ada.
Simbol Input-Output
Simbol yang menyatakan proses input dan output tanpa tergantung
dengan jenis peralatannya.
Simbol Manual Input
Simbol untuk pemasukan data secara manual on-line keyboard.
Simbol Preparation
Simbol untuk mempersiapkan penyimpanan yang akan digunakan
sebagai tempat pengolahan di dalam storage.
16
Simbol Predefine Proses
Simbo untuk pelaksanaan suatu bagian (sub-program)/procedure.
Simbol Display
Simbol yang menyataka nperalatan output yang digunakan yaitu
layar, plotter, printer dans ebagainya.
Simbol disk and On-line Storage
Simbol yang menyatakan input yang berasal dari disk atau
disimpan ke disk.
Simbolmagnetik tape Unit
Simbol yang menyatakan input berasal dari pita magnetic atau
output disimpanke pita magnetik.
Simbol Punch Card
Simbol yang menyatakan bahwa input berasal dari kartu atau
output ditulis kekartu.
SimbolDokumen
Simbol yang menyatakan input berasal dari dokumen dalam bentuk
kertasatau output dicetak kekertas.
2.7 Pengertian DFD
DFD adalah arus data dari suatu sistem informasi, baik sistem lama
maupun sistem baru secara logika tanpa mempertimbangkan lingkungan fisik
dimana data tersebut berada
17
langkah-langkah pembuatan DFD :
1. Identifikasi semua kesatuan luar yang terlibat dengan sistem.
2. Identifikasi input dan output yang berhubungan dengan kesatuan luar.
3. Buatlah gambaran dari konteks diagram.
2.7.1 Simbol – Simbol yang di Gunakan Pada DFD
Kesatuan luar
Proses
Data Flow
Simpanan Data
2.7.2 Diagram Kontext
Diagram kontext selalu mengandung satu dan hanya satu proses
saja. Proses ini mewakili proses dari seluruh sistem. Diagram konteks ini
menggambarkan hubungan input atau output antara sistem dengan dunia
luarnya (kesatuan luar). Dalam perancangannya sitem ini punulis mencoba
untuk memberikan gambaran mengenai alur arus data dari sitem ini.
2.7.3 Diagram Nol
Setelah pembuatan kontext akan dilanjutkan dengan pembuatan
DFD level 0. Penggambaran context diagram yang lebih rinci (overview
diagram)
Hal yang harus diperhatikan :
18
Perlihatkan data store yang digunakan.
Pada proses yang tidak dirinci lagi, tambahkan tanda * pada akhir
penomoran proses.
Keseimbangan antara diagram kontex dan diagram nol
harusdipelihara.
2.7.4 Diagram Level 1
DFD level 1: Tiap-tiap proses level 0 akan digambarkan rinciYang harus diperhatikan :
Keseimbangan aliran data antara diagram nol dan diagram rinci.
Pada proses yang tidak dirinci lagi, tambahkantanda * pada akhir
penomoran proses.
Tabel 2.5 Penomoran Proses
Nama Level Nama Diagram Nomor Proses
0 Konteks 0
1 Diagram Nol 1.0, 2.0, 3.0 ...
2 Diagram Rinci 1.0 1.1, 1.2, 1.3 ....
2 Diagram Rinci 2.0 2.1, 2.2, 2.3 ...
3 Diagram Rinci 1.1 1.1.1, 1.1.2, 1.1.3 ...
3 Diagram Rinci 1.2 1.2.1, 1.2.2, 1.2.3 ...
dst