• Tidak ada hasil yang ditemukan

BAB 2 LANDASAN TEORI

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB 2 LANDASAN TEORI"

Copied!
33
0
0

Teks penuh

(1)

BAB 2

LANDASAN TEORI

2.1 Pengertian Aplikasi

Aplikasi berasa dari kata application yang artinya penerapan ,lamaran,penggunaan. Secara istilah aplikasi adalah program siap pakai yang direka untuk melaksanakan suatu fungsi bagi penggugna atau aplikasi yang lain an dapat digunakan oleh sasaran yang dituju.(www.total.or.id)

2.2 Pengertian Tutorial

Panduan tentang bagaimana mengoperasikan suatu sistem. Baik hardware, maupun software. Pada tutorial ini biasanya dilengkapi informasi tentang objeknya, dan petunjuk langkah demi langkah untuk suatu operasi. Istilah lainnya adalah apa yang dimaksud dengan manual atau pun juga pekerjaan yang belum otomatis, panduan, tuntunan, pedoman.(Indra,2010)

(2)

2.3 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 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

(3)

PHP yang diterjemahkan oleh mesin PHP yang akan diterima oleh client.(http://id.wikipedia.org)

2.4 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.5. 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.

(4)

Komputer adalah alat elektronik yang mampu melakukan beberapa pekerjaan diantaranya:

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.6 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).

(5)

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.

Macam-macam web server antara lain adalah:

a) Apache (Open Source)

b) Xitami

c) IIS

d) PWS

(http://www.ittelkom.ac.id)

(6)

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 dari email, chatting, sampai dengan melakukan transaksi bisnis (commerce). Web seakan lebih populer daripada email, walaupun secara statistik email masih

(7)

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)

(8)

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 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.10 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)

(9)

2.11 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).

2.11.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)

(10)

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.11.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

(11)

?> 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>

(12)

</head>

<body>

<?pho

echo “Hallo, selamat menggunakan PHP”;

?>

</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>”:

(13)

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 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)

(14)

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 akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database. .(Untung Rahardja,2009)

(15)

2.13 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

(16)

memberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah:

int mysql_query(string query, int[link_identifier]); d. mysql_num_rows

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.14 HTML

(17)

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 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 :

(18)

<i> Teks ini akan dicetak miring </i> .(Asep Saefullah,2009)

2.14.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 bagian-bagian HTML perhatikan skema dibawah ini :

<html>

<head>

<title>Judul Halaman</title>

</head>

<body>

…isi dari halaman web…

</body>

(19)

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 kode-kode 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)

(20)

2.15 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.

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.16 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.

(21)

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)

2.17 Javascript

Javascipt merupakan scripting language yang terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagi programmer untuk mengontrol elemen-elemen 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

(22)

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.18 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.

Database adalah kumpulan file-file yang saling berelasi, relasi tersebut biasanya ditunjukan dengan primary key atau kunci dari tiap-tiap file yang ada. Satu

(23)

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.

(24)

3. Data Value (nilai atau isi data) adalah data aktual atau informasi yang disimpan pada tiap data elemen atau atribute.

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.19 Pengertian DFD (Data Flow Diagram)

Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi (simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan

(25)

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 :

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.

(26)

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.20 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)

(27)

Berikut adalah tabel yang menjelaskan arti dari lambang-lambang atau simbol-simbol yang digunakan oleh penulis dalam pembuatan flowchart program :

Tabel 2.2 Simbol-Simbol Flowchart

No. Simbol Keterangan

1 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 langkah-langkah seperti Subrutine atau module

6 Off Page Connector yaitu tanda gabung lain halaman

(28)

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

2.21 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)

(29)

Gambar 2.1. Tampilan rancangan Dreamweaver 8

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)

(30)

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

Menu Panel Insert adalah sekumpulan menu yang berhubungan dengan operasi pemasukan dan pembuatan pernik-pernik pada halaman web.

(31)

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

(32)

8. Menu Panel Characters

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.

(33)

Menu ini adalah sekumpulan menu yang berfungsi sebagi tool dalam pengaturan objek yang ada pada halaman web.

Gambar

Tabel 2.1 Simbol Data Flow Diagram
Tabel 2.2 Simbol-Simbol Flowchart
Gambar 2.1. Tampilan rancangan Dreamweaver 8

Referensi

Dokumen terkait

Kemudian dilakukan perbaikan pada Line Assembly 3 produksi Fan 25TGU dengan metode ECRS sehingga waktu proses dapat menurun dan keseimbangan line lebih merata. Hal ini

Dari hasil simulasi Load Flow Report tegangan generator 92 %, pada BusIncTRAFO1 GI Wonogiri Trafo I dapat dilihat bahwa nilai Cos φ sebesar 71,9 % atau 0,719. Hasil

Salinan Peraturan Presiden Nomor 70 Tahun 2015 tentang Penyesuaian Gaji Pokok Pegawai Negeri Sipil Menurut Peraturan Pemerintah Nomor 34 Tahun 2014 Ke Dalam Gaji Pokok Pegawai

Berdasarkan penelitian yang selama ini dilakukan oleh peneliti-peneliti terdahulu tentang pengaruh rasio profitabilitas terhadap harga saham

Musik dan gerak merupakan dua hal penting dalam pembelajaran musik. Gerak dapat membantu siswa dalam memahami elemen-elemen musik, sehingga siswa dapat memahami dan

Secara teoritis diharapkan dapat menambah informasi atau wawasan yang lebih konkrit bagi aparat penegak hukum dan pemerintah, khususnya dalam menangani pasar rakyat dan

Penelitian ini bertujuan untuk menganalisis dan menemukan bukti empiris pengaruh independensi dewan komisaris, frekuensi rapat, tipe kepemilikan, reputasi auditor,

Penelitian ini dilakukan untuk memperoleh data pengobatan antibiotik pada pasien infeksi saluran kemih di Instalasi Rawat inap RSUD Panembahan Senopati Bantul tahun 2015