7

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Pada bab ini, akan dijelaskan mengenai teori yang berkaitan dengan berbagai

macam permasalahan yang akan dibahas sebagai dasar dalam pembuatan website

penyewaan lapangan futsal. Diantaranya penjelasan mengenai sistem informasi

penyewaan yang meliputi pengertian internet, website, web browser, web server.

Menjelaskan tentang beberapa bahasa pemrograman web seperti HTML (Hypertext

Markup Language), PHP (PHP Hypertext Preprocessor), Java Script, CSS.

Menerangkan tentang basis data seperti MySQL, phpMyAdmin serta aplikasi

perangkat lunak yang digunakan meliputi Sublime Text 3, CSS, XAMPP, JQuery,.

Serta menjelaskan mengenai model perangkat lunak waterfall.

Menuerut (Dede & Kadris, 2016) “Web merupakan salah satu sumber daya

internet yang berkembang pesat. Pendistribusian informasi web dilakukan melalui

pendekatan hyperlink, yang memungkinkan suatu teks, gambar, ataupun objek yang

lain menjadi acuan untuk membuka halaman-halaman yang lain.

2.1.1. Website

Menurut Rozi dalam (Hidayat, Marlina, & Utami, 2017) “Website bisa

diibaratkan sebagai sebuah rumah, toko, atau kantor. Sebuah rumah atau kantor harus

memiliki alamat tetap, ada fisik bangunannya, serta ada isinya berupa ruangruang,

peralatan, dan perabotan agar orang bisa beraktivitas di dalamnya”.

8

A. Web Browser

Menurut (Hastanti, Eka, Indah, & Wardati, 2015) “web browser adalah sebuah

perangkat lunak atau software yang berfungsi untuk menampilkan dan melakukan

interaksi dengan dokumen-dokumen yang disediakan oleh server web”.

Dengan web browser kita dapat memperoleh informasi yang disediakan oleh

server web. Web browser dikenal juga dengan istilah browser, atau peselancar, atau

Internet browser adalah suatu program computer yang menyediakan fasilitas untuk

membaca halaman web di suatu computer.

B. Web Server

Menurut (Novianta & Setyaningsih, 2015) “Web server merupakan software yang

memberikan layanan data, berfungsi menerima permintaan HTTP atau HTTPS dari

client yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam

bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML,

konsep web server antara lain:

1. Web server merupakan mesin aplikasi atau software yang beroperasi dalam

medistribusikan web page ke user, tentu saja sesuai dengan permintaan user.

2. Hubungan antara web server dan browser internet merupakan gabungan atau

jaringan komputer yang berada diseluruh dunia. Setelah terhubung secara

fisik, protocol TCP/IP (networking protocol) yang memungkinkan semua

komputer dapat berkomunikasi antar satu dengan lainnya.

9

C. Internet

Menurut (Rahardjo, 2001) “Internet adalah teknologi komunikasi yang berbasis

kepada protokol TCP/IP. Saat ini juga teknologi Internet mencakup penggunaan web

browser sebagai user interface”.

Secara Umum Internet dapat diartikan sebagai pertukaran informasi dan

komunikasi. Semua informasi bisa didapatkan dengan mudah dan bebas diinternet tanpa

batasan.

Dengan adanya internet, anda bisa mendapatkan informasi kenegaraan, budaya,

teknologi, pribadi, berita, hiburan, majalah dan koran dari seluruh dunia, software

computer, dan masih banyak lagi. Melalui internet juga seseorang dapat melakukan

transaksi jual beli dengan melihat katalog yang ditampilkan oleh perusahaan pembuar

halaman internet tersebut. Iklan-iklan perusahaan dari seluruh dunia, iklan-iklan pribadi,

informasi barang-barang terbaru, dan lain-lain. Selain itu internet juga bisa digunakan

untuk mencari teman, mengirim berita, alat komunikasi, alat hiburan seperti game, dan

lain-lain.

Internet telah memberikan kontribusi dan andil yang sangat besar bagi

perkembangan dunia. Kehadiran internet telah menghapus batas dan jarak terhadap akses

informasi. Bagaimanapun juga, perkembangan internet bisa memberi dampak positif

(baik) dan negatif (buruk). Di bawah ini adalah beberapa dapat baik dan buruk terhadap

kehadiran internet.

10

Berikut ini adalah beberapa fasilitas yang disediakan melalui internet:

a. E-mail (Electronic-mail) adalah surat atau pesan elektronik yang dikirimkan dan

diterima melalui komputer. Dengan e-mail, pesan yang dikirimkan akan sampai

kepada penerima saat itu juga. Dibandingkan dengan pengiriman surat melalui jasa

pengiriman, e-mail telah memangkas waktu dan pesan yang disampaikan juga up-

to-date. E-mail saat ini sudah bisa disertai dengan grafik, gambar foto, suara,

animasi, dan bahkan bisa mengirim ke beberapa alamat sekaligus.

b. FTP (File Transfer Protocol) adalah salah satu layanan internet untuk melakukan

transfer file. Proses melakukan transfer file dari komputer ke server (file server)

disebut dengan istilah unggah (upload). File yang sudah berada di file server, dapat

diambil oleh orang lain untuk disimpan di komputer. Proses mengambil file dari

file server disebut dengan unduh (download).

c. Telnet (Telecommunication Network) merupakan salah satu protokol jaringan yang

digunakan di koneksi internet atau LAN (Local Area Network). Telnet digunakan

untuk melakukan koneksi ke sebuah server dan port tertentu. Telnet digunakan

untuk berinteraksi langsung dengan server. Anda dapat mengetikkan perintah

langsung dari komputer untuk ditujukan ke server dan server akan langsung

merespon dengan mengirimkan output (keluaran) untuk ditujukan ke komputer

yang mengirimkan perintah

d. Gopher adalah program berbasis teks yang digunakan untuk mem-browser daftar

menu internet di berbagai server gopher. Gopher merupakan aplikasi yang dapat

mencari informasi di internet dan informasi yang dicari hanya sebatas pada teks.

11

Untuk mendapatkan informasi melalui gopher, diperlukan hubungan dengan server

gopher yang ada di internet.

e. World wide web (www) merupakan kumpulan dokumen multimedia yang saling

terkoneksi menggunakan link hypertext. Hyperlink merupakan sebuah link yang

digunakan untuk melakukan perpindahan antar dokumen. Web memudahkan kita

mengakses berbagai informasi dalam bentuk teks, gambar, video, suara, dan juga

animasi.

2.2 Bahasa Pemograman

A. HTML (HyperText Makrup Language)

Menurut (Lestanti & Susana, 2016)” HTML adalah Bahasa pemrograman yang

fleksibel di mana kita bisa meletakkan scrip dari bahasa pemrograman lain seperti

JAVA,Visual Basic,C dan lain-lain. Jika HTML tersebut tidak dapat mendukung suatu

perintah pemrograman tertentu.Browser tidak akan menampilkan kotak dialog”Syntax

Error” jika terdapat penulisan kode yang keliru pada scrip HTML sepanjang kode-kode

yang kita tuliskan merupakan kode-kode HTML tanpa penambahan kode-kode dari luar

seperti java. Oleh karena itu,jika terjadi syntax error pada skrip HTML, efek yang paling

jelas adalah HTML tersebut tak akan ditampilkan pada halaman jendela browser”.

B. CSS (Cascading Style Sheets)

Menurut Raharjo dalam (Suprianta & Khoirun, 2015) “mengemukakan bahwa

“Cascading Style Sheet (CSS) adalah suatu bahasa yang bekerja sama dengan HTML

untuk mendefinisikan bagaimana suatu isi halaman web ditampilkan atau

dipresentasikan. Presentasi ini meliputi style atau gaya teks, link, maupun tata letak

(layout) halaman”.

12

C. PHP (PHP Hypertext Preprocessor)

Menuert (Suprianta & Eunike, 2016)” PHP (PHP Hypertext Preprocessor) adalah

script yang bersifat server-side yang ditambahkan ke dalam HTML. Script ini akan

membuat suatu aplikasi dapat diintegrasikan ke dalam HTML sehingga suatu halaman

web tidak lagi bersifat statis, namun menjadi bersifat dinamis”.

D. Java Script

Menurut Kadir dalam (Suprianta & Khoirun, 2015) “Java script adalah bahasa

skrip yang digunakan untuk mengontrol tindakan-tindakan yang diperlukan di halaman

web”.

Sedangkan menurut Raharjo dalam (Suprianta & Khoirun, 2015) “Java script

adalah bahasa yang berfungsi membuat skrip-skrip program yang dapat dikenal dan

dieksekusi oleh web browser dengan tujuan untuk menjadikan halaman web lebih

bersifat interaktif”.

2.3. Basis Data

A. PHPMyAdmin

Menurut (Mulyanto, Khasanah, Informasi, & Informatika, 2018) “phpMyAdmin adalah

suatu aplikasi Open Source yang berbasis web, aplikasi ini dibuat menggunakan program

PHP, fungsi dari aplikasi ini adalah untuk mengakses database MySQL”.

B. MySQL

Menurut Nugroho (Mulyanto et al., 2018) ““MySQL (My Structured Query

Languange) atau yang biasa dibaca mal-se-kuel adalah sebuah program pembuat dan

13

pengelola database atau yang sering disebut dengan DBMS (Database Management

System), sifat dari DBMS ini adalah Open Source”.

Dengan adanya aplikasi ini akan sangat mempermudah dan mempersingkat

kinerja dalam mengelola database MySQL.

MySQL merupakan program pengakses database yang bersifat jaringan, sehingga

dapat digunakan untuk aplikasi Multi User (banyak pengguna). Kelebihan lain dari

MySQL adalah menggunakan bahasa query (permintaan) standar SQL (Structured Query

Languange), SQL adalah suatu bahasa permintaan yang terstruktur.

2.3. Metode Pengembangan Perangkat Lunak

Menurut (Agus & Yulia, 2015) Adapun metode yang digunakan pada pengembangan

perangkat lunak ini menggunakan metode model waterfall yang terbagi menjadi beberapa

tahapan, yaitu:

1. Analisis Kebutuhan Perangkat Lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk mespesifikasikan

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 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

14

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 didokementasikan.

3. Pembuatan Kode Program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini

adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain.

4. Pengujian

Pengujian focus pada perangkat lunak secara dari segi logik dan fungsional dan

memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir

kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang

diinginkan.

5. 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 spesifikasi untuk perubahan perangkat lunak

yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.

15

2.4. Tools Program

A. XAMPP

Menurut (Agus & Yulia, 2015) “XAMPP adalah salah satu paket instalasi apache,

PHP, dan MySQL secara instant yang dapat digunakan untuk membantu proses instalasi

ketiga produk tersebut”.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas

program Apache HTTP Server, My SQL database, dan penerjemah bahasa yang ditulis

dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X

(empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia

dalam GNU General Public License dan bebas, merupakan web server yang mudah

digunakan yang dapat melayani tampilan halaman web yang dinamis.

B. Sublime Text 3

Menurut (Pasaribu et al., 2017) “Sublime Text Editor adalah editor teks untuk

berbagai bahasa pemograman termasuk pemograman PHP. Sublime Text Editor

merupakan editor text lintas platform dengan Python Application Programming Interface

(API)”.

Sublime Text Editor juga mendukung banyak bahasa pemrograman dan bahasa

markup, dan fungsinya dapat ditambah dengan plugin, dan Sublime Text Editor tanpa

lisensi perangkat lunak.

16

2.5. Teori pendukung

Teori pendukung berguna untuk memberikan penjelasan tentang bagaimana

fungsi dari suatu sistem informasi dapat bekerja dengan suatu logika yang digambarkan

dengan symbol-simbol. Beberapa pendukung yang penulis gunakan dalam merancang TA

sebagai berikut:

A. ERD (Entity Relationship Diagram)

Menurut Uus (2019 : 63) “menjelaskan bahwa ERD (Entity Relationship

Diagram) merupakan suatu model data yang di kembangkan berdasarkan objek”.

Proses memungkinkan analisis menghasilkan struktur basisdata yang baik

sehingga data dapat disimpan dan diambil secara efisien.

1. Entitas (Entity)

Entitas merupakan suatu objek nyata yang mampu dibedakan dengan yang lain.

Objek tersebut dapat berupa orang, benda ataupun hal yang lain. Entitas digambarkan

sebagai bentuk persegi panjang dengan nama entitas terletak didalamnya.

Entitas digolongkan menjadi independent atau dependent (dalam beberapa

metodologi, istilah yang digunakan adalah lemah dan kuat secara berturut-turut). Suatu

independent entity adalah apa yang tidak bersandar pada yang lain sebagai identifikasi.

Suatu dependent entity adalah apa yang bersandar pada yang lain sebagai indentifikasi.

Secara umum menurut jenisnya entitas dibagi menjadi dua:

17

a. Entitas Kuat (Strong Entity)

Entitas kuat adalah entitas yang dapat berdiri sendiri tanpa bantuan entitas yang

lain. Dengan kata lain entitas ini tidak bergantung dengan entitas yang lain atau

disebut juga dengan entitas induk.

b. Entitas Lemah (Weak Entity)

Entity lemah adalah entitas yang tidak dapat berdiri sendiri tanpa bantuan entitas

yang lain. Dengan kata lain entitas lemah merupakan buat pembentukan dari entitas

kuat, sehingga entitas lemah akan muncul setelah adanya entitas kuat.

2. Relasi

Relasi adalah hubungan alamiah yang terjadi antara satu atau lebih entitas,

misalnya proses pembayaran. Kardinalitas memerlukan kejadian suatu entitas untuk satu

kejadian pada entitas yang berhubungan.

Belah ketupat merupakan (relasi) antar entitas atau sering disebut dengan

kerelasian. Ada dua macam penggambaran relasi, yakin relasi kuat dan relasi lemah.

Relasi kuat biasanya untuk menghubungkan antar entitas yang kuat, sedangkan relasi

lemah untuk menghubungkan relasi lemah.

Ada 3 macam relasi menurut derajatnya:

a. Unary,relasi yang menghubungkan suatu entitas

b. Binary, relasi yang menghubungkan dua entitas.

c. Ternary, relasi yang menghubungkan lebih dari dua entitas.

Suatu relasi atau hubungan menyajikan asosiasi antara dua entitas atau lebih.

Hubungan digolongkan sesuai digree, connectivity, cardinality, and existence.

18

3. Atribut

Atribut adalah ciri umum semua atau sebagian besar instransi pada entitas

tertentu. Sebutan lain atribut adalah property, elemen data, dan field.

Atribut merupakan semua informasi yang berkaitan dengan entitas. Didalam

dunia pemrograman, atribut adalah property dari suatu objek. Secara umum property

dibagi menjadi beberapa macam, antara lain:

a. Atribut Sederhana (Simple Attribute)

Atribut sederhana adalah jenis atribut yang dinilai tidak dapat dibagi lagi menjadi

atribut yang lebih kecil. Jika atribut sederhana masih dibagi menjadi atribut yang

lebih mendasar lagi, nilai dari atribut akan berubah fungsinya.

b. Atribut Gabungan (Composite Attribute)

Atribut gabungan adalah jenis atribut yang nilainya bisa dipecah menjadi bagian

yang lebih kecil lagi. Atau juga bisa dikatakan atribut gabungan adalah atribut

yang terdiri dari beberapa atribut yang lebih kecil.

c. Atribut Bernilai Tunggal (Single Values Attribute)

Atribut bernilai tunggal adalah jenis atribut yang nilainya hanya satu dari suatu

entitas. Sebagai contoh adalah atribut tanggal lahir dari suatu entitas karyawan.

d. Atribut Bernilai Banyak (Multivalues Attribute)

Atribut bernilai banyak adalah jenis atribut yang nilainya lebih dari satu dalam

suatu entitas tertentu. Attribut ini fungsinya sama tetapi mempunyai banyak nilai.

e. Atribut Yang Harus Bernilai (Mondatory Attribute)

19

Atribut yang harus bernilai adalah jenis atribut yang ada nilainya atau tidak boleh

kosong. Dalam implementasi dalam table atribut tersebut mempunyai Constraint

not null. Tidak diizinkan untuk dikosongkan

f. Atribut Turunan (Derived Attribute)

Atribut turunan adalah jenis atribut yang nilainya diperoleh dari atribut yang lain.

Atribut ini nilainya akan bergantung oleh nilai atribut umur dari entitas karyawan.

g. Atribut Kunci (Key Attribute)

Atribut kunci adalah jenis atribut yang dijadikan pembeda antar baris (record) data

pada suatu entitas.

B. LRS (Logical Record Structure)

Menurut Kusrini (Abdussomad, 2018) “Model relasional adalah kumpulan tabel-

tabel untuk merepresentasikan data dan relasi antar data-data tersebut”.

Logical Record Structure berfungsi untuk mengetahui hubungan kardinalitas antar

entitas dengan menentukan kardinalitas, jumlah table dan Foreign Key.

Membentuk Logical Record Structure (LRS) berdasarkan Entity Relationship

Diagram (ERD):

a. Jika relasinya satu ke satu (One To One), maka foreign key diletakkan pada salah

satu dari dua entitas yang ada atau dengan menyatukan kedua entitas tersebut

b. Jika relasinya satu ke banyak (One To Many), maka foreign key diletakkan pada

entitas Many.

c. Jika relasinya banyak ke banyak (Many To Many), maka file disebut “file

connector” yang berisi dua foreign key yang berasal dari kedua entitas.

20

C. Pengujian

Menurut (Setiyawati, 2016) “Pengujian unit digunakan untuk menguji setiap modul

untuk menjamin setiap modul menjalankan fungsinya dengan baik. Ada dua metode untuk

melakukan Testing unit yaitu:

a. Black Box Testing

Pengujian yang dilakukan dengan menjalankan atau mengeksekusi unit sesuai

dengan proses sistem yang diinginkan. Bila ada unit yang berjalan tidak sesuai

outputnya maka untuk menyelesaikannya, diteruskan pada pengujian yang kedua,

yaitu white box

b. White Box Testing

Pengujian yang dilakukan dengan melihat ke dalam modul untuk meniliti kode-

kode program yang dibuat, dan menganalisis apakah ada kesalahan atau tidak.

Modul yang menghasilkan output yang tidak sesuai dengan proses bisnis yang

dilakukan pengecekan baris-baris program, variabel, dan parameter yang terlibat

pada unit tersebut satu per satu dan diperbaiki, kemudian di-compile lagi.