BAB II LANDASAN TEORI

perpustakaan.uns.ac.id

digilib.uns.ac.id

BAB II LANDASAN TEORI

2.1

Aplikasi web Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misalnya

Explorer dan Mozilla Firefox. Denga menggunakan aplikasi web, kita hany aperlu menempatkan aplikasi dalam sebuah server dan dengan sendirinya aplikasi tersebut dapat diakses dari manapun, sepanjang pemakai dapat mengakses web server-nya. Web Server adalah server yang melayani permintaan aplikasi web. Aplikasi web yang paling dasar ditulis dengan menggunakan HTML. Sebagaimana diketahui, HTML (Hypertext Markup Language) adalah bahasa standar untuk membuat halaman – halaman web. (Abdul Kadir, 2009)

2.2

Percabangan dan Perulangan Program Proses

percabangan

memperluas

kegunaan

dari

program

dengan

memperbolehkan penggunaan logika-logika sederhana untuk memilih blok-blok kode yang akan dieksekusi. Perulangan (looping) digunakan untuk mengulang blok kode untuk sejumlah perulangan tertentu. Selain itu, perulangan juga bisa dipakai untuk mengulang blok-blok kode hingga suatu kondisi boolean tertentu terpenuhi. (Hanif A. Fatta, 2006)

2.3

Bahasa Pemrograman Java Java merupakan bahasa pemrograman yang disusun oleh James Gosling yang

dibantu oleh rekan-rekannya di suatu perusahaan perangkat lunak yang bernama Sun Microsystems, pada tahun 1991. Bahasa pemrograman ini mula-mula diinisialisasi dengan nama “Oak”, namun pada tahun 1995 diganti namanya menjadi “Java”. 2.3.1 Pengertian Java Menurut definisi Sun Microsystem, di dalam buku M. Shalahuddin dan Rosa commit to user teknologi untuk membuat dan A.S. (2010 : 1) Java adalah nama sekumpulan 5


digilib.uns.ac.id 6

menjalankan perangkat lunak pada komputer yang berdiri sendiri (standalone) ataupun pada lingkungan jaringan. Java berdiri di atas sebuah mesin penterjemah (interpreter) yang diberi nama Java Virtual Machine (JVM). JVM inilah yang akan membaca kode bit (bytecode) dalam file .class dari suatu program sebagai representasi langsung program yang berisi bahasa mesin. Oleh karena itu bahasa Java disebut sebagai bahasa pemrograman yang portable karena dapat dijalankan pada berbagai sistem operasi, asalkan pada system operasi tersebut terdapat JVM. Alasan utama pembentukan bahasa Java adalah untuk membuat aplikasi-aplikasi yang dapat diletakkan di berbagai macam perangkat elektronik, sehingga Java harus bersifat tidak bergantung pada platform (platform independent). Itulah yang menyebabkan dalam dunia pemrograman Java dikenal adanya istilah „write once, run everywhere‟, yang berarti kode program hanya ditulis sekali, namun dapat 9 dijalankan di bawah kumpulan pustaka (platform) manapun, tanpa harus melakukan perubahan kode program.

2.4

Diagram Konteks (Context Diagram) Diagram konteks adalah sebuah diagram sederhana yang menggambarkan

hubungan antara entity luar, masukan dan keluaran dari sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. (Kristanto 2003).

2.5

DFD ( Data Flow Diagram) Menurut Hartono (1999), “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 (misalnya lewat telepon) atau lingkungan fisik dimana data tersebut akan disimpan (misalnya harddisk, disket, file kartu)”. Sehingga dapat disimpulkan bahwa DFD merupakan penggambaran system yang menggunakan bentuk simbol untuk menggambarkan aliran data dalam suatu commit to user


digilib.uns.ac.id 7

proses yang saling berhubungan. Secara lengkap gambar simbol DFD (Data Flow Diagram) berdasarkan teori Yourdon/De Marco dapat dilihat pada Tabel 2.1 Tabel 2.1 Simbol Diagram Arus Data No 1

Nama Entity luar

Simbol

Keterangan Entity luar merupakan sumber atau tujuan dari aliran data dari atau ke system

2

Aliran Data

Menggambarkan aliran data dari suatu proses ke proses lainnya

Proses 3

Proses

4

Berkas

yang

mengubah

input

menjadi output

atau

tempat

Berupa file atau database pada sistem komputer

penyimpanan

2.5.1 DFD Level 0 DFD Level 0 adalah diagram yang menggambarkan proses dari dataflow diagram.

Diagram ini memberikan pandangan secara menyeluruh mengenai

sistem yang ditangani, menunjukkan tentang fungsi-fungsi utama atau proses yang ada, aliran data, dan entitas eksternal. Menurut Tata Sutabri menyatakan bahwa “DFD level 0 dibuat untuk menggambarkan tahapan proses yang ada dalam diagram konteks, yang penjabarannya lebih terperinci.” Sedangkan menurut Kendall menyatakan DFD level 0 adalah sebagai berikut “Diagram 0 adalah pengembangan diagram konteks dan bisa mencakup sampai sembilan proses.” Jadi dapat ditarik kesimpulan, bahwa commit to user

DFD

level

0

adalah


digilib.uns.ac.id 8

pengembangan diagram konteks yang menggambarkan tahapan proses yang ada dalam diagram konteks.

2.5.2 DFD Level 1 DFD Level 1 adalah diagram yang menguraikan proses apa yang adadalam DFD Level 0 atau diagram level diatasnya. Pengertian DFD level 1 menurut Tata Sutabri adalah sebagai berikut “DFD level 1 dibuat untuk menggambarkan arus data secara lebih mendetail lagi dari tahapan proses yang ada pada DFD level 0.” Sedangkan menurut Kendall menyatakan DFD level 1 adalah sebagai berikut “Diagram anak adalah proses pada diagram 0 yang dikembangkan semua aliran

data

yang

menuju dari

proses

induk harus

ditunjukkan mengalir ke dalam/ keluar di diagram anak.” Jadi dapat ditarik kesimpulan, bahwa diagram level 1 adalah proses pada diagram 0 yang menggambarkan arus data secara lebih rinci.

2.6

ERD Entity Relationship Diagram (ERD) adalah suatu model jaringan (network)

yang menggunakan susunan data yang disimpan dalam sistem secara abstrak. Tujuan utama dari penggambaran ERD adalah untuk menunjukkan struktur objek data (entity) dan hubungan (relationship) yang ada pada objek tersebut. ERD berguna bagi professional sistem, karena ERD memperlihatkan hubungan antara data store pada DFD. (Fatansyah, 2001). Komponen utama ERD dapat dilihat pada tabel 2.2 Tabel 2.2 Simbol-simbol ERD Nama Simbol Entitas

Simbol

Keterangan Digunakan

untuk

menggambarkan

obyek yang dapat diidentifikasikan dalam lingkungan pemakai. Atribut

Digunakan

untuk

menggambarkan

elemen-elemen dari suatu entitas, yang commit to user menggambarkan karakter entitas.


digilib.uns.ac.id 9

Entitas dapat berhubungan satu sama Hubungan

lain. Hubungan disebut dengan relasi.

Garis

Digunakan

untuk

menghubungkan

entitas dan entitas dengan atribut.

2.7

Kardinalitas Kardinalitas mengacu pada berapa kali instance dari suatu entitas dapat

berelasi dengan instance lain di entitas yang berbeda. Satu instance dalam suatu entitas mengacu pada satu dan hanya satu instance pada entitas lainnya (1:1). Satu instance dalam suatu entitas mengacu ke satu atau lebih instance yang berelasi (1:N). Satu atau lebih instance dalam suatu entitas mengacu pada satu atau lebih instance pada entitas yang berelasi (N:N). (Hanif Al Fatta , 2007)

2.8

Relasi tabel Pengertian Table Relasi menurut (Fathansyah, 2001) adalah “Data yang

menggambarkan hubungan antara table yang satu dengan table yang lainnya”. Model basis data relational sering pula disebut sebagai model Relasional atau Basis Data Relasional. Model Basis Data ini ditemukan atau diperkenalkan pertama kalinya oleh E.F Codd. Model basis data menunjukan suatu cara atau mekanisme yang digunakan untuk mengelola atau mengorganisasi data secara fisik dalam memori sekunder yang berdampak pula pada bagaimana kita mengelompokan dan membentuk keseluruhan data yang terkait dalam sistem yang sedang ditinjau.

2.9

Flowchart Flowchart adalah representasi grafis dari langkah – langkah yang harus diikuti

dalam menyelesaikan suatu permasalahan yang terdiri atas sekumpulan simbol, dimana masing – masing simbol merepresentasikan kegiatan tertentu. Flowchart diawali dengan penerimaan input dan diakhiri dengan penampilan output. commit to user


Sebuah flowchart

digilib.uns.ac.id 10

pada umumnya tidak menampilkan instruksi bahasa

pemrograman, namun menetapkan konsep solusi dalam bahasa manusia ataupun notasi matematis. Berikut ini akan dibahas tentang simbol – simbol yang digunakan dalam menyusun flowchart, kegiatan yang diwakili serta aturan yang diterapkan dalam penggunaan simbol tersebut pada Tabel 2.3 : Tabel 2.3 Simbol-simbol Flowchart Simbol

Nama

Pengertian Simbol

ini

digunakan

melambangkan

untuk kegiatan

pemrosesan input. Dalam simbol Simbol Proses

ini, kita dapat menuliskan operasioperasi yang dikenakan pada input, maupun operasi lainnya. Sama seperti aturan pada simbol input, penulisan dapat dilakukan secara satu

per

satu

maupun

secara

keseluruhan. Merepresentasikan fungsi I/O yang membuat Simbol Input – Output (IO)

sebuah

data

dapat

diproses (input) atau ditampilkan (output)

setelah

mengalami

eksekusi informasi Simbol

ini

digunakan

menghubungkan

setiap

untuk langkah

dalam flowchart dan menunjukkan kemana arah aliran diagram. Anak Simbol Garis Alir

panah ini harus mempunyai arah dari kiri ke kanan atau dari atas ke

bawah. Anak panah ini juga dapat commit to user diberi label, khususnya jika keluar



dari symbol percabangan. Merepresentasikan

informasi

deskriptif tambahan, komentar atau catatan penjelasan. Dalam simbol ini,

kita

dapat

menuliskan

komentar apapun dan sebanyak Simbol Anotasi

apapun, hal ini berguna untuk memperjelas

langkah-langkah

dalam flowchart. Garis vertical dan garis

terputus

ditempatkan

–

putus

dapat

sisi

kanan

digunakan

untuk

pada

maupun kiri. Simbol

ini

melambangkan percabangan, yaitu pemeriksaan

terhadap

suatu

kondisi. Dalam simbol ini, kita menuliskan keadaan yang harus Simbol Percabangan

dipenuhi. Hasil dari pemeriksaan dalam simbol ini adalah YES atau NO.

Jika

pemeriksaan

menghasilkan keadaan benar, maka jalur yang harus dipilih adalah jalur yang berlabel Yes, sedangkan jika pemeriksaan

menghasilkan

keadaan salah, maka jalur yang harus dipilih adalah jalur yang berlabel No. Terminator Simbol Terminator

berfungsi

untuk

menandai awal dan akhir dari suatu

flowchart. Simbol ini biasanya commit to user diberi label START untuk



menandai awal dari flowchart, dan label STOP untuk menandai akhir dari flowchart. Jadi dalam sebuah flowchart pasti terdapat sepasang terminator yaitu terminator start dan stop. Simbol konektor digunakan pada waktu

menghubungkan

suatu

langkah dengan langkah lain dalam sebuah flowchart dengan keadaan on page atau off page. On page connector

digunakan

menghubungkan

suatu

untuk langkah

dengan langkah lain dari flowchart Simbol Konektor

dalam satu halaman, sedangkan off page connector digunakan untuk menghubungkan

suatu

langkah

dengan langkah lain dari flowchart dalam halaman yang berbeda. Connector ini biasanya dipakai saat media yang kita gunakan untuk menggambar flowchart tidak cukup luas untuk memuat gambar secara utuh, jadi perlu dipisahpisahkan. Dalam

sepasang

connector

biasanya diberi label tertentu yang sama agar lebih mudah diketahui pasangannya. Simbol ini berperan sebagai blok pembangun dari suatu program. commit to user



Prosedur memiliki suatu flowchart yang

berdiri

sendiri

diluar

flowchart utama. Jadi dalam simbol ini, kita cukup menuliskan nama Simbol Prosedur

prosedurnya saja, jadi sama seperti jika kita melakukan pemanggilan suatu prosedur

pada

program

utama

(main program). Sama dengan aturan pada symbol percabangan, penulisan nama prosedur dilakukan secara satu per satu.

2.10

Basis Data (Database)

Basis data adalah kumpulan data, yang dapat digambarkan sebagai aktifitas dari satu atau lebih organisasi yang berelasi. Sebagai contoh, basis data universitas berisi informasi mengenai : Entiti, semisal mahasiswa, fakultas, mata kuliah, dan ruang kelas. Relasi diantara entitas, seperti penggambilan kuliah yang dilakukan oleh mahasiswa, staf pengajar di fakultas, dan penggunaan ruang perkuliahan. (Kristanto, 2003).

2.11

MySQL

MySQL (My Structured Query Language) adalah sebuah program pembuat dan pengelola database atau yang sering disebut dengan DBMS (Database Management Sistem), sifat dari DBMS ini adalah Open Source, sehingga dapat diperoleh secara gratis. MySQL sebenarnya produk yang berjalan pada platform Linux, dengan adanya perkembangan dan banyaknya pengguna, serta lisensi dari database ini adalah Open Source, maka para pengembang kemudian merilis versi Windows. Selain itu MySQL juga merupakan program pengakses database yang bersifat commit to user jaringan, sehingga dapat digunakan untuk aplikasi Multi User (banyak pengguna).



Kelebihan lain dari MySQL adalah menggunakan bahasa auery (permintaan) standar SQL (Structured Query Language) yang merupakan suatu bahasa permintaan yang terstruktur, SQL telah distandarkan untuk semua program pengakses database seperti Oracle, PosgreSQL, SQL Server dan lain-lain (Bunafit Nugroho, 2008).

2.12

Apache

Untuk menjalankan PHP dibutuhkan web server. Web server berfungsi menyimpan serta mendistribusikan data ke komputer lain lewat internet yang meminta informasi tersebut. Apache merupakan web server yang dikeluarkan oleh NSCA yaitu NSCA HTTPD sekitar tahun 1995. (Irmansyah, 2003)

2.13

PHP

PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halama web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah – perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai pembangun halaman web. Ketika seorang pengguna internet akan membuka suatu situs yang menggunakan fasilitas server-side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Dengan demikian seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PP sehingga keamanan dari halaman web mejadi lebih terjamin (Bimo Sunarfrihantono, ST. 2002)

2.14

HTML

HTML kependekan dari HyperText Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen to user ini dikenal sebagai web page. commit Dokumen HTML merupakan dokumen yang



disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam Internet. Ada dua cara untuk membuat sebuah web page: dengan HTML editor atau dengan editor teks biasa (misalnya notepad). (Betha Sidik dan Husni Pohan, 2002). Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 5.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML. HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

2.15

CSS

CSS merupakan singkatan dari Cascading Style Sheet. Kegunaannya adalah untuk mengatur tampilan dokumen HTML, contohnya seperti pengaturan jarak antar baris, teks, warna dan format border bahkan penampilan file gambar. CSS dikembangkan oleh W3C, organisasi yang mengembangkan teknologi internet. Tujuannya tak lain untuk mempermudah proses penataan web. Perlu diingat, CSS hanyalah berupa kumpulan script yang tujuannya bukan untuk mengantikan HTML, melainkan pelengkap agar dokumen HTML bisa tampil lebih cantik dan dinamis. Sejak ditemukannya CSS pada awal dekade 90an, CSS terus dikembangkan dan diserap oleh web developer. Hingga sekarang telah mencapai versi ke-3. Kode CSS bersifat lintas platform, yang berarti script ini dapat dibaca oleh commit to user berbagai macam sistem operasi dan browser. Hanya saja browser seperti Internet



Explorer, seringkali salah mengartikan script

CSS yang menyebabkan

ketidaksempurnaannya tampilan dokumen HTML. Script CSS perlu dioptimalkan agar tampil maksimal pada browser internet explorer. (Jayan, 2010).

2.16

Javascript

JavaScript adalah bahasa script yang dikembangakan oleh Netscape untuk membuat dokumen yang dinamis. JavaScript merupakan bahasa script sederhana yang mempunyai kemiripan dengan bahasa pemrograman C. JavaScript juga dikenal sebagai sebuah kode pemrograman berorientasi objek (Object Oriented Programming)

disingkat

OOP.

JavaScript

memiliki keistimewan untuk

ditambahkan pada kode HTML dan membuat dokumen menjadi lebih interaktif. Pemakaian JavaScript dalam pembuatan web adalah dengan memasukkannya dalam HTML. JavaScript sebagai sebuah bahasa pemrograman untuk client dan server mempunyai elemen-elemen sebagai berikut : 1.

Kata kunci (key word), statemen, syntax dan grammar.

2.

Aturan untuk ekspresi, variable dan literal.

3.

Objek dan fungsi built-in.

Sebagaimana dengan bahasa pemrograman, Javascript mempunyai aturan dasar dan format sendiri. JavaScript dapat memperlakukan fungsi-fungsi secara otomatis untuk menghitung dan membuat web lebih interaktif. Agar browser mengenali statemen-statemen JavaScript maka digunakan tag script (Wahana Komputer, 2001).

2.17

Jquery

Jquery merupakan salah satu pustaka yang dikembangakan dengan menggunakan JavaScript. Kehadirannya adalah untuk memudahkan penulisan kode JavaScript. Dengan menggunakan jquery, penulisan kode javascript menjadi lebih sederhana (kodenya menjadi ringkas). Selain itu, pembuatan halaman web yang interaktif dan menarik menjadi jauh lebih mudah di implementasikan. Selain itu, jquery juga mendukung penambahan plug-in yang membuat commit to useradalah tambahan-tambahan yang kemampuan jquery bertambah pesat. Plug-in



berjalan di atas jquery yang membuat pembuatan halaman web menjadi lebih mudah

atau

lebih

menarik.

Berbagai

http://www.jquery.com (Lukmanul, 2010).

commit to user

plug-in

terdapat

pada

situs

BAB II LANDASAN TEORI

Recommend Documents