dan bahasa Yunani (sustema) adalah suatu k

BAB 2
LANDASAN TEORI
2.1 Pengertian Sistem
Sistem berasal dari bahasa Latin (systema) dan bahasa Yunani (sustema) adalah suatu
kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk
memudahkan aliran informasi, materi atau energi. Istilah ini sering dipergunakan
untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model
matematika seringkali bisa dibuat.
Sistem juga merupakan kesatuan bagian-bagian yang saling berhubungan yang
berada dalam suatu wilayah serta memiliki item-item penggerak, contoh umum
misalnya seperti negara. Negara merupakan suatu kumpulan dari beberapa elemen
kesatuan lain seperti provinsi yang saling berhubungan sehingga membentuk suatu
negara dimana yang berperan sebagai penggeraknya yaitu rakyat yang berada dinegara
tersebut.
Kata "sistem" banyak sekali digunakan dalam percakapan sehari-hari, dalam
forum diskusi maupun dokumen ilmiah. Kata ini digunakan untuk banyak hal, dan
pada banyak bidang pula, sehingga maknanya menjadi beragam. Dalam pengertian
yang paling umum, sebuah sistem adalah sekumpulan benda yang memiliki hubungan
di antara mereka.(http://id.wikipedia.org)
Universitas Sumatera Utara
2.2 Pengertian Informasi
Informasi adalah pengetahuan yang didapatkan dari pembelajaran, pengalaman, atau
instruksi. Namun demikian istilah ini memiliki banyak arti bergantung pada
konteksnya, dan secara umum berhubungan erat dengan konsep seperti arti,
pengetahuan, negentropy, komunikasi, kebenaran, representasi, dan rangsangan
mental.
Dalam beberapa hal pengetahuan tentang peristiwa-peristiwa tertentu atau
situasi yang telah dikumpulkan atau diterima melalui proses komunikasi,
pengumpulan intelejen, ataupun didapatkan dari berita juga dinamakan informasi.
Informasi yang berupa koleksi data dan fakta seringkali dinamakan informasi statistik.
Dalam bidang ilmu komputer informasi adalah data yang disimpan, diproses, atau
ditransmisikan. Penelitian ini memfokuskan pada definisi informasi sebagai
pengetahuan yang didapatkan dari pembelajaran, pengalaman, atau instruksi dan
alirannya. .(http://id.wikipedia.org)
2.3 Pengertian Sistem Informasi
Sistem informasi adalah aplikasi komputer untuk mendukung operasi dari suatu
organisasi: operasi, instalasi, dan perawatan komputer, perangkat lunak, dan data.
Sistem Informasi Manajemen adalah kunci dari bidang yang menekankan finansial
dan personal manajemen. Sistem Informasi Penjualan adalah suatu sistem informasi
yang mengorganisasikan serangkaian prosedur dan metode yang dirancang untuk
Universitas Sumatera Utara
menghasilkan,
menganalisa,
menyebarkan
dan
memperoleh
informasi
guna
mendukung pengambilan keputusan mengenai penjualan.
Definisi lainnya
a. Sistem Informasi adalah sekumpulan hardware, software, brainware, prosedur
dan atau aturan yang diorganisasikan secara integral untuk mengolah data
menjadi informasi yang bermanfaat guna memecahkan masalah dan
pengambilan keputusan
b. Sistem Informasi adalah Proses yang menjalankan fungsi mengumpulkan,
memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk
kepentingan tertentu; kebanyakan SI dikomputerisasi.
c. Sistem informasi adalah sekumpulan komponen pembentuk sistem yang
mempunyai keterkaitan antara satu komponen dengan komponen lainnya yang
bertujuan menghasilkan suatu informasi dalam suatu bidang tertentu. Dalam
sistem informasi diperlukannya klasifikasi alur informasi, hal ini disebabkan
keanekaragaman kebutuhan akan suatu informasi oleh pengguna informasi.
Kriteria dari sistem informasi antara lain, fleksibel, efektif dan efisien.
d. Sistem informasi adalah kumpulan antara sub-sub sistem yang salaing
berhubungan yang membentuk suatu komponen yang didalamnya mencakup
input-proses-output yang berhubungan dengan pengolaan informasi (data yang
telah dioleh sehingga lebih berguna bagi user)
e. Sistem informasi adalah sistem yang saling berhubungan dan terintegrasi satu
dengan yang lain dan bekerja sesuai dengan fungsinya untuk mengatur
masalah yang ada.
Universitas Sumatera Utara
Suatu sistem informasi (SI) atau information system (IS) merupakan aransemen dari
orang, data, proses-proses, dan antar-muka yang berinteraksi mendukung dan
memperbaiki beberapa operasi sehari-hari dalam suatu bisnis termasuk mendukung
memecahkan soal dan kebutuhan pembuat-keputusan manejemen dan para pengguna
yang berpengalaman di bidangnya
2.4 Pengertian Aplikasi Web
Pada awalnya aplikasi web dibangun dengan hanya menggunakan bahasa yang disebut
HTML (HyperText Markup Langauge). Pada perkembangan berikutnya, sejumlah
skrip dan objek dikembangkan untuk memperluas kemampuan HTML seperti PHP
dan ASP pada skrip dan Apllet pada objek. Aplikasi web dapat dibagi menjadi dua
jenis yaitu aplikasi web statis dan dinamis.
Web statis dibentuk dengan menggunakan HTML. Kekurangan aplikasi seperti
ini terletak pada keharusan untuk memelihara program secara terus menerus untuk
mengikuti setiap perkembangan yang terjadi. Kelemahan ini diatasi oleh model
aplikasi web dinamis. Pada aplikasi web dinamis, perubahan informasi dalam halaman
web dilakukan tanpa perubahan program tetapi melalui perubahan data. Sebagai
implementasi, aplikasi web dapat dikoneksikan ke basis data sehingga perubahan
informasi dapat dilakukan oleh operator dan tidak menjadi tanggung jawab dari
webmaster.
Arsitektur aplikasi web meliputi client, web server, middleware dan basis data.
Client berinteraksi dengan web server. Secara internal, web server berkomunikasi
Universitas Sumatera Utara
dengan middleware dan middleware yang berkomunikasi dengan basis data. Contoh
middleware adalah PHP dan ASP. Pada mekanisme aplikasi web dinamis, terjadi
tambahan proses yaitu server menerjemahkan kode PHP menjadi kode HTML. Kode
PHP
yang
diterjemahkan
oleh
mesin
PHP
yang
akan
diterima
oleh
client.(http://id.wikipedia.org)
2.5 Pengertian Data
Data berasal dari bahasa Latin yaitu datum yang berarti fakta, kenyataan, kejadian
atau peristiwa. Jadi data atau fakta adalah kenyataan dari suatu kejadian atau
peristiwa. Data dapat didefinisikan yaitu kumpulan fakta-fakta yang berupa fisik dan
bukan fisik, kejadian-kejadian dan prosedur yang belum diolah manusia atau peralatan
yang digunakan oleh manusia.(Risyana,2009)
2.6 Pengertian Komputer
Istilah komputer (computer) diambil dari bahasa Latin computare yang berarti
menghitung (to compute). Dengan demikian komputer dapat diartikan sebagai alat
hitung. Komputer bukan sekedar mesin hitung tetapi komputer mempunyai
kemampuan yang dapat membantu manusia dalam menyelesaikan pekerjaan.
Komputer dapat melakukan berbagai macam pekerjaan sesuai dengan program yang
diberikan. Program adalah sekumpulan instruksi atau perintah terperinci yang sudah
dipersiapkan agar komputer dapat melakukan fungsinya dengan cara yang sudah
ditentukan.
Komputer adalah alat elektronik yang mampu melakukan beberapa pekerjaan
diantaranya:
Universitas Sumatera Utara
a. Menerima masukan data
b. Memproses masukan sesuai dengan programnya.
c. Menyimpan perintah-perintah dan hasil dari pengolahan
d. Menyediakan keluaran dalam bentuk informasi
(http://www.smp1gebog.sch.id/index.php).
2.7 Internet
Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari
ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang
lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni Inter yang
berarti antar dan Net yang berarti jaringan sehingga Internet dapat diartikan hubungan
antar jaringan. (http://www.sejarah-internet.com).
2.8 Web Server
Web server adalah sebuah bentuk server yang khusus digunakan untuk menyimpan
halaman website atau hompage. Komputer dapat dikatakan web server jika komputer
tersebut memiliki suatu program server yang disebut Personal Web Server (PWS).
PWS ini difungsikan agar halaman web yang ada didalam sebuah komputer server
dapat dipangggil oleh komputer klien. (http://www.ittelkom.ac.id)
Macam-macam web server antara lain adalah:
a) Apache (Open Source)
Universitas Sumatera Utara
b) Xitami
c) IIS
d) PWS
2.9 World Wide Web (WWW)
World Wide web (www) atau web merupakan sumber daya yang sangat popular dan
dapat digunakan untuk memperoleh data atau bahkan melakukan transaksi seperti
memperoleh informasi bahkan melakukan perdagangan. Secara teknis, web adalah
sebuah sistem dimana informasi dalam bentuk teks, gambar, video, suara dan lain-lain
yang tersimpan dalam sebuat Internet Webmaster yang dipresentasikan dalam bentuk
hypertext. Informasi dalam bentuk teks umumnya ditulis dalam format HTML
(Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis dalam
format GIF, JPG, PNG, suara dalam format AU, WAV dan objek multimedia lainnya
seperti MIDI, Shockwave, Quicktime Movie, 3D World.
Sebagai dokumen hypertext, dokumen-dokumen di web dapat memiliki link
dengan dokumen lain, baik yang tersimpan dalam webmaster yang sama ataupun
webmaster lainnya. Link memudahkan para pengakses web berpindah dari halaman
satu ke halaman lainnya, dan berkelana dari satu server ke server lainnya. Kegiatan
penelusuran halaman web ini biasanya diistilahkan sebagai browsing, dan ada juga
yang menyebutnya sebagai surfing.
Web sebagai standar interface pada layanan-layanan yang ada di internet, yang
pada dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi
Universitas Sumatera Utara
dari email, chatting, sampai dengan melakukan transaksi bisnis (commerce). Web
seakan lebih populer daripada email, walaupun secara statistik email masih
merupakan aplikasi terbanyak yang digunakan oleh pengguna Internet. Web lebih
populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi
dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.
Web dapat diakses oleh perangkat lunak web cliect yang secara populer disebut
browser. Browser membaca halaman-halaman web yang tersimpan dalam webmaster
melalui protokol yang disebut HTTP (Hypertext Transfer Protocol). Di saat
perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer (IE)
dan Netscape Navigator. Browser web adalah software yang digunakan untuk
menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan
menggunakan user interface grafis, sehingga pemakai dapat dengan mudah
melakukan ‘point dan click’ untuk pindah antardokumen.
Saat ini bermunculan browser web lain yang turut meramaikan persaingan
untuk merebut para pengguna Internet. Di antara browser web yang telah banyak
digunakan pada saat peluncurannya adalah MSN, Opera dan Mozilla Firefox. Diantara
browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih
sesuai keinginan dan kemudahan yang ditawarkan.(http://id.wikipedia.org)
2.10 Search Engine
Search engine adalah salah satu fasilitas internet yang dijalankan melalui browser
untuk mencari informasi yang diinginkan. Search engine menampung database dari
situs-situs yang berada diseluruh dunia yang jumlahnya milyaran halaman web, cukup
Universitas Sumatera Utara
dengan memasukkan kata kunci maka search engine akan menampilkan beberapa link
situs disertai keterangan singkat. Search engine yang sangat terkenala antara lain
adalah Google, namun masih banyak search engine lain yang dapat digunakan seperti
Altavista, MSN, Yahoo Search dan lain-lain. (http://id.wikipedia.org)
2.11 Hypertext Transfer Protocol (HTTP)
Hypertext Transfer Protocol adalah suatu protocol yang menentukan aturan yang
perlu diikuti oleh Web Browser dalam menyediakan dokumen yang diminta browser.
HTTP bekerja diatas protocol TCP(Transmission Control protocol)yang menjamin
sampainya data ditujuan dalam urutan yang benar . Bila suatu kesalahan terjadi selama
proses pengiriman , pihak pengirim akan mendapat pemberitahuab bahwa telah terjadi
kesalahan.(http://id.wikipedia.org)
2.12 Pengenalan Personal Home Page (PHP)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang
digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk
script yang diletakkan didalam web server. Ada beberapa pengertian tentang PHP,
akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan
bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada
klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut
serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi
klien (client-server).(Nugroho,2009).
Universitas Sumatera Utara
2.12.1 Sejarah PHP
PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP
digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada
homepage-nya. Rasmus lerdorf adalah seorang pendukung open source. Oleh karena
itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian
menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0. (Nugroho,2009)
Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuah
kelompok pengembang software yang terdiri dari Rasmus, Zeew Zuraski, Andi
Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerjasama untuk
menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.
Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0.
Tidak berhneti sampai disitu, kemampuan PHP terus ditambah dan saat buku ini
disusun, versi terbaru yang dikeluarkan adalah PHP 5.0.x. (Nugroho,2009)
2.12.2 Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar
(>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:
1. <?
…..skrip PHP
?>
2. <?php
…..skrip PHP
?>
Universitas Sumatera Utara
3. <script language=”PHP”>
…..skrip PHP
</script>
4. <%
…..skrip PHP
%>
Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau
menambahkan komentar/standar penulisan adalah: /* komentar */, // komentar, #
komentar. Untuk menuliskan skrip PHP ada dua cara yang sering digunakan yaitu
Embedded Script dan Non-Embedded Script.
a. Embedded Script adalah script PHP yang disisipkan diantara tag-tag dokumen
HTML.
Contoh penulisan dari Embedded Script:
<html>
<head>
<title>Embedded Script</title>
</head>
<body>
<?pho
echo “Hallo, selamat menggunakan PHP”;
Universitas Sumatera Utara
?>
</body>
</html>
b. Non-Embedded Script adalah skrip PHP murni, tag HTML yang digunakan untuk
membuat dokumen merupakan bagian dari skrip PHP.
Contoh penulisan dari Non-Embedded Script:
<?php
echo “<html>”:
echo “<head>”:
echo “<title>Mengenal PHP</title>”:
echo “</head>”:
echo “<body>”:
echo “<p>PHP itu mudah</p>”:
echo “</body>”:
echo “<html>”:
?>
Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan
ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui komputer local
Universitas Sumatera Utara
maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan
penamaan dokumen HTML, pemberian nama dokumen yang sama tetapi dituliskan
dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip dapat
disisipkan di bagian manapun dalam dokumen HTML, begitu pula sebaiknya skrip
HTML dapat diletakkan di antara skrip PHP. (Nugroho,2009)
2.13 MySQL
MySQL merupakan software sistem manajemen database (Database Management
System – DBMS) yang sangat popular di kalangan pemrogram web, terutama di
lingkungan Linux dengan menggunakan skrip dan Ped.(Untung Rahardja,2009)
Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita
menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi
ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL
termasuk jenis relational database management system(RDBMS). Sehingga istilah
seperti table, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah
database mengandung beberapa table, table terdiri dari sejumlah baris dan kolom.
.(Untung Rahardja,2009)
SQL merupakan kependekan Structured Query language. SQL digunakan
untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi
perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur aksesakses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari
database. .(Untung Rahardja,2009
Universitas Sumatera Utara
2.14 Fungsi PHP dan MySQL
Adapun fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya
adalah:
a. mysql_connect()
Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database
MySQL. Format fungsinya adalah:
mysql_connect(string hostname, string username, string password);
b. mysql_select_db
Setelah terhubung ke database MySQL dengan menggunakan mysql_connect,
langkah selanjutnya adalah memilihi database yang akan digunakan. Fungsi
mysql_connect_db digunakan untuk memilih database. Format fungsinya
adalah:
mysql_select_db(string database, koneksi);
c. mysql_query
Dalam database MySQL, perintah untuk melakukan trnasaksi ialah perintah
SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query
memberi perintah kepada database untuk melakukan apa yang dikehendaki.
Format fungsinya adalah:
int mysql_query(string query, int[link_identifier]);
d. mysql_num_rows
Universitas Sumatera Utara
Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai
oleh proses SQL.
Format penulisannya adalah:
int mysql_num_rows(int result);
e. mysql_fetch-array
Fungsi ini digunakan untuk menampilkan data. Dalam fungsi ini, hasil query
ditampung dalam bentuk array. Format fungsinya adalah:
Array mysql_fetch_array(int result, int [result_type]);(Untung Rahardja,2009)
.
2.15 HTML
2.15.1. Pengenalan HTML
Hypertext Markup Language merupakan kepanjangan dari kata HTML. HTML adalah
script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat intenet.
HTML juga merupakan file teks murni yang dapat dibuat dengan editor teks
sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan dalam
web browser. Dokumen ini umumnya berisi informasi atau nterface aplikasi didalam
internet.(Asep Saefullah,2009)
HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti
dibanding bahasa pemrograman lainnya, dank arena bentuknya itu maka HTML dapat
dibaca oleh berbagai platform seperti : windows, Linux, Macintosh. Kata Markup
Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script
Universitas Sumatera Utara
HTML sehingga kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan
perintah yang telah ditentukan dalam elemen HTML. .(Asep Saefullah,2009)
Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda lebih
kecil (<) dan tanda lebih besar (>) yang disebut dengan tag. Misalnya hendak
menampilkan teks yang tercetak miring, maka mar up yang digunakan adalah sebagai
berikut :
<i> Teks ini akan dicetak miring </i> .(Asep Saefullah,2009)
2.15.2 Struktur dasar HTML
HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok
perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode
<form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagianbagian HTML perhatikan skema dibawah ini :
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
…isi dari halaman web…
Universitas Sumatera Utara
</body>
</html>
Keterangan :
1. Dokumen HTML selalu diawali dengan tand tag pembuka <html> dan diakhiri
dengan tanda tag penutup </html>.
2. Pada elemen head <head></head>, dapat kita sisipkan kode untuk menuliskan
keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts
pemrograman web seperti Javascript, VBscript atau CSS untuk menambah
daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.
3. Elemen-elemen <body></body> berisi tag-tag untuk isi atau layout tampilan
situs kita, seperti : <font></font>, <table></table>, <form></form>.
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kodekode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah
kode-kode yang digunakan untuk mengatur dokumen HTML. Secara garis besar
bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada
juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img> dan lain-lain.
.(Asep Saefullah,2009)
2.16 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi,
merupakan kompilasi dari beberapa program.
Universitas Sumatera Utara
Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri
atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang
ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP 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 digunakan yang dapat melayani tampilan halaman web yang
dinamis. (http//id.wikipedia.org)
2.17 CSS (Cascading Style Sheet)
CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk mengatur
tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML.
CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan
dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan.
Keuntungan menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu
mengubah satu persatu. (http://id.wikipedia.org)
Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung
dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan
meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol tampilan dalam
banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi
4 dan pada versi sebelumnya, hanya Internet Explorer yang masih mampu mengenal
CSS. Tampilan CSS dapat berbeda jika ditmapilkan pada menu browser yang
berbeda.(http://id.wikipedia.org)
Universitas Sumatera Utara
2.18 Javascript
Javascipt merupakan scripting language yang terintegrasi dengan web browser untuk
memberikan fleksibilitas tambahan bagi programmer untuk mengontrol elemenelemen dalam halaman web. Aplikasi javascript sebenarnya cukup luas namun pada
aplikasi yang dirancang, digunakan javascript yang dibatasi untuk DHTML (Dinamic
HyperText Markup Language), yaitu javascript yang digunakan untuk mengakses
property, method, dan event handler yang disediakan oleh DOM dan CSS.
(http://id.wikipedia.org)
Property didefinisikan sebagai setting nilai suatu objek tertentu. Contohnya
adalah warna suatu teks, action untuk suatu form, nama file untuk suatu gambar, dll.
Method adalah fungsi-fungsi yang dapat diterapkan dalam suatu objek. Misalnya
maximize untuk window. Event handler menspesifikasikan bagaimana suatu objek
merespon terhadap suatu kejadian, misalnya suatu button di klik, window di resize,
dan lain-lain. (http://id.wikipedia.org)
2.19 Konsep DBMS (Database Management System)
Satu Database Management System (DBMS) berisi satu koleksi data yang saling
berelasi dan satu set program untuk mengakses data tersebut. Jadi DBMS terdiri dari
database dan set program pengelola untuk menambah data, menghapus, mengambil
dan membaca data.
Universitas Sumatera Utara
Database adalah kumpulan file-file yang saling berelasi, relasi tersebut
biasanya ditunjukan dengan primary key atau kunci dari tiap-tiap file yang ada. Satu
database menunjukkan satu kumpulan data yang dipakai dalam satu ruang lingkup
perusahaan atau instansi.
Dalam satu file terdapat record-record yang sejenis, sama besar, sama bentuk,
merupakan satu kumpulan entity yang seragam. Satu record terdiri dari field-field
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 yang merupakan judul dari sekelompok entity
tertentu. Entity adalah suatu objek yang nyata dan akan direkam. Set program
pengelola merupakan satu paket program yang dibuat agar memudahkan dan
mengefisienkan pemasukan atau perekaman informasi dan pengambilan atau
pembacaan informasi kedalam database.
Beberapa istilah umum dalam DBMS :
1. Entity adalah objek berupa orang, tempat, kejadian atau konsep yang informasinya
direkam.
2. Atribut adalah sebutan untuk mewakili suatu entity atau setiap entity mempunyai
atribute, atribute juga disebut sebagai data elemen, data field dan item.
3. Data Value (nilai atau isi data) adalah data aktual atau informasi yang disimpan
pada tiap data elemen atau atribute.
Universitas Sumatera Utara
4. Record atau tuple adalah kumpulan elemen-elemen yang saling berkaitan
menginformasikan tentang suatu entity secara lengkap.
5. File adalah kumpulan record-record sejenis yang mempunyai panjang elemen
yang sama, atribute yang sama namun berbeda data valuenya.
6. Database adalah kumpulan file-file yang mempunyai kaitan antara satu file dengan
file yang lain sehingga membentuk satu bangunan data untuk menginformasikan
satu perusahaan, instansi dalam batasan tertntu.
7. Database Management System (DBMS) adalah kumpulan file-file yang saling
berkaitan bersama dengan program untuk pengelolaannya.(http://id.wikipedia.org)
2.20 Pengertian DFD (Data Flow Diagram)
Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi (simbolsimbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk
menggambarkan suatu sistem yang telah ada atau sistem baru yang akan
dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data
tersebut mengalir. (http://id.wikipedia.org)
Keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang
menguasai bidang komputer untuk mengerti sistem yang sedang dikerjakan atau
dikembangkan. (http://id.wikipedia.org)
Simbol-simbol yang akan penulis gunakan adalah :
Universitas Sumatera Utara
Tabel 2.1 Simbol Data Flow Diagram
NO.
SIMBOL
KETERANGAN
1.
External entity (kesatuan luar) adalah kesatuan
lingkungan luar sistem yang dapat berupa orang,
organisasi atau sistem lainnya yang berada pada
lingkungan luarnya yang akan memberikan
input atupun menerima output dari sistem.
2.
Atribute (proses) adalah kegiatan atau kerja
yang dilakukan oleh orang, mesin atau komputer
dari hasil suatu arus data yang masuk ke dalam
proses untuk dihasilkan arus data yang akan
keluar dari proses.
3.
Storage
(penyimpanan)
adalah
untuk
menggambarkan simpanan data yang dapat
berupa file atau data base di dalam komputer
4.
Data Flow (Arus Data) adalah Arus dari data
yang dapat berupa masukan (input) untuk sistem
atau hasil (output) dari proses sistem.
2.21 Pengertian Diagram Alir (Flowchart)
Flowchart atau diagram alir adalah sekumpulan simbol-simbol atau skema yang
menunjukan atau mengambarkan rangkaian kegiatan-kegiatan mulai dari awal (start)
hingga akhir (stop). Pembuatan dari flowchart atau diagram alir ini adalah
pengambaran dari urutan langkah-langkah pengerjaan dari suatu algoritma.
(http://ndoware.com)
Universitas Sumatera Utara
Berikut adalah tabel yang menjelaskan arti dari lambang-lambang atau simbolsimbol yang digunakan oleh penulis dalam pembuatan flowchart program :
Tabel 2.2 Simbol-Simbol Flowchart
No.
1
Simbol
Keterangan
Terminator yaitu menyatakan start dan stop suatu
program
2
Data yaitu proses pemasukan atau pengeluaran
data
3
Process yaitu proses pengolahan data
4
Decision yaitu proses pengambilan keputusan
untuk memilih satu diantara dua alternatif
5
Predefined process yaitu kumpulan langkahlangkah seperti Subrutine atau module
6
Off Page Connector yaitu tanda gabung lain
halaman
7
Arrow yaitu penunjuk arah aliran program
8
On Page Reference simbol penghubung
digunakan untuk menunjukkan sambungan dari
bagan alir yang terputus dihalaman yang masih
sama
9
Display yang digunakan untuk menampilkan data
output yang ditampilkan untuk ditampilkan
kepada pembacanya
Universitas Sumatera Utara
2.22 Pengenalan Macromedia Dreamweaver 8
Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan dari
perusahaan Macromedia, Inc. Software ini bergerak dalam bidang perancangan web.
Sekelompok software perancang web diantaranya Flash, Dreamweaver, Firework,
Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat
software pembangun website yang mampu melakukan banyak hal dan memiliki
banyak keunggulan.(Madcoms,2009)
Gambar 2.1. Tampilan rancangan Dreamweaver 8
Universitas Sumatera Utara
Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat oleh
Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah
membuat tampilan websitenya. Dreamweaver 8 merupakan editor yang komplit dan
dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan
adanya software ini kita tidak direpotkan untuk menuliskan skrip-skrip format HTML,
PHP, ASP maupun bentuk program lainnya. .(Madcoms,2009)
Sebagai editor, Dreamweaver 8 mempunyai sifat WYSIGWYG atau yang
dibaca Waysiwig yang artinya “apa yang kemu lihat akan kamu peroleh” atau “what
you see is what you get”. Dengan kelebihan ini, seorang programmer dapat melihat
langsung hasil buatannya tanpa harus membuka browser. Seperti software editor web
lain, Dreamweaver 8 juga memiliki dua bentuk halaman, yaitu halaman rancangan dan
halaman kode. Hal ini akan mempermudah dalam menambahkan skrip yang berbasis
PHP maupun Javascript. Dreamweaver 8 selain mendukung dalam pembuatan web
yang berbasis HTML, juga mendukung software lain diantaranya PHP, ASP, Perl,
Javascript dan lain-lain. .(Madcoms,2009)
Dengan
menggunakan
Dreamweaver
8,
programmer
telah
banyak
dimudahkan dalam merancang dan pengkodean. Hal ini akan sangat membantu dalam
hal perancangan sebuah website yang sedang dibangun.
Adapun beberapa komponen yang dimiliki oleh Dreamweaver 8 adalah :
1. Menu Panel Insert
Universitas Sumatera Utara
Menu Panel Insert adalah sekumpulan menu yang berhubungan dengan
operasi pemasukan dan pembuatan pernik-pernik pada halaman web.
2. Menu Panel Common
Menu Panel common adalah emnu yang memiliki beberapa ikon yang
merupakan menu standar pada saat merancang halaman web.
3. Menu Panel Layout
Menu ini berisi menu ikon tabel dan layer.
4. Menu Panel Text
Menu ini digunakan untuk mengatur format text yang ada pada halaman web.
5. Menu Panel Table
Menu ini digunakan untuk membuat tabel yang ada pada halaman web.
6. Menu Panel Frame
Menu frame adalah salah satu menu yang akan digunakan untuk memilih bentuk
rancangan halaman utama website.
7. Menu Panel Form
Menu form digunakan untuk membuat formulir.
8. Menu Panel Characters
Universitas Sumatera Utara
Menu characters memiliki beberapa ikon yang digunakan untuk melakukan
operasi halaman dan pengaturan paragraf.
9. Menu Panel Media
Menu media adalah sekumpulan ikon yang berfungsi untuk melakukan
pengabungan file dari luar program Dreamweaver.
10. Menu Panel Head
Menu head digunakan untuk operasi penambahan komponen dalam head
HTML.
11. Menu Panel Script
Menu script adalah sekumpulan ikon yang pada umumnya digunakan untuk
melakukan penulisan perintah script.
12. Menu Panel Application
Menu application digunakan untuk operasi database.
13. Menu Panel Properties
Menu ini adalah sekumpulan menu yang berfungsi sebagi tool dalam
pengaturan objek yang ada pada halaman web.
Universitas Sumatera Utara