7 BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web 2.1.1 Website 1. Pengertian Website
Menurut Madcoms (2009:2) “Website adalah halaman informasi yang disediakan melalui jalur internet sehingga dapat diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi.
2. Pengertian Internet
Menurut Kustiyahningsih dan Anamisa (2010:2) “Internet adalah sebuah jaringan komputer dunia, semua berbicara dengan bahasa yang sama”. Banyak keuntungan yang didapat dari jaringan komputer, diantaranya produktifitas dan efisien. Jaringan komputer menurut area atau lokasi dapat dibagi menjadi empat yaitu:
A. Local Area Network (LAN), yaitu jaringan komputer dimana komputer-komputer yang terhubung masih dalam satu area atau lokasi.
B. Metropolitan Area Network (MAN), yaitu sama seperti LAN hanya saja lebih luas areanya semisal kampus, antar instansi, antar kantor.
C. Wide Area Network (WAN), yaitu koneksi antara LAN yang berada dilokasi atau area. Ciri utamanya adalah memiiki bandwith yang terbatas karena disesuaikan dengan fungsi harga, adanya program delay antar stasiun.
D. Internet, yaitu kepanjangan dari interconnection networking atau juga yang menjadi international networking merupakan suatu jaringan yang menghubungkan komputer diseluruh dunia tanpa dibatasi oleh jumlah unit menjadi satu jaringan yang bisa saling mengakses.
Menurut Kustiyahningsih dan Anamisa (2010:4) “Website merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet hypertext untuk menampilkan data berupa text, gambar, suara, animasi dan data multimedia lainya”.
Sehingga web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai dituntun menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam web browser.
2.1.2 Bahasa Pemrograman 1. PHP (Personal Home Page)
Menurut Aditya (2011:1) “PHP (Hypertext Procesor) adalah bahasa skrip yang dapat ditanamkan atau disisipkan kedalam HTML”.
Pada awalnya PHP merupakan kependekan dari personal home page (situs personal). PHP pertama kali dibuat oleh Rasmus Ledorf pada tahun 1995. Pada waktu itu PHP masih berupa nama form interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Ramus merilis kode sumber tersebut untuk umum dan menamakanya PHP / FI .Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.
Menurut Aditya (2011:3), Beberapa kelebihan PHP dari bahasa pemrograman web, diantaranya adalah :
a. Bahasa Pemrograman PHP adalah sebuah bahasa script yang tidak melakukan kompilasi dalam penggunaanya.
b. Web Server yang mendukung PHP dapat ditemukan dimana mana dari mulai Page Apache, IIS, Lightpd,hingga Xitami dengan konfigurasi yang relatif mudah .
c. Dalam sisi pengembangan lebih mudah, karna banyaknya milis milis dan Developer yang siap membantu dalam pengembangan.
d. Dalam sisi pemahaman, PHP adalah bahasa Scripting yang paling mudah karena memiliki referensi yang banyak.
2. HTML (Hypertext Markup Language)
Menurut Madcoms (2009:8) “ HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah web. Dalam setiap file HTML akan selalu didahului dengan tag <HTML>. Tag ini akan membuat web browser mencoba untuk membaca file yang ada dalam tag tersebut untuk ditampilkan dalam web browser. Pada akhir baris jangan lupa anda harus selalu mengakhiri tag <HTML> dengan <HTML>.
Banyak orang masih menulis HTML secara manual menggunakan software seperti Notepad. Namun sekarang ini anda tidak perlu terlalu pusing untuk menuliskan HTML secara manual, anda dapat menggunakan software-software
HTML editor yang banyak tersedia sekarang ini, salah satunya adalah Adobe Dreamweaver. Berikut ini contoh penulisan tag HTML sederhana :
<HTML> <BODY>
Hello ... nama saya maharani <p> umur saya 1,5 tahun </p> </BODY>
</HTML> 3. Xampp
Menurut Aditya (2011:6), “Xampp adalah perangkat lunak bebas yang mendukug 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, penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.
Xampp merupakan singkatan dari X (empat sistem oprasi apapun), Apache (aplikasi web server), MySql, PHP dan Perl. Tugas Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. MySql adalah aplikasi database server. SQL merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database
Menurut Hendry (2015:7) “MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional yang didistribusikan secara gratis dibawah lisensi GPL (General Public License)”. Setiap pengguna secara bebas dapat menggunakan MySQL, damun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang besifat Komersial. MySQL sebernarnya merupakan turunan salah satu konsep utama dalam basis data yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah Konsep pengoperasian basis data, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
5. Dreamweaver CS 5
Menurut muhammad sadeli (2011:2) “Dreamweaver merupakan suatu perangkat lunak web editor keluaran adobe sistem yang digunakan untuk membangun dan mendesign suatu website dengan fitur-fitur yang menarik dan kemudahan dalam penggunaannya”.
6. Adobe Photoshop CS4
Menurut A. Taufiq Hidayatullah (2009:9) “Adalah aplikasi professional unutk mengolah gambar/foto. Aplikasi ini di lengkapi berbagai macam tool dan palette untuk menampilkan dan mengedit gambar. Fitur-fitur baru dalam Adobe Photoshop CS4, diantaranya adalah Adjusments panel, Masking panel, Manajemen Asset dengan bridge, proses cetakan lebih fleksibel, terintegrasi dengan lightroom kemampuan pada 3D dan panning, serta zoom dengan GPU akselerasi.
2.1.3 BASIS DATA
Menurut Rosa dan Shalahuddin (2013:43) “Sistem basis data adalah sistem terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan”.
1. Pengenalan MySql
Menurut Kustiyaningsih (2010:146) “MySql dapat didefinisikan sebagai sistem manajemen database”. Database sendiri merupakan struktur penympanan data.
2. Pengenalan PhpMyAdmin
Menurut Kustiyaningsih (2010:162) “PhpMyAdmin adalah sebuah aplikasi yang dibuat khusus untuk mengelola database MySql”. Aplikasi ini free dan dapat di download di mysql.com, sourceforget.net dan situs lain yang berhubungan dengan PHP dan MySQL.
2.1.4 Model Perangkat Lunak
Menurut Rosa dan Shalahuddin (2013:2) “Perangkat lunak (software) adalah program komputer yang terasosiasi dengan dokumentasi perangkat lunak seperti dokumentasi kebutuhan, model desain, dan cara penggunaan (user manual). Sebuah program komputer tanpa terasosiasi dengan dokumentasinya maka belum dapat disebut perangkat lunak (software). Sebuah perangkat lunak juga sering disebut dengan sistem perangkat lunak . sistem berarti kumpulan komponen yang saling terkait dan mempunyai satu tujuan yang ingin dicapai.
Menurut Rosa dan shalahuddin (2013:28) Model SDLC air terjun (waterfall) sering juga disebut model Sekuensial Linier (sequential linear) atau alur hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimuali dari analisis, desain, pengodean pengujian dan tahap pendukung (support). Berikut adalah gambar model air terjun :
Sumber : Shalahuddin dan Rosa (2013:29) Gambar II.1 Ilustrasi Model Waterfal a. Analisa kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan pada tahap ini perlu untuk didokumentasikan.
b. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini mentranslasi kebutuhan peragkat lunak dari tahap analisis kebutuhan ke representasi desain
agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu didokumentasikan. c. Pembuatan kode program
Desain harus ditranslasikan ke dalam program perangkat lunak.Hasil dari tahap ini adalah program computer sesuai dengan desain yang telah dibuat pada tahap desain.
d. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi logic dan fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai yang diinginkan.
e. Pendukung (support) atau pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis sfesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.
2.2. Teori Pendukung
2.2.1 Struktur Navigasi
Menurut Simarmata (2010:304), “Struktur navigasi adalah yang ada pada sebuah situs web atau aplikasi web menunjukan sesuatu yang penting dan menjadi kata kunci usabilitas aplikasi”.
Menurut Binanto (2010:269), “ada empat macam bentuk dasar dan struktur navigasi yang bisa digunakan dalam proses pembuatan website yaitu :
1. Struktur Navigasi Satu alur (Linear)
Struktur navigasi secara berurutan dari frame atau byte informasi yang satu ke yang lainya.
Sumber : Binanto (2010:269)
Gambar II. 2. Struktur Navigasi Linear
2. Struktur Navigasi Hierarki (Hierarchical)
Struktur hierarki ini disebut juga linear dengan percabangan karena melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika.
Sumber : Binanto (2010:269)
Gambar II. 3. Struktur Navigasi Hierarchical
3. Struktur Navigasi Tidak Berututan (Non Linear)
Struktur Navigasi yang bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.
Sumber : Binanto (2010:270)
Gambar II.4. Struktur Navigasi Non Linear
Struktur Navigasi bebas (secara nonlinear), tetapi terkadang dibatasi presentasi linear film atau informasi penting dan data yang paling terorganisasi secara logis pada suatu hierarki
Sumber : Binanto (2010:270)
Gambar II.5. Struktur Navigasi Composite
2.2.2 ERD (Entity Relationship Diagram)
Menurut Rosa dan Shalahudin (2013:50) “Entity Relationship Diagram adalah pemodelan awal basis data yang dikembangkan berdasarkan teori himpunan dalam bidang matematika. ERD digunakan untuk pemodelan basis data relasional.”
ERD biasanya memiliki hubungan binary dan beberapa metode perancangan ERD menoleransi hubungan relasi ternar atau N-ary. Diagram hubungan entitas dapat membantu dalam menjawab persoalan tentang data yang diperlukan dan bagaimana data tersebut saling berhubungan.
1. Komponen ERD A. Entitas
Entitas yaitu suatu kumpulan object atau sesuatu yang dapat dibedakan atau dapat diidentifikasikan secara unik. Dan kumpulan entitas yang sejenis disebut dengan entity set.
1. Derajat Relationship
Menjelaskan jumlah Entity yang berpartisipasi dalam suatu relationship. 2. Mapping Cardinality
Banyaknya entity yang bersesuaian dengan entity yang lain melalui relationship.
3. Representasi dari Entity Set
Entity set direpresentasikan dalam bentuk tabel dan nama yang unik. Setiap tabel terdiri dari sejumlah kolom, dimana masing-masing kolom diberi nama yang unik pula.
4. Cardinality Ratio Constraint
Menjelaskan batasan jumlah keterhubungan satu entity dengan entity lainnya. Jenis Cardinality Ratio = 1:1 1:N/ N:1 M : N
2.2.3 LRS (Logical Record Structure)
Menurut Frieyadie (2008:13) “LRS (Logical Record Structure) merupakan hasil dari pemodelan Entity Relationship (ER) beserta atributnya sehingga bisa terlihat hubungan-hubungan antar entitas”.
Dalam pembuatan LRS terdapat tiga yang dapat mempengaruhi yaitu:
1. Jika tingkat hubungan (cardinality) satu pada (one-to-one), maka digabungkan dengan entitas yang memiliki atribut yang lebih sedikit.
2. Jika tingkat hubungan (cardinality) satu pada banyak (one-to-many), maka hubungan relasi atau digabungkan dengan entitas yang tingkat hubunganya banyak.
3. Jika tingkat hubungan (cardinality) banyak pada banyak (many-to-many), maka hubungan relasi tidak akan digabungkan dengan entitas manapun, melainkan menjadi sebuah LRS
2.2.4 Pengujian Web
Menurut Pressman (2010:459), “Pengujian black box adalah pengujian aspek fundamental sistem tanpa memperhatikan struktur logika internal perangkat lunak”, Metode ini digunakan untuk mengetahui apakah perangkat lunak berfungsi dengan benar. Pengujian black box merupakan metode perancangan data uji yang di dasarkan pada spesifikasi perangkat lunak dan kemudian keluar dari perangkat lunak di cek apakah telah sesuai yang di harapkan.
Menurut Pressman (2010:459), pengujian black box berusaha menemukan kesalahan dalam kategori di antaranya adalah :
1. Fungsi-fungsi yang tidak benar atau hilang 2. Kesalahan interface
3. Kesalahan dalam struktur data atau akses database eksternal 4. Kesalahan Kinerja
5. Inisialisasi dan kesalahan terminasi
Menurut Pressman (2010:459), “Keunggulan black box yaitu bisa memilih sebset test secara efektif dan efisien, dapat menemukan kesalahan dan bisa memaksimalkan testing yaitu tester tidak pernah yakin apakah perangkat lunak tersebut benar-benar lolos uji”.
Menurut Pressman (2010:459), Langkah-langkah pengujian black box adalah: 1. Analisa kebutuhan spesifikasi
2. Pemilihan input 3. Pemilihan outputnya 4. Seleksi input 5. Pengujian 6. Revisi hasil 7. Evaluasi
