BAB 2

TINJAUAN PUSTAKA

2.1

Intranet Menurut Connolly (2015, pp. 1050), intranet merupakan sebuah website atau kumpulan situs-situs milik sebuah organisasi yang hanya bisa diakses oleh anggota dari organisasi tersebut. Pada umumnya, intranet terhubung ke internet publik yang lebih luas melalui firewall, dengan pembatasan yang diberlakukan pada jenis informasi yang dapat masuk dan keluar dari intranet. Sebagai contoh, staf diperbolehkan untuk menggunakan email eksternal dan mengakses website eksternal, tetapi orang-orang di luar organisasi mungkin terbatas untuk mengirim email ke dalam organisasi dan dilarang untuk melihat halaman web apapun yang berada di intranet.

2.2

Database Menurut Connolly (2015, pp. 63), database adalah sebuah kumpulan data yang berelasi secara logika dan deskripsinya yang didesain untuk mencukupi kebutuhan organisasi.

2.2.1 Manfaat Database Menurut Kusrini (2007, pp. 5), banyak manfaat yang dapat diperoleh dalam menggunakan database. Manfaat database diantaranya adalah: -

Kecepatan dan Kemudahan (speed) Melalui penggunaan database, pengambilan informasi lebih cepat dan mudah. Database dapat mengelompokkan, mengurutkan bahkan dapat melakukan perhitungan dengan matematika. Jika melakukan peracangan dengan benar, maka informasi dapat diatur dengan cepat dan mudah.

7

8 -

Kebersamaan Pemakai (sharability) Satu database dapat digunakan oleh banyak user dan aplikasi. Sehingga, jika banyak bagian yang memerlukan satu data yang sama tidak perlu membuat data yang sama berulang tetapi bisa menggunakan database yang sama.

-

Pemusatan Kontrol Data Pengontrolan data cukup dilakukan hanya pada satu tempat saja, karena database yang dibuat dari beberapa keperluan hanya satu saja.

-

Efisiensi Ruang Penyimpanan (space) Karena pemakaian database digunakan secara bersama, maka tidak perlu menyimpan data di banyak tempat sehingga menghemat ruang penyimpanan yang dimiliki oleh sebuah organisasi.

-

Keakuratan (accuracy) Dengan menggunakan aturan tipe data, keunikan data, hubungan antar data, dan lain-lain, dapat membantu keakuratan dalam pemasukan/penyimpanan data.

-

Keamanan (security) Database dapat diberikan password untuk membatasi hak akses pengguna sehingga informasi yang ada di dalam database aman.

-

User View Database dapat menyediakan pandangan yang berbeda-beda untuk setiap penggunanya.

2.2.2

DBMS Menurut Connolly (2015, pp. 64), sistem manajemen database (Database Management System) adalah sistem software yang memungkinkan pengguna untuk mendeskripsikan, memelihara, dan mengontrol akses ke database.

9

2.2.3 SQL Menurut Connolly (2015, pp. 192), Structured Query Language (SQL) merupakan contoh dari bahasa transform-oriented, atau bahasa yang dirancang untuk menggunakan hubungan yang mengubah input menjadi output yang digunakan.

2.2.3.1

DDL Menurut Connolly (2015, pp. 90), Data Definition Language (DDL) adalah bahasa yang memungkinkan pengguna untuk mendeskripsikan dan memberi nama entitas, atribut dan hubungan yang dibutuhkan untuk aplikasi, berserta integritas yang berkaitan dan kendala keamanan. Fungsi – fungsi yang terdapat di dalam DDL adalah: a. CREATE: untuk membuat obyek dalam database. b. ALTER: untuk memodifikasi obyek dalam database. c. DROP: untuk menghapus obyek dalam database.

2.2.3.2

DML Menurut Connolly (2015, pp. 90), Data Manipulation Language (DML) adalah bahasa yang menyediakan sekumpulan operasi untuk mendukung operasi manipulasi data dasar pada data yang ada di dalam database. Fungsi – fungsi yang terdapat dalam DML adalah: a. SELECT: untuk mengambil data dari database. b. INSERT: untuk menambahkan data ke dalam database. c. UPDATE: untuk memodifikasi data dalam database. d. DELETE: untuk menghapus data dari database.

10 2.2.4

Database System Development Lifecycle (DSDLC) Menurut Connoly dan Begg (2015, pp. 347-369), tahapan dari siklus pengembangan sistem database adalah sebagai berikut:

Gambar 2.1 Diagram DSDLC

1. Database Planning Database

Planning

adalah

aktivitas

manajemen

yang

memungkinkan siklus pengembangan sistem database untuk direalisasikan seefisien dan seefektif mungkin. 2. System Definition System Definition mendeskripsikan cakupan dan batasan dari sistem database dan sudut pandang pengguna yang utama.

11 3. Requirements Collection and Analysis Requirements Collection and Analysis merupakan proses dari pengumpulan dan analisis informasi mengenai bagian dari organisasi yang akan didukung oleh sistem database, dan menggunakan informasi itu untuk mengidentifikasi kebutuhan dari sistem yang baru. Informasi yang di kumpulkan untuk user view utama meliputi : -

Deskripsi data yang digunakan atau dihasilkan.

-

Detail mengenai bagaimana data tersebut dapat digunakan atau dihasilkan.

-

Beberapa kebutuhan tambahan untuk sistem database yang baru.

4. Database Design Database Design merupakan proses dalam membuat perancangan yang akan mendukung pernyataan misi dari perusahaan dan tujuan misi untuk sistem database yang dibutuhkan. 4.1 Approaches to Database Design Ada beberapa pendekatan yang dapat digunakan dalam mendesain database, yaitu: a. Bottom-up Pendekatan yang dimulai dari level dasar atribut (property entitas dan hubungan), menganalisa hubungan antara attribut, mengelompokannya dalam suatu relasi yang menggambarkan tipe tipe dan hubungan antar entitas. b. Top-Down Pendekatan dapat diilustrasikan menggunakan konsep Entity-Relationship (ER) model, lalu mengidentifikasikan entitas, dan hubungan antara entitas. Pendekatan ini sesuai bagi data yang kompleks.

12 c. Inside-out Berhubungan dengan pendekatan bottom-up, tetapi sedikit berbeda dengan identifikasi awal entitas utama dan kemudian menyebar ke entitas, hubungan, dan atribut lainnya yang lebih dahulu telah diidentifikasi. d. Mixed Pendekatan yang menggunakan bottom-up dan top-down untuk berbagi yang berbeda sebelum pada akhirnya di gabungkan. 4.2 Data Modeling Terdapat dua kegunaan dari model data, yaitu: 1. Membantu dalam memahami arti (semantic) dari kata. 2. Memfasilitasi komunikasi mengenai informasi yang dibutuhkan. 4.3 Phases of Database Design Perancangan database dibuat dalam tiga tahapan utama,yaitu: 1. Perancangan database conceptual Conceptual Database Design adalah proses dalam membangun model data yang digunakan pada sebuah perusahaan, tanpa pertimbangan fisik. Menurut Connolly (2015, pp. 506), langkah-langkah dalam pembuatan Conceptual Database Design, adalah: 1. Mengidentifikasi tipe entitas 2. Mengidentifikasi tipe relasi 3. Mengidentifikasi dan menghubungkan atribut dengan tipe entitas atau tipe relasi 4. Menentukan domain atribut 5. Menentukan atribut candidate, primary, dan alternate key 6. Mempertimbangkan penggunaan konsep enhanced modeling (opsional) 7. Pengecekan redudansi pada model

13 8. Memvalidasi conceptual data model terhadap transaksi pengguna 9. Memeriksa ulang data model dengan pengguna 2. Perancangan database logical Logical Database Design adalah proses dalam membangun model data yang digunakan pada sebuah perusahaan berdasarkan model data yang spesifik, tetapi terbebas dari DBMS tertentu dan pertimbangan fisik lainnya. Menurut Connolly (2015, pp. 506), langkah-langkah dalam pembuatan Logical Database Design, adalah: 1. Membentuk relasi untuk model data logikal 2. Memvalidasi relasi menggunakan normalisasi 3. Memvalidasi relasi terhadap transaksi pengguna 4. Pengecekan integrity constraint 5. Memeriksa ulang model data logikal dengan pengguna 6. Menggabungkan model data logikal ke model data global (langkah opsional) 7. Pengecekan Perkembangan di masa depan 3. Perancangan database physical Physical

Database

Design

adalah

proses

dalam

menghasilkan deskripsi dari penerapan database pada tempat penyimpanan sekunder, hal ini menggambarkan relasi dasar, organisasi file, dan indeks untuk mencapai akses data yang efisien dan berkaitan dengan kendala integritas dan tingkat keamanan. Menurut Connolly (2015, pp. 506-507), langkah-langkah perancangan Physical Database adalah sebagai berikut: 1. Menerjemah model logical data untuk target DBMS a. Mendesain relasi-relasi dasar b. Mendesain representasi dari derived data

14 c. Merancang kendala umum 2. Mendesain organisasi berkas dan indeks a. Analisa transaksi b. Memilih organisasi berkas c. Memilih indeks d. Memperkirakan kebutuhan disk space 3. Mendesain user views 4. Mendesain mekanisme keamanan 5. Mempertimbangkan

pengenalan

dari

redudansi

terkontrol 6. Memonitor dan menyesuaikan sistem operasional 5. DBMS Selection DBMS Selection merupakan tahapan untuk memilih DBMS yang sesuai untuk mendukung sistem database yang dilakukan pada tahap konseptual dan logikal. Terdapat tahapan-tahapan utama untuk memilih DBMS: 1. Menggambarkan cakupan tugas berdasarkan kebutuhan perusahaan. 2. Membuat perbandingan mengenai dua atau tiga produk. 3. Melakukan evaluasi produk-produk DBMS yang dipilih. 4. Merekomendasikan pemilihan DBMS dan membuat laporan hasil evaluasi produk-produk DBMS. 6. Application Design Application Design merupakan tahap merancang antar muka pengguna dan program aplikasi yang menggunakan proses database. 7. Prototyping Prototyping adalah pembuatan model kerja dari sistem database. Sebuah prototype adalah model kerja yang biasanya tidak memiliki semua fitur yang dibutuhkan atau fungsi yang diinginkan oleh pengguna pada sistem akhir. Tujuan utama dari mengembangkan sebuah prototype sistem database adalah

15 memungkinkan pengguna untuk mengidentifikasi fitur-fitur dari sistem yang dirasakan sudah baik atau masih ada yang kurang. Pengguna juga dapat memberikan saran perbaikan atau bahkan fitur-fitur baru pada aplikasi database sehingga perancang dapat mengevaluasi kembali. 8. Implementation Implementation merupakan relasi fisik dari database dan perancangan aplikasi. Implementation database dapat dilakukan dengan beberapa cara: 1. DDL digunakan untuk membuat struktur database dan berkas database kosong. 2. DDL

membuat

suatu

sudut

pandang

pengguna

yang

diinginkan. 3. 3GL (Third Generation Language) dan 4GL (Fourth Generation Language) untuk membuat program aplikasi. Termasuk juga transaksi database yang diimplementasikan dengan menggunakan DML. 9. Data Conversion and Loading Data Conversion and Loading merupakan pemindahan yang ada ke dalam database yang baru dan mengkonversi aplikasi yang ada agar dapat digunakan pada database yang baru. 10. Testing Testing merupakan proses menjalankan sistem database dengan tujuan menemukan kesalahan. 11. Operational Maintenance Operational Maintenance merupakan proses pemantauan dan pemeliharaan sistem database berikut instalasi.

16 2.2.5

Entity – Relationship Modelling Menurut Connolly (2015, pp. 405), Entity - Relationship Modeling adalah pendekatan top-down ke perancangan database yang dimulai dengan mengidentifikasi data yang penting yang disebut entitas dan hubungan antara data harus digambarkan dalam model. Menurut Wahana Komputer (2010, pp. 30), Entity merupakan sebuah obyek yang dapat dibedakan dengan obyek lainnya. Obyek tersebut dapat memiliki komponen-komponen data (atribut atau field) yang membuatnya dapat dibedakan dari obyek yang lain. Pada dunia database entity memiliki atribut yang menjelaskan karakteristik dari entity tersebut.

2.2.5.1

ERD Menurut Wahana Komputer (2010, pp. 30), ERD (Entity Relationship Diagram) adalah sebuah diagram yang secara konseptual memetakan hubungan antar penyimpanan pada diagram

DFD.

ERD

digunakan

untuk

melakukan

permodelan terhadap struktur data dan hubungannya. Penggunaan ERD ini dilakukan untuk mengurangi tingkat kerumitan penyusunan sebuah database yang baik.

2.2.5.2

Atribut Menurut Connolly (2015, pp. 413-415), attribute adalah sebuah properti dari sebuah entitas atau sebuah jenis hubungan. Berikut beberapa atribut: -

Simple Attributes dan Composite Attributes Simple Attributes adalah sebuah atribut yang tersusun dari satu komponen yang keberadaannya tidak bergantung. Composite Attributes merupakan sebuah atribut yang tersusun atas banyak komponen yang setiap atributnya keberadaannya berdiri sendiri.

17 -

Single-Valued dan Multi-Valued Attributes Single-Valued adalah sebuah atribut yang memegang sebuah nilai untuk setiap kemunculan dari tipe entitas. Multi-Valued Attributes adalah sebuah atribut yang memegang banyak nilai untuk setiap kemunculan dari tipe entitas.

-

Derived attribute Derived

attribute

adalah

sebuah

atribut

yang

merepresentasikan sebuah nilai yang diturunkan dari nilai berkaitan atribut atau kumpulan dari atribut, belum tentu tipe entitas sama.

2.2.6 Relational Keys Menurut Connolly (2015, pp. 158-159), terdapat beberapa jenis keys, yaitu: -

Candidate key Candidate key adalah jumlah minimal atribut – atribut dimana secara unik mengidentifikasi setiap kejadian dari sebuah tipe entitas.

-

Primary key Primary

key

adalah

candidate

key

yang

dipilih

untuk

mengindentifikasikan setiap kejadian dari suatu entitas secara unik. Candidate keys yang tidak dipilih sebagai primary key menjadi alternate keys. -

Foreign key Foreign key adalah atribut yang menghubungkan primary key dengan atribut yang terdapat pada tipe entitas lain.

2.2.7 Tipe Entitas Strong dan Weak Menurut Connolly (2015, pp. 417), jenis entitas tergolong menjadi strong dan weak.

18 -

Strong Suatu entitas disebut sebagai entitas strong jika keberadaannya tidak bergantung pada keberadaan jenis entitas lain. Karakteristik jenis entitas strong adalah pada setiap kejadian entitas dapat diidentifikasi secara unik dengan menggunakan atribut primary key dari entitas tersebut.

-

Weak Entitas weak adalah jenis entitas yang keberadaannya bergantung dengan jenis entitas lainnya. Karakteristiknya adalah setiap kejadian entitas tidak dapat diidentifikasi secara unik hanya dengan menggunakan atribut yang terkait dengan jenis entitas tersebut.

2.2.8

Multiplicity Menurut

Connolly

(2015,

pp.

419-423),

multiplicity

merupakan jumlah atau jarak pada kemungkinan kejadian dari suatu entitas yang mungkin berhubungan dengan sebuah kejadian dari suatu entitas yang terkait melalui hubungan tertentu. Terdapat 3 jenis hubungan, yaitu: -

Hubungan one-to-one (1:1)

Gambar 2.2 Contoh Hubungan One-to-one

19

-

Hubungan one-to-many (1:*)

Gambar 2.3 Contoh hubungan one-to-many

-

Hubungan many-to-many (*:*)

Gambar 2.4 Contoh hubungan many-to-many

2.2.9 DFD Menurut ISRD Group (2007, pp. 165-166), Data Flow Diagram (DFD) menggambarkan bagian dari data yang melewati sebuah sistem. Data Flow Diagram digunakan untuk menekankan aliran logical dari data yang melewati sebuah sistem.

20 2.2.9.1 Simbol Dasar DFD Simbol dasar yang digunakan adalah sebuah lingkaran atau gelembung dan bernama transform sejak itu dikenal sebagai function

yang

merubah

data.

Data

Flow

Diagram

menggambarkan bagian dari data yang melewati sebuah sistem menggunakan empat simbol dasar. Empat simbol tersebut, yaitu: -

Data flows Data flow adalah sebuah rute yang memungkinkan paket dari data untuk menjalani dari satu poin ke poin lainnya. Data mungkin mengalir dari sebuah sumber ke sebuah proses, atau ke dan dari sebuah penyimpanan data ke proses. Garis panah menunjukkan aliran dengan kepala panah menunjukkan arah ke flow.

-

Processes Proses yang menggambarkan perubahan, mengganti incoming data flows menjadi outgoing data flows. Nama proses harus memberikan sebuah ide dari apa yang terjadi pada data ketika melewati proses.

-

Data stores Data store adalah sebuah tempat penyimpanan data yang mana diwakili oleh persegi panjang yang terbuka. Seharusnya tempat penyimpanan juga diberikan deskripsi nama yang tepat. Sebuah tempat penyimpanan mungkin digunakan pada saat memeriksa data.

-

Data sources atau External Entity Sebuah sumber adalah seorang atau bagian dari organisasi yang mana menerima data dari sistem tetapi dianggap menjadi keluar konteks dari data flow model. Sebuah persegi didefinisikan sebuah sumber yang mana dapat dilihat

sebagai

pemeriksaan.

eksternal

bagi

sistem

di

bawah

21 2.2.9.2 Level DFD Menurut Hanif Al Fatta (2007, pp. 109), DFD terdiri dari beberapa level yaitu: 1. Context Diagram merupakan DFD pertama dalam proses bisnis. Menunjukkan konteks di mana proses bisnis berada. Menunjukkan semua proses bisnis dalam 1 proses tunggal (proses 0). Context diagram juga menunjukkan semua entitas luar yang menerima informasi dari atau memberikan informasi ke sistem. 2. Diagram Nol menunjukkan semua proses utama yang menyusun

keseluruhan

sistem.

Level

ini

juga

menunjukkan komponen internal dari proses 0 dan menunjukkan bagaimana proses-proses utama direlasikan menggunakan data flow. Pada level ini juga ditunjukkan bagaimana proses-proses utama terhubung dengan entitas eksternal. Pada level ini juga dilakukan penambahan data store.

2.2.10 Normalization Menurut Connolly (2015, pp. 451), Normalisasi merupakan sebuah teknik perancangan database yang dimulai dengan menguji hubungannya (disebut functional dependencies) antar atribut. Atribut mendeskripsikan beberapa properti dari data atau dari hubungan antar datanya yang penting bagi perusahaan. Normalisasi menggunakan serangkaian tes (disebut sebagai Normal Forms) untuk membantu mengidentifikasi pengelompokkan yang optimal dari atribut-atribut tersebut yang pada akhirnya berguna untuk mengidentifikasi serangkaian hubungan yang tepat yang mendukung kebutuhan data pada perusahaan. Menurut Connolly (2015, pp. 466-472), Berikut tahap-tahap proses normalisasi.

22 -

UNF (Unnormalized Form) UNF merupakan sebuah tabel yang mengandung satu atau lebih repeating groups. Tabel pada UNF ini disebut unnormalized table.

-

1NF (First Normal Form) 1NF merupakan sebuah hubungan yang dimana perpotongan setiap baris dan kolom memiliki satu dan hanya satu nilai. Untuk mengubah tabel unnormalized menjadi 1NF, dibutuhkan identifikasi dan penghapusan repeating groups pada tabel. Contoh hubungan 1NF: Client (clientNo, cName) PropertyRentalOwner

(clientNo,

propertyNo,

pAddress,

rentStart, rentFinish, rent, ownerNo, oName) -

2NF (Second Normal Form) 2NF merupakan sebuah hubungan pada 1NF dan setiap atribut yang bukan primary key sepenuhnya bergantung secara fungsional kepada primary key-nya. Normalisasi dari hubungan 1NF ke 2NF melibatkan penghapusan partial depedencies. Jika terdapat partial depedency, atribut partially dependent dihapus dari hubungan dengan menempatkan atribut tersebut ke dalam hubungan yang baru bersama dengan determinannya. Contoh hubungan 2NF: Client (clientNo, cName) Rental (clientNo, propertyNo, rentStart, rentFinish) PropertyOwner

(propertyNo,

pAddress,

rent,

ownerNo,

oName) -

3NF (Third Normal Form) 3NF merupakan sebuah hubungan pada 1 dan 2 NF dan dimana tidak ada atribut yang bukan primary key yang secara transitif bergantung pada primary key. Normalisasi dari hubungan 2NF ke 3NF melibatkan penghapusan transitive dependencies. Jika terdapat transitive dependency, atribut transitively dependent

23 dihapus dari hubungan dengan menempatkan atribut tersebut pada hubungan yang baru bersama dengan determinannya. Contoh hubungan 3NF: Client (clientNo, cName) Rental (clientNo, propertyNo, rentStart, rentFinish) PropertyForRent (propertyNo, pAddress, rent, ownerNo, oName) Owner (ownerNo, oName)

2.3

MySQL Menurut Arief Ramadhan (2006, pp. 3), MySQL adalah sebuah sistem manajemen database yang bersifat open source. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. MySQL merupakan sistem manajemen database yang bersifat relasional. Artinya data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan lebih cepat. MySQL dapat digunakan untuk mengelola database mulai dari yang kecil sampai dengan yang sangat besar dan juga dapat menjalankan perintah-perintah Structured Query Language (SQL) untuk mengelola database relasional yang ada di dalamnya.

2.3.1 Keuntungan MySQL Menurut Wahana Komputer (2010, pp. 7), keuntungan dan kelebihan MySQL dibanding database lain, adalah: -

Banyak ahli mengatakan MySQL merupakan server tercepat.

-

MySQL merupakan sistem manajemen database yang bersifat Open Source, yang berarti dapat digunakan siapapun tanpa harus membeli atau membayar kepada pembuatnya.

-

MySQL mempunyai performa tinggi dan simpel

-

Database MySQL mengerti bahasa SQL (Structured Query Language)

24 -

MySQL dapat diakses oleh banyak software karena menggunakan protokol ODBC (Open Database Connectivity) yang dibuat oleh Microsoft.

-

Semua klien dapat mengakses server dengan waktu yang bersamaan.

-

Database MySQL dapat diakses dari semua tempat di internet sesuai hak aksesnya.

-

MySQL mampu menyimpan data berukuran besar hingga Gigabyte.

-

MySQL dapat berjalan di berbagai operating system (OS) seperti Linux, Windows, Solaris, dan lainnya.

2.4

HTML Menurut Venkatesh Ramasamy (2013, pp. 3), HTML – Hyper Text Markup Language adalah markup language yang paling utama dalam mendesain halaman web. HTML menyediakan sarana untuk menggambarkan struktur informasi berbasis teks dalam dokumen dengan menunjukkan teks tertentu sebagai link, heading, paragraf, list, dan seterusnya dan juga untuk melengkapi teks tersebut dengan bentuk yang interaktif, gambar, dan objek lainnya. HTML ditulis dalam bentuk tag, dikelilingi oleh kurung siku (). Sebuah berkas HTML adalah berkas berisi teks yang mengandung tag markup HTML kecil juga bisa menggambarkan tampilan dan semantik dari sebuah dokumen, dan dapat berisi kode bahasa skrip yang ditanamkan dan dapat mempengaruhi perilaku dari web browser dan prosesor HTML lainnya. HTML merupakan bahasa yang bebas dari eror dan case insensitive.

2.4.1

Struktur Dokumen HTML Menurut Venkatesh Ramasamy (2013, pp. 3), sebuah dokumen HTML dimulai dan diakhiri dengan tag dan . Tag tersebut memberitahu browser bahwa seisi dokumen

25 tersusun dalam HTML. Di dalam kedua tag tersebut, dokumen dibagi menjadi 2 bagian: -

Elemen ..., yang mengandung informasi mengenai dokumen tersebut seperti judul dari dokumen, pembuat dokumen, dan sebagainya. Informasi di dalam tag ini, tidak ditampilkan diluar.

-

Elemen ..., yang mengandung isi sebenarnya dari dokumen yang dapat dilihat di layar.

2.4.2 Tag HTML Menurut Diar Puji Oktavian (2010, pp. 14-24), berikut adalah daftar tag HTML yang sering digunakan dalam mempelajari pembuatan web. -

Tag : digunakan untuk menandai sebuah komentar suatu kode. Tanda ini tidak diterjemahkan oleh browser.

-

Tag : digunakan untuk membuat sebuah link antar web.

-

Tag : digunakan untuk membuat teks cetak tebal.

-

Tag : merupakan bagian dari struktur HTML yang digunakan untuk menandai badan suatu dokumen HTML.

-

Tag
: digunakan untuk mengakhiri suatu baris tulisan, lalu pindah ke baris baru bawahnya.

-

Tag : digunakan untuk membuat tombol dalam menyimpan atau menghapus data.

-

Tag : digunakan untuk membuat rata tengah suatu teks.

-

Tag

: digunakan untuk mendefinisikan bagian dari halaman web dengan format tertentu.

-

Tag : digunakan untuk format bentuk font, warna, ukuran teks.

-

Tag

: digunakan untuk memasukkan data. Tag ini biasanya dibantu oleh beberapa komponen lain, misal input, button, option, dan lainnya.

26 -

Tag : digunakan untuk menampung elemen-elemen header dari sebuah halaman web.

-

Tag

sampai dengan

: digunakan untuk mendefinisikan tulisan header.

-

Tag : digunakan untuk memberitahu browser bahwa kode yang dituliskan merupakan dokumen HTML.

-

Tag : digunakan untuk membuat teks cetak miring.

-

Tag : digunakan untuk menampilkan suatu gambar dari server.

-

Tag : digunakan untuk memasukkan data ke server. Input memiliki banyak tipe, yaitu: button, checkbox, radio, file, submit, teks, dan lain-lain.

-

Tag

: digunakan untuk menampilkan simbol data berurut, seperti bullet. Untuk urutan simbol bullet diawali tag

.

-

Tag : digunakan untuk mendefinisikan hubungan antara halaman web yang dibuat dengan aturan dari luar. Biasanya digunakan pada saat web menggunakan file css.

-

Tag : digunakan untuk mendefinisikan suatu elemen yang bisa dipilih dalam daftar pilihan.

-

Tag

: digunakan untuk mendefinisikan suatu paragraf.

-

Tag <style>: digunakan untuk mendefinisikan bentuk-bentuk dokumen.

-

Tag

: digunakan untuk mendefinisikan tabel dalam HTML. Tag ini sering digunakan untuk membuat layout tampilan halaman web. Terdapat beberapa atribut yang sering digunakan dalam membuat tampilan halaman, yaitu: align, bgcolor, border, dan width. Tag yang digunakan untuk menentukan baris dan kolom tabel adalah dan : digunakan untuk mendefinisikan baris dalam tabel.

-

Tag

. - Tag

: digunakan untuk mendefinisikan kolom pada baris dalam tabel. Beberapa tag yang sering digunakan, yaitu: align, bgcolor, height, dan width. - Tag : digunakan untuk memberi garis bawah suatu teks. 27 - Tag : digunakan untuk membuat simbol bullet dari daftar yang tidak terurut berdasar nomor. Tag ini berada di dalam tag . 2.5 CSS Menurut Jon Duckett (2011, pp. 227), CSS (Cascading Style Sheets) mengizinkan pembuat program untuk membuat aturan dari bagaimana isi dari sebuah elemen seharusnya muncul. Misalnya, kita menentukan latar belakang dari halaman web berwarna cream, semua paragraf harus muncul dengan menggunakan font Arial dan berwarna abu-abu, atau semua yang satu level dengan bagian heading mempunyai font jenis Times, berwarna biru, dan bentuk tulisannya dibuat italic. 2.5.1 Penggunaan CSS Deklarasi CSS berada di dalam kurung kurawal (“{}”) dan setiap CSS memiliki 2 bagian yaitu property dan value, yang dipisahkan dengan tanda titik dua (“:”). Beberapa property dapat di deklarasi secara bersama, dan setiap property dipisah menggunakan tanda titik koma (“;”). Property menyatakan aspek dari elemen apa yang mau diganti. Misalnya warna, jenis font, lebar, tinggi, dan lainnya. Values menyatakan pengaturan yang ingin digunakan dari property yang dipilih. Misalnya, saat ingin memilih property warna dan value-nya adalah warna yang diinginkan dari elemen yang diatur. Contoh dari pendeklarasian CSS, yaitu : h1, h2, h3 { font-family: Arial; color: yellow; } Peraturan diatas menyatakan bahwa elemen , , dan menggunakan font Arial dan menggunakan warna kuning (Jon Duckett, 2011, pp. 228). 28 CSS dapat membuat aturan dengan elemen dari HTML. Peraturan yang diatur di CSS menentukan bagaimana isi dari elemen harus ditampilkan. Peraturan CSS mengandung 2 bagian yaitu selector dan declaration. Selectors menandakan elemen mana yang mau diatur. Peraturan yang sama dapat diaplikasikan ke beberapa elemen hanya dengan menggunakan koma (“,”) untuk memisahkan nama elemennya. Declarations menandakan bagaimana elemen yang dipilih di dalam selector mau ditata. Declarations dibagi lagi menjadi 2 bagian yaitu bagian property dan value yang dipisahkan menggunakan tanda titik dua (“:”). Berikut contoh penggunaannya : p{ font-family: Arial; } Peraturan ini menyatakan bahwa semua elemem yang berada di dalam harus ditampilkan menggunakan font Arial (Jon Duckett, 2011, pp. 231). 2.5.2 Tipe CSS Dalam menuliskan aturan CSS, ada beberapa tipe penulisan CSS. Ada empat tipe penulisan yang dapat diterapkan untuk mengontrol tag HTML, yaitu kelas (class), ID, tag dan gabungan (compound). - Tipe Kelas Kelas pada CSS dapat diterapkan pada semua tag html secara berulang-ulang dengan menambahkan atribut class pada tag tersebut. Berikut contoh kodenya : Sementara itu, bentuk penulisan kelas adalah dengan menambahkan tanda titik (.) di depan identifier. Identifier adalah nama suatu aturan. Contoh penulisan identifier adalah : .container{ … } 29 - Tipe ID Tipe ID biasanya diterapkan hanya satu kali pada suatu tag HTML, berbeda dengan kelas yang dapat diterapkan berulangulang pada tag HTML. Adapun cara penambahan atribut pada HTML adalah dengan menambahkan atribut ID. Contoh: Sementara itu, bentuk penulisan ID adalah dengan cara menambahkan tanda kres (#) di depan identifier. Contoh: #menu{ … } - Tipe Tag Tipe tag yang dimaksud adalah mendefinisikan ulang tag HTML dengan aturan yang baru. Dengan tipe tag, semua elemen yang menggunakan tag ini akan mempunyai aturan yang sama. Adapun bentuk penulisannya adalah nama tag diikuti tanda kurung kurawal buka dan kurung kurawal tutup ({}). Berikut contoh penulisan dalam mendefinisikan ulang heading 1 (h1). h1{ … } - Tipe Compound Tipe Compound adalah gabungan dari tipe CSS. Penggabungan berguna untuk membatasi penerapan dari tipe tag pada jangkauan tertentu, sehingga tidak semua elemen yang menggunakan tag yang didefinisikan ulang akan menerapkan aturan CSS. Sebagai contoh adalah tag h1 yang hanya akan diterapkan apabila tag h1 berada di dalam ID container. #container h1{ …. } 30 2.6 PHP Menurut Janet Valade (2007, pp. 15), bahwa PHP adalah singkatan dari PHP: HyperText Preprocessor yang merupakan bahasa scripting dirancang khusus untuk digunakan di Web, PHP dapat membuat halaman Web dinamis. PHP memiliki banyak fitur dalam membuat desain Web dan pemrograman lebih mudah. Menurut Diar Puji Oktavian (2010, pp. 31), PHP merupakan sebuah bahasa pemrograman berbasis kode-kode (skrip) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web browser menjadi kode HTML. Kode PHP mempunyai ciri-ciri khusus, yaitu: - Hanya dapat dijalankan menggunakan web server, misalnya Apache. - Kode PHP diletakkan dan dijalankan di web server. - Kode PHP dapat digunakan untuk mengakses database, seperti: MySQL, Oracle, dan lain-lain. - Merupakan software yang bersifat open source (dapat digunakan siapa saja). - Gratis untuk diunggah dan digunakan. - Memiliki sifat multiplatform, artinya dapat dijalankan menggunakan sistem operasi apapun, seperti: Linux, Windows, dan lain-lain. 2.6.1 Keuntungan PHP Menurut Janet Valade (2007, pp. 15), Popularitas dari PHP berkembang pesat karena memiliki banyak keuntungan: - Cepat Karena PHP tertanam dalam kode HTML dan waktu respon singkat. - Sebenarnya murah dan gratis PHP adalah bukti bahwa apa yang didapat lebih dari yang sudah dibayar. - Sangat mudah untuk digunakan PHP memiliki banyak fitur-fitur khusus dan memiliki fungsi yang dibutuhkan untuk membuat halaman web dinamis. Bahasa PHP 31 dirancang supaya dapat dimasukkan dengan mudah ke dalam sebuah file HTML. - PHP dapat berjalan pada banyak sistem operasi PHP dapat berjalan pada berbagai sistem operasi - Windows, Linux, Mac OS, dan sebagian besar variasi Unix. - Dukungan teknis tersedia secara luas Basis besar pengguna menyediakan dukungan gratis melalui diskusi daftar e-mail. - Aman Pengguna tidak dapat melihat kode PHP. - PHP dirancang untuk mendukung database PHP termasuk sebuah fungsi yang dirancang supaya dapat berinteraksi dengan database tertentu. PHP dapat mengurangi kebutuhan untuk mengetahui informasi mengenai teknis yang diperlukan untuk berkomunikasi dengan database. - PHP dapat disesuaikan Lisensi open source memungkinkan programmer untuk memodifikasi software PHP, menambahkan atau memodifikasi fitur yang diperlukan supaya dapat menyesuaikan lingkungan khusus PHP itu sendiri. 2.6.2 Penggunaan PHP Menurut Anhar (2010, pp. 3), web server adalah aplikasi yang berfungsi untuk melayani permintaan pemanggilan alamat dari pengguna melalui web browser, di mana web server mengirimkan kembali informasi yang diminta tersebut melalui HTTP (Hypertext Transfer Protocol) untuk ditampilkan ke layar monitor komputer. Agar dapat mengubah isi dari website yang dibuat, dibutuhkan program PHP. Skrip-skrip PHP tersebut yang berfungsi membuat halaman website menjadi dinamis. Dinamis artinya pengunjung web dapat memberikan komentar saran/masukan pada website kita. 32 Website yang kita buat menjadi lebih hidup karena ada komunikasi antara pengunjung dan kita sebagai web masternya. Untuk lebih memahami penjelasan di atas, berikut bagan dari aplikasi web. Gambar 2.4 Penggunaan PHP Dari gambar di atas terlihat adanya hubungan antara Web Browser, Web Server, Bahasa Pemrograman PHP, dan Database. Secara teknis, database menyimpan data yang diolah oleh bahasa pemrograman PHP yang ada di web server kemudian data tersebut ditampilkan dengan web browser dengan cara menuliskan alamat/URL sesuai nama file yang terdapat pada web server. 2.7 JavaScript Menurut Connolly (2015, pp. 1065), JavaScript adalah bahasa skrip berbasis obyek yang berakar dalam pembangunan bersama antara Program Netscape dan Sun, dan telah menjadi bahasa skrip Netscape Web. JavaScript adalah bahasa pemrograman yang sangat sederhana yang memungkinkan 33 halaman HTML untuk memasukkan fungsi dan skrip yang dapat mengenali dan merespon kejadian pengguna seperti klik mouse, input pengguna, dan navigasi halaman. Menurut Brooks, David R. (2007, pp. 3), JavaScript dimaknai bahasa pemrograman berorientasi obyek, berakar di c atau c++, yang telah dikembangkan untuk digunakan dengan Web tools lainnya. JavaScript tidak beroperasi sebagai bahasa yang berdiri sendiri, melainkan dirancang untuk bekerja sama dengan HTML untuk membuat halaman web yang interaktif. Menurut Andi Sunyoto (2007, pp. 17), terdapat beberapa hal tentang JavaScript, yaitu: 1. JavaScript didesain untuk menambah interaktif suatu web. 2. JavaScript merupakan sebuah bahasa scripting. 3. Bahasa scripting merupakan bahasa pemrograman yang ringan. 4. JavaScript berisi baris kode yang dijalankan di komputer (web browser). 5. JavaScript biasanya disisipkan (embedded) dalam halaman HTML. 6. JavaScript adalah bahasa interpreter, yang berarti skrip dieksekusi tanpa proses kompilasi. 7. Setiap orang dapat menggunakan JavaScript tanpa membayar lisensi. 2.8 jQuery Menurut Bipin Joshi (2013, pp. 33), jQuery merupakan library JavaScript yang cepat, kecil, dan kaya akan fitur. jQuery membuat hal-hal seperti HTML, dokumen traversal dan manipulasi, penanganan kejadian, animasi, dan Ajax jauh lebih sederhana dengan mudah digunakan API yang bekerja di banyak browser. 2.9 AJAX Menurut Sunyoto (2007, pp. 159), Aplikasi web yang bekerja dengan AJAX bekerja secara asynchronously, yang berarti mengirim dan menerima data dari user ke server tanpa perlu me-load kembali seluruh halaman, melainkan hanya melakukan penggantian pada bagian web yang hendak 34 diubah. Dengan AJAX, aplikasi web dapat bertambah unsur user-friendly dan interaktifnya. 2.10 Aptana Studio Menurut Ed Tittel dan Chris Minnick (2013, pp. 335), Aptana Studio merupakan sebuah alat pengembangan yang mendukung JavaScript, Personal Home Page (PHP), CSS, dan HTML. Aptana juga menyediakan fitur editor HTML yang lengkap. Dalam penggunaannya, Aptana membutuhkan pengguna untuk memiliki pengetahuan dalam HTML tetapi membantu di setiap langkah pembuatannya. Beberapa fasilitas dari Aptana, yaitu: - Aptana dapat digunakan dengan berbagai bahasa seperti Ruby, jQuery, Phyton, dan lainnya. - Dapat membuat, mengedit dan memvalidasi CSS, JavaScript, HTML, dan PHP. - Aptana melengkapi kode secara otomatis dan kemampuan mewarnai teks untuk memisahkan HTML, CSS, JavaScript, dan lainnya. 2.11 phpMyAdmin Menurut Larry Ullman (2011), phpMyAdmin merupakan aplikasi terpopuler yang ditulis dalam PHP. Tujuan utamanya adalah menyediakan sebuah antarmuka untuk server MySQL. Aplikasi ini lebih mudah dan lebih natural untuk digunakan dibandingkan klien MySQL, tetapi membutuhkan instalasi PHP dan harus diakses melalui web browser. 2.12 JpGraph Menurut JpGraph.net, JpGraph merupakan sebuah grafik berbasis obyek yang menciptakan library untuk PHP. Library ini dituliskan dalam skrip PHP dan siap digunakan pada PHP skrip. 35 2.13 RGraph Menurut Tai-hoon Kim (2012, pp. 193), RGraph merupakan HTML5 grafik library JavaScript untuk mewakili data yang dikumpulkan. RGraph mendukung lebih dari 20 jenis grafik berbasis JavaScript. RGraph menciptakan grafik di web browser menggunakan tag Canvas HTML5, yang berarti mengurangi beban web server. 2.14 HCI Menurut Rajendra Kumar (2005, pp. 4), Human-Computer Interaction (HCI) adalah ilmu dan latihan dari usability. Hal ini mengenai pemahaman dan pembuatan software dan teknologi lainnya yang akan digunakan orangorang, yang akan dapat digunakan, dan akan ditemukan efektif pada saat digunakan. 2.14.1 Eight Golden Rules Menurut Shneiderman dan Plaisant (2010, pp. 88-89), terdapat delapan aturan emas yang dapat dijadikan sebagai panduan dalam mendesain sebuah user interface. Prinsip-prinsip tersebut antara lain: 1. Strive for consistency Konsistensi dibutuhkan dalam segala situasi baik dalam penggunaan tampilan seperti menu, help screen, warna, layout, kapitalisasi, font, dan sebagainya sehingga pengguna merasa pada aplikasi yang sama. 2. Cater to universal usability Mengenali kebutuhan user yang berbeda-beda. Perbedaan tersebut terletak pada perbedaan usia, kemampuan dan perbedaan teknologi. 3. Offer informative feedback Harusnya ada umpan balik yang informatif untuk setiap yang dilakukan oleh pengguna. 36 4. Design dialogs to yield closure Merancang dialog untuk menghasilkan sebuah penutupan yang informatif pada akhir proses. 5. Prevent errors Memberikan penanganan kesalahan yang sederhana. Perancang merancang interface yang membuat pengguna terhindar dari kesalahan. 6. Permit easy reversal of actions Mempermudah pengguna untuk kembali ke tindakan sebelumnya sehingga pengguna tidak takut jika terjadi kesalahan yang tidak dapat dikembalikan dan membuat user berani mengeksplorasi aplikasi. 7. Support internal locus of control Perancang membuat perancangan interface yang dapat dikendalikan oleh pengguna. 8. Reduce short-term memory load Untuk mengurangi short-term memory load pengguna, perancangan pada interface harus yang mudah dipahami oleh pengguna sehingga tidak ada informasi tambahan untuk diingat. 2.15 BlackBox Testing Menurut Hanif Al Fatta (2007, pp. 172), Black Box Testing memiliki fokus pada apakah unit program memenuhi kebutuhan yang disebutkan dalam spesifikasi. Cara pengujian black box testing hanya dilakukan dengan menjalankan atau mengeksekusi unit, kemudian diamati apakah hasil dari unit itu sesuai dengan proses bisnis yang diinginkan. 2.16 Manufaktur Menurut Kumar (2010, pp. 33), manufaktur atau pabrik adalah sebuah tempat dimana barang diproduksi atau sebuah tempat di mana apa pun dilakukan pengerjaan atau penyelesaian dari sebuah barang untuk menjadi barang yang siap dijual dengan kata lain barang tersebut dalam kondisi cocok 37 untuk diletakkan di pasar untuk dijual. Hal ini jelas bahwa manufaktur harus menjadi tempat di mana proses produksi dilakukan. 2.17 KPI Menurut Angappa Gunasekaran dan Maqsood Sandhu (2010, pp. 515516), pada skenario kompetisi sekarang ini, organisasi dituntut untuk memonitor kinerja mereka secara terus menerus di beberapa dimensi. Namun, mengembangkan sebuah sistem pengukuran kinerja yang efektif masih menjadi tantangan. Beberapa masalah mengenai pembangunan sistem pengukuran kinerja seperti ketepatan data, definisi dari metrik yang penuh makna guna untuk mendukung proses pembuatan keputusan, dan pengukuran dari aspek perusahaan yang tidak berwujud, selalu menjadi tantangan bagi para manajer. Supaya bermanfaat, sistem pengukuran kinerja harus memastikan bahwa kinerja jelas dan metrik secara akurat mengukur kinerja. Berkaitan dengan hal ini, pemilihan indikator kinerja adalah hal yang berharga. Setiap sistem pengukuran kinerja yang efektif, harus menerapkan sejumlah indikator seperti Key Performance Indicators (KPI). KPI mampu menyediakan pandangan yang terintegrasi dan lengkap dari kinerja perusahaan dan dapat mengukur kemajuan perusahaan untuk mencapai tujuannya. Menurut Bernard (2012, pp. i), Key Performance Indicators (KPI) adalah instrumen navigasi yang sangat penting yang digunakan oleh para manajer untuk mengartikan apakah bisnis mereka di jalan kesuksesan atau berbelok dari jalur kemakmuran. Serangkaian indikator yang tepat akan bersinar terang pada performa dan menyoroti area yang perlu diperhatikan. Tanpa KPI yang tepat, para manajer berlayar tanpa arah. Menurut Bernard (2012, pp. 261), karyawan tidaklah hanya aset terpenting perusahaan tetapi juga aset yang paling mahal. Perusahaan perlu untuk memastikan bahwa mereka memperkerjakan karyawannya secara efisien. Pada umumnya, perusahaan bertujuan untuk memberikan banyak pendapatan dengan karyawan yang lebih sedikit. Hal ini menggambarkan 38 bahwa sebuah perusahaan mencari cara untuk memeras lebih banyak pendapatan dari masing-masing pekerjanya. Karena itu, dengan menempatkan pendapatan di dalam kaitannya dengan jumlah karyawan didapatkan rasio penting dari produktivitas. 2.18 Port Serial Menurut Shelly (2007, pp. 190), Port serial (serial port) adalah jenis antarmuka yang menghubungkan sebuah perangkat ke komputer dengan memindahkan data satu bit demi satu bit. Port serial biasanya menghubungkan perangkat-perangkat yang tidak memerlukan transmisi data yang cepat, seperti mouse, keyboard, atau modem. Port COM (kependekan dari communication port) pada komputer adalah satu jenis port serial. × Report "BAB 2 TINJAUAN PUSTAKA" Your name Email Reason -Select Reason- Pornographic Defamatory Illegal/Unlawful Spam Other Terms Of Service Violation File a copyright complaint Description Close Send × Sign In Email Password Remember me Forgot password? Sign In Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close