6
LANDASAN TEORI
2.1. Konsep Dasar Web A. Website
Situs web (website) adalah suatu halaman web yang saling berhubungan yang umumnya berada pada server yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi. Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL.
Menurut Solechul (2013:75) “Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik dikunjungi”.
Di dalam sebuah website, ada beberapa komponen pendukung agar sebuah
website dapat diakses oleh pemakai, diantaranya:
1. Internet
Interconnection network (internet) adalah sistem global dari seluruh jaringan
komputer yang saling terhubung. Internet berasal dari bahasa latin "inter" yang berarti "antara". Internet merupakan jaringan yang terdiri dari milyaran komputer yang ada di seluruh dunia.
Menurut Rachmat (2008:1) “Internet adalah jaringan komputer yang sangat luas, menjangkau seluruh dunia dan memungkinkan terjadinya pertukaran informasi/data”.
Menurut Solechul (2013:6) “Internet dapat diartikan sebagai jaringan komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari satu Negara ke Negara lain di seluruh dunia”.
Internet (kependekan dari interconnection-networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan standar 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.
2. World Wide Web (WWW)
WWW merupakan kumpulan website dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi.
WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan mengeklik pranala (hipertaut), maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.
3. Web Server
Pengertian Web server adalah sebuah software yang memberikan layanan berbasis data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada klien yang dikenal dengan nama web browser dan untuk mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web dan pada umumnya akan berbentuk dokumen HTML.
Server web atau peladen web dapat merujuk baik pada perangkat keras ataupun
perangkat lunak yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi HTTP atau HTTPS atas berkas-berkas yang terdapat pada suatu situs web dalam layanan ke pengguna dengan menggunakan aplikasi tertentu seperti peramban
web.
Menurut Ramadani (2010:2) “Webserver adalah server internet yang digunakan sebagai koneksi dan transfer data (HTML, asp, aspx, php, js dan lain sebagainya)”.
Dari pengertian diatas, dapat disimpulkan bahwa web server merupakan pelayan (pemberi layanan) bagi web client (browser) seperti Mozilla, Chrome,
Internet Explorer, Opera, Safari dan lain sebagainya, supaya browser dapat
menampilkan halaman atau data yang anda minta.
4. Browser/Web Browser
Pengertian browser adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server. Awalnya, web browser berorientasi pada teks dan belum dapat menampilkan gambar.
Namun, web browser sekarang tidak hanya menampilkan gambar dan teks saja, tetapi juga memutar file multimedia seperti video dan suara. Web browser juga dapat mengirim dan menerima email, mengelola HTML, sebagai input dan menjadikan halaman web sebagai hasil output yang informative.
Menurut Hans (2009:1) “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 World Wide Web (WWW) atau Local Area Network (LAN)”.
B. Konsep Dasar Sistem 1. Informasi
Informasi adalah hasil pengolahan data yang sudah dapat diterima oleh akal pikiran penerima informasi yang nantinya dapat digunakan untuk pengambilan keputusan. Informasi dapat berupa hasil gabungan, hasil analisa, hasil penyimpulan, dan juga hasil pengolahan sistem informasi komputerisasi.
Menurut Jimmy (2008:8) “Informasi adalah data yang sudah dibentuk dalam sebuah formulir bentuk yang bermanfaat dan dapat dipergunakan oleh manusia”.
Kusrini (2007:7) berpendapat bahwa informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berguna bagi pengguna.
Informasi juga merupakan keterangan atau bahan nyata yang dapat dijadikan dasar kajian analisis atau kesimpulan atau Informasi adalah data yang sudah diolah
menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ni atau mendukung sumber informasi.
2. Sistem Informasi
Sistem informasi adalah kumpulan informasi di dalam sebuah basis data menggunakan model dan media teknologi informasi digunakan di dalam pengambilan keputusan bisnis sebuah organisasi. Di dalam suatu organisasi, informasi merupakan sesuatu yang penting di dalam mendukung proses pengambilan keputusan oleh pihak manajemen. Sistem ini memanfaatkan perangkat keras dan perangkat lunak komputer, prosedur manual, model manajemen dan basis data.
Raymond (2008:28) mengatakan bahwa system informasi adalah sebuah system virtual; data mereka mencerminkan system fisik dari sebuah perusahaan.
Hanif (2007:9) mengatakan bahwa Sistem Informasi Manajemen (SIM) dapat didefinisikan sebagai suatu alat untuk untuk menyajikan informasi dengan cara sedemikian rupa sehingga bermanfaat bagi penerimanya.
Oleh karena itu dapat disimpulkan bahwa system informasi itu merupakan software penyedia informasi sistematis untuk pengambilan keputusan.
3. E-Commerce
Perdagangan melalui jaringan elektronik atau e-commerce didefinishikan sebagai aktifitas perdagangan melalui jaringan elektronik dengan menggunakan perangkat komputer untuk memudahkan semua operasi komputer. E-commerce
melibatkan satu atau lebih perusahaan, dan dapat diaplikasikan hampir disetiap jenis hubungan bisnis.
E-commerce mengizinkan produsen untuk menjual produk-produk dan jasa
secara online. Calon pelanggan atau konsumen dapat menemukan website produsen, membaca dan melihat produk-produk, memesan dan membayar produk-produk secara
online.
Perdagangan Elektronik (E-Commerce = electronic commerce) adalah bagian dari e-lifestyle yang memungkinkan transaksi jual beli dilakukan secara online dari sudut tempat mana pun (Hidayat, 2008:5).
E-Commerce juga dapat diartikan sebagai suatu proses berbisnis dengan
menggunakan teknologi elektronik yang menghubungkan antara perusahaan, konsumen dan masyarakat dalam bentuk transaksi elektronik dan pertukaran/penjualan barang, servis, dan informasi secara elektronik (Munawar, 2009:1).
Sedangkan pengertian E-Commerce (Perdagangan Elektronik) menurut Jony Wong (2010:33) adalah pembelian, penjualan dan pemasaran barang serta jasa melalui sistem elektronik. Seperti televisi, radio dan jaringan komputer atau internet.
Menurut Vermaat (2007:83) E-Commerce merupakan transaksi bisnis yang terjadi dalam jaringan elektronik seperti internet. Siapapun yang mempunyai jaringan internet dapat berpartisipasi dalam kegiatan E-Commerce.
2.2. Teori Pendukung A. Bahasa Pemrograman
1. HTML (Hypertext Markup Language)
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web.mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser.
Adapun fungsi HTML menurut Wahyu (2010:29) “Fungsi HTML dalam sebuah dokumen web adalah untuk mengatur struktur tampilan dokumen tersebut dan juga untuk menampilkan link atau sambungan ke halaman web lain yanga ada di internet”.
2. CSS (Cascading Style Sheets)
CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996.
Definisi CSS menurut Wahyu (2010:37) “CSS Cascading Style Sheets adalah suatu bahasa yang dikhususkan untuk mengatur gaya atau layout sebuah halaman
web. CSS digunakan oleh pembuat halaman web dan juga pengakses halaman web,
untuk mendefinisikan warna, huruf layout, dan aspek-aspek presentasi dokumen lainnya”.
Sedangkan fungsi dari CSS menurut Adhi (2014:252) “CSS adalah suatu teknologi yang digunakan untuk memperindah tampilan dalam halaman website (situs)”.
3. Javascript
JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client. Fungsi utama Javascript adalah untuk pengendalian tombol, dropdown, combobox dan elemen-elemen lain pada HTML agar memiliki efek tertentu.
Definisi Javascript menurut Hans (2009:110) “Javascript adalah teknologi
software yang dibutuhkan pada sebagian besar halaman web untuk tombol, form online dan konten lainnya supaya bisa berjalan dengan baik”.
B. Basis Data (Database)
Database atau basis data adalah kumpulan data yang disimpan secara sistematis di dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat lunak (program aplikasi) untuk menghasilkan informasi. Pendefinisian basis data meliputi spesifikasi berupa tipe data, struktur data dan juga batasan-batasan data yang akan disimpan. Basis data merupakan aspek yang sangat penting dalam sistem
informasi dimana basis data merupakan gudang penyimpanan data yang akan diolah lebih lanjut. Basis data menjadi penting karena dapat mengorganisasi data, menghidari duplikasi data, hubungan antar data yang tidak jelas dan juga update yang rumit.
Definisi database adalah sekumpulan data dan prosedur yang memiliki struktur sedemikian rupa sehingga mudah dalam menyimpan, mengatur dan menampilkan data (Diar, 2010:62).
1. ERD
ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD menggunakan notasi dan symbol untuk menggambar semua elemen yang berkaitan beserta koneksinya.
Definisi ERD menurut Kusrini (2007:99) “ERD merupakan notasi grafis dalam pemodelan konseptual yang mendeskripsikan hubungan antar penyimpanan”.
Kusrini (2007:99) juga berpendapat bahwa dengan ERD kita dapat menguji model dengan mengabaikan proses yang harus dilakukan.
ERD menggunakan 3 macam symbol, antara lain: A. Entitas (Entity)
Entitas adalah suatu objek yang dapat didefinisikan dalam lingkungan pemakai, sesuatu yang penting bagi pemakai dalam konteks sistem yang akan dibuat. Sebagai contoh pelanggan, pegawai dll. Entitas digambarkan dalam bentuk persegi empat.
Gambar II.1. Entity B. Attribut (Attribute)
Entitas mempunyai elemen yang disebut atribut, dan berfungsi mendekripsikan karakter dari entitas.. Setiap entity bisa memiliki banyak
attribute.
Gambar II.2. Entity Dengan Attribute
C. Hubungan/Relasi
Relasi adalah hubungan antara suatu himpunan dengan himpunan entitas yang lainnya. Relationship digambarkan dalam bentuk intan atau diamonds.
eBook eBook Kategori Judul Tahun SKU Harga
Gambar II.3. Relationship 2. Visual Studio .NET 2012
Microsoft Visual Studio merupakan sebuah perangkat lunak lengkap yang dapat
digunakan untuk melakukan pengembangan aplikasi, baik itu aplikasi bisnis, aplikasi personal, ataupun komponen aplikasinya, dalam bentuk aplikasi console, aplikasi
Windows, ataupun aplikasi Web.
Menurut Faizal (2009:1) “Visual Studio adalah Integrated Development
Environment (IDE) dari untuk membangun aplikasi console dan Graphical User Interface (GUI) dengan bahasa yang didukung pada .NET framework. Aplikasi GUI
eBook Kategori Judul Tahun SKU Harga Kategori Judul SKU Pelanggan Email Nama ID Pelanggan Beli
yang dapat dibangun diantaranya adalah Windows Form, Website, Web Application,
Windows Mobile ”.
3. IIS (Internet Information Services)
IS atau Internet Informationi Services adalah sebuah web server yang di gunakan dalam sistem operasi windows, yang berfungsi sebagai pendukung protocol TCP/IP yang berjalan dalam lapisan aplikasi jaringan komputer. IIS juga menjadi dasar dari platform Internet dan Intranet Microsoft. Versi terbaru IIS adalah 7.5 yang terdapat di Windows Server 2008 R2, sedangkan versi 7 terdapat di Windows Server
2008, Windows Vista dan Windows 7.
Definisi IIS menurut Iqbal (2008:3) “IIS atau Internet Information Services adalah sebuah HTTP web server seperti Apache yang digunakan dalam system operasi server Windows, mulai dari Windows NT 4.0 Server, Windows 2000 Server atau Windows 2003 Server”.
4. SQL Server 2008
SQL Server adalah sistem manajemen database relasional (RDBMS) yang
dirancang untuk aplikasi dengan arsitektur client/server.
Definisi SQL Server menurut Nugroho(2010:1) “SQL Server 2008 Express
Edition merupakan versi ringkas dari system basis data relasional (RDBMS-Relational Database Management System) SQL Server 2008 yang dapat diunduh
5. Struktur Navigasi
Menurut Sutopo (2007:245) ”Navigasi adalah struktur bagaimana halaman web dihubungkan dengan halaman lain”. Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat suatu aplikasi. Ada 4 (empat) macam bentuk dasar dari struktur navigasi yang biasa digunakan dalam proses pembuatan aplikasi, yaitu:
a. Struktur Navigasi Linear
Struktur navigasi ini hanya memiliki satu rangkaian cerita yang berurut, yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.
Sumber: Sutopo (2007:245)
Gambar II.4. Struktur Navigasi Linier b. Struktur Navigasi Non Linier
Struktur ini disebut juga struktur tidak berurut, merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur ini berbeda dengan
percabangan pada struktur navigasi hirarki karena pada percabangan ini walaupun terdapat percabangan, tetapi tiap–tiap tampilan punya kedudukan yang sama.
Sumber: Sutopo (2007:245)
Gambar II.5.
Struktur Navigasi Non Linear c. Struktur Navigasi Hirarki
Ada yang menganggap bentuk web pages hirarki merupakan cara yang paling mudah serta pemahaman logik yang mudah di terima. Organisasi hirarki memudahkan pembaca untuk mengetahui posisi dari struktur yang dibuat. Ciri utama struktur navigasi hirarki ini adalah memiliki percabangan dengan
slavepage-slavepagenya yang dapat kembali ke halaman utama. Bentuk Hirarki
merupakan bentuk peningkatan dari bentuk linier dengan menambahkan alternatif cabang. Cabang linier yang pertama disebut dengan cabang lintasan utama. Bentuk ini lebih kompleks dari bentuk linier. Struktur ini biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu.
Sumber: Sutopo (2007:245)
Gambar II.6. Struktur Navigasi Hirarki
d. Struktur Navigasi Campuran
Struktur ini merupakan gabungan dari ketiga struktur sebelumnya. Struktur navigasi ini juga biasa disebut navigasi bebas. Struktur ini banyak digunakan dalam pembuatan aplikasi multimedia, sehingga dapat memberikan keinteraksian yang lebih tinggi.
Sumber: Sutopo (2007:245)
Gambar II.7.
6. LRS (Logical Record Structure)
Kroenke (2012:76) mengemukakan bahwa “Logical Record Structure” (LRS) adalah representasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil relasi antar himpunan entitas. Dibentuk dengan nomor dan tipe record. Beberapa tipe record digambarkan oleh kotak empat persegi panjang dan dengan nama yang unik. Perbedaan LRS dan ERD adalah nama dan tipe record berada diluar
field tipe record di tempatkan. LRS terdiri dari link-link diantara tipe record. Link ini
menunjukkan arah dari satu tipe record lainnya.
Hasugian dan Shidiq (2012:608) memberikan batasan bahwa LRS adalah “sebuah model sistem yang digambarkan dengan sebuah diagram-ER akan mengikuti pola atau aturan permodelan tertentu dalam kaitanya dengan konvensi ke LRS”.
LRS (Logical Record Structure) Adalah representasi dari struktur
record-record pada tebel-tabel yang terbentuk dari hasil antar himpunan entitas. Menentukan
kardinalitas, jumlah table dan Foreign Key (FK) (Kusrini, 2007). Macam-macam LRS adalah:
a. One to One b. One to Many c. Many to Many
