BAB III

TINJAUAN PUSTAKA

3.1 PENGERTIAN DATA

Data adalah sesuatu yang belum mempunyai arti bagi penerimanya dan masi

memerlukan adanya suatu pengolahan. Data bisa berujut suatu keadaan, gambar, suara,

huruf, angka, matematika, bahasa ataupun simbol-simbol lainnya yang bisa kita

gunakan sebagai bahan untuk bisa melihat lingkungan, obyek, kejadian ataupun suatu

konsep.

3.2 PENGERTIAN APLIKASI

Aplikasi adalah suatu perangkat lunak atau program komputer yang beroperasi

pada suatu sisten tertentu yang diciptakan dan dikembangkan untuk perintah tertentu.

Istilah aplikasi sendiri di ambil dari bahasa inggris “application” yang dapat diartikan

sebagai penerapan atau penggunaan. Secara harfiah, aplikasi merupakan suatu

penerapan perangkat lunak atau software yang dikembangkan untuk tujuan melakukan

tugas-tugas tertentu.

Umumnya suatu aplikasi dapat berjalan di berbagai perangkat yang

dioperasikan oleh operating system yang ada diperangkat tersebut

3.3 ANALISA DAN PERANCANGAN SISTEM

3.3.1 Flowchart

Flowchart adalah penggambaran secara grafik dari langkah-langkah dan

urutan prosedur dari suatu sistem.

A. Pedoman-pedoman dalam pembuatan Flowchart :

1. Flowchart digambarkan dari halaman atas kebawah atau dari kiri ke kanan.

2. Aktifitas penggabaran Flowchart harus didefenisikan secara hati-hati dan

dapat dimengerti oleh pembacanya.

3. Kapan aktifitas dimulai dan berakhir harus ditentukan secara jelas.

4. Setiap langkah dari aktifitas harus diuraikan dengan menggunakan kata kerja.

5. Setiap langkah dari aktifitas harus berada pada urutan yang benar.

6. Lingkup dan rangs yang sedang digambarkan harus ditelusuri dengan hati-

hati. Percabangan yang memotong aktifitas yang sedang digambarkan tidak

perlu digambarkan pada flowchart yang sama.

7. Gunakan simbol-simbol flowchart yang standar.

Tabel 1.1 Simbol-Simbol Flowchart

Simbol Arti
Input/Output Mempresentasikan input data atau output data yang

diproses atau informasi

Proses

Mempresentasikan operasi
 Penghubung Keluar atau masuk dari bagian lain Flowchart

khususnya halaman yang sama

Anak Panah

Mempresentasikan alur kerja

Penjelasan Digunakan untuk komentar tambahan

Penjelasan Digunakan untuk komentar tambahan

Predefined Process Rincian operasi berada di tempat lain

Preparation Pemberian harga awal

Terminal Poin Awal/akhir flowchart

.3.2 Data Flow Diagram (DFD)

Data Flow Diagram merupakan alat perancangan sistem yang berorienasi pada
alur data dengan konsep dekomposisi yang dapat di pergunakan untuk
penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan
oleh profesional sistem kepada pemakai maupun pembuat program.
 Data Flow Diagram sering digunakan untuk menggambar sistem yang
berjalan/ada atau sistem yang diusulkan / baru yang digembarkan secara logika
tanpa mempertimbangkan lingkungan fisik dimana data itu mengalir atau data
tersebut disimpan.
A. Pedoman-pedoman pembuatan Data Flow Diagram :
1. Identifikasi kesatuan luar (Eksternal Entity) yang terlibat didalam sistem.
2. Identifikasi semua input dan output yang terlibat dalam kesatuan luar.
3. Gambarlah terlebih dahulu Diagram konteks/Context Diagram yang merupakan
penggambaran Sistem secara garis besar.
4. Gambarlah Data Flow Diagram (DFD) Level Nol.
5. Gambarlah data Flow Diagram (DFD) Level 1
6. Gambarlah Data Flow Diagram (DFD) Level 2, dan seterusnya sampai
7. Data Flow Diagram (DFD) Primitive (Tidak Bisa Dijabarkan Lagi).

Tabel 1.2 Simbol-Simbol DFD

Simbol Fungsi

External Entity merupakan

kesatuan luar sistem yang
berupa orang, departemen
suatu organisasi attau
External Entity/Terminator perusahaan yang sama tetapi
diluar kendali system yang di
buat modelnya
Process suatu kegiatan atau
kerja yang dilakukan oleh
orang, mesin atau komputer.
Process berfungsi untuk
menggambarkan bagian dari
system yang
Process mentrasformasikan input
menjadi output.
Aliran data ditunjukan dengan
anak panah, yang
menujukkan arah menuju ke
dan keluar dari suatu proses.
Alur data ini digunakan untuk
Data Flow/Alur Data menerangkan perpindahan
data atau paket
data/informasi dari satu
bagian sistem ke bagian
lainnya.
Data Store digunakan untuk
membuat model sekumpulan
paket data, komponen ini
 berkaitan dengan
penyimpanan-penyimpanan
berupa file atau data base

.3.3 Entity Relationship Diagram

Entity Relationship Diagrm (ERD) digunakan untuk menggambarkan

hubungan antara penyimpanan data (data stroe) yang terdapat pada Data Flow
Diagram (DFD).
Entity Relationship Diagram (ERD) menggunakan sejumlah notasi/simbol
untuk menggambarkan struktur dan hubungan antara data.

Tabel 1.3 Simbol-Simbol ERD

Simbol Fungsi

Entity adalah suatu objek yang

dapat didefinisikan dalam
lingkungan pemakai, suatu
yang penting bagi dalam
konteks sistem yang akan
Entity/Table dibuat.
Atribut adalah entity yang
memiliki elemen yang
berfungsi untuk
mendiskripsikan karakter
Atriut entity.
Line adalah suatu garis yang
berfungsi untuk
menghubungkan
Line relationship dengan entity
dan entity dengan
relationship dan entity
dengan atribut.
Menunjukan adanya hubungan
diantara sejumlah entity
yang berbeda.

Relationship

Cardinaliti Ratio
Yaitu menjelaskan batasan pada jumlah entity yang berhubungan melalui suatu
relationship. Menujukan jumlah maksimal entity yang dapat berelasi dengan entitas
pada himpunan entitas yang lain.
Jenis-jenis Cardinality Ratio:
 1. One to One (1:1)
Yaitu perbandingan antara entity pertama dengan entity kedua berbanding, Satu
berbanding Satu.
2. One to Many (1:N)
Yaitu perbandingan antara Entity pertama dengan Entity kedua berbanding, satu
berbanding banyak.
3. Many to One (N:1)
Yaitu perbandingan antara Entity pertama dengan Entity kedua berbanding , Banyak
berbanding Satu.
4. Many to Many(N:N)
Yaitu perbandingan antara Entity pertama dengan Entity kedua berbanding, Banyak
berbanding Banyak.

.4 GAMBARAN UMUM TENTANG PROGRAM APLIKASI BERBASIS WEB

Aplikasi Berbasis Web merupakan sebuah aplikasi yang menggunakan

browser untuk menjalankan aplikasi dan di akses melalui jaringan komputer, Aplikasi

Berbasis web adalah sebuah program yang disimpan diserver dan dikirim melalui

internet dan di akses melalui antar muka browser.

Dari pengertian diatas dapat disimpulkan Aplikasi Web merupakan aplikasi

yang diakses menggunakan web browser melalu jaringan internet atau internet.

Aplikasi Web juga merupakan suatu perangkat lunak komputer yang di kodekan dalam

bahasa pemograman yang mendukung perangkat lunak berbasis Web seperti HTML,

PHP, JavaScript, CSS dan bahasa pemograman lainnya.

Berikut adalah bahasa pemograman yang mendukung perangkat lunak berbasis web

yaitu :

A. HTML

HTML adalah sebuah bahasa yang digunakan untuk membuat sebuah halaman

Web, menampilkan berbagai informasi didalam sebuah penjelajahan web internet

dan performatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar

dapat menghasilkan tampilan wujud yang terintegrasi.

 B. PHP

PHP adalah bahasa pemograman script server-side yang didesain untuk

pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa

pemograman umum.

C. Database

Database merupakan kumpulan informasi yang disimpan didalam komputer

secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer

untuk memperoleh informasi dari basis data tersebut. Database memiliki perangkat

lunak yang banyak digunakan dalam pemograman yaitu :

1. MySQL ( XAMPP )

MySQL adalah sebuah perangkat lunak sistem menajemen basis data (Database)

SQL atau DBMS. MySQL merupakan salah satu DBMS yang bersifat freeware,

sehingga menjadi populer dikalangan pengguna database. Selain karena free MySQL

juga merupakan DBMS yang relatif ringan dan mudah digunakan. Ada beberapa

software yang bisa digunakan untuk menjalankan service MySQL, diantaranya

XAMPP.

XAMPP merupakan program piket yang didalamnya terdapat beberapa software

yang digabungkan menjadi satu. Dalam XAMPP sendiri terdapat 5 software yang

berbeda (MySQL, Apache, Filezilla, Mercury, Tomcat). Jadi kdtika menginstal

XAMPP kita tidak perlu lagi menginstal Apache dan mySQL secara terpisah.

a. Install MySQL (XAMPP)

Saat menginstal MySQL terdapat tempat meletakan hasil instalan.

Contoh setelah di instal :

 Directori MySQL

2. Directori MySQL

Directori XAMMP

Setelah semua proses yang berjalan dalam MySQL terdapat dalam directori mysql. Ada
beberapa directori yang perlu diketahui dalam directori mysql :
a. Bin

Directori bin berisi service – service yang bisa dijalankan untuk mengakses Mysql.

b. Data

Directori ini berisi database dari tabel yang sudah dibuat.

Berikut ini akan dijelaskan cara install XAMPP:

1. Download installer software XAMPP

2. Setelah installer selesai di download, jalankan dengan melakukan double klik.

3. Klik Next

4. Pilih Komponen yang akan dinstal atau biarkan default untuk menginstal keseluruhan.

Disarankan untuk menginstal keseluruhan.

5. Tentukan lokasi instalasi, lalu klik Next. Biasanya di C:\xampp

6. Hilangkan centang pada “learn more about Bitnami for XAMPP”  jika tidak ingin

mengakses info lanjut dari Bitnami for Xampp. Lalu klik Next

7. Tunggu hingga proses instalasi selesai.

8. Setelah selesai, klik Finish.

3.5. WEBSITE

Website atau world wide web, sering disingkat sebagai www atau “web” saja,

yakni sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain

dipresentasikan dalam bentuk hypertext dan dapat di akses oleh perangkat lunakyang di

sebut browser, informasi di web pada umumnya ditulis dalam format HTML.

Keistimewaan inilah yang telah menjadikan web sebagai service yang paling

cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan) pada kata-

kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk

menghubungkan dari sembarang tempat dalam sebuah dokumen atau gambar ke

sembarang tempat di dokumen lain. Dengan sebuah browser yang memiliki graphical user

interface (GUI), link-link dapat dihubungkan ke tujuannya dengan menunjuk link tersebut

dengan mouse dan merekamnya.

3.6. HTML (hypertext markup language)

Html merupakan sebuah bahasa scripting yang berguna untuk menuliskan

halaman web. Pada halaman web, html dijadikan sebagai bahasa script dasar yang

berjalan bersama berbagai scripting pemograman lainnya.Tidak diperlukan suatu program

editor khusus untuk menggunakan perintah-perintah html, misalnya dapat menggunakan

notepad, editor plus ataupun editor lain yang berbasis GUI (Graphical User Interface)

seperti microsoft frontfage, dan bisa juga macromedia dreamweaver 8. Dengan program

ini kode html tidak perlu diketik, karena semua perintahnya diwujudkan secara icon base.

Tetapi bagi seorang pengembang aplikasi web, kemampuan pengasaan terhadap kode-
 kode html sangat diperlukan, sehingga sangatlah disarangkan untuk menguasai kode

perintah html, maka pengunaan editor teks (misalnya notepad).

Dan adapun secara umum tugas-tugas yang dapat dilakukan oleh HTML adalah :

a. Mengontrol tampilan dari web page dan isinya.

b. Mempublikasikan web secara online.

c. Membuat online form yang bisa digunakan untuk menangani pendaftaran

buku tamu, dan transaksi online lainnya.

d. Menambahkan objek-objek seperti image, audio, video, dan juga applet dalam

dokumen html.

Browser merupakan software yang diinstal di mesin client yang berfungsi untuk

meterjemahkan tag-tag html menjadi halaman web. Browser yang biasanya digunakan

adalah internet explorer, nescape navigator dan banyak browser yang lain.

Setiap dokumen HTML diawali dengan tag <HTML>. Tag ini digunakan

webserver dan web browser untuk berkomunikasi. Tag ini akan memberitahukan web

browser bahwa yang dikirim adalah dokumen HTML.

Tag <HTML> mempunyai tag penutup, tag ini digunakan untuk memberitahu browser

akhir dari dokumen HTML. Tag penutup untuk tag <HTML> adalah </HTML>. Tag

penutup ini harus berada di baris terakhir pada dokumen HTML.

<HTML>

<HEAD></HEAD>

<BODY></BODY>

</HTML>

3.7. PHP
 PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script

server-side dalam pengembangan web yang disisipkan pada dokumen html. Pengunaan

php memungkinkan web dapat dibuat dinamis sehingga maintenance situs web tersebut

lebih mudah dan efisien. Php merupakan software open-source yang disebarkan dan

dilisensikan secara gratis serta dapat di download secara bebas dari situd resminya yaitu :

http:/www.php.net.

Php yang ditulis menggunakan bahasa c dapat dikembangkan sendiri dengan

menambahkan fungsi-fungsi baru. Php adalah bahasa yan popular. Sebagian besar sintaks

php mirip dengan sintaks dalam bahasa C dan Perl.

Sejarah Singkat PHP

Php diciptakan pertama kali oleh rasmus lerdofl pada tahun 1994. awalnya, php

digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada

homepage-nya. rasmus lerdofl adalah seorang pendukung open source. Oleh karena itu, ia

mengeluarkan personal home page tools versi 1.0 secara gratis, kemudian ia

menambahkan kemampuan php 1.0 dan meluncurkan PHP 2.0.

Kelebihan PHP

Php memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis.

Php difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang

dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi

halaman web dinamis, dan kemampuan mengirim serta menerima cookies bahkan lebih

dari pada kemampuan CGI.

Web server yang mendukung php dapat ditemukan dimana-mana dari mulai IIS

sampai dengan apache, dengan configurasi yang relatif mudah. Dalam sisi pengembangan

relatif mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam
 pengembangan. Dalam sisi pemahaman, php adalah bahasa scripting yang paling mudah

karena referensi yang banyak.

Untuk menuliskan acript PHP ada 3 cara:

a. Menggunakan tag <?............?>

Format : <? Script ph panda ?>

b. Menggunakan tag <?php…..?>

Format : <?php

Script php anda

?>

c. Menggunakan tag <script language = “php”>………</script>

Format : <script language = “php”>

Scirp php anda

</script>

3.8. CSS (Cascading Style Sheet)

CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat

dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan

layouting halaman web. Dengan mendefinisikan suatu style sekali saja itu dapat

digunakan berulang kali.

Css telah didukung beberapa kebanyakan browser, terutama versi baru sehingga

penempatan layout menjadi lebih fleksibel. Membuat html merupakan tag minimal

berpengaruh terhadap ukuran file, dapat menampilkan konten utama terlebih dahulu
sementara gambar dan lain dapat ditampilkan sesudahnya. Selain itu penggunaan css pada

file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.

Penggunaan css ada dua cara yaitu dengan menyisipkan kode css langsung dalam

kode html atau simpan menjadi file tersendiri akan lebih memudahkan untuk mengontrol

tampilan banyak dokumen secara langsung. Css mendapat dukungan penuh pada browser

internet explorer versi 6(empat) dan pada versi sebelumnya. Perlu diketahui bahwa

tampilan css dapat berbeda bila ditampilkan pada menu browser yang berbeda pula.