6 2.1. Konsep Dasar Web
World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet dengan bantuan browser internet.
Menurut Jonathan Sarwono (2008:19) WWW “ merupakan teknologi yang diketemukan pada tahun 1990-an yang mengubah kemampuan internet sehingga mampu menampilkan tidak hanya data berupa teks atau angka, melainkan juga gambar dan suara serta warna ”.
Dapat disimpulkan bahwa web adalah sebuah layanan yang berisi dokumen multimedia yang dapat diakses dengan browser lewat komputer yang terhubung dengan internet.
2.1.1. Website
Dalam sebuah website ada beberapa komponen pendukung agar dapat diakses oleh pemakai, diantaranya :
1. Internet
Menurut Sunarto (2009:40) “Internet adalah jaringan komputer yang terhubung ke seluruh dunia tanpa mengenal batas tutorial,hukum dan budaya”. Dalam prakteknya, sebuah komputer untuk saling terhubung dengan komputer lainnya membutuhkan bantuan dari program kecil bernama browser. Di dunia ini perkembangan aplikasi browser telah berkembang secara cepat mengikuti perkembangan teknologi pada internet, khususnya beragam koneksi internet dengan segala kelebihan dan kekurangan.
1) Jenis-jenis koneksi Internet.
a. Koneksi internet menggunakan kabel.
Koneksi ini adalah jenis koneksi internet yang manggunakan kabel sebagai media perantara ke dunia internet. Koneksi jenis ini sekarang sudah tidak bisa dianggap sebelah mata, apalagi kini telah muncul kehadiran jaringan kabel internet fiber optik yang berada di dasar laut dan saling terhubung ke belahan dunia.
b. Koneksi internetnirkabel
Koneksi internet nirkabel atau wireless adalah koneksi internet yang menggunakan gelombang elektromagnetik sebagai media yang dipakai untuk menghubungkan berbagai sistem jaringan komputer. Teknologi inilah yang sekarang telah mengalami perkembangan yang sangat cepat dibandingakan dengan teknologi kabel. Teknologi nirkabel ternyata perkembangannya juga diikuti oleh perkembangan teknologi yang terjadi pada telepon seluler.
2) Faktor-faktor yang mempengaruhi kecepatan akses internet: a. Jenis koneksi yang dipakai.
Dewasa ini, terdapat banyak sekali jenis koneksmi internet yang ditawarkan kepada konsumen. Tentu saja semua jenis koneksi internet itu memiliki berbagai kelemahan dan kelebihan yang dimilikinya sendiri-sendiri.
b. Browser
Browser yang dipakai oleh pengguna internet ternyata juga mempengaruhi kecepatan akses internet. Dari segi kecapatan akses data, Mozilla Firefox termasuk jagoan dalam menjadi browser yang bisa diandalkan.
c. Cuaca
Kondisi cuaca juga sangat berpengaruh terhadap kualitas koneksi internet yang anda pakai. Apabila anda menggunakan koneksi kabel, anda lebih beruntung karena jenis koneksi ini akan terasa lebih stabil di segala cuaca.
d. Firewall dan antivirus
Adanya firewall dan antivirus yang aktif secara real time terkadang membuat proses online anda manjadi lebih lambat.
e. Update Aplikasi
Adanya setting update aplikasi yang berjalan secara otomatis. Tentu saja ini akan memperlambat proses browsing yang anda lakukan.
2. Web Browser
Menurut Sunarto (2009:55) merupakan “ perangkat lunak yang memungkinkan untuk mencari dan mengakses beragam komponen web “.
Browser atau sering disebut web browser adalah sebuah program aplikasi yang dipergunakan untuk menjelajahi dunia maya internet. Aplikasi ini mempunyai kemampuan untuk menampilkan web page yang ditulis dalam format dokumen HTML. Linx dan Mosaic merupakan dua contoh program aplikasi web browser yang pertama. Linx adalah web browser yang berbasis text. Kekurangan dari link ini yaitu tidak dapat menampilkan gambar, namun karena itu pola web browser ini menjadi lebih cepat. Sedangkan Mosaic adalah web browser yang selain berbasis text juga sudah dapat menampilkan gambar. Contoh web browser adalah mozila firefox, google chrome, internet explorer, netscape navigator, opera dan lain-lain.
3. Web Editor
Menurut Madcoms (2016:30) Adobe Dreamweaver CS6 adalah “software terkemuka untuk membangun dan mengedit web dengan menyediakan kemampuan visual dan tingkat kode yang dapat digunakan untuk membuat website berbasis standar dan desain untuk dekstop, mobile, smartphone, tablet, dan perangkat lainnya”.
4. Web Server
Menurut Sunarto (2009:119) “Web server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari kline tang dikenal hasilnya dengan web browser dan mengirimkan kembali hasilnya dalambentuk halaman halaman web yang umumnya berbentuk dokumen HTML”.
Salah satu server web yang terkenal adalah apache, yang merupakan salah satu server web antar platform yang bisa dioprasikan dengan menggunakan beberapa platform seperti linux dan windows.
5. Universal Resource Locator (URL)
Pada penggunaan WWW, penunjukan suatu sumber informasi menggunkan metode Universal Resource Locator (URL), yang merupakan konsep penamaan lokasi standar dari suatu file, direktori, computer, lokasi komputernya dan metode yang digunakan. URL tidak hanyadapat menunjukan suatu query, dokumen dalam suatu database, atau hasil dari perintah finger atau perintah archie atau yang lainnya. Dengan URL ini didefinisikan lokasi dan metode pengaksesan file tersebut.
6. E – Commerce
Menurut Sunarto (2009:27) e-commerce merupakan proses pembelian dan penjualan jasa atau produk antara dua belah pihak melalui internet (Commerce net) dan sejenis mekanisme bisnis elektronik dengan fokus pada transaksi bisnis berbasis individu dengan mengginakan internet sebagai media pertukaran barang atau jasa baik antar instasi atau individu dengan instansi (ned – Ready).
Dari kata diatas jelaslah bahwa faktor diferensiasi dari e-commerce di bandingkan dengan perniagaan yang lazim dilakukan manusia dipasar tradiasiaonal adalah adaanya teknologi elektronik sebagai infrastrutur atau alat bantu perdaganagan. Sebuah e-commerce biasanya memerlukan teknologi-teknologi elektronik sebagai berikut:
1) Teknologi internet
internet memungkinkan pembeli mengakses website tempat penjual berada. Dengan adanya internet, pembeli tidak perlu berjalan jauh ke toko si penjual karena pembeli bisa mendatanginya secepat kilat dengan memanfaatkan internet. Bahkan toko yang ada diluar negeri pun dapat langsung di kunjungi oleh pembeli dari indonesia seketika tanpa perlu membeli tiket pesawat atau bahkan mengurus visa di kedubes Amerika Serikat yang kini sulit setengah mati karena paranoid orang amerika akan pendatang dari Indonesia, ini merupakan keunggulan e-commerce yang di sebabkan oleh internet. penjualan antar negara sangat mudah di lakukan.
2) Teknologi web
website adalah kumpulan halaman web yang memungkinkan pembeli menampilkan informasi dan detil produk agar dikunjungi pembeli . selain itu website juga memungkinkan pembeli memilih barang dan membelinya. jika toko di pasar tradisional di bangun menggunakan batu bata, maka toko di e-commerce
di bangun menggunakan bahasa pemrograman web seperti PHP, JSP atau ASPNET.
3) Teknologi pembayaran
Ketika pembeli sudah membeli barang di pasar tradisional maka pembeli akan langsung membayar barang yang dibelinya menggunakan uang kertas atau logam yang di milikinya, Pembayaran dilakukan oleh pembeli dengan langsung menyampaikan sejumlah uang tersebut ke penjual. di e-commerce, sebagai gantinya, pembeli membayarkan barang melalui berbagai alternatif, seperti : transfer bank, kartu kredit dan layanan pembayaran.
4) Teknologi lainnya
Perusahaan verifikator/auditor yang tugasnya menjamin bahwa sebuah website e-commerce benar-benar website yang kredibel dan tidak website tipuan. contoh layanan ini adalah Verisign dan Thawte. Verisign adalah sebuah perusahaan Amerika Serikat, sementara Thawte adalah perusahaan afrika selatan yang dulunya didirikan oleh mark shuttleworth yang merupakan pendiri perusahaan canoncial yang mengembangkan distro linux sejuta umat bernama Ubuntu. 5) Satu set komputer
Dengan komputer, seorang pembeli dapat mengunjungi website penjual dan kemudian membeli barang-barang yang di cantumkan di sana.
Dengan menggunakan banyak teknologi di atas, seorang pembeli dapat dengan mudah berbelanja produk dari penjual. seandainya tidak ingin membelipun, pengunjung dapat melihat-lihat saja barang yang ditampilkan di web.
2.1.2. Bahasa Pemrograman
Bahasa pemrograman, atau sering di istilahkan juga dengan bahasa komputer atau bahasa pemrograman komputer, adalalah instruksi standart untuk memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan program komputer. Bahasa ini memungkinkan seorang programmer dapat menentukan secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan disimpan atau diterukan, dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.
Bahasa program komputer yang kita kenal antara lain adalah Java, Visual Basic, C++, C, Cobol, PHP, .Net, dan ratusan bahasa lainya. Namun tentu saja kebutuhan bahasa ini harus disesuaikan dengan fungsi dan perangkat yang menggunakanya.
1. HTML (Hyper Text Markup Language)
Menurut Winarno dan Ali Zaki ( 2011:1 ) menjelaskan bahwa “HTML merupakan singkatan dari Hypertext Markup Language, artinya bahasa ini adalah
bahasa markup untuk memformat konten halaman web. Dengan kata lain, bahasa untuk mengatur bagaimana penampilan dan pemformatan konten di web”.
HTML merupakan singkatan dari Hypertext Markup Language, adalah bahasa yang di gunakan untuk membuat halaman website. HTML merupakan pengembangan dari standar pemformatan dokumen teks. HTML sebenarnya adalah dokumen ASCII atau teks biasa,yang dirancang untuk tidak bergantung pada sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh Browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang pesat,setiap pengembangan HTML pasti akan menambah kemampuan dan fasilitas yang lebih baik dari sebelumnya. Namun perkembangan tersebut tidak sampai mengubah cara kerja dari HTML. HTML berfungsi memberi tahu browser bahwa itu merupakan awalan dari sebuah dokumen html yang diakhiri dengan </html>.
A. Struktur Dokumen HTML
Secara sederhana HTML terdiri dari dua bagian,yaitu header dan body,struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>.Script html disimpan dalam text editor seperti notepad,kemudian disimpan dengan
ekstensi.html atau html. Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut:
<HTML>
<HEAD>
…Informasi tentang dokumen HTML
</HEAD>
<BODY>
…Informasi yang akan ditampilkan didalam brower website
</BODY>
</HTML>
B. Bagian HTML
Berikut bagian-nagian dari HTML : a. Bagian Head
Teks yang terdapat diantara <head> dan </head>, merupakan informasi header. Informasi ini tidak ditampilkan pada windows browser.
b. Bagian Title
Teks yang terdapat diantara tag <title> dan </title>, merupakan judul yang akan ditampilkan pada dokumen.File dari editor tersebut dapat disimpan dengan format (.html/.html),namun untuk seterusnya digunakan format*.html.
c. Bagian Body
Bagian body merupakan isi dokumen html. Pada tag ini, semua informasi, baik teks, gambar, sound maupun yang lainnya dapat ditampilkan pada halaman ini. Teks yang terdapat di antara tag <body> dan </body>, merupakan teks atau informasi yang akan ditampilkan pada browser.
2. PHP (Personal Home Page)
Menurut Winarno dan Ali Zaki ( 2011:4 ) menjelaskan bahwa “PHP atau Hypertext Preprocessor adalah sebuah bahasa pemrograman web berbasis server (server-side) yang mampu mem-parsing kode php dari kode web dengan ekstensi. php sehingga menghasilkan tampilan website yang dinamis disisi client (browser)”.
Hypertext Preprocessor (PHP), adalah sebuah bahasa script server-side yang biasa digunakan dengan bahasa HTML atau dokumennya secara bersamaan untuk membangun sebuah aplikasi di web yang sangat banyak kegunaanya. PHP juga merupakan bahasa ulang disertakan dalam dokumen HTML.
Bekerja disisi server yang artinya sintaks dan perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada halaman HTML biasa, sehingga script-nya tak tampak di sisi client. PHP dirancang untuk dapat bekerja sama dengan database server dan di buat sedemikian rupa sehingga pembuatan dokumen HTML yang dapat mengakses database menjadi begitu indah. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan diatas teknologi web browser, tetapi prosesnya secara keseluruhan dijalankan diatas web server.
.
A. Sejarah PHP
Menurut Kadir ( 2010:2 ) “PHP (PHP Hypertext Processor) merupakan salah satu bahasa pemograman berbentuk skrip yang sangat populer dalam membuat aplikasi web”. Pencipta PHP adalah seorang software enginner yang bernama Rasmus Lerdorf yang juga merupakan anggota tim apache. Bagian pertama dari PHP dikembangkan untuk kebutuhan sendiri tahun 1994. Pada tahun 1995 dikeluarkan versi pertama yang dapat di gunakan oleh umum dengan nama Personal Home PageTools. Ditulis kembali pada pertengahan 1995 dan di ber nama sebagai PHP/FIversi 2. FI berasal dari paket rasmus yang mana merupakan HTML interprete untuk data form.
B. Dasar PHP
Berikut dasar-dasar PHP diantaranya :
1. Sintaks dasar PHP
Script PHP diawali dengan <?php dan diakhiri dengan ?> <?php
?>
2. Komentar
Penulisan komentar tidak akan mengganggu script program karena dalam eksekusinya, komentar tidak akan terbaca web server atau browser. Dibawah ini adalah contoh komentar:
a. Contoh penulisan komentar untuk satu baris “//” // ini adalah komentar untuk satu baris
b. Contoh penulisan komentar lebih dari satu baris “/*....*/” /* ini adalah komentar lebih dari satu baris*/
3. Variabel dan Tipe Data A. Variabel
Variabel digunakan untuk menyimpan sementara suatu nilai seperti text, angka atau array. Variabel dapat dipakai secara berulang-ulang dan nilainya bisa berubah-ubah tergantung dari setiap program dijalankan. Berikut aturan dalam penulisan variabel :
Penulisan variabel harus diawali dengan simbol dollar ($)
a. Karakter setelah simbol dollar tidak boleh menggunakan angka ( harus huruf ) b. Setelah penggunaan simbol dollar dan huruf, maka karakter selanjutnya boleh menggunakan angka
B. Tipe Data
Merupakan suatu nilai yang dapat dinyatakan dalam bentuk konstanta atau variabel dan operator. Konstanta menyatakan nilai yang tetap, sedangkan variabel menyatakan nilai yang dapat berubah-ubah selama eksekusi berlangsung.
PHP memliki lima tipe data, yaitu : Integer ( bilangan bulat ), Float ( bilangan pecahan atau desimal ), String ( tipe data yang tidak dapat dihitung, karena berupa huruf dan angka ), Array ( data yang disimpan dalam satu variabel ), Boolean ( tipe data yang mengkoreksi true or false ).
4. Operator
Operator merupakan suatu simbol yang dipakai untuk memanipulasi data. Dalam PHP terdapat beberapa operator yang digunakan, yaitu :
a. Operator Aritmatika
Biasanya digunakan untuk melakukan operasi matematika, seperti penjumlahan, pengurangan, perkalian, pembagian dan modulus ( sisa pembagian ).
Tabel II.1
Table Operator Aritmatika
Operator Keterangan Contoh Hasil
+ Penjumlahan 2+2 4
- Pengurangan 2-2 0
* Perkalian 2*2 4
/ Pembagian 2/2 1
% Modulus ( sisa pembagian ) 5%2 1
++ Increament x = 5 x++ x = 6 -- Dekremen x = 5 x-- x = 4
( Sumber : Winarno dan Ali Zaki : 2011 )
b. Operator Assignment
Yaitu operator untuk mengaloksaikan nilai tertentu. Operator assignment ditandai dengan simbol sama dengan ( = ).
Tabel II. 2
Table Operator Assigmen
Operator Contoh Artinya
= x=y x=y += x+=y x=x+y -= x-=y x=x-y *= x*=y x=x*y /= x/=y x=x/y .= x.=y x=x.y %= x%=y x=x%y
c. Operator Perbandingan
Digunakan untuk menghasilkan nilai True or False. Tabel II. 3
Table Operator Perbandingan
Operator Nama Contoh Hasil
== Sama Dengan 6 == 6 True
!= Tidak Sama Dengan 3 != 3 False
> Lebih Besar 1 > 5 False
>= Lebih Besar atau Sama Dengan 3 >= 4 False
< Lebih Kecil 2 < 4 True
<= Lebih Kecil atau Sama Dengan 5 <= 4 False
d. Operator Logical
Operator yang berfungsi untuk mengoperasikan secara logikal dengan and, or,not. Biasanya hasilnya akan boolean.
Table II. 4 Table Operor Logical
( Sumber : Winarno dan Ali Zaki : 2011 )
Operator Deskripsi Contoh
&& And x=5
y=2
(x<10&&y>1) Hasilnya True
|| Or x=4
y=6
(x==5 || y==5) Hasilnya True
! Not x=5
y=3
3. JavaScript
Menurut Suyanto (2007:85) merupakan “ bahasa script yang ditempatkan pada kode HTML dan diproses pada sisi client ”. Dengan adanya bahasa ini, kemampuan dokumen html menjadi semakin luas. Sebagai contoh untuk memvalidasi masukan-masukan pada formulir sebelum formulir dikirimkan ke server. JavaScript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda. JavaScript diinterpretasikan oleh client nya ( kodenya dapat dilihat pada sisi client ), sedangkan kode Java dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh client.
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali 1995 di Netscape Communication. Pada akhir tahun 1995, Netscape Communication dan Sun Microsystems berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.
4. JQuery
Menurut Bekti (2015:59) JQuery adalah “suaatu library yang memungkinkan untuk membuat program web pada suatu halaman web tanpa harus menambahkan event atau pun properti pada halaman web tersebut”.
Jquery diluncurkan Januari 2006 oleh Jhn resign jQuery merupakan library yang paling populer saat ini, karena kecanggihan jQuery banyak digunakan oleh
perusahaan besar seperti Google, Dell, CBS, digg, Netflix, Bank of America, Mozilla, Drupal dan lain sebagainya.
Kaerakteristik jQuery yang gratis dan open source, maka kita dapat menggunakan jQuery dengan bebas untuk pengembang website memudahkan kita. Plugin tambahan seperti jQuery UI ( User Interface ) semakin memudahkan dalam mebuat website yang lebih cantik dan interaktif.
5. CSS ( Cascading Style Sheet )
Menurut Bekti, (2015:47) “CSS ( Cascading Style Sheet ) merupakan salah suatu bahasa pemrograman web yang digunakan untuk mempercantik halaman web dan mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstukture dan seragam”.
CSS merupakan bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan untuk menampilkan halaman yang sama dengan format yang berbeda. Penggunaan style CSS pada format suatu halaman diletakan terpisah dari tampilan halaman. Isis dari kodeHTML Anda terletak di dalam file HTML, sedangkan kode CSS dapat berupa tampilan kode yang berada dalam file lain atau dalam bagian dari dokumen HTML, dan biasanya diletakan di bagian kepala atau tag <head>.
2.1.3. Basis Data
Menurut Fathansyah (2007:2) “Basis data terdiri atas dua kata, yaitu basis dan data. Basis dapat diartikan sebagai markas atau gudang. Sedangkan data adalah refresentasi fakta dunia nyata yang mewakili suatu objek seperti manusia (pegawai, siswa, pembeli, pelanggan), barang, hewan , peristiwa, konsep, dan sebagainya”.
Basis data dapat didefinisikan dalam sejumlah sudut pandang seperti : a. Himpunan kelompok data ( arsip ) yang saling berhubungan yang diorganisasi
sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah.
b. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan yang tidak perlu untuk memenuhi kebutuhan.
c. Kumpulan file atau table atau arsip yang Saling berhubungan yang disimpan dalam media penyimpanan elektronik.
1. Database
Menurut MADCOMS (2016:145) database adalah “ sebuah sistem yang dibuat untuk mengorganisasi, menyimpan dan menarik data dengan mudah. Database terdiri dari kumpulan data yang terorganisir untuk satu atau lebih penggunaan, dalam bentuk digital”. Database digital di manage menggunakan Database Management
System (DBMS), yang menyimpan isi database, mengijinkan pembuatan, maintenance data dan pencarian akses yang lain.
Fungsi-fungsi dasar yang harus didukung DBMS adalah :
a. Pendefinisian data (data definition)
DBMS harus dapat menerima pendefinisian data (skema eksternal, skemakonseptual dan semua asosiasi pemetaan) dari sumber dan mengkonversikan ke dalam bentuk objek yang sesuai.
b. Manipulasi data (data manipulation)
DBMS harus dapat menangani permintaan untuk mengambil, memperbaharui atau menghapus data yang sudah ada di basis data, maupun menambah data kedalam basis data.
c. Optimalisasi dan eksekusi (optimization and execution)
Permintaan Data Manipulation Language (DML) harus diproses dikomponen pengoptimalisi yang bertujuan untuk menentukan cara yang efisien untuk implementasi permintaan. Permintaan yang telah dioptimalisasi kemudian dieksekusi dibawah kendali re-time manager.
d. Keamanan dan integritas data (data security and integrity)
DBMS harus mengawasi permintaan pengguna dan menolak gangguan yang dapat membahayakan keamanan dan integrity constraint yang sudah ditentukan oleh Database Administrator (DBA).
e. Perbaikan data dan konkurensi (data recovery and concurrency)
DBMS dapat juga disebut Transaction Processing Monitor (TPM) harus melakukan kendali perbaikan dan konkurensi.
f. Kamus data (data dictionary)
Kamus data berisi “data mengenai data” adalah definisi dari objek lain disistem. Semua skema dan pemetaan, berbagai sistem keamanan, dan integrity constaint akan disimpan, baik dari sumber maupun bentuk objek didalam kamus data. g. Kinerja (performance)
DBMS harus dapat mengerjakan semua tugas seefektif mungkin.
2. MySQL (My Structure Query Language)
Menurut MADCOMS (2016:145) MySQL adalah “ salah satu jenis database server yang sangat terkenal. MySQL menggunakan bahasa SQL untuk mengakses database nya. Lisensi MySQL adalah FOSS License Exception dan ada juga yang versi komersial”.
Kelebihan menggunakan database MySQL :
a. Dapat bekerja di beberapa platform yang berbeda seperti LINUX, Windows, MacOS, FreeBSD, Solaris dan lain-lain.
c. Dapat melakukan koneksi dengan komputer client menggunakan protokol TCP/IP,Unix Socket (UNIX), atau Named Pipes (Windows NT).
d. Command and Function MySQL memiliki fungsi dan operator secara penuh yang mendukung perintah SELECT dan WHERE dalam query.
e. Memiliki antar muka atau interface terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API ( Application Programming Interface).
f. Tidak ada virus yang menginfeksi program PHP, sampai saat ini program PHP belum dapat di infeksi virus.
3. XAMPP
Menurut Nugroho (2008:74) merupakan “ paket PHP yang berbasis open source yang dikembangkan oleh sebuah komunitas Open Source”. Dengan menggunakan XAMPP, tidak perlu lagi menginstal program-program yang lain, karena semua kebutuhan telah disediakan oleh XAMPP. Berikut adalah beberapa kebutuhan yang telah disediakan :
a. Apache HTTPD 2.0.54 b. MySQL 4.1.12
c. PHP 5.0.3
d. FilZilla FTP Server 0.9 Beta e. PhpMyAdmin 2.6.1-pl3
4. PhpMyAdmin
Menurut Nugroho (2008:88) adalah “ sebuah aplikasi open source yang berfungsi untuk memudahkan manajemen MySQL. Dengan menggunakan PhpMyAdmin dapat membuat database, membuat tabel, meng-insert, menghapus dan meng-update data dengan GUI dan terasa lebih mudah tanpa perlu mengetikkan perintah SQL secara manual”.
2.1.4 Pengembangan Perangkat Lunak
Menurut AS Rosa (2013:28) “Model air terjun (Waterfall) menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisi, desain, pengkodean, pengujian, dan tahap pendukung (support)”.
Teknik pengembangan perangkat lunak menggunakan metode incremental yang sudah dikembangkan dari waterfall model, karena mentode incremental ini terdiri dari tahap-tahap yang memberikan kemudahan, jika pada suatu tahap tidak sesuai atau mengalami kesalahan maka dapat kembali ketahap sebelumnya. Dengan berkembangnya perangkat lunak, pembuat program (programmer) secara umum langsung pembuatan pengkodean perangkat lunak, tanpa menggunakan prosedur perangkat lunak.
SDLC (Software Development Life Cycle) diperkenalkan pada tahun 1960-an, SDLC pertama digunakan oleh para pengusaha besar jaman itu.Dimana sistem-sistem yang dibangun untuk mengelolah informasi kegiatan dan aktivitas yang berpotensi memiliki data yang besar.
Tahapan-tahapan yang terdapat dalam metode waterfall adalah sebagai berikut:
1. Analisa Kebutuhan adalah kondisi yang harus dipenuhi dalam suatu produk baru atau perubahan produk, yang mempertimbangkan berbagai kebutuhan yang bersinggungan antar berbagai pemangku kebututuhan.
2. Batasan sistem adalah batasan yang diberikan kepada sistem, agar sistem tersebut tidak menyimpang dari prosedur yang di inginkan.
3. Penulisan Kode Program adalah desain program yang diterjemahkan ke dalam kode-kode dengan menggunakan bahasa pemograman yang sudah ditentukan. 4. Penggujian Program adalah penyatuan unit-unit program kemudian diuji secara
keseluruhan (system testing).
5. Penerapan Program adalah mengoperasikan program dilingkungan nya dan melakukan penyesuain atau perubahan adapatasi dengan situasi sebenarnya.
2.2.Teori Pendukung
Tools program adalah peralatan pendukung sebuah website. Dalam pembuatan website hal yang perlu diperhatikan sebelum merancang tampilan web adalah pembuatan struktur navigasi. Struktur navigasi adalah struktur atau bentuk dari jalannya alur informasi yang ditampilkan pada suatu halaman web.
2.2.1 Struktur Navigasi
Menurut Kurniawan (2010:213) "Navigasi adalah fitur yang harus disediakan. Navigasi berfungsi untuk berpindah dari satu halaman ke halaman yang lain pada suatu aplikasi berbasis web, yang juga digunakan untuk memberikan informasi lokasi halaman yang sedang dibuka".
Ada empat macam bentuk dasar dari struktur navigasi yang biasa digunakan yaitu:
1. Linear ( Satu Alur )
Linear (satu alur) merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurutan.Salah satu yang terpenting dari struktur ini adalah tidak diperkenankan terjadinya percabangan.
Sumber: ( Kurniawan : 2010 )
Gambar II.1. Struktur Navigasi Linear
2. Hierarchical ( Bercabang )
Struktur Hierarchi (bercabang) ini percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utaman kesatu), halaman utama ini akan mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan , maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Yang terpenting dari struktur penjejakan ini tidak diperkenankan adanya tampilam secara linear.
Sumber: ( Kurniawan : 2010 )
Gambar II.2
Struktur Navigasi Hierarkis
3. Non Linear ( Tidak berurut )
Struktur penjejakan Non Linear (tidak berurut) merupakan pengembangan dari struktur penjejakan Linear.Pada struktur ini diperkenankan membuat penjajakan bercabang.
Pemakai bebas menelusuri website tanpa dibatasi oleh suatu rute dimana kontrol navigasi dapat mengakses ke semua halaman manapun.
Percabangan yang dibuat pada struktur Non Linear ini berbeda dengan percabangan yang dibuat pada struktur Hierarchi, Karena pada percabangannya Non Linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada Master Page dan Slave Pag.
Sumber: ( Kurniawan : 2010)
Gambar II.3
Struktur Navigasi Non Linear
4. Composite ( Campuran )
Composite (campuran) atau disebut juga struktur penjejakan bebas merupakan gabungan dari ketiga struktur sebelumnya yaitu Linear, Non Linear, dan Hierarchi. Jika suatu tampilan membutuhkan percabangan, maka dapat dibuat percabangan, dan bila dalam percabangan tersebut terdapat suatu tampilan yang
sama kedudukannya maka dapat dibuat struktur Linear dalam percabangan tersebut. Penggunaan peta penjejakan bergantung kepada kebutuhan dan tujuan dari web yang hendak dibuat. Semakin kompleks peta penjejakan yang digunakan, maka semakin sulit pembuatan page dari peta penjejakan tersebut.
Sumber: ( Kurniawan : 2010 )
Gambar II.4
Struktur Navigasi Composite
2.2.2 ERD dan LRS
1. ERD (Entity Relationship Diagram)
Menurut Fatansyah (2004:79) “Model Entity-Relationship yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta dari dunia nyata yang kita tinjau, dapat digambarkan dengan lebih sistematis dengan menggunakan Entity Relationship (ERD)”.
Entity Relationship diagram (ERD) merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu organisasi, biasanya oleh System Analys dalam tahap analisis persyaratan proyek pengembangan system. Sementara seolah-olah teknik diagram atau alat peraga memberikan dasar untuk desain database relasional yang mendasari sistem informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk database.
2. LRS (Logical Record Structure)
LRS adalah representasi dari struktur record-record pada tebel-tabel yang terbentuk dari hasil antar himpunan entitas.
Menurut Hasugian dan sidiq ( 2012 : 608 ) memberikanbatasan bahwa LRS adalah “Sebuah model sistem yang digambarkan dengan sebuah diagram-ER dan mengikuti pola atau aturan pemodelan tertentu dalam kaitanya dengan konveni ke LRS”. Perubahan yang terjadi yaitu mengikuti aturan – aturan sebagai berikut menurut Hasugian dan sidiq ( 2012 : 608 ) :
a. Setiap entitas akan diubah kebentuk kotak.
b. Setiap atribut relas disatukan dalam kotak bersama entitasjika hubungan yang terjadi pada diagram-ER 1:M ( relasi bersatu dengan cardinality M )
atau tingkat hubungan 1:1 (relasi bersatu dengan cardinality yang paling membutuhkan referensi )
c. Sebuah relasi dipisah dalam sebuah kotak tersendiri ( menjadi entitas baru ) jika tingkat hubunganya M:M ( many to many ) dan memiliki forign key sebagai primary key yang diambil dari kedua entitas yang sebelumnya saling berhubungan.
E. Pengujian Web
Menurut Rosa (2013:272) “ Suatu set aktifitas yang direncanakan dan sistematis untuk menguji atau mengevaluasi kebenaran yang diinginkan. Aktifitas pengujian terdiri dari satu set atau sekumpulan langkah dimana dapat menampilkan desain kasus uji yang spesifik dan metode pengujian ”. Didalam pengujian perangkat lunak ada beberapa elemen yang memiliki cakupan luas dan sering dikaitkan dengan verifikasi (verification) dan validasi (validation). Menurut Rosa (2013:275),
pengujian untuk validasi memiliki pendekatan yaitu melalui Black-Box Testing (Pengujian Kotak Hitam).
Black-box Testing yaitu menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program.
Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan, dan kebutuhan dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan.
Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan spesifikasi yang dibutuhkan.
Sumber: ( Widuri.raharja.info )
Gambar II.5.
