8 BAB II LANDASAN TEORI 2.1. Konsep Dasar Web 2.1.1. Sistem Informasi 1. Sistem Menurut (Mulyani and Purnama, 2015) menjelaskan bahwa sistem sebagai berikut: Sistem adalah sebuah teknik penguraian sebuah sistem menjadi beberapa komponen-komponen dengan tujuan untuk mempelajari bagaimana komponen- komponen pembentuk sistem tersebut saling bekerja dan berinteraksi untuk mencapai tujuan sistem. Sedangkan analisis sistem adalah sebuah penelitian yang jelas yang bertujuan untuk membantu pembuat keputusan dalam membuat keputusan, sehingga tindakan ataupun keputusan yang diambil sesuai dengan kondisi yang sebenarnya. Menurut (Punjul, 2016) “Sistem merupakan suatu kumpulan dari komponen- komponen yang membentuk satu kesatuan”. Supaya sistem itu dikatakan sistem yang baik, maka (Hutahaean, 2015) menjelaskan beberapa karakteristik sistem sebagai berikut: a. Batasan Sistem Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem ini dipandang sebagai suatu kesatuan. Batasan suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut. b. Lingkungan luar sistem Lingkungan luar sistem adalah diluar dari batas sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap
24
Embed
BAB II LANDASAN TEORI - repository.bsi.ac.id · Apakah hubungan antara kata-kata dan arti yang diinginkan cukup jelas dan apakah ada kemungkinan salah tafsir. Setelah itu, maka dapat
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
8
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
2.1.1. Sistem Informasi
1. Sistem
Menurut (Mulyani and Purnama, 2015) menjelaskan bahwa sistem sebagai
berikut:
Sistem adalah sebuah teknik penguraian sebuah sistem menjadi beberapa
komponen-komponen dengan tujuan untuk mempelajari bagaimana komponen-
komponen pembentuk sistem tersebut saling bekerja dan berinteraksi untuk
mencapai tujuan sistem. Sedangkan analisis sistem adalah sebuah penelitian yang
jelas yang bertujuan untuk membantu pembuat keputusan dalam membuat
keputusan, sehingga tindakan ataupun keputusan yang diambil sesuai dengan
kondisi yang sebenarnya.
Menurut (Punjul, 2016) “Sistem merupakan suatu kumpulan dari komponen-
komponen yang membentuk satu kesatuan”. Supaya sistem itu dikatakan sistem yang
baik, maka (Hutahaean, 2015) menjelaskan beberapa karakteristik sistem sebagai
berikut:
a. Batasan Sistem
Batasan sistem merupakan daerah yang membatasi antara suatu sistem
dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini
memungkinkan suatu sistem ini dipandang sebagai suatu kesatuan. Batasan
suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
b. Lingkungan luar sistem
Lingkungan luar sistem adalah diluar dari batas sistem yang mempengaruhi
operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap
9
dijaga dan yang merugikan yang harus dijaga dan dikendalikan, kalau tidak
akan mengganggu kelangsungan hidup dari sistem.
c. Penghubung sistem
Penghubung sistem merupakan media penghubung antara satu subsistem
dengan subsistem lainnya. Melalui penghubung ini memungkinkan sumber-
sumber daya mengalir dari subsistem ke subsistem lain.
d. Masukkan sistem
Masukkan adalah energi yang dimasukkan kedalam sistem, yang dapat
berupa perawatan (maintenanceinput), dan masukkan sinyal (signalinput).
Maintenanceinput adalah energi yang dimasukkan agar dapat beroperasi.
Signalinput adalah energi yang diproses untuk mendapatkan keluaran.
Contoh dalam sistem komputer program adalah maintenanceinput sedangkan
data adalah signalinput untuk diolah menjaadi sistem informasi.
e. Keluaran Sistem
Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan
menjadi keluaran yang berguna dan sisa pembuangan. Contoh komputer
menghasilkan panas yang merupakan sisa pembuangan, sedangkan informasi
adalah keluaran yang dibutuhkan.
f. Pengolah sistem
Suatu sistem menjadi bagian pengolah yang akan merubah masukkan
menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi
bahan jadi, sistem akuntansi akan mengolah menjadi laporan-laporan
keuangan.
10
g. Sasaran Sistem
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Sasaran
dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran
yang akan dihasilkan sistem. Dapat disimpulkan bahwa sistem adalah suatu
konsep yang dapat menjadi penentu kelancaran suatu proses manajemen.
2. Informasi
Menurut (Kesuma dan Kholifah, 2018) “Informasi merupakan data yang sudah
diolah yang ditujukan untuk seseorang, organisasi ataupun siapa saja yang
membutuhkan. Informasi akan menjadi berguna apabila objek yang menerima
informasi membutuhkan informasi tersebut”. Sedangkan menurut (Pramesta, 2016)
“Informasi adalah data yang telah diproses, atau data yang memiliki arti”.
Menurut (Hutahaean, 2016) menjelaskan bahwa kegunaan informasi bergantung
pada hal-hal sebagai berikut:
a. Tujuan Si Penerima
Bila tujuannya untuk memberi bantuan, maka informasi itu harus membantu
si penerima dalam apa yang ia usahakan untuk memperolehnya.
b. Ketelitian penyampaian dan pengilahan data
Dalam menyampaikan dan mengolah data, inti dan pentingnya informasi
harus dipertahankan.
c. Waktu
Apakah informasi itu masih up to date?
d. Ruang atau Tempat
Apakah informasi itu tersedia dalam ruangan atau tempat yang tepat?
11
e. Bentuk
Dapatkah informasi itu digunakan secara efeltif. Apakah informasi itu
menunjukkan hubungan-hubungan yang diperlukan, bidang-bidang yang
memerlukan perhatian manajemen? dan apakah informasi itu menekan
situasi-situasi yang ada hubungannya.
f. Semantik
Apakah hubungan antara kata-kata dan arti yang diinginkan cukup jelas dan
apakah ada kemungkinan salah tafsir. Setelah itu, maka dapat disimpulkan
bahwa informasi merupakan suatu berita atau data atau kabar yang dikemas
dalam bentuk penyampaian berbentuk tulisan maupun verbal.
3. Sistem Informasi
Sistem Informasi merupakan kesatuan elemen-elemen yang saling berinteraksi
secara sistematis dan teratur untuk menciptakan dan membentuk aliran informasi
yang akan mendukung pembuatan keputusan dan melakukan kontrol terhadap
jalannya perusahaan (Amrin, 2017).
Menurut (Pramesta, 2016) “Sistem Informasi adalah sekumpulan komponen yang
saling bekerja sama, yang digunakan untuk mencatat data, mengolah data dan
menyajikan informasi untuk para pembuat keputusan agar dapat membuat keputusan
dengan baik”.
Tujuan dari sistem informasi adalah untuk menyajikan informasi guna
pengambilan keputusan pada perencanaan, pemrakarsaan, pengorganisasian,
pengendalian kegiatan operasi subsistem suatu perusahaan dan menyajikan sinergi
organisasi pada proses (Pramesta, 2016).
12
(Hutahaean, 2016) menjelaskan bahwa sistem informasi terdiri dari komponen-
komponen yang disebut dengan istilah blok bangunan (building block) yaitu:
a. Blok Masukan (Input Block)
Input mewakili data yang masuk ke dalam sistem informasi. Input disini
termasuk metode-metode dan media yang digunakan untuk menangkap data
yang akan dimasukkan, yang dapat berupa dokumen dasar.
b. Blok Model (Model Block)
Blok ini terdiri dari kombinasi prosedur, logika dan metode matematik yang
akan memanipulasi data input dan data yang tersimpan di basis data dengan
cara yang sudah tertentu untuk menghasilkan keluaran yang sudah
diinginkan.
c. Blok Keluaran (Output Block)
Produk dari sistem informasi adalah keluaran yang merupakan informasi
yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan
manajemen serta semua pemakai sistem.
d. Blok Teknologi (Technologi Block)
Teknologi digunakan untuk menerima input menjalankan model, menyimpan
dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu
pengendalian diri secara keseluruhan.
Teknologi terdiri dari unsur utama:
1) Teknisi (human ware atau brainware)
2) Perangkat Lunak (Software)
3) Perangkat keras (hardware)
e. Blok Basis Data (Database block)
13
Merupakan kumpulan dari data yang saling berhubungan satu sama lainnya,
tersimpan diperangkat keras komputer dan digunakan perangkat lunak untuk
memanipulasinya.
f. Blok Kendali (Control Blok)
Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam,
api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem
itu sendiri, kesalahan-kesalahan, ketidak-efisiensinan, sabotase dan
sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk
meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau
bila terlanjur terjadi kesalahan dapat langsung diatasi.
Dapat disimpulkan bahwa sistem informasi merupakan suatu konsep dari informasi
atau data yang diatur dalam suatu rangkaian yang sistematis dan struktur untuk
memudahkan dalam pencarian dan pengelompokan data.
2.1.2. Website
1. Internet
Menurut (Anhar, 2016) mengatakan bahwa Internet adalah:
Jaringan atau sistem pada jaringan komputer yang saling berhubungan
(terhubung) dengan menggunakan Sistem Global Transmission Control
Protocol/Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket
(packet switching communication protocol) untuk melayani miliaran pengguna di
seluruh dunia. Internet juga biasa dikenal sebagai interconnected-networking
(singkatan internet). Internet berasal dari bahassa latin, yaitu "Inter" yang
memiliki arti "Antara". Jadi, apabila digabungkan kata per kata internet adalah
jaringan antara atau penghubung. Internet dapat diartikan sebagai jaringan
komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai
komputer dari suatu negara ke negara lain di seluruh dunia, dimana didalamnya
terdapat berbagai sumber daya informasi dari mulai yang statis hingga yang
dinamis dan interaktif.
14
2. Website
Website menurut Bekti (2015:35) merupakan “kumpulan halaman-halaman yang
digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi,
suara, dan atau 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”.
Website dalam Jurnal (Sutrisno dan Ningsih, 2018) adalah “kumpulan halaman
web yang saling terhubung. Web memiliki beberapa page atau halaman”. Pada
dasarnya setiap halaman dinamakan homepage yang dibawahnya terdapat childpage
yang berisi hyperlink ke halaman lain dalam web. Website yang dapat diakses oleh
publik secara kolektif merupakan World Wide Web. World Wide Web atau WWW
adalah suatu ruang informasi yang digunakan oleh pengenal global yang disebut
Identifikator Sumber Seragam untuk mengenal secara pasti sumber daya yang
berguna. WWW adalah bagian dari internet.
Website menurut Hikmah, dkk (2015:1) merupakan “kumpulan halaman yang
digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi,
suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis
yang membentuk satu rangkaian bangunan yang saling terkait masing-masing
dihubungkan dengan jaringan-jaringan halaman”.
Selain itu, ada beberapa macam website yaitu:
a. Website Statis
Website Statis merupakan web yang halamannya tidak berubah, biasanya
hanya melakukan perubahan dilakukan secara manual dengan mengubah
kode. Website statis informasinya merupakan informasi satu arah, yakni
15
hanya berasal dari pemilik software nya saja, hanya bisa di perbaharui oleh
pemiliknya saja. Contoh website statis ini, yaitu profil perusahaan.
Website statis adalah suatu website yang memiliki halaman yang tidak
berubah. Maksudnya untuk melakukan sebuah perubahan pada suatu halaman
hanya dapat dilakukan secara manual, yaitu dengan mengedit kode-kode yang
menjadi struktur dari website itu sendiri.
(Surahman, 2016) mengemukakan bahwa:
Website statis merupakan jenis website yang penggunanya tidak bisa mengubah
konten (isi informasi) dari Web tersebut secara langsung melalui browser. Interaksi
yang terjadi antara pengguna dan server hanyalah seputas pemrosesan pembacaan
script dan eksekusi hyperlink saja. Contoh website statis: liputan6.com, detik.com,
facebook.com.
b. Website Dinamis
Merupakan web yang halaman selalu update, biasanya terdapat halaman
backend (halaman administrator) yang digunakan untuk menambah atau
mengubah konten. Web dinamis membutuhkan database untuk menyimpan.
Website dinamis mempunyai arus informasi dua arah, yakni berasal dari
pengguna dan pemilik, sehingga pengupdate-an dapat dilakukan oleh
pengguna dan juga pemilik website. (Surahman, 2016) mengemukakan
bahwa:
website Dinamis merupakan jenis website yang memungkinkan terjadi komunikasi
antara pengguna dengan server. Seorang pengguna dapat mengubah konten (isi
informasi) dari halaman tertentu melalui browser. Eksekusi data dimasukkan melalui
panel-panel CMS yang sudah disediakan untuk kebutuhan update data konten
website. Contoh web dinamis: epson.com, stmik-cikarang.com.
3. Aplikasi berbasis Web
(Kesuma dan Kholifah, 2018) mengemukakan bahwa:
16
Dalam ilmu komputer, aplikasi berbasis web (web based application, web
apps) adalah aplikasi perangkat lunak client-server di mana klien (atau user
interface) berjalan di web browser. Aplikasinya sendiri disimpan disebuah
web server, begitunya data-data disimpan di database server. Aplikasi
berbasis web memudahkan pengembang karena aplikasi ini dapat berjalan di
berbagai platform sistem operasi. Tentu saja karena dijalankan melalui web
browser. Oleh karena itu aplikasi dapat dijalankan di sistem berbasis
Windows, Linux atau Mac. Aplikasi web biasanya menggunakan kombinasi
skrip server sisi (sever sides script) seperti PHP atau ASP. Dan skrip sisi
klien (cient side scrip) seperti HTML dan Javacsript. Penggunaan skrip sisi
klien berkaitan dengan penyajian informasi sementara skrip sisi server
berhubungan dengan pengolahan data.
Dari pengertian diatas, maka web server dapat dianalogikan sebagai perangkat
tersendiri yang menampung basis data dari aplikasi yang telah dirancang dan dapat
diakses maupun diolah oleh administrator secara real time dari manapun. Contoh
web server yang populer saat ini adalah Microsoft windows server 2013, Zeus web
server dan apache tomcat.
4. Web Browser
Menurut (Susanti, 2016) Web browser adalah “program untuk menampilkan
halaman yang berbentuk kode HTML. Semua halaman web ditulis dengan bahasa
HTML (Hypertext Mark Up Language)”. Walaupun beberapa file mempunyai
ekstensi yang berbeda (contoh: .html, .php, .php3), output file-file tersebut tetap
HTML. HTML adalah medium yang selalu dikirimkan ke web browser baik halaman
itu berupa halaman statis, sebuah script (seperti PHP), ataupun yang dibuat oleh
program CGI (Common Gateway Interface).
Menurut (Wijayanto,dkk.,2018) “Web browser adalah program yang dijalankan
dan digunakan pada komputer untuk mengakses halaman web. Web browser
merupakan lawan kata dari web server. Contoh browser yang populer saat ini adalah
Google Chrome, Mozilla Firefox, Microsoft Edge, Internet Explorer dan masih
banyak lagi”.
17
Sumber: (Wijayanto,dkk.,2018)
Gambar II.1. Contoh Web Browser Google Chrome
5. Web Server
Menurut (Wijayanto,dkk.,2018) WebServer memiliki pengertian dari dua sisi,
yaitu:
a. Hardware, Web Server merupakan tempat untuk menyimpan file-file website
seperti html, images, css, javascript, php, dan lain – lain.
b. Software, webserver merupakan komponen-komponen yang mengatur
bagaimana user dapat mengakses file yang disimpan pada server (hostedfile).
WebServer harus memenuhi standar minimal yaitu mampu mengenali URL
(alamat web) dan HTTP (protokol browser yang digunakan untuk
menampilkan halaman web).
18
Sumber: (Wijayanto,dkk.,2018)
Gambar II.2. Cara Kerja Web Server
2.1.3. Bahasa Pemrograman
Bahasa pemrograman yang digunakan dalam sistem informasi Simpan Pinjam
pada KPRI “Sejahtera” diantaranya adalah sebagai berikut:
1. Page Hipertext Preprocessor (PHP)
PHP yang merupakan singkatan dari Page Hipertext Preprocessor Merupakan
bahasa skrip yang tertanam dalam HTML untuk eksekusi bersifat server-side
(Hidayatullah, 2015). Sedangkan menurut Setiawan dalam jurnal (Kesuma and
Kholifah, 2019) “Hypertext preprocessor merupakan bahasa scripting tingkat tinggi
yang dipasang pada dokumen HTML”.
PHP termasuk bahas program yang hanya bisa berjalan disisi server, atau sering
disebut Side Server Language. Jadi, program yang dibuat dengan kode PHP tidak
bisa berjalan kecuali dijalankan pada server web. Salah satu web server yang bisa
dipakai dan gratis (free) adalah Apache karena berbasis web, artinya pengguna web
bisa melihat hasilnya dengan menjalankannya dari web browser seperti; Internet
Explorer (IE), Mozila Firefox, Chroom atau browser populer lainnya.
PHP (Hypertext Preprocessor) merupakan bahasa skrip yang dapat ditanamkan
atau disisipkan kedalam HTML/PHP banyak dipakai untuk membuat situs web
dinamis. PHP dapat juga digunakan untuk membangun sebuah CMS. Sebagian besar
sintaks mirip dengan bahasa C, Java, dan Perl, ditambah beberapa fungsi PHP yang
spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan
perancang dan menulis halaman web menjadi dinamis dengan cepat.
19
Sumber : (Budiono, 2014)
Gambar II.3. Contoh Latihan
Sumber : (Budiono, 2014)
Gambar II.4. Contoh Hasil Penulisan PHP
2. HyperText Markup Language (HTML)
HTML merupakan bahasa yang dikenali oleh web browser untuk menampilkan
informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa. HTML 5
merupakan versi terbaru yang merupakan kelanjutan dari HTML 4.01 dan XHTML
20
1.1. HTML 5 dibuat untuk proses coding yang lebih mudah dan logis (Saifudin,
2016).
Disebut Markup Leanguage karena script HTML menggunakan tanda (dalam bahasa
inggris disebut ‘mark’) untuk menandai bagian-bagian dari teks agar teks itu
mempunyai tampilan atau fungsi tertentu. Sebagai contoh, teks yang berada diantara
tanda (mark) tertentu akan menjadi tebal, miring dan berwarna merah. Dan jika
berada diantara tanda lainnya, maka akan membuat teks tersebut menjadi sebuah link
yang dapat di-klik. Dalam praktiknya nanti, tanda atau mark tersebut disebut dengan
istilah tag (Enterprise, 2016).
Sumber: (budiono,2014)
Gambar II.5. Pengujian HTML
3. Cascading Style Sheet (CSS)
CSS menurut (Bekti, 2015) didefinisikan sebagai “cascading style sheet” (CSS)
merupakan salah satu Bahasa pemrograman web yang digunakan untuk
mempercantik halaman web dan mengendalikan beberapa komponen dalam sebuah
web sehingga akan lebih terstruktur dan seragam”.
Ada dua cara yang bisa diterapkan untuk menggunakan CSS pada web. Cara yang
pertama dengan membuat CSS langsung di dalam satu file HTML (internal / inline
21
stylesheet). Cara yang kedua dengan memanggil CSS tersebut dari file CSS tersendiri