Perancangan Website Pemerintahan Mahasiswa Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Dengan Menggunakan Php Dan Mysql
6
BAB 2
LANDASAN TEORI
2.1
Pengertian Komputer
Komputer adalah serangkaian ataupun sekelompok mesin elektronik yang terdiri dari
ribuan bahkan jutaan komponen yang dapat saling berkerja, serta membentuk sebuah
sistem kerjan yang rapo dan teliti. Sistem ini kemudian dapat digunakan untuk
melaksanakan serangkaian pekerjaan secara otomatis, berdasar urutan intruksi
ataupun program yang diberikan kepadanya.
Defines yang ada memberi makna bahwa computer memiliki lebih dari satu
bagian yang saling bekerja sama, dan bagian-bagian itu baru bisa bekerja kalau ada
aliran yang mengalir didalamnya. Istilah mengenai sekelompik mesi, ataupun istilah
mengenai jutaan komponen kemudian dikenal sebagai hardware computer atau
perangkat keras computer.
Hardware computer juga dapat diartikan sebagai peralatan fisik dari computer
itu sendiri. Peralatan yang secara pisik dapat dilihat, dipegang, ataupun dipindahkan.
Universitas Sumatera Utara
7
Dalam hal ini, computer tidak mungkin bisa bekerja tanpa adanya program yang
telah dimasukan kedalamnya. Program ini bisa berupa suatu prosedur peng-operasian
dari computer itu sendiri ataupun perbagai prosedur dalam hal pemprosesan data yang
ditetapkan sebelumnya dan program-program inilah yang kemudian disebut sebagai
software computer atau perangkat lunak computer.
Dalam arti yang paling luas, software computer bisa diartikan sebagai prosedur
pengoperasian. Suatu acara yang ditayangkan oleh TVRI, dapat dianggap sebagai
software dari suatu peralatan televise. Demikian pula halnya dengan music direkam
diatas kaset, data diatas kertas, serta cerita ataupun uraian yang ada didalam sebuah
buku.
Secara prinsip, computer hanyalahmerupakan sebuah alat, alat yang bisa
digunakan untuk membantu manusia dalam menyelesaikan pekerjaannya. Untuk bisa
bekerja, alat tersebut memerlukan adanya profram dan manusia. Pengertian manusia
dikenal dengan istilah brainwave (perangkat manusia).
Pengertian brainwave ini bisa mencakup orang-orang yang bekerja secara
lamgsung dengan menggunakan computer sebagai alat bantu, ataupun orang-orang
yang tidak bekerja secara langsung menggunakan computer, tetapi menerima hasil
kerja dari computer yang berbentuk laporan.
Universitas Sumatera Utara
8
Konsep hardware – software – brainwave adalah merupakan konsep tri-tunggal
yang tidak bisa dipisahkan satu dengan lainnya. Untuk tahap pertama, manusia harus
memasukan program terlenih dahulu kedalam computer. Setelah program tersimpan
didalam computer, maka computer baru bisa bekerja untuk membantu manusia untuk
menyelesaikan persoalan ataupun pekerjaannya.
2.2
Definisi Sistem Informasi
Pengertian Sistem informasi menurut para ahli – secara umum Sistem Informasi
dapat didefinisikan sebagai suatu sistem didalam suatu organisasi yang merupakan
kombinasi
orang-orang,
fasilitas,
teknologi,
media
prosedur-prosedur
dan
pengendalian penting, memproses, tipe transaksi rutin tertentu, memberi sinyal
kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal dan
eksternal yang penting dan menyediakan suatu dasar informasi untuk pengambilan
keputusan.
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang merupakan
kombinasi dari orang-orang, fasilitas, teknologi, media, prosedur-prosedur dan
pengendalian yang ditujukan untuk mendapatkan jalur komunikasi penting.
(Jogiyanto, Pengenalan Komputer, 1989).
Universitas Sumatera Utara
9
Menurut Tafri D. Muhyuzir Sistem Informasi adalah data yang dikumpulkan,
dikelompok dan diolah sedemikian rupa sehingga menjadi sebuah kesatuan informasi
yang saling terikat dan saling mendukung sehingga menjadi suatu informasi yang
berharga bagi yang menerimanya. Atau dalam pengertian lainnya, Sistem Informasi
merupakan kumpulan elemen yang saling berhubungan satu sama lain yang
membentuk satu kesatuan untuk mengintegrasikan data, memproses dan menyimpan
serta mendistribusikan informasi.
2.3 Aplikasi yan digunakan
Adapun pengaplikasian yang digunakan untuk dapat menyelesaikan tugas akhir ini,
diantaranya adalah sebagai berikut.
2.3.1
PHP
Menurut Anhar (2010:3), PHP merupakan script yang terintegrasi dengan HTML
dan berada pada server server side HTML embedded scripting. PHP adalah script
yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti
halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client.
Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru/up to
date. Semua script PHP dieksekusi pada sever dimana script tersebut dijalankan.
Universitas Sumatera Utara
10
Setiap program PHP disebut dengan script. Script berupa file teks yang dapat
dibuat dengan menggunakan program editor file teks seperti Notepad, Sublime text,
Edit Plus dan sebagainya. Bagian awal yang paling penting dalam penulisan program
PHP adalah peletakannya.
2.3.2
MySQL
MySQL adalah sebuah perangkat lunak manajemen basis data SQL (database
management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta
instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat
lunak gratis dibawah lisensi GNU General Public license (GPL), tetapi mereka juga
menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak
cocok dengan penggunaan GPL (Sunarfrihantono, 2003).
Menurut Rahardja (2011),”Database adalah kumpulan fakta-fakta sebagai
respresentasi dari dunia nyata yang saling berhubungan dan mempunyai arti tertentu.
Database digunakan untuk menyimpan data agar data tersebut dapat dimanipulasi
dengan mudah, terjamin keakuratannya, efisiensi dalam penyimpanannya, dan tentu
saja dapat dengan mudah untuk diakses kembali. Jadi DBMS terdiri dari suatu
database dan set program untuk menambah data, menghapus data, mengambil dan
membaca data. Database adalah kumpulan file-file yang saling berelasi. Relasi
tersebut biasa ditujukan dengan kunci dari file yang ada. Satu database menunjukkan
Universitas Sumatera Utara
11
satu kumpulan data yang dipakai dalam suatu lingkup Perusahaan dan Instansi
Pemerintah maupun swasta.
Dalam suatu file terdapat record-record yang sejenis, sama besar, sama
bentuk, merupakan satu kumpulan entry yang seragam. Satu record terdiri dari fieldfield yang saling berhubungan untuk menunjukkan bahwa field tersebut dalam satu
pengertian yang lengkap dan direkam dalam satu record. Untuk menyebut isi dari
field tersebut maka digunakan atribute atau merupakan judul dari satu kelompok
entity-entity tertentu, misalnya atribute alamat menunjukkan entity alamat dari
pegawai. Entity adalah suatu objek yang nyata dan akan direkam.
2.3.3
Javascript
JavaScript adalah sebuah bahasa script yang dicantumkan pada sebuah halaman web
dan dijalankan pada browser web. JavaScript adalah nama implementasi Netscape
Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang
didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini terutama
terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga
digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded)
di aplikasi lain.
Universitas Sumatera Utara
12
Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan
dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan
sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan
bahasa pemrograman Self. Skrip JavaScript yang dimasukkan di dalam berkas HTML
ataupun XHTML harus dimasukkan di antara tag ....
Berikut ini adalah contohnya (yang akan menampilkan sebuah dialog box berisi Halo
Dunia! ketika sebuah tombol diklik oleh pengguna):
function halo() {
alert( "Halo Dunia!"
);
}
2.3.4
CSS
CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemajuan jauh lebih baik dari tag maupun atribut standar
HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu kumpulan
atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan
yang banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika
ingin mengubah format dokumen, maka tidak perlu mengedit satu per satu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS langsung
dalam kode HTML atau simpan menjadi file tersendiri berektensi.css. Dengan
Universitas Sumatera Utara
13
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 versi sebelumnya,hanya dengan Internet Explorer
yang masih mampu mengenali CSS. Perlu diketahui bahwa tampilan CSS dapat
berbeda bila ditampilkan pada menu browser yang berbeda pula (Abdullah,2003).
2.3.5
Sublime Text
Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan,
kaya akan fitur, cross-platform, mudah dan simple yang cukup terkenal dikalangan
pengembang, penulis dan desainer. Para programmer biasanya menggunakan sublime
text untuk menyunting source code yang sedang ia kerjakan. Sublime biasanya
digunakan untuk devoloping website yang sekedar PHP, HTML dan CSS.
Fitur-fitur yang terdapat dalam sublime text diantaranya adalah sebagai berikut:
1. Mini-map, untuk melihat teks secara keseluruhannya.
2. Command Palette (CTRL+SHIFT+P), mencari perintah yang kita perlukan untuk
mempercepat pekerjaan.
3. Panel-panel editornya bisa dipindahkan.
4. Kemampuan untuk multiple selection.
5. Ada panduan indentasi.
6. Bisa di-folding code-codenya.
7. Sistem editnya dapat di split jadi beberapa kolom.
8. Theme yang menarik.
Universitas Sumatera Utara
14
9. Tanda (), {}, “”, dan sebagainya akan dicocokkan dan ditutup otomatis.
10. Banyak paket yang bisa buat lebih mudah bekerja.
11. Auto-complete, snippet, dan macro.
12. Find & Replace lebih teratur.
13. Fullscreen Editing.
2.3.6
WEB dan HTML
Menurut Sampurna (1996) web adalah sekelompok kode berbasis teks sederhana dan
universal, disebut Hypertext Markup Language (HTML). Karena berbasis teks,
HTML dikenali dan diterjemahkan segala jenis komputer dalam bentuk tampilan
informasi yang sama. HTML adalah kreasi tim Berners Lee, ilmuwan European
Laboratory for Particle Physics (CERN organisasi penelitian 18 negara Eropa) di
Geneva Swiss. Maret 1989 Tim memperkenalkan WEB dan HTML sebagai standar
antarnuka distribusi informasi di internet yang mampu menggabungkan teks, grafik,
dan multimedia dengan metode navigasi menu pada mesin UNIX.
HTML adalah bahasa kode pemrograman yang menjadi dasar bagi
terwujudnya web. Dengan HTML seluruh sistem komputer yang saling berbeda dapat
mengenali format yang ditampilkan dalam situs internet tanpa perbedaan yang berarti,
termasuk didalamnya penampilan multimedia (grafik, suara, dan citra video). HTML
berbasis teks yang sangat sederhana dan praktis sehingga dapat dipahami oleh
berbagai jenis komputer dalam platform sistem yang berbeda.
Universitas Sumatera Utara
15
2.4 ERD (Entity Relationship Diagram)
Entity Relationship Diagram (ERD) adalah suatu model jaringan yang menggunakan
susunan data yang disimpan dalam sistem secara abstrak. ERD merupakan model
jaringan data yang menekankan pada struktur-struktur dan relation data. Entity
Relationship Diagram (ERD) merupakan gambaran data yang dimodelkan dalam
suatu diagram yang digunakan untuk mendokumentasikan data dengan cara
menentukan apa saja yang terdapat dalam tiap entity dan bagaimana hubungan antara
entity satu dengan lainnya.
2.4.1
Simbol- symbol Entity Relationship Diagram
ERD merupakan alat untuk pembuatan model data secara grafik, maka ERD memiliki
simbol-simbol yang digunakan untuk menggambarkan model data seperti terdapat
pada tabel berikut :
Tabel 2.1 Simbol-simbol Entity Relationship Diagram
No.
1.
Simbol
Arti
Entitas
Defenisi
Suatu kumpulan
objek atau sesuatu
yang dapat dibedakan
atau didefenisikan secara
unik.
Universitas Sumatera Utara
16
2
Relationship
Hubungan yang
terjadi antara
satu atau lebih entity
3.
Atribut
Karakteristik dari
entity atau
relationship yang
menyediakan
penjelasan detail
tentang entity
atau relationship tersebut.
4.
Atribut
Atribut ialah karakteristik
dari entitas atau relasi
yang menyediakan
penjelasan detail tentang
entitas atau relasi tersebut
dan berfungsi untuk
memperjelas atribut yang
dimiliki oleh sebuah
entitas. Atribut memiliki
bentuk
lingkaran
lebih
tepatnya elips.
5.
Alur
Alur memiliki fungsi
untuk menghubungkan
atribut dengan entitas dan
entitas dengan relasi. Dan
berbentuk garis.
Universitas Sumatera Utara
17
2.4.2
Data Flow Diagram
Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD
menggambarkan komponen-komponen sebuah sistem, aliran aliran data dimana
komponen-komponen tersebut, asal, tujuan, dan penyimpanan data.
DFD memiliki simbol simbol yang digunakan untuk menggambarkan model
data seperti terdapat pada tabel berikut :
Tabel 2.2 Simbol Data Flow Diagram
Simbols
DeMarco dan Yuordan
Keterangan
Gane and Sarson
Keterangan
Entitas Eksternal, dapat
berupa orang atau unit
Entitas Eksternal
Entitas
Eksternal
terkait yang
berinteraksi dengan
sistem tetapi diluar
sistem
Proses merupakan
proses perhitungan
Proses
Proses
aritmatik penulisan
suatu formula atau
pembuatan laporan
Aliran data
Aliran data
Arus data ini mengalir
antara pross, simpan
data dan kesatuan luar
Universitas Sumatera Utara
18
Simpan data, berupa
Data store
Data Store
Suatu file atau database
Pada sistem komputer
Atau catatan manual
2.4.3
Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urutan
prosedur dari suatu program. Flowchart menolong analisis dan programmer untuk
memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam
menganalisis alternative-alternative lain dalam pengoperasian. Flowchart biasanya
mempermudah penyelesaian suatu masalah khususnya masalah yang perlu dipelajari
dan dievaluasi lebih lanjut.
2.4.3.1 Simbol-simbol Flowchart
Flowchart merupakan penggambaran urutan prosedur suatu program secara grafik,
maka flowchart memiliki simbol-simbol yang digunakan untuk menggambarkan
urutan program seperti pada tabel berikut :
Tabel 2.2 Simbol Flowchart
Simbol
Nama
TERMINATOR
Fungsi
Permulaan / akhir
Universitas Sumatera Utara
19
Program
GARIS ALIR(FLOW
Arah aliran program
LINE)
PREPARATION
Proses inisialisasi /
Pembelian harga awal
Proses perhitungan /
PROSES
Pembelian harga awal
Proses input / output
INPUT / OUTPUT
data, parameter dan
DATA
informasi
Permulaan sub program
PREDEFINED PROSES
/ proses menjalankan
(SUB PROGRAM)
sub program
Perbandingan
pernyataan,penyeleksian
DECESION
data yang memberikan
pilihan langkah
selanjutnya
Penghubung bagian
ONE PAGE
bagian flowchart yang
CONECTOR
berada dalam satu
halaman
Universitas Sumatera Utara
BAB 2
LANDASAN TEORI
2.1
Pengertian Komputer
Komputer adalah serangkaian ataupun sekelompok mesin elektronik yang terdiri dari
ribuan bahkan jutaan komponen yang dapat saling berkerja, serta membentuk sebuah
sistem kerjan yang rapo dan teliti. Sistem ini kemudian dapat digunakan untuk
melaksanakan serangkaian pekerjaan secara otomatis, berdasar urutan intruksi
ataupun program yang diberikan kepadanya.
Defines yang ada memberi makna bahwa computer memiliki lebih dari satu
bagian yang saling bekerja sama, dan bagian-bagian itu baru bisa bekerja kalau ada
aliran yang mengalir didalamnya. Istilah mengenai sekelompik mesi, ataupun istilah
mengenai jutaan komponen kemudian dikenal sebagai hardware computer atau
perangkat keras computer.
Hardware computer juga dapat diartikan sebagai peralatan fisik dari computer
itu sendiri. Peralatan yang secara pisik dapat dilihat, dipegang, ataupun dipindahkan.
Universitas Sumatera Utara
7
Dalam hal ini, computer tidak mungkin bisa bekerja tanpa adanya program yang
telah dimasukan kedalamnya. Program ini bisa berupa suatu prosedur peng-operasian
dari computer itu sendiri ataupun perbagai prosedur dalam hal pemprosesan data yang
ditetapkan sebelumnya dan program-program inilah yang kemudian disebut sebagai
software computer atau perangkat lunak computer.
Dalam arti yang paling luas, software computer bisa diartikan sebagai prosedur
pengoperasian. Suatu acara yang ditayangkan oleh TVRI, dapat dianggap sebagai
software dari suatu peralatan televise. Demikian pula halnya dengan music direkam
diatas kaset, data diatas kertas, serta cerita ataupun uraian yang ada didalam sebuah
buku.
Secara prinsip, computer hanyalahmerupakan sebuah alat, alat yang bisa
digunakan untuk membantu manusia dalam menyelesaikan pekerjaannya. Untuk bisa
bekerja, alat tersebut memerlukan adanya profram dan manusia. Pengertian manusia
dikenal dengan istilah brainwave (perangkat manusia).
Pengertian brainwave ini bisa mencakup orang-orang yang bekerja secara
lamgsung dengan menggunakan computer sebagai alat bantu, ataupun orang-orang
yang tidak bekerja secara langsung menggunakan computer, tetapi menerima hasil
kerja dari computer yang berbentuk laporan.
Universitas Sumatera Utara
8
Konsep hardware – software – brainwave adalah merupakan konsep tri-tunggal
yang tidak bisa dipisahkan satu dengan lainnya. Untuk tahap pertama, manusia harus
memasukan program terlenih dahulu kedalam computer. Setelah program tersimpan
didalam computer, maka computer baru bisa bekerja untuk membantu manusia untuk
menyelesaikan persoalan ataupun pekerjaannya.
2.2
Definisi Sistem Informasi
Pengertian Sistem informasi menurut para ahli – secara umum Sistem Informasi
dapat didefinisikan sebagai suatu sistem didalam suatu organisasi yang merupakan
kombinasi
orang-orang,
fasilitas,
teknologi,
media
prosedur-prosedur
dan
pengendalian penting, memproses, tipe transaksi rutin tertentu, memberi sinyal
kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal dan
eksternal yang penting dan menyediakan suatu dasar informasi untuk pengambilan
keputusan.
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang merupakan
kombinasi dari orang-orang, fasilitas, teknologi, media, prosedur-prosedur dan
pengendalian yang ditujukan untuk mendapatkan jalur komunikasi penting.
(Jogiyanto, Pengenalan Komputer, 1989).
Universitas Sumatera Utara
9
Menurut Tafri D. Muhyuzir Sistem Informasi adalah data yang dikumpulkan,
dikelompok dan diolah sedemikian rupa sehingga menjadi sebuah kesatuan informasi
yang saling terikat dan saling mendukung sehingga menjadi suatu informasi yang
berharga bagi yang menerimanya. Atau dalam pengertian lainnya, Sistem Informasi
merupakan kumpulan elemen yang saling berhubungan satu sama lain yang
membentuk satu kesatuan untuk mengintegrasikan data, memproses dan menyimpan
serta mendistribusikan informasi.
2.3 Aplikasi yan digunakan
Adapun pengaplikasian yang digunakan untuk dapat menyelesaikan tugas akhir ini,
diantaranya adalah sebagai berikut.
2.3.1
PHP
Menurut Anhar (2010:3), PHP merupakan script yang terintegrasi dengan HTML
dan berada pada server server side HTML embedded scripting. PHP adalah script
yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti
halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client.
Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru/up to
date. Semua script PHP dieksekusi pada sever dimana script tersebut dijalankan.
Universitas Sumatera Utara
10
Setiap program PHP disebut dengan script. Script berupa file teks yang dapat
dibuat dengan menggunakan program editor file teks seperti Notepad, Sublime text,
Edit Plus dan sebagainya. Bagian awal yang paling penting dalam penulisan program
PHP adalah peletakannya.
2.3.2
MySQL
MySQL adalah sebuah perangkat lunak manajemen basis data SQL (database
management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta
instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat
lunak gratis dibawah lisensi GNU General Public license (GPL), tetapi mereka juga
menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak
cocok dengan penggunaan GPL (Sunarfrihantono, 2003).
Menurut Rahardja (2011),”Database adalah kumpulan fakta-fakta sebagai
respresentasi dari dunia nyata yang saling berhubungan dan mempunyai arti tertentu.
Database digunakan untuk menyimpan data agar data tersebut dapat dimanipulasi
dengan mudah, terjamin keakuratannya, efisiensi dalam penyimpanannya, dan tentu
saja dapat dengan mudah untuk diakses kembali. Jadi DBMS terdiri dari suatu
database dan set program untuk menambah data, menghapus data, mengambil dan
membaca data. Database adalah kumpulan file-file yang saling berelasi. Relasi
tersebut biasa ditujukan dengan kunci dari file yang ada. Satu database menunjukkan
Universitas Sumatera Utara
11
satu kumpulan data yang dipakai dalam suatu lingkup Perusahaan dan Instansi
Pemerintah maupun swasta.
Dalam suatu file terdapat record-record yang sejenis, sama besar, sama
bentuk, merupakan satu kumpulan entry yang seragam. Satu record terdiri dari fieldfield yang saling berhubungan untuk menunjukkan bahwa field tersebut dalam satu
pengertian yang lengkap dan direkam dalam satu record. Untuk menyebut isi dari
field tersebut maka digunakan atribute atau merupakan judul dari satu kelompok
entity-entity tertentu, misalnya atribute alamat menunjukkan entity alamat dari
pegawai. Entity adalah suatu objek yang nyata dan akan direkam.
2.3.3
Javascript
JavaScript adalah sebuah bahasa script yang dicantumkan pada sebuah halaman web
dan dijalankan pada browser web. JavaScript adalah nama implementasi Netscape
Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang
didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini terutama
terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga
digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded)
di aplikasi lain.
Universitas Sumatera Utara
12
Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan
dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan
sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan
bahasa pemrograman Self. Skrip JavaScript yang dimasukkan di dalam berkas HTML
ataupun XHTML harus dimasukkan di antara tag ....
Berikut ini adalah contohnya (yang akan menampilkan sebuah dialog box berisi Halo
Dunia! ketika sebuah tombol diklik oleh pengguna):
function halo() {
alert( "Halo Dunia!"
);
}
2.3.4
CSS
CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemajuan jauh lebih baik dari tag maupun atribut standar
HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu kumpulan
atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan
yang banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika
ingin mengubah format dokumen, maka tidak perlu mengedit satu per satu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS langsung
dalam kode HTML atau simpan menjadi file tersendiri berektensi.css. Dengan
Universitas Sumatera Utara
13
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 versi sebelumnya,hanya dengan Internet Explorer
yang masih mampu mengenali CSS. Perlu diketahui bahwa tampilan CSS dapat
berbeda bila ditampilkan pada menu browser yang berbeda pula (Abdullah,2003).
2.3.5
Sublime Text
Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan,
kaya akan fitur, cross-platform, mudah dan simple yang cukup terkenal dikalangan
pengembang, penulis dan desainer. Para programmer biasanya menggunakan sublime
text untuk menyunting source code yang sedang ia kerjakan. Sublime biasanya
digunakan untuk devoloping website yang sekedar PHP, HTML dan CSS.
Fitur-fitur yang terdapat dalam sublime text diantaranya adalah sebagai berikut:
1. Mini-map, untuk melihat teks secara keseluruhannya.
2. Command Palette (CTRL+SHIFT+P), mencari perintah yang kita perlukan untuk
mempercepat pekerjaan.
3. Panel-panel editornya bisa dipindahkan.
4. Kemampuan untuk multiple selection.
5. Ada panduan indentasi.
6. Bisa di-folding code-codenya.
7. Sistem editnya dapat di split jadi beberapa kolom.
8. Theme yang menarik.
Universitas Sumatera Utara
14
9. Tanda (), {}, “”, dan sebagainya akan dicocokkan dan ditutup otomatis.
10. Banyak paket yang bisa buat lebih mudah bekerja.
11. Auto-complete, snippet, dan macro.
12. Find & Replace lebih teratur.
13. Fullscreen Editing.
2.3.6
WEB dan HTML
Menurut Sampurna (1996) web adalah sekelompok kode berbasis teks sederhana dan
universal, disebut Hypertext Markup Language (HTML). Karena berbasis teks,
HTML dikenali dan diterjemahkan segala jenis komputer dalam bentuk tampilan
informasi yang sama. HTML adalah kreasi tim Berners Lee, ilmuwan European
Laboratory for Particle Physics (CERN organisasi penelitian 18 negara Eropa) di
Geneva Swiss. Maret 1989 Tim memperkenalkan WEB dan HTML sebagai standar
antarnuka distribusi informasi di internet yang mampu menggabungkan teks, grafik,
dan multimedia dengan metode navigasi menu pada mesin UNIX.
HTML adalah bahasa kode pemrograman yang menjadi dasar bagi
terwujudnya web. Dengan HTML seluruh sistem komputer yang saling berbeda dapat
mengenali format yang ditampilkan dalam situs internet tanpa perbedaan yang berarti,
termasuk didalamnya penampilan multimedia (grafik, suara, dan citra video). HTML
berbasis teks yang sangat sederhana dan praktis sehingga dapat dipahami oleh
berbagai jenis komputer dalam platform sistem yang berbeda.
Universitas Sumatera Utara
15
2.4 ERD (Entity Relationship Diagram)
Entity Relationship Diagram (ERD) adalah suatu model jaringan yang menggunakan
susunan data yang disimpan dalam sistem secara abstrak. ERD merupakan model
jaringan data yang menekankan pada struktur-struktur dan relation data. Entity
Relationship Diagram (ERD) merupakan gambaran data yang dimodelkan dalam
suatu diagram yang digunakan untuk mendokumentasikan data dengan cara
menentukan apa saja yang terdapat dalam tiap entity dan bagaimana hubungan antara
entity satu dengan lainnya.
2.4.1
Simbol- symbol Entity Relationship Diagram
ERD merupakan alat untuk pembuatan model data secara grafik, maka ERD memiliki
simbol-simbol yang digunakan untuk menggambarkan model data seperti terdapat
pada tabel berikut :
Tabel 2.1 Simbol-simbol Entity Relationship Diagram
No.
1.
Simbol
Arti
Entitas
Defenisi
Suatu kumpulan
objek atau sesuatu
yang dapat dibedakan
atau didefenisikan secara
unik.
Universitas Sumatera Utara
16
2
Relationship
Hubungan yang
terjadi antara
satu atau lebih entity
3.
Atribut
Karakteristik dari
entity atau
relationship yang
menyediakan
penjelasan detail
tentang entity
atau relationship tersebut.
4.
Atribut
Atribut ialah karakteristik
dari entitas atau relasi
yang menyediakan
penjelasan detail tentang
entitas atau relasi tersebut
dan berfungsi untuk
memperjelas atribut yang
dimiliki oleh sebuah
entitas. Atribut memiliki
bentuk
lingkaran
lebih
tepatnya elips.
5.
Alur
Alur memiliki fungsi
untuk menghubungkan
atribut dengan entitas dan
entitas dengan relasi. Dan
berbentuk garis.
Universitas Sumatera Utara
17
2.4.2
Data Flow Diagram
Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD
menggambarkan komponen-komponen sebuah sistem, aliran aliran data dimana
komponen-komponen tersebut, asal, tujuan, dan penyimpanan data.
DFD memiliki simbol simbol yang digunakan untuk menggambarkan model
data seperti terdapat pada tabel berikut :
Tabel 2.2 Simbol Data Flow Diagram
Simbols
DeMarco dan Yuordan
Keterangan
Gane and Sarson
Keterangan
Entitas Eksternal, dapat
berupa orang atau unit
Entitas Eksternal
Entitas
Eksternal
terkait yang
berinteraksi dengan
sistem tetapi diluar
sistem
Proses merupakan
proses perhitungan
Proses
Proses
aritmatik penulisan
suatu formula atau
pembuatan laporan
Aliran data
Aliran data
Arus data ini mengalir
antara pross, simpan
data dan kesatuan luar
Universitas Sumatera Utara
18
Simpan data, berupa
Data store
Data Store
Suatu file atau database
Pada sistem komputer
Atau catatan manual
2.4.3
Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urutan
prosedur dari suatu program. Flowchart menolong analisis dan programmer untuk
memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam
menganalisis alternative-alternative lain dalam pengoperasian. Flowchart biasanya
mempermudah penyelesaian suatu masalah khususnya masalah yang perlu dipelajari
dan dievaluasi lebih lanjut.
2.4.3.1 Simbol-simbol Flowchart
Flowchart merupakan penggambaran urutan prosedur suatu program secara grafik,
maka flowchart memiliki simbol-simbol yang digunakan untuk menggambarkan
urutan program seperti pada tabel berikut :
Tabel 2.2 Simbol Flowchart
Simbol
Nama
TERMINATOR
Fungsi
Permulaan / akhir
Universitas Sumatera Utara
19
Program
GARIS ALIR(FLOW
Arah aliran program
LINE)
PREPARATION
Proses inisialisasi /
Pembelian harga awal
Proses perhitungan /
PROSES
Pembelian harga awal
Proses input / output
INPUT / OUTPUT
data, parameter dan
DATA
informasi
Permulaan sub program
PREDEFINED PROSES
/ proses menjalankan
(SUB PROGRAM)
sub program
Perbandingan
pernyataan,penyeleksian
DECESION
data yang memberikan
pilihan langkah
selanjutnya
Penghubung bagian
ONE PAGE
bagian flowchart yang
CONECTOR
berada dalam satu
halaman
Universitas Sumatera Utara