BAB II LANDASAN TEORI

Transkripsi

1 BAB II LANDASAN TEORI 2.1. Konsep Dasar Web Menurut Arief (2011:8) website adalah kumpulan dari halaman web yang sudah dipublikasikan di jaringan internet dan memiliki domain/url (Uniform Resource Locator) yang dapat diakses semua pengguna internet dengan cara mengetikan alamatnya. Hal ini dimungkinkan dengan adanya tekonologi World Wide Web (WWW) fasilitas hypertext guna menampilkan data berupa teks, gambar, animasi, suara dan multimedia lainnya data tersebut dapat saling pada webserver untuk dapat di akses melalui jaringan internet.. A. Website 1. Internet Menurut Sibero (2011a:10) Internet (Interconneted Network) adalah jaringan komputer yang menghubungkan antar jaringan secara global, internet dapat juga dapat disebut jaringan alam suatu jaringan yang yang luas. Seperti halnya jaringan Komputer komputer lokal maupun jaringan komputer area, internet juga menggunakan protokol komunikasi yang sama yaitu TCP/IP (Transmission Control Protocol/Internet Protokol) 2. Web Browser Menurut Irawan (2011:3) Web browser adalah aplikasi yang digunakan untuk menampilkan Halaman web beserta kontenya. Beberapa aplikasi browser yang dapat digunakan antara lain Internet Explorer, Mozilla Firefox, Google Chrome, dan Opera. 7

2 8 3. Web Server Menurut Kurniawan (2008:2) Web server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan we browser dan mengirimkan kembali hasilnya dalam halamanhalaman web yang umumnya berbentuk HTML. 4. E-Commerce Menurut Wong (2010:33) pengertian dari electronic commerce adalah pembelian, penjualan dan pemasaran barang serta jasa melalui sistem elektronik. Seperti radio, televisi dan jaringan computer atau internet. Jadi pengertian e- commerce adalah proses transaksi jual beli yang dilakukan melalui internet dimana website digunakan sebagai wadah untuk melakukan proses tersebut. B. Bahasa Pemrograman Menurut Sutarman (2009:159) bahasa pemrograman adalah software yang dipakai oleh para programmer (pembuat program/software) untuk membuat/menuliskan perintah-perintah atau program tertentu. Tanpa suatu bahasa pemrograman suatu aplikasi tidak dapat berjalan sesuai kemauan dan keinginan dari si pengguna, adanya bahasa pemrograman adalah sebagai sarana komunikasi antara pengguna sebagai brainware (perangkat otak) dengan komputer sebagai hardware (perangkat keras). Contoh bahasa pemrograman antara lain: Java, PHP, C++, C#, Visual Basic, HTML, ASP, CSS dan lain-lain. 1. PHP(Personal Home Page)

3 9 Menurut Arief (2011:43) PHP(Perl Hypertext Preprocessor) adalah bahasa server-side-scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Dengan menggunakan program PHP, sebuah website akan lebih interaktif dan dinamis. Adapun kelebihan-kelebihan dari PHP yaitu: a. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi yang lainnya. b. PHP dapat berjalan pada webserver yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada apache yang bersifat open source c. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milismilis dan developer yang siap membantu pengembanganya. d. Jika dilihat dari segi pemahaman, PHP memiliki refrensi yang begitu banyak sehingga sangat mudah untuk dipahami. e. PHP dapat berjalan pada 3 operating sistem, yaitu: Linux, unux, dan windows, dan juga dapat dijalankan secara runtime pada suatu console. 2. HTML Menurut Sibero (2011b:19) Hyper Text Markup Language atau HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web. Dokumen HTML terdiri dari komponen yaitu tag, elemen dan atribut. Tag adalah tanda awal < dan tanda akhir > yang digunakan sebagai suatu elemen. Elemen adalah nama petanda yang diapit oleh tag yang memiliki fungsi dan tujuan tertentu pada dokumen HTML.

4 10 3. JQuery Menurut Aloysius (2011:1) jquery adalah library atau kumpulan kode JavaScript siap pakai. Keunggulan menggunakan jquery dibandingkan JavaScript standar, yaitu menyederhanakan kode JavaScript dengan cara memanggil fungsifungsi yang disediakan oleh jquery. JavaScript sendiri merupakan bahasa Scripting yang bekerja disisi Client/Browser sehingga website bisa lebih interaktif. 4. Javascript Menurut Kustiyaningsih dan Anamisa (2011:65), Javascript adalah bahasa yang berbentuk kumpulan skrip berjalan pada suatu dokumen HTML. Bahasa Javascript adalah jenis bahasa pemograman yang memberikan kemampuan pada HTML untuk melakukan manipulasi pada sisi pengguna dengan browser yang dipergunakan tidak dengan server web. Pada pengkodeannya Javascript bersifat Case Sensitive atau dalam artian memiliki perbedaan perintah pada karakter huruf kapital dan huruf biasa. Karena sifatnya yang merupakan suatu skrip bahasa Javascript tidak memerlukan berkas pengeksekusian dalam menjalankannya, serta dalam pengaplikasiannya. Javascript memiliki ukuran ringan sehingga baik dipergunakan dalam sebuah berkas pada pengiriman lewat jaringan internet. Selain itu Javascript mampu berjalan di berbagai browser tanpa kendala apapun. 5. Macromedia Dreamweaver 8 Dreamweaver merupakan program aplikasi yang digunakan untuk melakukan desain halaman website secara visual menurut Wahana Komputer

5 11 (2012:3). Dreamweaver merupakan aplikasi utama yang digunakan web master dan web programer dalam mengembangkan suatu situs web. Dengan menggunakan dreamweaver juga dimudahkan dalam membangun suatu web dan selain itu juga dapat menambah fleksibilitas dengan bahsa pemrograman web lainnya dan dapat terintegrasi pada beberapa perangkat lunak lainnya, sehingga tidak salah jika dreamweaver menjadi pilihan utama bagi para web designer amatir maupun expert. Pada penggunaan dreamwever ini para pengguna mengenal istilah WYSIWYG dengan kepanjangan What You See Is What You Get.Dalam arti bahasa Indonesia adalah tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah site dan dapat melihat hasil desainnya secara langsung dengan masukan file text, grafik, dan media lainnya itu menjadi lebih mudah karena dreameaver menyediakan jendela preview code dan design. Dalam menggunakan Macromedia Dreamweaver 8 ini dengan cara klik Start yang berada pada sudut kiri bawah lembar kerja anda. Kemudian pilih All Prgram > Macromedia > Macromedia Dreamweaver 8. Seperti berikut : Sumber :Madcoms (2011:2) Gambar II.1 Tampilan awal Macromedia Dreamweaver 8

6 12 Pada halaman awal Dreamweaver 8 terdapat beberapa menu yang dapat dipilih : 1. Open a Recent Item Pada menu ini akan ditampilkan beberapa file yang sebelumnya pernah kita buka dengan menggunakan Dreamweaver 8. Atau di paling bawah ada Open yang dapat digunakan untuk membuka file yang lain. 2. Create New Pada menu ini kita dapat memilih dokumen baru apa yang akan kita buat dengan menggunakan Dreamweaver 8. Ada banyak pilihan, diantaranya HTML, ColdFusion, PHP, ASP, JavaScript, CSS. 3. Create From Samples Pada menu ini kita dapat membuat file berdasarkan contoh yang sudah diberikan oleh Dreamweaver. C. Basis Data Merupakan suatu kumpulan informasi yang disimpan didalam komputer atau media elektronik secara sistematik dan diolah sedemikian rupa untuk dapat digunakan dengan mudah. 1. MySQL (My Structured Query Language) Menurut Kadir (2009:15) MySQL merupakan software yang tergolong database server dan bersifat open source. Perangkat lunak ini bermanfaat untuk mengelola data dengan cara yang sangat fleksibel dan cepat. Menurut Kadir (2009:15) DBMS (Database Management System) adalah perangkat lunak yang digunakan untuk mengelola dan mengontrol pengaksesan database. 2. XAMPP Menurut Farisi (2011:6) Xampp adalah Software yang akan mengubah komputer atau laptop pribadi kita menjadi layaknya sebuah webserver. Xampp

7 13 akan menginstal Apache, MySQL, dan phpmyadmin di komputer kita. Xampp dapat berjalan diatas sistem operasi Linux maupun Windows. D. Model Pengembangan Perangkat Lunak Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan model waterfall Rosa dan Shalahuddin, (2015:29) yang terbagi menjadi lima tahapan: 1. Analisis 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 perangkat lunak pada tahap ini perlu untuk didokumentasikan. 2. Desain Desain perangkat 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 menstralasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar di implementasikan menjadi program pada tahap selanjutanya. Desain perangkat lunak yang di hasilkan pada tahap ini juga perlu di dokumentasikan. 3. Pembuatan Kode Program Desain harus ditranlasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai desain yang telah dibuat pada tahap desain.

8 14 4. Pengujian Pengujian fokus pada perangkat lunak secara logik dan fungsional dan memastikan bahwa semua bagian sudah di uji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan. 5. Pendukung (Support) dan 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 spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru Teori Pendukung A. Struktur Navigasi Menurut Binanto (2010a:269) Struktur navigasi adalah kumpulan hyperlink yang digunakan untuk memberi arah dalam sebuah situs web. Ada empat macam dasar yaitu: 1. Struktur Navigasi Linier

9 15 Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi yang satu ke yang lainnya. Sumber :Binanto (2010a:269) Gambar II.2 Struktur Navigasi Linier 2. Struktur Navigasi Hirarki Struktur dasar ini disebut juga struktur Linier dengan percabangan karena pengguna melakukan navigasi di sepanjang cabang pohon struktur yang terbentuk oleh logika isi. Sumber: Binanto (2010a:269) Gambar II.3 Struktur Navigasi Hirarki 3. Struktur Navigasi Non Linier Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya. Sumber: Binanto (2010b:270) Gambar II.4 Struktur Navigasi Non Linier

10 16 4. Struktur Navigasi Campuran (Composite) Pengguna akan melakukan navigasi dengan bebas (secara nonlinier) tetapi terkadang dibatasi presentasi linier film atau informasi penting dan/atau pada data yang paling terorganisasi secara logis pada suatu hierarki. Sumber: Binanto (2010b:270) Gambar II.5 Struktur Navigasi Composite B. Diagram Relasi Entitas/Entity Relationship Diagram(ERD) Menurut Sutanta (2011:91) Entity Relationship Diagram (ERD) merupakan suatu model data yang dikembangkan berdasarkan objek. Entity Relationship Diagram (ERD) digunakan untuk menjelaskan hubungan antar data dalam basis data kepada pengguna secara logis. Entity Relationship Diagram (ERD) didasarkan pada suatu persepsi bahwa real world terdiri atas obyek-obyek dasar tersebut. Penggunaan Entity Relationship Diagram (ERD) relatif mudah dipahami, bahkan oleh para pengguna yang awam. Bagi perancang atau analis sistem, Entity Relationship Diagram (ERD) berguna untuk memodelkan sistem yang nantinya, basis data akan di kembangkan. Model ini juga membantu perancang atau analis sistem pada saat melakukan

11 17 analis dan perancangan basis data karena model ini dapat menunjukkan macam data yang dibutuhkan dan kerelasian antardata didalamnya. Pada Model Entity Relationship, semesta data yang ada di Dunia Nyata diterjemahkan/ditransformasikan dengan memanfaatkan sejumlah perangkat konseptual menjadi sebuah diagram data, yang umum disebut sebagai Diagram Entity Realtionship (Diagram E-R). 1. Komponen Entity Relationship Diagram Komponen Entity Relationship Diagram adalah sebagai berikut: a. Entitas (Entity) Enitas merupakan individu yang mewakili sesuatu yang nyata (eksistensinya) dan dapat dibedakan dari sesuatu yang lain. b. Atribut (attributes/properties) Setiap entitas pasti memiliki atribut yang mendeskripsikan karakteristik (property) dari entitas tersebut. Penentuan/pemilihan atribut-atribut yang relevan bagi sebuah entitas merupakan hal penting lainnya dalam pembentukan model data. c. Relasi (Relationship) Relasi menunjukkan adanya hubungan diantara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. 2. Kardinalitas Relasi Menurut Yakub (2012) mengungkapkan bahwa Kardinalitas Relasi menunjukkan jumlah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain. Berikut adalah macam-macam kardinalitas, yaitu:

12 18 a. Relasi satu ke satu (One to One) Tingkat hubungan ini menunjukan hubungan satu ke satu, dinyatakan dengan satu kejadian pada entitas pertama, dan hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua dan sebaliknya. b. Satu ke Banyak (One to Many) Yang berarti setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya, dimana setiap entitas pada himpunan entitas B berhubungan dengan paling banyak dengan satu entitas pada himpunan entitas A. c. Banyak ke Satu (Many to One) Yang berarti setiap entitas pada himpunan entitas A berhubungan dengan paling banyak dengan satu entitas pada himpunan entitas B, tetapi tidak sebaliknya, dimana setiap entitas pada himpunan entitas A berhubungan dengan paling banyak satu entitas pada himpunan entitas B. d. Banyak ke Banyak (Many to Many) Yang berarti setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, dan demikian juga sebaliknya, dimana setiap entitas pada himpunan entitas B dapat berhubungan dengan banyak entitas pada himpunan entitas A. C. Logical Relational Structure (LRS) Menurut hasugian dan shidiq (2012) '' LRS (logical record strukture ) adalah sebuah model sistem yang digambarkan dengan sebuah diagram-er akan mengikuti pola atau aturan permodelan tertentu dalam akitan dengan konvensi ke LRS''. Berikut ini merupakan cara transformasi yang sifatnya umum yaitu:

13 19 1. Transformasi Umum/Dasar Aturan umum dalam pemetaan model data (level konseptual dalam abstraksi data) yang digambarkan dengan diagram E-R menjadi basis data fisik. 2. Implementasi Himpunan Entitas Lemah Dan Sub Entitas Penggunaan entitas lemah (weak entity set) dan sub entitas dalam diagram E-R di implementasikan ke dalam bentuk tabel sebagaimana himpunan entitas kuat (strong entity set). D. Black Box Testing Menurut Rizky (2011:264) Black Box Testing adalah Tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah kotakhitam yang tidak penting dilihat isinya, tapi cukup dikenai proses testing di bagian luar. Jenis testing ini hanya memandang perangkat lunak dari sisi spesifikasi dan kebutuhan yang telah didefinisikan pada saat awal perancangan.sebagai contoh, jika terdapat sebuah perangkat lunak yang merupakan sebuah sistem informasi inventory di sebuah perusahaan. Maka pada jenis whitebox testing, perangkat lunak tersebut akan berusaha mengubah listing programnya untuk kemudian dilakukan pengetesan menggunakan teknik-teknik yang telah dijelaskan sebelumnya. Sedangkan pada jenis blackbox testing, perangkat lunak tersebut akan dieksekusi kemudian berusaha pengetesan apakah telah memenuhi

14 20 kebutuhan pengguna yang didefinisikan pada saat awal tanpa harus membongkar listing programnya.