6
LANDASAN TEORI
2.1. Konsep Dasar Web
Menurut Suwanto Raharjo S.Si,M.kom, Web merupakan salah satu layanan internet yang paling banyak digunakan dibandingkan dengan layanan lain seperti ftp, gopher, news, atau bahkan email.
1. Internet
Menurut Hidayatullah dan Kawistara (2014:1) mengemukakan bahwa “Internet adalah jaringan global yang menghubungkan komputer-komputer di seluruh dunia”. Sedangkan menurut Yuhefizar (2008:2) didalam bukunya mengemukakan bahwa “Internet adalah rangkaian hubungan jaringan komputer yang dapat diakses secara umum diseluruh dunia, yang mengirimkan data dalam bentuk paket data berdasarkan standar Internet Protocol (IP). Jadi dari kedua pendapat buku itu dapat disimpulkan bahwa internet adalah sebuah jaringan komputer yang dapat menghubungkan seluruh komputer di dunia. a. Jenis-jenis web terbagi menjadi 2 berdasarkan sifatnya adalah :
1) Menurut Yudhanto dan Purbayu (2014:3) menjelaskan ” Web dikatakan Statis (Static Website) jika tampilan halaman yang di akses harus dilakukkan dengan mengubah script langsung pada halaman tersebut.” Statis disini bukan diartikan sebagai halaman web yang selalu bergerak- gerak seperti layaknya animasi dan sebagainya, misalnya, web profile
2) Menurut Yudhanto dan Purbayu (2014:3) mengatakan ”Suatu halaman web dikatakan dinamis jika perubahan tampilan halaman yang diakses dilakukan tanpa mengubah script, tetapi hanya menambah atau mengubah inputan pada halaman tersebut”. Contohnya seperti Website berita seperti, www.detik.com.
2. Web Browser
“Web browser adalah aplikasi perangkat lunak yang memungkinkan penggunanya untuk berinteraksi dengan teks, image, video, games dan informasi lainnya yang berlokasi pada halaman web pada Word WideWeb (WWW) atau Local Area Network (LAN)”. Menurut Limantara (2009:1). Web browser dapat menampilkan email, mengelola HTML, sebagai input dan menjadikan halaman web sebagai hasil output yang informative. Dengan menggunakan web browser, para pengguna internet dapat mengakses,berbagi informasi yang terdapat di internet dengan mudah. Fungsi dari web browser adalah untuk menampilkan dan melakukan interaksi dengan dukumen-dokumen yang disediakan oleh web server. Beberapa web browser yang populer saat ini antara lain :
a. Mozilla FireFox
Menurut Smith (2012:30) “Firefox atau juga biasa dikenal dengan nama Mozilla Firefox adalah web browser yang dikembangkan oleh Mozilla.” Sampai saat ini firefox adalah web browser yang paling populer dan juga handal selain itu firefox dapat menjelajah internet dengan cepat dan ringan. Banyak sekali addons/plugins atau extention tambahan yang disediakan oleh
firefox untuk meningkat kemampuan browsing diinternet. Dengan fitur yang lengkap tersebutlah Firefox menjadi Web Browser terpopular.
b. Safari
Menurut Oneto dan Yosep (2009:24) “ Safari adalah browser yang dibuat oleh Apple Inc yang ditunjukkan untuk pengguna sistem operasi Mac Os (Macintos)”. Browser ini bisa digunakan pada sistem operasi windows dan browser ini merupakan browser penjelajah tercepat diantara browser-browser lainnya.
c. Opera
Menurut Oneto dan Yosep (2009:23) “Browser Opera adalah salah satu browser terbaik dari segi interface, sekuriti dan kecepatannya”. Kini browser opera menjadi browser tercepat dalam versi mobile. Walau terkadang penggunaan browser Opera pada desktop/pc sering dipandang sebelah mata, namun pada rilis terbarunya opera dapat mengalahkan firefox dalam segi kecepatan menjelajahnya.
d. Google Chrome
Menurut Oneto dan Yosep (2009:24) “Google Chrome merupakan browser buatan Google yang diluncurkan pada 2 September 2008.” Walau Google Chrome baru saja dibuat namun Google Chrome telah bisa menyaingi web browser lainnya. Hal ini dikarenakan Google Chrome adalah Web Browser yang dibuat oleh penguasa internet saat ini yaitu Google.
3. Web Server
Menurut Sadeli (2014:2) “Web server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang
dikenal dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML.” Penggunaan web server dalam mendukung penetrasi layanan teknologi informasi sangat besar, terutama dalam menyampaikan informasi kepada pengguna. Banyak sekali vendor-vendor penyedia webserver mulai dari yang berbayar maupun gratis (opensource), dengan masing-masing menewarkan kelebihan yang dimilikinya. Vendor-vendor tersebut seperti Internet Information Services (IIS) yang merupakan kepemilikan Microsoft, Apache, Nginx dan Google Web Server. Namun yang populer digunakan adalah Apache dan IIS.
a. Apache Web Server
Menurut Sadeli (2014:2) “Apache (Server HTTP Apache atau Server Web/WWW Apache adalah web server yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Mocrosoft dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web”. Apache memiliki tingkat kehandalan dan kestabilan yang tinggi serta fitur-fitur yang terbilang lengkap, hal ini yang membuat banyak pemakai mempercayakan apache sebagai web server mereka. Apache web server dapat berjalan pada sistem operasi berbasis Windows atau Unix.
b. Internet Information Services (IIS)
Menurut Sadeli (2014:3) “IIS (Internet Information Service) adalah sebuah HTTP web server yang digunakan dalam sistem operasi server Windows, mulai dari Windows NT 4.0 Server, Windows 2000 Server atau Windows Server 2003”.web server buatan Microsoft ini berbeda dengan Apache yang
open source, untuk mendapatkan dukungan teknis penuh maka otomatis kita sebagai pengguna harus membeli lisensi IIS dari Microsoft. IIS menawarkan sistem jaringan antar muka yang mudah, aman dan stabil. Sesuai dengan perusahaan dimana IIS dikembangkan, maka IIS hanya bisa berjalan pada sistem operasi berbasis Windows.
c. Apache tomcat
Menurut Sadeli (2014:3) “Apache Tomcat merupakan serviet atau JSP Containeryang dibuat oleh Apache Software Foundation”. Container ini dapat dibilang sebagai server untuk membaca program web JSP (JavaServer Pages).
4. Adobe Dreamweaver CS 6
Menurut Nugroho (2010:13) “Dreamweaver adalah sebuah software HTML editor profesional yang digunakan untuk mendesain secara visual dan mengelola situs web maupun halamn web.” Apabila kita menyukai berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing. Dreamweaver membuatnya menjadi lebih mudah dengan menyediakan tools yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web. Dalam hal ini Dreamweaver CS 6 adalah aplikasi yang paling sering digunakan saat ini untuk mendesain web oleh para programmer pemula. Dreamweaver CS 6 mengikut sertakan banyak tools untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan inspector) yang
mengizinkan kita mengedit kode HTML, dan dokumen teks lain secara langsung dalam Dreamweaver.
2.1.1. Website
Website sistem yang saling berhubungan dari computer internet yang mendukung dokumen khusus diformat atau diubah dalam bentuk multimedia,seperti teks,gambar,animasi dan suara (Williams et al,2011)
Jenis-jenis website berdasarkan tujuannya, dibagi menjadi:
a. Personal Website: personal website adalah website yang berisi informasi pribadi seseorang.
b. Corporate Website: corporate website adalah website yang dimiliki oleh sebuah perusahaan.
c. Portal Website: portal website adalah website yang mempunyai banyak layanan, mulai dari layanan berita, email, dan jasa-jasa lainnya.
d. Forum Website: forum website adalah sebuah web yang bertujuan sebagai media diskusi..
2.1.2. Bahasa Pemrograman PHP
Menurut Arief (2011:43) PHP adalah bahasa server side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server side scripting maka sintaks dan perintah-perintah PHP akan diesksekusi diserver kemudian hasilnya akan dikirimkan ke browser dengan format HTML.
PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.
Menurut Lia Kuswayatno ,HTML merupakan halaman yang berada pada suatu situs internet atau web.HTML merupakan metode yang menautkan (link) satu dokumen ke dokumen lain melalui teks.
Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML).
2.1.3. Basis Data (Database)
1. PHP (Personal Home Page)
PHP adalah bahasa pemrograman yang ditunjukan untuk kepentingan pembuatan aplikasi web. Menurut Kadir (2013:17), “PHP merupakan bahasa skrip yang ditempatkan dalam server dan diproses diserver.” PHP sendiri mempunyai fungsi untuk menterjemahkan script/kode PHP yang kita buat. PHP juga merupakan merupakan aplikasi web yang dinamis, dinamis disini
adalah dapat membuat halaman web yang dapat dikendalikan oleh data. Dengan PHP ini kita dapat membuat beragam apliksi web,mulai dari halaman web yang sederhana sampai dengan aplikasi kompleks yang membutuhkan koneksi ke database. Sampai saat ini telah banyak database yang didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut adalah Base, DBM, mSQL, SQL, ODBC, Oracle,Postgres,Sybase,Velocois, HTML.
2. HTML (Hypertext Markup Language)
Menurut Sutarman (2013:73) “Hypertext Markup Language (HTML) merupakan salah satu varian dari SGML (Standard Generalized Markup Language), yaitu sebuah standar dari ISO (International Organization Standarization) untuk pertukaran dokumen secara elektronik.” HTML sendiri secara formal diumumkan sebagai RFC 1866. HTTP digunakan sebagai protokol dalam pertukarandokumen.Dalam dokumen web ,dokumen ini akan dieksekusi oleh browser, sehingga browser mampu menghasilkan suatu dokumen sesuai dengan keinginan yang mendesain page. Dokumen ini mempunyai kemampuan menampilkan gambar, suara, teks, maupun penyediaan link terhadao halaman web lainnya, baik dengan alamat yang sama maupun berbeda. Hypertext Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi didalam sebuah penjelajah webInternet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yg terintegrasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML.
HTML saat ini merupakan standar internet yang di definisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium(W3C). HTML dibuat oleh kerjasama antara Caillau TIM dengan Berners-lee robert di CERN pada tahun 1989(CERN adalah Lembaga Penelitian Fisika Energi Tinggi di Jenewa).
3. JQuery
Menurut Mulhim (2014:2) didalam bukunya mengatakan bahwa “ JQuery adalah library javascript yang menyederhanakan document traversing, event handling, animating, dan AJAX interactions untuk pengembangan web secara cepat”. jQuery mampu berjalan disemua browser-cross browser. JQuery diluncurkan Januari 2006 oleh John Resig. jQuery merupakan library yang paling populer saat ini, karena kecanggihannya JQuery banyak digunakan oleh perusahaan besar seperti Google, Dell, CBS,digg, Netflix, Bank of America, Mozilla, Drupal dan sebagainnya.
4. CSS (Cascading Style Sheet)
Menurut Hidayatullah dan Kawistara (2014:53) “dengan CSS kita bisa menyimpan format dan menggunakannya kapan pun dan di mana pun kita inginkan”. Dengan CSS kita bisa membuat efek-efek tertentu untuk konten web yang kita buat. Contohnya saja kita ingin bagian header kita pada web yang kita buat selalu diberi font verdana, ukuran 20 dan berwarna biru. Maka kita definisikan style tersebut untuk tag <TH>. CSS (Cascading Style Sheet) sudah didukung oleh hamper semua web browser karena CSS telah distandarkan oleh Word Wide Web Consortium(W3C).jadi ini pilihan yang
tepat untuk kita memformat halaman web kita agar terlihat indah dan cantik dimanapun user membuka web kita.
2.1.4. Model Pengembangan Perangkat Lunak
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. Model Waterfall adalah suatu proses pengembangan perangkat lunak yang berurutan, di mana kemajuan dipandang sebagai terus mengalir ke bawah (seperti air terjun) melewati fase-fase perencanaan, pemodelan, implementasi (konstruksi), dan pengujian.model inisering juga disebut sebagai model alur hidup klasik (classic life cycle). Menurut Sukamto dan Shalahudin (2013 : 28) “Model Air terjun (waterfall) menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengodean, pengujian, dan tahap pendukung (support)”.
Berikut adalah gambar model air terjun: sistem/rekayasa informasi
Sumber:Sukamto dan Shalahuddin (2013:29)
a. Analisis kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk mespesifikasikan kebutuhan perangkat lunak agar dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak 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 perangkat 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 lojik dan fungsional danmemastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan.
e. 2.2. Teori Men sistem na tersebut, n Ad digunakan 1. Struktur Struktur n yang men urutannya halaman s sebelumny Sumber : B Pendukun Tidak m perubahan karena a pengujian baru. Tah pengemba perangkat perangkal i Pendukun nurut Binan avigasi situs navigasi me da 4 (empa n dalam pro r Navigasi L navigasi lin nampilkan a. Tampilan sebelumnya ya atau dua Binanto, (20 ng (support) enutup kem n ketika su adanya kes n atau peran hap penduk angan mul t lunak y lunak baru. ng nto (2008:62 s web seca mudahkan j at) macam ses pembua Linier nier hanya m satu demi n yang dapa a atau satu halaman se 010a:269) ) atau peme mungkinan udah dikirim salahanyang ngkat lunak kung atau p lai dari a yang sudah 2) “ Struktu ara keselur jalan yang m bentuk das atan aplikasi mempunyai i satu tam at ditampilk halaman s esudahnya. eliharaan (m sebuah pe mkan ke us g muncul k harus bera pemeliharaan analisis spe h ada, tap ur navigasi d ruhan dan mudah ketik sar dari str i, yaitu : i satu rangk mpilan layar kan pada sr sesudahnya maintenance erangkat lu ser. Peruba dan tidak adaptasi den n dapat me esifikasi un pi tidak u dalam situs desain inte ka menjelaj ruktur navi kaian cerita r secara b ruktur jenis , tidak dap e) unak meng ahan bias te terdeteksi ngan lingku engulangi p ntuk perub untuk mem web melib erface situs ahi situs we igasi yang a yang be berurut me s ini adalah pat dua hal
alami erjadi saat ungan proses bahan mbuat atkan s web eb”. biasa rurut, enurut h satu laman
2. Struktur Struktur n dari strukt bercabang percabang walaupun yang sama Sumber : B 3. Struktur Struktur n struktur y kriteria te utama pe percabang G r Navigasi N navigasi non tur navigasi g. Percabang gan pada s terdapat pe a yaitu tidak Binanto, (20 Ga r Navigasi H navigasi hi ang menga ertentu. Tam ertama (M gan yang d Gambar II Non-Linier n-linier atau i linier. Pad gan yang d struktur hi ercabangan, k ada Maste 010b:269) ambar II.3 Hirarki irarki biasa andalkan pe mpilan pad Master Pag disebut Slav I.2 Struktur u struktur tid da struktur in dibuat pada irarki, kare , tetapi tiap er Page dan Struktur N a disebut s ercabangan da menu pe e), halama ve Page (h r Navigasi dak berurut ni diperke struktur no ena pada p p-tiap tampi Slave Page Navigasi No struktur ber untuk men ertama akan an utama halaman pe Linier t merupakan enankan m onlinier ini percabanga ilan mempu e. on-Linier rcabang, m nampilkan d n disebut s ini memp endukung). n pengemba membuat nav berbeda de an nonlinie unyai kedud merupakan data berdas sebagai hal punyai hal Jika salah angan vigasi engan er ini dukan suatu arkan laman laman h satu
halaman p halaman u tidak diper Sumber : B 4. Struktur Struktur n linier, non struktur na website ka dapat mem Sumber : B 2.2.1. pendukung d utama kedu rkenankan a Binanto, (20 G r Navigasi C navigasi ca n-linier dan avigasi beb arena struk mberikan ke Binanto, (20 Ga Entity Rela dipilih atau ua (Master P adanya tam 010c:269) Gambar II. Campuran ampuran g n hirarki. S as. Struktur ktur ini dapa
e-interaksian 010d:269) ambar II.5 ationship D diaktifkan, Page), dan mpilan secara 4 Struktur gabungan d Struktur na r navigasi in at digunaka n yang lebih Struktur N Diagram (E , maka tamp seterusnya a linier. r Navigasi H dari ketiga avigasi ini j ni banyak d an dalam pe h tinggi. Navigasi Ca ERD) pilan terseb . Pada struk Hirarki struktur se juga biasa digunakan d embuatan w ampuran ut akan ber ktur naviga ebelumnya disebut de dalam pemb website seh rnama asi ini yaitu engan uatan ingga
Dalam Ti suatu mod Diagram ( data kepad Pengertian dibedakan Pengertian – keterang data. Pengertian sejumlah Entitas yan Menurut Su injauan Ko del data ya (ERD) digu da penggun T n Entitas me n dari lainya n Atribut m gan yang te n Relasi m ng berasal d utanta (201 onseptual”.E ang dikemb unakan untu a secara log Tabel II.1. enurut Suta a yang dapat merupakan m erkait pada menurut Su dari himpun 11:91), pada Entity Rela bangkan be uk menjelas gis. Komponen anta (2011:9 t diwujudka menurut Sut sebuah ent utanta (20 nan entitas y a bukunya ationship D erdasarkan skan hubun n Penyusun 91) merupak an dalam ba tanta (2011 titas yang p 11:91) me yang berbed yang berju Diagram (ER objek. Ent ngan antar d n ERD kan suatu o asis data. :91) merup perlu disimp erupakan h da. udul “Basis RD) merup tity Relatio data dalam objek yang pakan ketera mpan dalam hubungan a Data pakan onship basis dapat angan basis antara
LRS (Logical Record Structure)
Menurut Sukamto dan Shalahudin (2013:35) “pengertian LRS adalah representasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil antar himpunan entitas yang digunakan untuk menentukan kardinalitas, jumlah table dan Foreign Key (FK).”
2.2.2.Pengujian Web
Menurut Pressman (2010:95), “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 didasarkan pada spesifikasi perangkat lunak. Data uji dieksekusi pada perangk at lunak kemudian keluar dari perangkat lunak dicek apakah telah sesuai yang diharapkan. Pengujian Black Box berusaha menemukan kesalahan dalam kategori :
Fungsi-fungsi yang tidak benar atau hilang 1.Kesalahan interface
2.Kesalahan dalam struktur data atau akses database eksternal 3.Kesalahan kinerja
