Deklarasi: VARCHARsize [BINARY]. Ukuran: ditetapkan oleh nilai ukuran dalam suatu jangkauan sampai 255. Penyimpanan: panjang nilai
+ 1 byte. Menyimpan nilai teks yang panjangnya bervariasi.
3. Date Tipe-tipe data date MySQL adalah perangkat yang fleksibel untuk
menyimpan informasi tanggal dan waktu. Untuk memvalidasi nilai tanggal dan waktu, itu diserahkan pada aplikasi bukan database.
MySQL hanya akan memeriksa bulan yang memiliki jangkauan 0 sampai 12, dan tanggal dari 0 smapai 31. February 31, 2006 adalah
suatu contoh informasi tanggal MySQL yang sah. February 0, 2006 adalah informasi tanggal yang juga sah bagi MySQL. Dengan kata lain,
Anda dapat menggunakan 0 untuk menandakan tanggal yang Anda tidak ketahui pasti. MySQL secara otomatis akan mengkonversi nilai-
nilai tanggal dan waktu menjadi bilangan integer ketika digunakan dalam suatu konteks bilangan integer.
2.7 Sublime Text
Sublime text merupakan teks editor multiplatform dan powerfull, karena dengan ukuran yang kecil, Sublime Text memiliki fitur yang luar biasa dan kinerja yang
sangat sederhana. Fiturnya sangat lengkap bisa digunakan untuk berbagai bahasa pemrograman dan juga kita dapat menambah extension untuk memudahkan
dalam coding. Ada beberapa fitur yang membuat menarik dalam pemakaiannya, yaitu:
Universitas Sumatera Utara
1. Go Anything adalah fitur yang bisa membuka file dengan tombol Ctrl + P pada keyboard guna membuka file dengan jumlah banyak.
2. Multiple Selections adalah fitur yang bisa mengubah banyak baris, mengubah variable dengan menekan Ctrl + Shift + L dan Ctrl + Shift +
D. 3. Cross Platform artinya fitur ini bisa digunakan di berbagai OS.
2.8 Cascading Style Sheet CSS
CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi
untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML Hyper Text Markup Language. CSS
sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersama.
Keuntungan menggunakn CSS yaitu jika kita ingin mengubah format dokumen, maka tidak perlu mengedit satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS langsung dalam kode HTML atau simpan file tersendiri berekstensi “.css”.
dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat
dukungan penuh pada browser versi 4 empat dan pada versi sebelumnya. Perlu diketahui bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu
browser yang berbeda pula.
Universitas Sumatera Utara
2.8.1 Struktur CSS
Perintah css terdiri atas 2 komponen, yakni Selector dan Declaration. 1. Selector berfungsi untuk memberi tahu web browser bahwa pada
elemen mana aturan css akan diterapkan. Selector dapat berupa nama tag, selector class atau selector id
2. Declaration merupakan aturan css yang diterapkan yang mana terdiri atas property dan value
2.8.2 Penulisan CSS
CSS juga memiliki aturan-aturan penulisan yaitu: 1. Internal Style
Internal style dengan menggunakan tag style dan diletakkan diantara tag head.
html head
titleCSStitle style
h1 { color : blue; } style
head html
Universitas Sumatera Utara
Internal style tidak harus selalu diletakkan diantara tag head. Kita selalu bisa meletakkan diantara tag lain yang ada didalam tag body. Namun
untuk menciptakan kode yang lebih bersih dan terstruktur dengan baik, css biasa diletakkan diantara tag head.
2. Inline Style Inline style dengan menambahkan langsung kode css kedalam tag html
sebagai attribut. h1 style=”color:blue;”Judul Satuh1
3. External Style External style dengan menggunakan tag link yang diletakkan diantara
tag head dan merujuk keberkas css. html
head titleCSStitle
link href=”style.css” rel=”stylesheet” head
body
2.8.3 Selector
Seperti sudah disebutkan sebelumnya, selector dapat berupa nama tag, selector class atau selector id. Berikut ini adalah contoh penggunaan selector dalam css.
html head
titleBelajar Selectortitle style
Universitas Sumatera Utara
h1 { color: blue;
} .judul {
color: red; }
satu { color: green;
} style
head body
h1Selector Tagh1 h1 class=judulSelector Classh1
h1 id=satuSelector Idh1 head
html
2.8.4 Memformat Dokumen dengan CSS
Memformat dokumen dengan css jauh lebih fleksibel dibandingkan dengan menggunakan tag html saja.
html head
titleFormat CSStitle
Universitas Sumatera Utara
style type=textcss body {
background-color:yellow; }
h1 { color:blue;
text-align:center; }
b { font-weight:normal;
} i {
font-style:normal; }
u { text-decoration:none;
} b, i {
color:green; }
style head
body bgcolor=green h1DOKUMEN HTMLh1
Universitas Sumatera Utara
bPemrograman Webb br
iPemrograman Webi br
uPemrograman Webu body
html
2.9 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.
Javascript merupakan bahasa scripting yang didisain untuk membuat halaman web menjadi lebih interaktif. Javascript bekerja secara client-side disisi
client. Sehingga javascript bergantung pada browser yang digunakan untuk menampilkan halaman web yang mengandung javascript.
Universitas Sumatera Utara
Perlu diperhatikan bahwa Javascript berbeda dengan Java. Keduanya sangat berbeda baik itu dari sisi bahasa maupun dari konsep dan disainnya.
html head
titleBelajar JavaScripttitle script language=javascript
document.writeh1Belajar JavaScripth1; script
head body
…… body
html
2.9.1 Penulisan Javascript
Internal script dengan menggunakan tag script dan diletakkan diantara tag head. html
head titleJavaScripttitle
script languange=”javascript” Pemrograman Web – Wirasto S. Karim 28
document.writeh1Belajar JavaScripth1; script
head
Universitas Sumatera Utara
html External script tetap dengan menggunakan tag script namun merujuk
keberkas javascript. html
headtitleJavaScripttitle script languange=”javascript” src=”script.js”script
head html
2.9.2 Variabel
Dalam javascript, variabel dideklarasikan dengan statement var dan diakhiri dengan tanda ; titik koma. Variabel juga bersifat case-sensitive yang artinya
membedakan huruf kecil dan huruf besar. Sehingga variabel nama berbeda dengan variabel NAMA.
html head
titleBelajar JavaScripttitle script language=javascript
var a = 4; var b = 10;
var c = a + b; var d = brBo gambangi daa ei;
document.writec; document.writed;
Universitas Sumatera Utara
script head
body ……
body html
2.9.3 Kondisi
Kondisi digunakan untuk melakukan eksekusi suatu pernyataan secara bersyarat. kondisi1.html
html head
titleBelajar JavaScripttitle script language=javascript
var nama = wirasto; if nama == wirasto {
document.writeBenar; }
script head
body ……
body html
Universitas Sumatera Utara
kondisi2.html html
head titleBelajar JavaScripttitle
script language=javascript var awal = 1;
var akhir = 5; if awal akhir {
document.writeNilai awal lebih kecil dari nilai akhir; } else {
document.writeNilai awal TIDAK lebih kecil dari nilai akhir;
} script
head body
body html
kondisi3.html html
head titleBelajar JavaScripttitle
script language=javascript var awal = 1;
Universitas Sumatera Utara
var akhir = 5; if awal akhir {
document.writeNilai awal lebih kecil dari nilai akhir; } else {
document.writeNilai awal TIDAK lebih kecil dari nilai akhir;
} script
head body
…… body
html
Universitas Sumatera Utara
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Seiring dengan perkembangan teknologi informasi saat ini, serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang
ada saat ini yang masih manual dan harus diganti dengan sistem yang lebih baik lagi. Hal ini dilakukan dengan cara membangun sistem yang terkomputerisasi
atau online. Untuk memulai membangun suatu program mengenai perancangan system informasi akademik, maka penulis terlebih dahulu merencanakan alur
kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini.
Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat
keputusan tentang
bagaimana komponen system diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut,
audience , objek dan informasi domain. Perancangan yang baik harus
mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.
Universitas Sumatera Utara
3.2 Data Flow Diagram DFD
Data Flow Diagram DFD merupakan model dari sistem untuk menggambarkan
pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang
menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah
menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi untuk
menggambarkan arus dari data sistem.
Disamping itu DFD 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 juga 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.
Universitas Sumatera Utara
Tabel 3.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. 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.
3.3 Perancangan Database
