CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang
sama dengan format yang berbeda. http:id.wikipedia.orgwikiCSS
2.8 JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan
Sun Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.
JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen
HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan
interaktif dan juga bisa untuk menambah design web.
2.9 Data Flow Diagram DFD
Data Flow Diagram DFD adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu
untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering disebut juga dengan
nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi.
Universitas Sumatera Utara
Data Flow Diagram DFD adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses
fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi.
DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan
kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.
DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun
rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.
Tabel 2.1 Simbol-simbol Data Flow Diagram No.
Simbol Fungsi
1. Eksternal Entity merupakan kesatuan di
luar lingkungan system yang dapat berupa seseorang, organisasi yang dapat mengirimkan
data atau menerima data dari sistem. 2.
Arus data merupakan tempat mengalirnya informasi menunjukan arus data berupa sistem.
Universitas Sumatera Utara
3. Proses merupakan pengolahan data atau aliran
data masuk menjadi data aliran keluar.
4. Penyimpanan
data merupakan
tempat penyimpanan data yang ada di dalam sistem.
2.10 Flow Chart
Flowchart adalah sekumpulan simbol
– simbol yang menunjukan atau menggambarkan rangkaian kegiatan
– kegitan program dari awal hingga akhir. Jadi flowchart juga dapat digunakan untuk menggambarkan urutan langkah
– langkah pekerjaan dalam suatu algoritma. Penjelasan arti dari lambang
– lambang flowchart dapat didefinisikan dan dibagi menjadi tiga kelompok seperti dibawah ini :
1. Flow Direction Symbols
Table 2.2 Tabel Flow Direction Symbols NO
Simbol Fungsi
1 Symbol
Off-line Connector
Simbol untuk
keluarmasuk prosedure
atau proses
dalam lembarhalaman yang lain.
2 Symbol Connector
Simbol untuk keluarmasuk prosedur atau proses dalam lembarhalaman yang
sama
Universitas Sumatera Utara
3 Symbol Comunication Link Simbol transmisi untuk
informasi dari satu lokasi ke lokasi lainnya
2. Processing Symbols
Table 2.3 Tabel Processing Symbols NO
Simbol Fungsi
1 Symbol
Process Simbol
yang menunjukkan
pengolahan yang dilakukan oleh komputer
2 Symbol Manual Operation Simbol yang menunjukkan
pengolahan yang tidak dilakukanoleh komputer
3 Symbol Decision Simbol untuk kondisi yang akan
menghasilkan beberapa kemungkinan jawabanaksi.
4 Symbol
Predefined Process
Simbol untuk
mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage
5 Symbol Terminal Simbol untuk permulaan atau akhir
dari suatu program
6 Symbol Off-line Storage Simbol yang menunjukkan
bahwa data di dalam symbol ini akan disimpan
8 Symbol Manual Input Simbol untuk pemasukan data
secara manual on-line keyboard
9 Symbol Keying Operation Simbol operasi dengan
menggunakan mesin yang mempunyai keyboard
Universitas Sumatera Utara
3. Input-output Symbols
Table 2.4 Tabel Input-Output Symbols NO
Simbol Fungsi
1 Symbol input-output Symbol yang menyatakan
proses input dan output tanpa tergantung dengan jenis peralatannya
2 Symbol magnetig-tape unit Symbol yang menyatakan
input berasal pita magnetic atau output disimpan ke pita magnetic
3 Symbol punched card Symbol yang menyatakan
input berasal dari kartu atau output ditulis ke kartu
4 Symbol disk and on-line storage Symbol untuk
menyatakan input berasal dari disk atau output disimpan ke disk
5
Symbol disk and on-line storage Symbol untuk menyatakan input berasal dari disk atau output
disimpan ke disk
6 Symbol transmittal tape Symbol untuk menyatakan
input berasal dari mesin jumlahhitung
7 Symbol dokumen symbol yang menyatakan input
berasal dari dokumen dalam bentuk kertas atau output dicetak ke kertas
Universitas Sumatera Utara
BAB 3
PERANCANGAN SISTEM
3.1 Data Flow Diagram DFD