BAB II

LANDASAN TEORI

2.1. PENGERTIAN RANCANG BANGUN

2.1.1. Rancang
Perancangan merupakan salah satu hal yang penting dalam
membuat program. Adapun tujuan dari perancangan ialah untuk
memberi gambaran yang jelas lengkap kepada pemrogram dan
ahli teknik yang terlibat. Perancangan harus berguna dan mudah
dipahami sehingga mudah digunakan.
Perancangan adalah sebuah proses untuk mendefinisikan
sesuatu yang akan dikerjakan dengan menggunakan teknik yang
bervariasi serta di dalamnya melibatkan deskripsi mengenai
arsitektur serta detail komponen dan juga keterbatasan yang akan
dialami dalam proses pengerjaanya.
Menurut Pressman (2009) perancangan atau rancang
merupakan serangkaian prosedur untuk menterjemahkan hasil
analisa dan sebuah sistem ke dalam bahasa pemrograman untuk
mendeskripsikan dengan detail bagaimana komponen-komponen
sistem di implementasikan.
2.1.2. Bangun
Menurut Pressman (2009) pengertian pembangunan atau
bangun sistem adalah kegiatan menciptakan sistem baru maupun
mengganti atau memperbaiki sistem yang telah ada secara
keseluruhan. Jadi dapat disimpulkan bahwa Rancang Bangun
adalah penggambaran, perencanaan, dan pembuatan sketsa atau
pengaturan dari beberapa elemen yang terpisah kedalam suatu
kesatuan yang utuh dan berfungsi.
Dengan demikian pengertian rancang bangun merupakan
kegiatan menerjemahkan hasil analisa ke dalam bentuk paket
perangkat lunak kemudian menciptakan sistem tersebut atau
memperbaiki sistem yang sudah ada.

9
 10

2.2. PENGERTIAN SISTEM INFORMASI

Sistem Informasi adalah suatu sistem terintegrasi yang mampu
menyediakan informasi yang bermanfaat bagi penggunanya. Atau sebuah
sistem terintegrasi atau sistem manusia-mesin, untuk menyediakan
informasi pendukung operasi, manajemen dalam suatu organisasi.
Sistem ini memanfaatkan perangkat keras dan perangkat lunak
komputer, prosedur manual, model manajemen dan basis data, dari uraian
tersebut terdapat beberapa kata kunci yaitu :
1. Berbasis Komputer dan Sistem Manusia/Mesin
a. Berbasis Komputer
Perancang harus memahami pengetahuan komputer dan pemrosesan
informasi.
b. Sistem Manusia-Mesin
Terdapat interaksi antara manusia sebagai pengola dan mesin
sebagai alat untuk memproses informasi. Ada proses manual yang
harus dilakukan manusia dan ada proses yang terotomasi oleh
mesin, oleh karena itu diperlukan suatu prosedur/manual sistem.
2. Sistem Basis Data Terintegrasi
Adalah dimana adanya penggunaan basis data secara bersama-
sama (sharing) dalam sebuah database manajemen sistem.
3. Mendukung Operasi
Informasi yang diolah dan dihasilkan digunakan untuk
mendukung operasi organisasi Menurut Robert A. Leitch, sistem
informasi adalah suatu sistem di dalam 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
diperlukan.

2.3. WEBSITE
Website atau situs dapat diartikan sebagai kumpulan halaman yang
menampilkan informasi data teks, data gambar diam atau bergerak, data
 11

animasi, suara, video atau gabungan dari semuanya, baik yang bersifat statis
maupun dinamis yang membentuk satu rangkaian bangunan yang saling
terkait dimana masing-masing dihubungkan dengan jaringan-jaringan
halaman (hyperlink). (Nurjamansolih, 2010). Secara garis besar, website
bisa digolongkan menjadi 3 bagian yaitu :
a. Website Statis
Website statis adalah web yang mempunyai halaman yang tidak
berubah. Untuk melakukan perubahan pada suatu halaman dilakukan
secara manual dengan mengedit kode yang menjadi struktur dari
website tersebut.
b. Website Dinamis
Website dinamis merupakan website yang secara struktur
diperuntukkan untuk update sesering mungkin. Selain bisa diakses oleh
user, pada umumnya juga disediakan halaman backend untuk mengedit
konten dari website. Biasanya sebuah website dinamis terhubung ke
database sehingga dapat dengan mudah menyimpan dan menarik
informasi dengan cara yang terorganisir dan terstruktur. Contoh umum
mengenai website dinamis adalah web berita atau web portal yang
didalamnya terdapat berita, polling dan sebagainya.
c. Website Interakif
Website interaktif adalah web yang saat ini sedang populer. Salah
satu contoh website interaktif adalah blog dan forum. Di website ini
user bisa berinteraksi dan beradu argumen mengenai apa yang menjadi
pemikiran mereka. Biasanya website seperti ini memiliki moderator
untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.

2.4. BASIS DATA

Basis Data adalah kumpulan informasi yang disimpan di dalam
komputer secara sistematik sehingga dapat diperiksa menggunakan suatu
program komputer untuk memperoleh informasi dari basis data tersebut.
Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri
(query) basis data disebut sistem manajemen basis data (Database
 12

Management System atau DBMS). Basis data atau database, berasal dari
kata basis dan data, adapun pengertian dari kedua pengertian tersebut adalah
sebagai berikut :
a. Basis : dapat diartikan sebagai markas atau gudang, tempat bersarang
atau berkumpul.
b. Data : representasi fakta dunia nyata yang mewakili suatu objek seperti
manusia (pegawai, siswa, pembeli, pelanggan), barang, hewan
peristiwa, konsep, keadaan, dan sebagainya yang direkam dalam bentuk
angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya.

Dari kedua pengertian tersebut, maka dapat ditarik kesimpulan bahwa

pengertian dari basis data adalah kumpulan informasi yang disimpan di
dalam komputer secara sistematik sehingga dapat diperiksa menggunakan
suatu program komputer untuk memperoleh informasi dari basis data
tersebut. Database berfungsi untuk menampung atau menyimpan data-data,
dimana masing-masing data yang ada pada table atau file tersebut saling
berhubungan satu sama lainnya. Basis data telah digunakan pada hampir
seluruh area dimana komputer digunakan, termasuk bisnis, teknik,
kesehatan, hukum, pendidikan dan sebagainya. Tujuan basis data pada suatu
perusahaan pada dasarnya adalah kemudahan dan kecepatan dalam
pengambilan kembali data.

2.5. DBMS
DBMS adalah singkatan dari “Database Management System” yaitu
sistem pengorganisasian dan sistem pengolahan database pada komputer.
DBMS atau database management system ini merupakan perangkat lunak
(software) yang dipakai untuk membangun basis data yang berbasis
komputerisasi.
DBMS (Database Management System) ini juga dapat membantu
dalam memelihara serta pengolahan data dalam jumlah yang besar, dengan
menggunakan DBMS bertujuan agar tidak dapat menimbulkan kekacauan
dan dapat dipakai oleh user sesuai dengan kebutuhan.
 13

DBMS ialah perantara untuk user dengan basis data, untuk dapat
berinteraksi dengan DBMS user dapat memakai bahasa basis data yang
sudah di tentukan oleh perusahaan DBMS. Bahasa basis data umumnya
terdiri dari berbagai macam instruksi yang diformulasikan sehingga
instruksi tersebut dapat di proses oleh DBMS.
Adapun beberapa contoh dari DBMS, diantaranya sebagai berikut :
a. MySQL
MySQL adalah sebuah perangkat lunak pembuat database yang
bersifat terbuka atau open source dan berjalan disemua platform baik
Linux maupun Windows. MySQL merupakan program pengakses
database yang bersifat network sehingga dapat digunakan untuk
aplikasi Multi User (Pengguna Banyak).
MySQL adalah Database Management System (DBMS) yang
didistribusikan secara gratis dibawah lisensi GPL (General Public
License). Dimana setiap orang bebas untuk menggunakan MySQL,
namun tidak boleh dijadikan produk turunan yang bersifat komersial.
MySQL dapat dikatakan lebih unggul dibandingkan database
server lainnya dalam query data. Hal ini terbukti untuk query yang
dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali
lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan
Interbase.
b. Oracle
Oracle adalah database yang terdiri dari kumpulan data dalam
suatu DBMS. Perusahaan software Oracle memasarkan jenis database
ini untuk bermacam-macam aplikasi yang bisa berjalan pada banyak
jenis dan merk perangkat keras komputer (platform).
Database Oracle adalah produksi dari Oracle Corporation, sebuah
perusahaan komputer raksasa yang bermarkas di Redwood City,
California. Database Oracle ini pertama kali dikembangkan oleh Larry
Ellison, Bob Miner dan Ed Oates lewat perusahaan konsultasinya
bernama Software Development Laboratories (SDL) pada tahun 1977.
 14

Pengembanan Oracle dimulai pada tahun 1977 ketika Larry Ellison

melihat ada peluang bagus yang dimanfaatkan perusahaan-perusahaan
software kala itu.

2.6. SQL
SQL adalah suatu bahasa komputer yang mengikuti standar ANSI
(American National Standard Institute), yaitu sebuah bahasa standar yang
digunakan untuk mengakses dan melakukan manipulasi suatu sistem
database. Statement dalam SQL dapat digunakan untuk mengakses data
atau memperbaharui data pada suatu database. Dengan adanya berbagai
perusahaan atau vendor yang membuat berbagai produk SQL maka efeknya
adalah timbul berbagai macam perbedaan dalam bahasa SQL yang
dikembanglan oleh tiap-tiap perusahaan tersebut. Contohnya saja, bahasa
SQL yang dimiliki oleh Microsoft (yang bernama T-SQL) akan berbeda
dengan bahasa SQL yang dikembangkan oleh Oracle (yang bernama
PL/SQL). Namun demikian semua vendor diwajibkan untuk mendukung
bahasa standar yang ditentukan oleh ANSI, misalnya semua pengembang
bahasa SQL wajib dalam mengimplementasikan kata kunci atau statement
standar SQL seperti SELECT, UPDATE, DELETE, INSERT, WHERE dan
lain sebagainya. Perbedaan bahasa SQL yang dikembangkan oleh setiap
vendor itu dinamakan extension atau juga disebut dengan dialek.

2.7. WEB BROWSER

Ditinjau dari frasa katanya, web browser terdiri atas dua kata
berbahasa Inggris yaitu kata ‟web‟ dan kata „browser‟. Arti dari kedua kata
ini yaitu : web merupakan singkatan dari website yaitu halaman situs yang
ada di jaringan internet, sedangkan browser dapat diartikan sebagai media
penjelajah. Dari kedua arti kata ini, maka dapat ditarik kesimpulan bahwa
web browser merupakan alat penjelajah halaman situs website.
Jika ditinjau dari fungsinya, pengertian web browser adalah sebuah
program yang berfungsi sebagai media untuk membuka berbagai macam
halaman situs yang ada di jaringan internet.
 15

2.8. HTML
2.8.1. Pengertian HTML
HTML adalah bahasa markup internet (web) berupa kode dan
simbol yang dimasukkan kedalam sebuah file yang ditujukan untuk
ditampilkan didalam sebuah website. Singkatnya, HTML adalah
bahasa markup yang digunakan untuk membuat website. Website
yang dibuat dengan HTML ini, dapat dilihat oleh semua orang yang
terkoneksi dengan internet. Tentunya dengan menggunakan aplikasi
penjelajah internet (browser) seperti Internet Explorer, Mozilla
Firefox dan Google Chrome.
HTML adalah singkatan dari Hyper Text Markup Language yaitu :
a. HyperText adalah paradigma antarmuka pengguna untuk
menampilkan dokumen yang berisi referensi otomatis ke
dokumen lainnya yang disebut hyperlink. Hyperlink adalah
sebuah teks khusus di internet, dimana saat teks tersebut diklik,
akan membawa kita ke halaman web selanjutnya atau halaman
web lain yang telah ditentukan.
b. Markup adalah hal yang dilakukan oleh tag HTML kepada teks
yang ada didalamnya. HTML menandai teks yang berada
didalamnya sebagai tipe teks tertentu. Misalnya saja jika kita
menandai sebuah teks dengan tag html <i>, maka teks tersebut
akan berubah menjadi italic (huruf yang miring). Sedangkan jika
kita menandainya dengan <b>, maka teks tersebut akan berubah
menajadi bold (huruf tebal).
c. Language yang berarti bahasa. HTML adalah sebuah bahasa,
yang memiliki kata-kata berupa kode dan syntax seperti bahasa
yang lain. Saat ini bahasa HTML masih terus dikembangkan Hal
ini dikarenakan pengguna internet semakin hari semakin
berkembang pesat. Oleh karena itu bahasa HTML harus
ditingkatkan lagi agar bisa menciptakan halaman web yang lebih
berkualitas. Untuk itulah dibentuk sebuah organisasi yang
 16

bertanggungjawab mengembangkan bahasa HTML. Organisasi

ini bernama W3C.
2.8.2. Fungsi dan Kegunaan HTML
Sebagai bahasa markup internet, HTML memiliki banyak fungsi
dan kegunaan. Beberapa manfaat dari HTML diantaranya
a. Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk
membuat halaman web. Semua halaman web pasti dibuat dengan
menggunakan HTML.
b. Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak
memiliki pondasi maka akan cepat roboh. Begitu juga dengan
website. Jika tidak memiliki HTML sebagai pondasi, kita tidak
dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa
untuk mendesain website), Javascript (bahasa untuk menambah
prilaku website), dan PHP (bahasa pemrograman server
website).
c. Untuk menandai teks pada halaman web. Misalnya, kita dapat
menandai sebuah teks menjadi bergaris bawah dengan
menggunakan tag html <u>
d. Untuk menandai elemen atau bagian pada halaman web. Sebuah
website memiliki beberapa bagian seperti header, navigasi, main
dan footer. Kita dapat menandai setiap bagiannya dengan
HTML.
e. Untuk menampilkan informasi dalam bentuk tabel
f. Untuk menambahkan objek seperti audio, video, gambar, dll
dalam halaman web
g. Untuk membuat online form
2.8.3. Sejarah HTML
HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat
itu tercetus ide untuk menempatkan elemen elemen yang berguna
untuk menandai bagian suatu dokumen seperti judul, alamat dan isi
dokumen. Pada akhirnya elemen-elemen tersebut dibentuk menjadi
suatu program untuk melakukan format dokumen secara otomatis.
 17

Bahasa pemrograman untuk melakukan tugas ini disebut sebagai

bahasa markup. IBM menamai program ini sebagai Generalized
Markup Language. Pada tahun 1986, konsep ini disetujui oleh ISO
(International Standard Organization) sebagai standar untuk
pembuatan dokumen. Bahasa ini dinamai oleh ISO sebagai Standard
Generalized Markup Language (SGML).
HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari
CERN mengemukakan sebuah ide tentang pembuatan skrip bahasa
pemrograman dan dokumen yang dapat diakes oleh semua komputer
tanpa melihat jenis platformnya. Sejak saat itu HTML menjadi lebih
populer dibandingkan SGML.

2.9. PHP
2.9.1. Pengertian PHP
PHP adalah singkatan dari “PHP: Hypertext Prepocessor”, yaitu
bahasa pemrograman disisi server yang digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah situs web dan
bisa digunakan bersamaan dengan HTML. Ketika mengakses sebuah
URL, maka web browser akan melakukan request ke sebuah web
server.
2.9.2. Sejarah PHP
Pada awalnya PHP merupakan kependekan dari Personal Home
Page (situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf
pada tahun 1995. Pada waktu itu PHP masih bernama Form
Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang
digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum
dan menamakannya PHP/FI. Dengan perilisan kode sumber ini
menjadi sumber terbuka, maka banyak pemrogram yang tertarik
untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini,
interpreter PHP sudah diimplementasikan dalam program C. Dalam
 18

rilis ini disertakan juga modul-modul ekstensi yang meningkatkan

kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis
ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih
cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis
interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai
PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP:
Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP
baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi
PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini
banyak dipakai disebabkan kemampuannya untuk membangun
aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas
yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari
interpreter PHP mengalami perubahan besar. Versi ini juga
memasukkan model pemrograman berorientasi objek ke dalam PHP
untuk menjawab perkembangan bahasa pemrograman ke arah
paradigma berorientasi objek. Server web bawaan ditambahkan pada
versi 5.4 untuk mempermudah pengembang menjalankan kode PHP
tanpa menginstall software server. Versi terbaru dan stabil dari
bahasa pemograman PHP saat ini adalah versi 7.0.16 dan 7.1.2 yang
resmi dirilis pada tanggal 17 Februari 2017.

2.10. CSS
CSS (Cascading Style Sheet) adalah salah satu bahasa desain web
(style sheet language) yang mengontrol format tampilan sebuah halaman
web yang ditulis dengan menggunakan penanda (markup laguage).
Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan
XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumen
XML, termasuk SVG dan XUL bahkan Android.
 19

CSS dibuat untuk memisahkan konten utama dengan tampilan

dokumen yang meliputi layout, warna dan font. Pemisahan ini dapat
meningkatkann daya akses konten pada web, menyediakan lebih banyak
fleksibilitas dan kontrol dalam spesifikasi dari sebuah karakteristik dari
sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah
formatting dan mengurangi kerumitan dalam penulisan kode dan struktur
dari konten, contohnya teknik tables pada desain web.
CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam
berbagai style dengan menggunakan metode pembawaan yang berbeda pula,
seperti on-screen, in-print, by voice, dan lain-lain. Sementara itu, pemilik
konten web bisa menentukan link yang menghubungkan konten dengan file
CSS.
Tujuan utama CSS diciptakan untuk membedakan konten dari
dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun
pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk
dalam desain web diantaranya adalah warna, ukuran dan formatting. Dengan
adanya CSS, konten dan desain web akan mudah dibedakan, jadi
memungkinkan untuk melakukan pengulangan pada tampilan-tampilan
tertentu dalam suatu web, sehingga akan memudahkan dalam membuat
halaman web yang banyak, yang pada akhirnya dapat memangkas waktu
pembuatan web.
Fungsi utama CSS adalah merancang, merubah, mendesain,
membentuk halaman wesite dan isi dari halaman website adalah tag-tag
HTML, logikanya CSS itu dapat merubah tag-tag html (yang sederhana)
sehingga menjadi lebih fungsional dan menarik.

2.11. JQUERY
JQuery adalah Library Javascript yang dibuat untuk memudahkan
pembuatan website dengan HTML yang berjalan di sisi Client. JQuery
diluncurkan pada tanggal 26 Januari 2006 di Barcamp NYC oleh John Resig
dan berlisensi ganda di bawah MIT dan GPL.
 20

Sekarang JQuery dikembangkan oleh team developer yang dipimpin

oleh Dave Metvin. Dipakai oleh lebih dari 55% dari 10.000 website yang
paling sering dikunjungi. JQuery menjadi Library Javascript yang paling
popular Sekarang.
Script JQuery dibuat untuk memudahkan pengaturan dokumen seperti
menyeleksi object dengan elemen DOM dan membuat aplikasi dengan
AJAX. JQuery juga menyediakan layanan atau support para developers
untuk membuat plug-ins di dalam bahasa Javascript.
Sehingga memungkinkan para developer website membuat website lebih
interaktif dengan animasi, efek-efek, tema dan widget. Dengan
menggunakan JQuery kita bisa meluapkan kreatifitas untuk membuat
website dinamis atau website aplikasi menjadi lebih baik.

2.12. PHP MY ADMIN

PhpMyAdmin adalah sebuah aplikasi atau perangkat lunak bebas
(open source) yang ditulis dalam bahasa pemrograman PHP yang digunakan
untuk menangani administrasi database MySQL melalui jaringan lokal
maupun internet. PhpMyAdmin mendukung berbagai operasi MySQL,
diantaranya mengelola basis data, tabel-tabel, fields, relasi, indeks,
pengguna, permissions, dan lain-lain.
Pada dasarnya, mengelola basis data dengan MySQL harus dilakukan
dengan cara mengetikkan baris-baris perintah yang sesuai (command line)
untuk setiap maksud tertentu. Jika seseorang ingin membuat basis data
(database), ketikkan baris perintah yang sesuai untuk membuat basis data.
Jika seseorang menghapus tabel, ketikkan baris perintah yang sesuai untuk
menghapus tabel. Hal tersebut tentu saja sangat menyulitkan karena
seseorang harus hafal dan mengetikkan perintahnya satu per satu.
Saat ini banyak sekali perangkat lunak yang dapat dimanfaatkan untuk
mengelola basis data dalam MySQL, salah satunya adalah phpMyAdmin.
Dengan phpMyAdmin, seseorang dapat membuat database, membuat tabel,
mengisi data, dan lain-lain dengan mudah, tanpa harus menghafal baris
perintahnya.
 21

2.13. XAMPP
XAMPP adalah perangkat lunak open source, yang mendukung untuk
banyak sistem operasi, yang merupakan kompilasi dari beberapa program.
XAMPP adalah server yang berdiri sendiri (localhost), yang terdiri dari
beberapa program antara lain : Apache HTTP Server, MySQL database dan
penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan
Perl. Nama XAMPP sendiri merupakan singkatan dari X (empat sistem
operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia
dalam GNU (General Public License) dan bebas, merupakan web server
yang mudah untuk digunakan yang dapat menampilkan halaman web yang
dinamis.
Server HTTP Apache atau Server Web/WWW Apache adalah server
web yang dapat dijalankan dibanyak sistem operasi seperti (Unix, BSD,
Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang
berguna untuk melayani dan memfungsikan situs web.

2.14. DFD
2.14.1. Pengenalan DFD
Data Flow Diagram (DFD) atau Diagram Alir Data (DAD)
adalah suatu diagram yang menggunakan notasi-notasi untuk
menggambarkan arus dari data pada suatu sistem atau menjelaskan
proses kerja suatu sistem, yang penggunaannya sangat membantu
untuk memahami sistem secara logika, tersruktur dan jelas. Secara
singkatnya, DFD adalah alat pemodelan untuk memodelkan alur
kerja sistem.
2.14.2. Data Flow Diagram
Data Flow Diagram (DFD) merupakan diagram yang
menyatakan notasi-notasi untuk menggambarkan aliran data. DFD
dipakai untuk menggambarkan suatu sistem yang telah ada atau
sistem baru yang akan dikembangkan secara logika tanpa
mempertimbangkan lingkungan fisik dimana data tersebut mengalir
 22

atau akan disimpan. DFD merupakan alat yang digunakan pada

metodologi perancangan dan analisis sistem terstruktur (Structured
Analysis and Design) artinya DFD dapat menggambarkan arus data
didalam sistem dengan terstruktur dan jelas. Lebih lanjut DFD juga
merupakan dokumentasi dari sistem yang baik. Beberapa simbol
yang digunakan dalam DFD, untuk maksud mewakilinya :
a. External Entity
Merupakan kesatuan di lingkungan luar sistem yang dapat
berupa orang, organisasi atau sistem lainnya yang berada
dilingkungan luarnya yang akan memberikan masukan atau
menerima keluaran dari sistem. Dan dilambangkan dengan
simbol kotak (lihat daftar simbol) dimana external entity ini
diidentifikasi dengan nama entitasnya dengan cara
menuliskannya di dalam kotak tersebut.
b. Data Flow (Arus Data)
Arus data dilambangkan dengan panah dan arus data ini
mengalir diantara proses, simpanan data atau media
penyimpanan dan kesatuan keluaran hasil proses sistem.
c. Process (Proses)
Merupakan kegiatan yang dilakukan oleh orang, mesin atau
komputer dari hasil arus data yang masuk kedalam proses untuk
menghasilkan arus data yang keluar dari proses. Proses
dilambangkan dengan ujung-ujungnya tumpul tergantung dari
tipe chart (lihat daftar simbol) setiap proses diberikan
penjelasan antara lain dengan memberikan nomor proses dan
nama proses yang ditulis didalam lingkaran atau segi empat
tumpul.
d. Data Store (Simpanan Data)
Merupakan simpanan data yang berupa :
- File atau database di sistem komputer
- Arsip atau catatan manual.
 23

Dilambangkan dengan sepasang garis pararel horisontal yang

ujungnya tertutup (lihat daftar simbol) dan diidentifikasikan
dengan memberikan nama data store atau nomor/kode yang
ditulis didalamnya.

Tabel 2.1. Simbol Data Flow Diagram

SIMBOL KETERANGAN
Kesatuan Luar / External Entity. Merupakan
sumber/tujuan data atau suatu bagian/orang
yang berada diluar sistem tapi berhubungan
dengan sistem tersebut, baik itu
memasukkan data maupun mengambil data
dari sistem.

Proses. Simbol ini digunakan untuk

melakukan proses pengolahan data di dalam
DFD, yang menunjukkan suatu kegiatan
yang mengubah aliran data masuk (input)
menjadi aliran data keluar (output).
Penyimpanan Data / Data Store. Berfungsi
sebagai tempat penyimpanan dokumen-
dokumen/file-file yang dibutuhkan dalam
suatu sistem informasi.
Aliran Data. Menunjukkan arus dalam
proses, dimana simbol aliran data ini
mempunyai nama tersendiri.

2.14.3. Entity Relationship Diagram (ERD)

Entity Relationship Diagram adalah sebuah diagram yang
menggambarkan model relasi antar rancangan data tersimpan. Model
 24

relasi ini diperlukan untuk menggambarkan struktur data dari relasi

antar data (yang mungkin sangat komplek).
Model data ERD dibentuk dari empat komponen dasar yaitu :
1. Entitas
Adalah segala sesuatu yang ada dan dapat dibedakan. Entitas
dapat berupa orang, tempat, benda, peristiwa atau konsep yang
bisa memberikan atau mengandung informasi.
2. Relasi
Hubungan antara entitas atau beberapa entitas jenis relasi yang
ada di dalam database adalah sebagai berikut :

a. Relasi banyak ke satu (N – 1).

b. Relasi banyak ke banyak (N – M).
c. Relasi satu ke banyak (1 – N).
d. Relasi satu ke satu (1 –1).
3. Atribut
Setiap entitas memiliki atribut-atribut atau elemen data yang
mencirikan entitas tersebut.
4. Kunci (key)
Sebuah atribut atau set atribut yang nilainya
mengidentifikasikan entitas secara unik dalam set entitas.
Tabel 2.2. Simbol Entity Relationship Diagram (Diagram E-R)

SIMBOL KETERANGAN
Entity. Simbol yang menyatakan himpunan
entitas ini bisa berupa : suatu elemen
lingkungan, sumber daya, atau transaksi,
yang begitu pentingnya bagi perusahaan
sehingga didokumentasikan dengan data.
Attribute. Simbol terminal ini untuk
menunjukkan nama-nama atribut yang ada
pada entiti.
Primary Key Attribute. Simbol atribut yang
 25

digarisbawahi, berfungsi sebagai key (kunci)

di antara nama-nama atribut yang ada pada
suatu entiti.
Relationship. Simbol ini menyatakan relasi
ini digunakan untuk menunjukkan hubungan
yang ada antara entiti yang satu dengan entiti
yang lainnya.
Link. Simbol berupa garis ini digunakan
sebagai penghubung antara himpunan relasi
dengan himpunan entitas dan himpunan
entitas dengan atributnya.

2.14.4. Flowchart
Flowchart adalah bagan alir yang menunjukkan dan
menjelaskan sistem informasi yang terdapat didalam program atau
prosedur secara tepat dan logis berdasarkan logika. Flowchart
memiliki beberapa simbol dan fungsi, diantaranya :
Tabel 2.3. Daftar Simbol Flowchart

No Simbol Pengertian Keterangan

Digunakan untuk
1. Mulai / berakhir memulai, mengakhiri,
( Terminal ) atau titik henti dalam
sebuah proses atau
program; juga
digunakan untuk
menunjukkan pihak
eksternal.
Sebuah dokumen atau
2. Dokumen laporan; dokumen
dapat dibuat dengan
tangan atau dicetak
oleh komputer.
 26

Sebuah kegiatan
3. Kegiatan Manual pemrosesan yang
dilaksanakan secara
manual.
Arsip dokumen
4. Arsip disimpan dan diambil
T
secara manual. Huruf
didalamnya
menunjukkan cara
pengurutan arsip: N =
Urut Nomor; A = Urut
Abjad;T = Urut
Tanggal.
Input / Output; Digunakan untuk
5. Jurnal / Buku menggambarkan
Besar berbagai media input
dan output dalam
sebuah bagan alir
program.

6. Disk Bermagnit Data disimpan secara

permanen pada disk
bermagnit.
Penghubung Menghubungkan bagan
7. Pada Halaman alir yang berada
Berbeda dihalaman yang
berbeda.
Entri data alat oleh on
8. Pemasukan Data line seperti terminal
On Line CRT dan komputer
pribadi.
 27

Sebuah fungsi
9. Pemrosesan pemrosesan yang
Komputer dilaksanakan oleh
komputer biasanya
menghasilkan
perubahan terhadap
data atau informasi
10. Arus dokumen atau
Arus Dokumen pemrosesan; arus
atau Pemrosesan normal adalah ke kanan
atau ke bawah.
Sebuah tahap
11. Keputusan pembuatan keputusan

Penghubung Menghubungkan bagan

12. Dalam Sebuah alir yang berada pada
Halaman halaman yang sama.
Digambarkan dengan
13. Dokumen menupuk simbol
Rangkap dokumen dan
pencetakan nomor
dokumen dibagian
depan dokumen pada
bagian kiri atas.