7
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
E-commerce merupakan singkatan dari Electronic Commerce. Electronic Comerce (E- Commerce) secara umum merupakan kegiatan bisnis (perniagaan/
perdagangan) atau jasa yang berhubungan erat dengan konsumen, manufaktur, internet service provider, dan pedagang perantara dengan menggunakan media elektronik. Dalam hal ini media elektronik utama dengan menggunakan internet.
Menurut Susilo dkk (2018:3) memberikan batasan bahwa “E-Commerce adalah suatu konsep yang menjelaskan proses pembelian, penjualan dan pertukaran produk, servis dan informasi melalui jaringan komputer yaitu internet”.
E-commerce merupakan salah satu teknologi yang berkembang pesat seiring dengan kehadiran internet di kehidupan kita. Banyak orang yang mendapatkan manfaat kemudahan berbisnis melalui internet.
2.1.1. Internet
Internet pertama kali digunakan sebagai proyek penelitian yang ditemukan oleh Advanced Research Project Agency (ARPA) Department of Defense (DOD) di Amerika Serikat. Pada dasarnya, internet digunakan untuk menghubungkan Komputer. Versi yang pertama disebut APARNET. Pada tahun 1972, ARPA berubah menjadi DARPA dengan tetap mempromosikan proyek ARPANET.
Menurut Nurdian dan I Darwati (2017:74) memberikan batasan bahwa
“Internet adalah jaringan global yang menghubungkan komputer-komputer di seluruh dunia”
Sedangkan menurut Susilo dkk (2018:2) menyimpulkan bahwa “internet adalah rangkaian atau jaringan sejumlah komputer yang saling berhubungan.”
Istilah internet berasal dari bahasa latin, inter, yang berarti “antara”.
Secara kata per kata internet berarti jaringan antara atau penghubung. Memang itulah fungsinya, internet menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain dengan sedemikian rupa, sehingga mereka dapat berkomunikasi.
2.1.2. Website
Penemu Website adalah Sir Timothy Johan “Tim” Berners-Lee, sedangkan website yang tersambung dengan jaringan, pertama kali muncul pada tahun 1991.
Maksud dari Tim ketika membuat website adalah untuk mempermudah tukar- menukar dan memperbarui informasi pada sesama peneliti di tempat dia bekerja.
Pada tanggal 30 April 1993, CERN (tempat dimana tim bekerja) menginformasikan bahwa WWW dapat digunakan secara gratis oleh semua orang yang dapat diakses melalui sebuah software yang disebut browser seperti internet explorer, Mozilla firefox, Opera dan lain-lain.
Menurut Nurdian dan I Darwati (2017:74) menyimpulkan bahwa:
Website adalah kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara dan gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait yang masing- masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman web dengan halaman web lainnya disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypertext.
Manfaat yag di berikan website sangat banyak diantaranya adalah:
1. Memperluas jangkauan promosi suatu produk agar dapat di kenal dengan baik oleh masyarakat khususnya pengguna jaringan internet.
2. Tanpa batas yang membuat internet merupakan suatu media informasi tanpa batas. Dengan menggunakan website kita dapat mempromosikan produk kita selama 24 jam penuh.
3. Promosi yang luas dengan menggunakan internet yang memiliki jangkauan area yang tidak terbatas.
4. Media pengenalan usaha dapat memudahkan kita dalam mengenalkan perusahaan dengan menggunakan website.
2.1.3 Web Server
Menurut Christian dkk (2018:23) “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.”
Fungsi utama sebuah web server adalah untuk mentransfer berkas atas permintaan pengguna melalui protocol komunikasi yang telah ditentukan.
Disebabkan sebuah halaman web dapat terdiri atas berkas teks, gambar, video, dan lainnya pemanfaatan web server berfungsi pula untuk mentransfer seluruh aspek pemberkasan dalam sebuah halaman web yang terkait, termasuk di dalamnya teks, gambar, video, atau lainnya.
2.1.4. Web Browser
Menurut Arifki (2017) Menyimpulkan bahwa :
Web Browser adalah adalah perangkat lunak atau software yang dipakai untuk mencari informasi atau untuk mengakses situs-situs yang ada di internet. Perangkat ini akan lebih memudahkan para pengguna didalam mengakses data ataupun mencari referensi yang dibutuhkan. Terdapat berbagai macam perangkat web browser yang saat ini digunakan seperti Mozilla Firefox, Google Chrome, Safari, Internet Explorer, Opera, dan lain sebagainya.
Text dan image pada halaman web dapat berisikan hyperlink ke halaman web lain pada website yang sama maupun berbeda. Dengan web browser seorang pengguna bisa mengakses informasi yang disediakan pada banyak website secara cepat dan mudah. Meskipun web browser pada umumnya digunakan untuk mengakses world wide web, web browser juga digunakan untuk mengakses informasi yang disediakan web browser secara privat atau pada sistem file.
Contoh dari beberapa web browser diantaranya:
1. Opera
Opera sekarang adalah browser yang penuh internet suite, dengan web, email, news(usenet dan RSS) dan chat dengan kekayaan fitur untuk pengguna baru maupun power user.
2. Firefox
Firefox telah menjadi web browser alternatif paling sukses setelah berakhirnya perang browser pertama (antara IE dan netscape navigator).
Produk unggulan mozila foundation ini adalah turunan dari netscape navigator. Firefox di desain untuk simplicity, security dan extensibility (tersedia ratusan extension).
3. Google chrome
Google Chrome adalah sebuah peramban web sumber terbuka yang dikembangkan oleh Google dengan menggunakan mesin rendering WebKit.
Proyek sumber terbukanya sendiri dinamakan Chromium. Versi beta untuk Microsoft Windows diluncurkan pada 2 September 2008 dalam 43 bahasa.
4. Internet explorer
Internet explorer adalah sebuah Web Browser Default nya windows yang di buat oleh Microsoft Corporation
2.2. Bahasa Pemograman
2.2.1. Hyper Text Markup Language (HTML)
Menurut Nurdian dan I Darwati (2017:74) “Hypertect Markup Language (HTML) merupakan bahasa standard yang digunakan untuk menampilkan halam web.”
HTML saat ini merupakan standar internet yang di definisikan dan dikendalikan penggunanya oleh World Wide Web Consortium (W3C). HTML berupa kode tag yang diperintahkan oleh browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
2.2.2. Preprocessor Hypertext Protocol (PHP)
Menurut Susilo dkk (2018:2) menyimpilkan bahwa : “PHP adalah bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada HTML.”
Adapun kelebihan-kelebihan dari php yaitu:
1. Php merupakan sebuah bahasa script yang tidak melakukan sebuah komplikasi dalam penggunaanya. Tidak seperti halnya bahasa pemrograman aplikasi yang lainnya.
2. Php dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau apache yang bersifat open source.
3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada php lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap membantu pengembangannya.
4. Jika dilihat dari segi pemahaman, php memiliki referensi yang begitu banyak sehingga sangat mudah untuk dipahami.
5. Php dapat berjalan pada 3 operating sistem, yaitu: linux, unux, dan windows, dan juga dapat dijalankan secara runtime pada suatu console.
6. Php bersifat bebas dipakai (free).
2.2.3. Cascading Style Sheet (CSS)
Pada Dreamweaver, membuat CSS sangat mudah dilakukan. Anda tinggal memasukkan atribut-atribut yang akan digunakan dalam dokumen CSS, seperti untuk jenis huruf, warna teks, warna background, hyperlink dan sebagainya maka secara otomatis CSS akan terbentuk. Dengan menggunakan CSS, pengaturan format halaman web menjadi lebih mudah dan script halaman web menjadi ringkas.
menurut Susilo dkk (2018:3) “CSS adalah singkatan dari Cascading Style-Sheet, yaitu sebuah pengembangan atas kode HTML yang sudah ada
sebelumnya. Dengan CSS, bisa menentukan sebuah struktur dasar halaman web secara lebih mudah dan cepat, serta irit size.”
Penggunaan yang paling umum dari CSS adalah untuk mem-for-mat halaman web yang ditulis dengan HTML dan XHTML.Meskipun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
2.2.4. JQuery
Menurut Nurdian dan I Darwati (2017:75) “JQuery adalah library atau kumpulan kode JavaScript siap pakai. Keunggulan menggunakan JQuery dibandingkan dengan JavaScript standar, yaitu menyederhanakan kode JavaScript dengan cara memanggil fungsi-fungsi yang disediakan oleh JQuery. “
JQuery dikembangkan pertama kali oleh John Resig di tahun 2006. Sejak saat itu, JQuery berkembang menjadi proyek opensource dan menjadi libary JavaScript paling populer di dunia. Situs resmi JQuery beralamat di jquery.com
2.2.5. Bootstrap
Menurut Christian dkk ( 2018:22) Bootstrap adalah paket aplikasi siap pakai untuk membuat front-end sebuah website. Bisa dikatakan, bootstrap adalah template desain web dengan fitur plus. Bootstrap diciptakan untuk mempermudah proses desain web bagi berbagai tingkat pengguna, mulai dari level pemula hingga yang sudah berpengalaman. Cukup bermodalkan pengetahuan dasar mengenai HTML dan CSS, anda pun siap menggunakan bootstrap.
Banyak kelebihan dan maanfaaat dari bootstrap antara lain : 1 Tampilan yang sudah cukup modern
2. Sangat ringan digunakan karna dibuat dengan sangat terstruktur
3. Mobile Friendly, yang artinya tampilan bootsrap sudah sangat responsive, tampilan bootstrap sudah mendukung segala resolusi, baik itu di laptop, pc, tablet, dan smartphone.
4. Penggunaan bootstrap sangat menghemat waktu
5. Dan masih banyak lagi kelebihan-kelabihan dari bootstrap lainya.
2.2.6. Java Script
Menurut Nurdian dan I Darwati (2017:75) “JavaScript merupakan bahasa Scripting yang bekerja disisi Client/Browser sehingga website bisa lebih interaktif.”
Perkembangan JavaScript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Bahasa yang sekarang dikenal dengan nama JavaScript ini sebelumnya bernama LiveScript dan berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 (browser yang sangat populer waktu itu).
Awalnya, bahasa ini memang sedikit banyak mendapat kritikan dengan alasan kurang aman, pengembangannya yang tergesa-gesa, serta tidak ada pesan error yang ditampilkan jika terdapat kesalahan saat menyusun program. Kemudian melalui kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman java) pada masa itu, Netscape memberikan nama JavaScript kepada bahasa tersebut pada tanggal 4 desember 1995. Pada waktu hampir bersamaan, pihak Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka
sebut sebagai Jscript di browser milik mereka sendiri, yaitu internet explorer 3.
Kini penggunaan dari Jscript sendiri masih terus dikembangkan pihak Microsoft dengan didukung oleh kebanyakan browser yang tersedia saat ini.
2.3. Basis Data
Menurut Yuniko dan Putra (2018:16) Adalah kumpulan informasi yang disimpan dididalam computer secara sistematik sehingga dapat diperiksa mengunakan suatu program computer untuk memperoleh informasi dari basis data tersebut. Database sendiri terdiri dari sebuah koleksi data yang teroganisir dalam bentuk digital. Salah satu cara untuk mengelompokkan database melibatkan jenis isinya, misalnya: bibblografi, dokumen teks, statistic.
2.3.1. My Structure Query Language (MySQL)
Menurut Christian dkk ( 2018:22) menyimpulkan bahwa : “MySQL merupakan software RDBMS (server database) yang dapat mengelola database dengan sangat cepat, dapat menampung data dalam jumlah sangat besar, dapat diakses oleh banyak user (multi-user) dan dapat melakukan suatu proses secara sinkron atau berbarengan (multi-threaded”
Keunggulan yang bisa kita ketahui dari Mysql antara lain:
1. Kecepatan.
2. Kemudahan bagi user dalam penggunaannya.
3. Bersifat open source atau gratis.
4. Support dengan bahasa query.
5. User dapat mengakses lebih dari satu dalam satu waktu.
6. Akses data dapat dilakukan di setiap tempat dengan fasilitas internet.
7. Mysql mudah didapatkan karena source code yang dapat disebarluaskan.
2.3.2. XAMPP
Menurut Susilo dkk (2018:3) menyimpulkan bahwa :
XAMPP adalah aplikasi yang berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri beberapa program antara lain : Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP sendiri merupakan singkatan dari X empat sistem operasi, yang meliputi Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU (General Public License), merupakan web server yang mudah untuk digunakan yang dapat menampilkan halaman web yang dinamis.
Software yang satu ini bernama XAMPP yang merupakan singkatan dari Apache, MySQL, PHP dan Perl sedangkan huruf “X” dimaksudkan sebagai suatu software yang dapat dijalankan di empat OS utama seperti Windows, Mac OS, Linux dan Solaris. Istilah ini seringkali disebut dengan cross platform (software multi OS).
2.3.3. Adobe Dreamweaver CS6
Menurut Susilo dkk (2018:3) bahwa :
Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor professional untuk mendesain web secara visual. Aplikasi ini juga yang biasa dikenal dengan istilah WYSIWYG (What You See Is What You Get), yang intinya adalah bahwa pengguna tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Selain itu, Dreamweaver juga memberikan keleluasan kepada kita untuk menggunakannya sebagai media penulisan bahasa pemograman web.
Dalam membuat sebuah website yang berkualitas tentunya diperlukan rancangan desain yang baik dan benar. Hal ini menjadi penting karena proses merancang desain merupakan salah satu langkah awal untuk membuat website secara keseluruhan. Dasar dari pembuatan desain web adalah menggunakan HTML (Hypertext Markup Language) dengan bahasa dan sintaks pemograman yang mungkin tidak semua orang dapat pelajari dengan mudah.
Untuk memberikan kemudahan pada user dalam membuat desain website dapat dilakukan perancangan secara visual dengan bantuan aplikasi web editor.
Salah satu aplikasi yang dapat anda memanfaatkan untuk melakukan perancangan desain web secara visual atau aplikasi web editor adalah Adobe Dreamweaver.
Aplikasi ini secara umum sangat popular dan banyak digunakan oleh para desainer web.
Dengan versi terbarunya, yaitu Adobe Dreamweaver CS6, aplikasi ini menyediakan banyak fasilitas yang akan memudahkan anda dalam mendesain dan menghasilkan sebuah website yang interaktif dan profesional.
2.4. Model Pembangunan Prangkat Lunak 2.4.1. Model Waterfall
Metode yang di gunakan pada pengembangan perangkat lunak ini
menggunakan model waterfall, model waterfall menurut Sukamto dan M.
Shalahuddin dalam Hidayat dan Listianingsih (2018:113 ) adalah :
1. Analisis
Pada tahap ini peneliti melakukan analisa tentang kebutuhan apa saja yang diperlukan oleh pelanggan maupun pihak internal perusahaan dalam memperoleh informasi mulai dari mengenai keluhan apa saja yang dialami pelanggan beserta solusi perbaikan yang telah dilakukan pihak teknisi selama menggunakan produk dan jasa perusahaan sampai history keluhan pelanggan yang nantinya bisa dijadikan laporan sebagai bahan review management dalam mengembangkan dan meningkatkan kualitas dari produk maupun jasa perusahaan.
2. Desain
Dalam tahap desain, peneliti mendesaintampilanaplikasi CRM (Customer Relationship Management) berbasis website seperti mendesain background,penggunaan warna yang sesuai, dan mendesain bentuk web yang friendly agar mempermudah user untuk mengakses web tersebut dengan mudah dengan cara merancang sistem UML diantaranya Use Case Diagram, Activity Diagram, dan Entity Relationship Diagram (ERD).
3. Pengkodean (program)
Pada tahap ini peneliti merancang system informasi CRM berbasis web dengan menggunakan bahasa pemrograman PHP dengan tipe pemrograman terstruktur.
4. Pengujian
Padatahap ini peneliti akan mendeskripsikan proses pengujian yang akan dilakukan dengan menggunakan blackbox testing.
Sumber : Susilo dkk 2018:3
Gambar II.1. Model Waterfall
2.5. Teori Pendukung 2.5.1. Struktur Navigasi
Menurut Rizal dan Titik Misriati (2018:11) “Struktur navigasi adalah susunan menu atau hierarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web”
Sedangkan menurut Fabrian dkk (2018:154) Ada empat struktur dasar yang digunakan pada pr oduk multimedia, yaitu linear, hierarkis, nonlin2ear, dan komposit
1. Linear
Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi yang satu ke yang lainnya.
Sumber : (Farian dkk 2018:154)
Gambar II.2. Navigasi Linear 2. Hierarkis
Struktur dasar ini disebut juga struktur “linear dengan percabangan” karena pengguna melakukan navigasi di sepanjang cabang pohon struktur yang terbentuk oleh logika isi.
Sumber : (Fabrian dkk 2018:155)
Gambar II.3. Navigasi Hierarkis
3. Nonlinear
Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terkait dengan jalur yang sudah ditentukan sebelumnya.
Sumber : (Fabrian dkk 2018:155)
Gambar II.4. Navigasi Nonlinear
4. Komposit
Pengguna akan melakukan navigasi dengan bebas (secara non-linear), tetapi terkadang dibatasi presentasi linear film atau informasi penting dan atau data yang paling terorganisasi secara logis pada suatu hierarki.
Sumber : (Fabrian dkk 2018:155)
Gambar II.5. Navigasi Komposit
2.5.2. Entity Relationship Diagram (ERD)
Permodelan awal basis data yang plaing banyak digunakan adalah menggunakan Entity Relationship Diagram (ERD). ERD dikembangkan berdasarkan teori himpunan dalam bidang matematika. ERD digunakan untuk permodelan basis data relational sehingga jika penyimpanan basis data menggunakan OODBMS maka perancangan basis data tidak perlu menggunakan ERD.
Menurut Yasin dalam Rahmat Hidayat (2017:92) mengemukakan bahwa
”ERD (EntityRelationship Diagram) adalah suatu rancangan atau bentuk hubungan sesuatu kegiatan yang berkaitan langsung dan mempunyai fungsi didalam proses tersebut”.
1. Notasi Simbolik pada Diagram E-R a. Entitas / entity
Entitas adalah sesuatu yang nyata atau abstrak dimana kita akan menyimpan data.
b. Atribut
Atribut adalah ciri umum semua atau sebagian besar instansi pada entitas tertentu. Sebutan lain atribut adalah property, elemen data, dan field.
c. Relasi
Relasi adalah hubungan alamiah yang terjadi antara satu atau lebih entitas, misalnya proses pembayaran pegawai. Kardinalitas menentukan kejadian suatu entitas untuk satu kejadian. Pada entitas yang berhubungan.
d. Garis
Sebagai penghubung antara atribut dengan kumpulan entitas dan kumpulan entitas dengan relasi.
2.5.3. Logical Record Structure (LRS)
Menurut Priyadi dalam Rahmat Hidayat (2017:93), “Logical Record Structure (LRS) adalah resperentasi dari struktur record – record pada tabel – tabel yang terbentuk dari hasil relasi antar himpunan entitas”.
Logical Record Structure dibentuk dengan nomor dari tipe record.
Beberapa tipe record digambarkan oleh kotak empat persegi panjang dan dengan nama yang unik. Perbedaan LRS dengan E-R diagram adalah nama tipe record berada di luar kotak field tipe record ditempatkan.
Logical Record Structure terdiri dari link-link diantara tipe record. Link ini menunjukan arah dari satu tipe record. Link ini menunjukkan arah dari satu tipe record lainnya. Banyak link dari LRS yang diberi tanda field-field yang kelihatan pada kedua link tipe record. Penggambaran LRS dimulai dengan menggunakan model yang dimengerti, Dua metode yang dapat digunakan, dimulai dengan hubungan kedua model yang dapat dikonversikan ke LRS, metode yang lain dimulai dengan ER-diagram dan langsung dikonversikan ke LRS.
2.5.4. Black-Box Testing
Menurut Luqman dalam Rahmat Hidayat (2017:93) menyatakan bahwa : Pengujian Blackbox merupakan tahap yang berfokus pada pernyataan fungsional perangkat lunak. Test Case ini bertujuan untuk menunjukan fungsi perangkat lunak tentang cara beroperasinya. Apakah pemasukan data telah berjalan sebagaimana mestinya dan apakah informasi yang tersimpan dapat dijaga kemutahirannya.
1. Keuntungan Black-box testing:
a. Cocok dan efisien untuk source code dengan skala besar.
b. Menguji program dari sudut pandang user.
c. Software tester dalam jumlah yang banyak dapat menguji program tersebut tanpa harus memiliki pengetahuan tentang programming.
2. Kerugian Black-box Testing:
a. Software user hanya menjelaskan beberapa source pengujian yang dipilih.
b. Pengujian yang tidak efisien karena software yang memiliki pengetahuan yang terbatas tentang program.
c. Pengujian yang tidak spesifik karena software tidak memiliki akses source code.
