1 BAB 2 TINJAUAN PUSTAKA 2.1 Tinjauan Umum Perusahaan Sejarah Perusahaan Setia Cahya didirikan pada tahun 2009 yang berlokasi di Jl. Kembang Sepatu No...
2.1.1 Sejarah Perusahaan Setia Cahya didirikan pada tahun 2009 yang berlokasi di Jl. Kembang Sepatu No. 6 Pav Kosambi Bandung. Setia Cahya terbentuk dari keinginan kuat beberapa orang yang ingin mulai berbisnis ini tidak disangka mendapat respon yang cukup baik dari pasar terhadap produk atau barang yang ditawarkan. Permintaan terhadap produk atau barang pun terus meningkat dari waktu ke waktu sehingga terbentuklah Setia Cahya.. Pembeli yang datang ke Setia Cahya tidak hanya datang dari kota Bandung, tapi pembeli yang datang dari luar kota Bandung pun sudah cukup banyak. Produk yang di tawarkan di Setia Cahya adalah minuman untuk produksi hotel, restaurant dan cafe. Harga yang ditawarkan pun relatif lebih murah dan terjangkau. 2.1.2 Struktur Organisasi Struktur Organisasi adalah suatu susunan dan hubungan antara tiap bagian serta posisi yang ada pada suatu organisasi atau perusahaan dalam menjalankan kegiatan operasional untuk mencapai tujuan. Struktur Organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara yang satu dengan yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi. Dalam struktur organisasi yang baik harus menjelaskan hubungan wewenang siapa melapor kepada siapa.
13
14
Beberapa keuntungan yang dapat diperoleh dari penggunaan bagan organisasi adalah dapat memperlihatkan karakteristik utama dari suatu perusahaan tersebut, tentang gambaran pekerjaan dan hubungan-hubungan yang ada didalam perusahaan serta digunakan untuk merumuskan rencana kerja yang ideal sebagai pedoman untuk dapat mengetahui siapa bawahan dan atasannya,. Struktur keorganisasian pada Setia Cahya dapat dilihat pada bagan struktur organisasi berikut ini :
Pemilik
Bagian Pemasaran
Bagian Gudang
Gambar 2. 1 Struktur Organisasi pada Setia Cahya
2.1.3 Deskripsi Tugas Definisi tugas digunakan untuk mengetahui tugas, wewenang, tanggung jawab dari masing-masing bagian. Definisi tugas yang ada di Setia Cahya adalah sebagai berikut : 1. Pemilik Toko a. Sebagai pengambil keputusan. b. Sebagai koordinator semua kegiatan yang telah dilaksanakan. c. Mengevaluasi semua kegiatan yang telah dilaksanakan.
15
d. Melaksanakan pemeriksaan yang meliputi seluruh aspek kegiatan manajemen keuangan dan operasional agar pengelolaan dapat dilaksanakan secara efektif dan efisien. 2. Bagian Penjualan a. Bagian penjualan yang bertatap muka langsung dengan pelanggan, b. Menghitung uang hasil penjualan dan bertanggung jawab atas uang yang masuk. c. Melaporkan hasil penjualan harian. d. Bagian penjualan akan melaporkan kebagian gudang apabila stok barang di bagian penjualan kurang atau habis. 3. Bagian Gudang a. Bertanggung jawab atas pengadaan barang apabila stok barang di bagian penjualan dan di gudang habis. b. Bertanggung jawab atas barang yang di gudang dan pengiriman barang ke bagian penjualan. c. Melakukan stock of name tiap hari atas barang yang masuk maupun keluar d. Pemeliharaan atas barang.
2.2
Landasan Teori Landasan teori dimanfaatkan sebagai pemandu agar fokus penelitian sesuai
dengan fakta di lapangan. Selain itu landasan teori juga bermanfaat untuk memberikan gambaran umum tentang latar penelitian dan sebagai bahan pembahasan hasil penelitian.
16
2.2.1 Sistem 2.2.1.1 Pengertian Sistem Pengertian sistem menurut Jogiyanto H.M yang dalam bukunya menyatakan : “Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang berinteraksi untuk mencapai suatu tujuan“. [1] Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Dari pengertian diatas dapat diambil suatu kesimpulan bahwa suatu sistem merupakan elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan tertentu. 2.2.1.2 Karakteristik Sistem a. Organisasi Mencakup struktur dan fungsi organisasi b. Interaksi Saling keterhubungan antara bagian yang satu dengan lainnya. c. Interdepedensi Bagian yang satu mempunyai ketergantungan dengan bagian yanglainnya. d. Integrasi Suatu keterpaduan antara subsistem-subsistem untuk mencapai tujuan. e. Tujuan Pokok
17
Pemusatan tujuan yang sama dari masing-masing subsistem. [3] 2.2.2 Sistem Informasi Informasi merupakan hasil pengolahan dari sebuah model, formasi, organisasi, ataupun suatu perubahan bentuk dari data yang memiliki nilai tertentu, dan bisa digunakan untuk menambah pengetahuan bagi yang menerimanya. Dalam hal ini, data bisa dianggap sebagai obyek dan informasi adalah suatu subyek yang bermanfaat bagi penerimanya. Informasi juga bisa disebut sebagai hasil pengolahan atau pemrosesan data. Sistem informasi dapat didefinisikan sebagai berikut : “Sistem informasi adalah suatu sistem didalam suau organisasi yang mempertemukan kebutuhan pengolahan transaksi yang mendukung operasi bersifat manajerial dan kegiatan strategi-strategis dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”. [1] Sumber dari informasi adalah data. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata, tetapi data merupakan bentuk yang masih mentah dan belum dapat memberikan arti banyak bagi pemakai, sehingga perlu diolah lebih lanjut untuk menghasilkan informasi yang dibutuhkan. Dengan kata lain informasi adalah hasil dari pengolahan data. 2.2.3 Website Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait
18
dimana
masing-masing
dihubungkan
dengan
jaringan-jaringan
halaman
(hyperlink). [4] 2.2.3.1 Unsur-unsur Website Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur penunjangnya, adalah sebagai berikut: 1. Nama domain (Domain name/URL – Uniform Resource Locator) Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet. Contoh : http://www.baliorange.net, http://www.detik.com Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama domain website organisasi). 2. Rumah tempat website (Web hosting) Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa
19
dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website. Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negri. 3. Bahasa Program (Scripts Program) Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus. Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs. Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.
20
4. Desain website Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website. Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer. Semakin
banyak
penguasaan
web
designer
tentang
beragam
program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer. 2.2.4 Internet 2.2.4.1 Pengertian Internet Menurut Lani Sidharta (1996), walaupun secara fisik Internet adalah interkoneksi antar jaringan komputer namun secara umum Internet harus dipandang sebagai sumber daya informasi. Isi Internet adalah informasi, dapat dibayangkan sebagai suatu database atau perpustakaan multimedia yang sangat besar dan lengkap. Bahkan Internet dipandang sebagai dunia dalam bentuk lain (maya) karena hampir seluruh aspek kehidupan di dunia nyata ada di Internet
21
seperti bisnis, hiburan, olah raga, politik dsb. Internet merupakan sarana yang sangat efisien dan efektif untuk melakukan pertukaran informasi jarak jauh, maupun di dalam lingkungan perkantoran. 2.2.4.2 Manfaat Internet Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang mempunyai akses ke internet. Berikut ini sebagian dari apa yang tersedia di internet: a) Informasi untuk kehidupan pribadi, contoh: kesehatan, rekreasi, hobby, pengembangan pribadi, rohani, sosial. b) Informasi untuk kehidupan profesional/pekerja, contoh: sains, teknologi, perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi bisnis, berbagai forum komunikasi. Satu hal yang paling menarik ialah pengguna internet tidak mengenal batas negara, ras, kelas ekonomi, ideologi atau faktor faktor lain yang biasanya dapat menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi atau kelompok tanpa mengenal batas jarak dan waktu. Kelebihan sarana internet yang tidak mengenal batas geografis juga menjadikan internet sebagai sarana yang ideal untuk melakukan kegiatan belajar jarak jauh, baik melalui kursus tertulis maupun perkuliahan. Tentu saja ini menambah panjang daftar keuntungan bagi mereka yang memang ingin maju dengan memanfaatkan sarana internet.
22
2.2.4.3 Fasilitas Internet Berikut adalah beberapa layanan yang disediakan oleh internet yang berbasis pada protokol TCP/IP: a. WWW (World Wide Web) WWW atau yang sering disebut sebagai "web" saja adalah merupakan aplikasi internet yang paling populer. Demikian populernya hingga banyak orang yang keliru mengidentikkan web dengan internet. Secara teknis, web merupakan sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah internet webserver dipresentasikan dalam bentuk hypertext. Informasi di web dalam bentuk teks umumnya ditulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis atau gambar (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World). b. Electronic Mail E-mail atau kalau dalam istilah Indonesia, surat elektronik, adalah aplikasi yang memungkinkan para pengguna internet untuk saling berkirim pesan melalui alamat elektronik di internet. Para pengguna email memilki sebuah mailbox (kotak surat) elektronik yang tersimpan dalam suatu mailserver. Suatu Mailbox memiliki sebuah alamat sebagai pengenal agar dapat berhubungan dengan mailbox lainnya, baik dalam bentuk penerimaan maupun pengiriman pesan. Pesan yang diterima
23
akan ditampung dalam mailbox, selanjutnya pemilik mailbox sewaktuwaktu dapat mengecek isinya, menjawab pesan, menghapus, atau menyunting dan mengirimkan pesan e-mail. 2.2.5 Browser Browser adalah alat pemandu menjelajah internet yang akan mengantar anda malakukan berbagai aktivitas di internet dunia maya. Program standar penjelajah internet yang biasa dipakai adalah Internet Explorer, karena pada dasarnya internet explorer merupakan bagian dari paket program sistem operasi windows, sebenarnya masih banyak web browser lain yang dapat anda gunakan walaupun cara pemakaiannya sama. [5] Beberapa komponen-komponen browser: 1. Menu Terletak dibagian paling atas jendela browser, terdiri deretan menu yang mengandung perintah-perintah untuk pengaturan, memanipulasi tampilan, serta menjalankan perintah-perintah browser. 2. Toolbar Toolbar adalah tombol-tombol navigasi yang digunakan untuk menjelajahi halaman-halaman internet. Tombol-tombol tersebut antara lain forward untuk menuju ke halaman berikutnya, back untuk menuju halaman
sebelumnya,
stop
untuk
menghentikan
download
(pengambilan data) halaman, search untuk menuju search engine (situs web pencari informasi), refresh/reload untuk mendownload (pengambilan data) ulang halaman, home untuk kembali ke halaman
24
default browser. Selain tombol-tombol tersebut terdapat tombol tombol lain yang bersifat spesifik untuk setiap browser. 3. Bookmark (Netscape)/ favorites Berisi alamat-alamat halaman web yang sudah disimpan agar user dapat langsung menuju alamat tersebut tanpa harus kesulitan dalam mengetikan atau menghafalkan lokasinya. Alamat URL disimpan agar mempermudah pengaksesan di kemudian hari. 4. Location toolbar Text box ini merupakan alamat lengkap dari halaman yang sedang anda lihat. Anda dapat mengetikan alamat yang akan dituju baik yang berada di internet maupun yang ada di komputer lokal. 5. Logo Netscape atau Internet explorer Berguna untuk memantau penerimaan data, saat proses download (pengambilan data) sedang berlangsung maka logo terlihat melakukan gerakan bila download (pengambilan data) halaman web selesai logo berupa gambar diam. 6. Layar Utama Browser Layar ini merupakan tempat tampilan halaman web, yang berisi text, gambar, serta animasi, dan interaksi multimedia. 7. Status Bar Terdapat pada bagian kiri bawah layar utama, terdiri bagian yang menunjukan kemajuan download (pengambilan data) halaman web dan pesan status yang menunjukan URL yang sedang ditampilkan,
25
URL dari suatu letak (loncatan ke halaman lain) serta pesan-pesan khusus tertentu. Dengan menggunakan Netscape Navigator atau Mozzila Firefox anda siap menjelajahi internet untuk mendapatkan informasi yang dibutuhkan. 2.2.6 Perdagangan Elektronik (E-Commerce) 2.2.6.1 Pengertian E-Commerce E-Commerce didefinisikan sebagai proses pembelian dan penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan computer. Salah satu jaringan yang digunakan adalah internet. [6] 2.2.6.2 Jenis Transaksi E-Commerce a. Busines to Busines (B2B) Busines to Busines (B2B) juga dapat diartikan sebagai sistem komunikasi bisnis online antar pelaku bisnis (Onno W. Purbo, 2000:2). Busines to Busines (B2B) mempunyai karakteristik : 1. Trading Partners yang sudah diketahui dan umumnya memiliki hubungan (relationship) yang cukup lama. Informasi hanya dipertukarkan dengan partner tersebut. Sehingga jenis informasi yang dikirimkan dapat disusun sesuai kebutuhan dan kepercayaan (trust). 2. Pertukaran data (data exchange) berlangsung berulang-ulang dan secara berkala, dengan format data yang sudah disepakati bersama.
26
Sehingga memudahkan pertukaran data untuk dua entiti yang menggunakan standar yang sama. 3. Salah satu pelaku dapat melakukan inisiatif untuk mengirimkan data, tidak harus menunggu partner. 4. Model yang umum digunakan adalah pear-to-pear, dimana processing intelligence dapat didistribusikan di kedua belah pihak. [7] b. Bussines to Cunsumer (B2C) Bussines to Cunsumer (B2C) merupakan transaksi ritel dengan pembeli individual (Munir Fuady, 2005 : 408). Bussines to Cunsumer (B2C) mempunyai karakteristik : 1. Terbuka untuk umum, dimana informasi disebarkan ke umum. 2. Servis yang diberikan bersifat umum (generic) dengan mekanisme yang dapat digunakan oleh khayalak ramai. Sebagai contoh, karena sistem web sudah umum digunakan maka servis diberikan dengan menggunakan basis web. 3. Servis diberikan berdasarkan permohonan (on demand). Consumer melakukan inisiatif dan produser harus siap memberikan respon sesuai dengan permohonan. 4. Pendekatan client/server sering digunakan dimana diambil asumsi client (consumer) menggunakan sistem yang minimal (berbasis web) dan processing (bussines procedure) diletakan di sisi server. [7]
27
2.2.6.3 Keuntungan E-Commerce E-Commerce memberikan beberapa keuntungan antara lain: 1. Revenue stream yang baru yang mungkin sulit atau tidak dapat diperoleh melalui cara konvensional 2. Meningkatkan market exposure 3. Menurunkan biaya operasi (operating cost) 4. Memperpendek waktu product-cycle 5. Meningkatkan supplier management 6. Melebarkan jangkauan (global reach) 7. Meningkatkan customer loyality 8. Meningkatkan value chain dengan mengkomplemenkan business practice, mengkonsolidasikan informasi dan membukanya kepada pihak-pihak yang terkait di dalam value chain. Dengan melihat keuntungan-keuntungan di atas, maka kita merasa bahwa E-Commerce merupakan suatu keharusan. Akan tetapi kita tidak dapat langsung terjun ke dalam tanpa mengerti pola bisnis atau model bisnis yang menjadi berubah dengan adanya E-Commerce ini. [7] 2.2.6.4 Kerugian E-Commerce 1. Kehilangan segi financial secara langsung karena kecurangan. 2. Pencurian informasi rahasia yang berharga. 3. Kehilangan kesempatan bisnis karena gangguan pelayanan. 4. Penggunaan akses ke sumber oleh pihak yang tidak berhak. 5. Kehilangan kepercayaan dari para konsumen.
28
6. Kerugian-kerugian yang tidak terduga. 2.1.5 Flowmap Flowmap adalah campuran peta dan flowchart, yang menunjukkan pergerakan benda dari satu lokasi ke lokasi lain, seperti jumlah orang dalam migrasi, jumlah barang yang diperdagangkan, atau jumlah paket dalam jaringan. Flowmap menolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatifalternatif lain dalam pengoperasian. [8] 2.1.6 DFD (Data Flow Diagram) 2.1.6.1 Pengertian DFD (Data Flow Diagram) DFD merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional system kepada pemakai maupun pembuat program. [8] 2.1.6.2 Komponen DFD (Data Flow Diagram) 1. Menurut Yourdan dan Demarco
Simbol 2. 1 DFD Menurut Yourdan dan Demarco
29
2. Menurut Gene dan Serson
Simbol 2. 2 DFD Menurut Gene dan Serson
2.1.7 ERD (Entity Relationship Diagram) 2.1.7.1 Pengertian ERD (Entity Relationship Diagram) ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. [8] 2.1.7.2 Simbol ERD (Entity Relationship Diagram) Untuk memodelkan struktur data dan hubungan antar data, digunakan beberapa notasi dan simbol. Pada dasarnya ada tiga simbol yang digunakan, yaitu: a. Entity Entity merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain. Simbol dari entity ini biasanya digambarkan dengan persegi panjang. b. Atribut Setiap entitas pasti mempunyai elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu dengan yang lain. Gambar atribut diwakili oleh simbol elips.
30
c. Hubungan/Relasi Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Relasi dapat digambarkan sebagai berikut : Relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B) dalam satu basis data yaitu: 1) Satu ke satu (One to one) Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A berhubungan paling banyak dengan satu entitas pada himpunan entitas B. 2) Satu ke banyak (One to many) Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan dengan satu entitas pada himpunan entitas A. 3) Banyak ke banyak (Many to many) Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B. 2.1.8 Normalisasi 2.1.8.1 Pengertian Normalisasi Normalisasi adalah suatu proses untuk mengubah suatu tabel yang memiliki masalah tertentu ke dalam dua buah tabel atau lebih, yang tidak lagi memiliki masalah tersebut. Masalah tersebut biasanya merupakan suatu
31
ketidakkonsistenan (tidak normal) apabila dilakukan penghapusan (delete), pengubahan (update) dan pembacaan (retrieve) pada suatu basis data. [10] 2.1.8.2 Bentuk Normalisasi Bentuk normalisasi menurut Abdul Kadir adalah sebagi berikut(Abdul Kadir, 2002: 54) : a. Bentuk tidak normal Bentuk ini merupakan kumpulan data yang akan disimpan, tidak ada keharusan mengikuti suatu format tertentu, dapat saja data tidak lengkap atau terduplikasi dan data dikumpulkan apa adanya. b. Bentuk normal pertama Suatu tabel dikatakan dalam bentuk normal pertama (1NF) bila setiap kolom bernilai tunggal untuk setiap baris. Ini berarti bahwa nama kolom yang berulang cukup diwakili oleh sebuah nama kolom (tidak perlu ada indeks dalam memberi nama kolom). c. Bentuk normal kedua Suatu tabel berada dalam bentuk normal kedua (2NF) jika tabel berada dalam bentuk normal pertama, semua kolom bukan kunci primer tergantung sepenuhnya terhadap kunci primer. Suatu kolom disebut tergantung sepenuhnya terhadap kunci primer jika nilai pada suatu kolom selalu bernilai sama untuk suatu nilai kunci primer yang sama.
32
d. Bentuk normal ketiga Suatu tabel berada dalam bentuk normal ketiga (3NF) jika tabel berada dalam bentuk normal kedua, setiap kolom bukan kunci primer tidak memiliki ketergantungan secara transitif terhadap kunci primer. 2.1.9 HTML (HyperText Markup Language) 2.1.9.1 Pengertian HTML (HyperText Markup Language) HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/").
Sebuah halaman web minimal mempunyai empat buat tag, yaitu : a. Sebagai tanda awal dokumen HTML. b. Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. c. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar). d. Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
33
2.1.9.2 Pengaturan Teks Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks : 1. Headers: .. Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara
sampai
, dengan
merupakan ukuran terbesar dan
merupakan ukuran terkecil.
2. Paragraph Baru:
Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran
tapi juga bisa tidak diberi. 3. Line Break: Digunakan untuk pindah ke baris baru. 4. No Line Break: Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang. 5. Font Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR. 2.1.9.3 Lists a. Unordered Lists:
Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag
. Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.
b. Ordered Lists: Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan
tag.
34
Untuk TYPE Anda dapat juga menggunakan : 1- Default numbers, 1, 2, 3, etc. A- Huruf besar. A, B, C, etc. a- Huruf kecil. a, b, c, etc. I- Romawi huruf besar. I, II, III, etc. i- Romawi huruf kecil , i, ii, iii, etc.
c. Definition Lists:
2.1.9.4 Tabel Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table :
,
, dan
. Yang perlu diingat adalah bahwa tab
dan
harus terletak di antara tag
dan
2.1.10 PHP (PHP Hypertext Preprosessor) 2.1.10.1 Pengertian PHP (PHP Hypertext Preprosessor) PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang
35
dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server (dapat dilihat pada gambar dibawah). Ketika menggunakan PHP sebagai server-side embedded script language maka server akan melakukan hal-hal sebagai berikut : 1. Membaca permintaan dari client/browser 2. Mencari halaman/page di server 3. Melakukan instruksi yang diberikan oleh PHP untuk melakukan modifikasi pada halaman/page. 4. Mengirim kembali halaman tersebut kepada client melalui internet atau intranet.
Gambar 2. 2 Simulasi dari PHP
2.1.10.2 Syntax PHP Kode PHP disimpan sebagai plain text dalam format ASCII, sehingga kode PHP dapat ditulis hampir di semua editor text seperti windows notepad,
36
windows wordpad, dll. Kode PHP adalah kode yang disertakan di sebuah halaman HTML dan kode tersebut dijalankan oleh server sebelum dikirim ke browser. 2.1.10.3 Variabel PHP Variabel digunakan untuk menyimpan suatu nilai, seperti text, angka atau array. Ketika sebuah variabel dibuat, variabel tersebut dapat dipakai berulangulang. Pada PHP semua variabel harus dimulai dengan karakter '$'. Variabel PHP tidak perlu dideklarasikan dan ditetapkan jenis datanya sebelum kita menggunakan variabel tersebut. Hal itu berarti pula bahwa tipe data dari variabel dapat berubah sesuai dengan perubahan konteks yang dilakukan oleh user. Secara tipikal, variabel PHP cukup diinisialisasikan dengan memberikan nilai kepada variabel tersebut. Identifier dalam PHP adalah case-sensitive, sehingga $text dengan $Text merupakan variabel yang berbeda. Built-in function dan structure tidak casesensitive, sehingga echo dengan ECHO akan mengerjakan perintah yang sama. Identifier dapat berupa sejumlah huruf, digit/angka, underscore, atau tanda dollar tetapi identifier tidak dapat dimulai dengan digit/angka. Aturan Penamaan Variabel 1. nama variabel harus diawali dengan sebuah huruf atau garis bawah (underscore) “_” ; 2. nama variabel hanya boleh mengandung karakter alpha-numeric dan underscore (a-Z, 0-9, dan _ ); 3. Nama variabel tidak boleh mengandung spasi.
37
2.1.11 MySQL MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL. MySQL dibuat oleh TcX dan telah dipercaya mengelola sistem dengan 40 buah database berisi 10,000 tabel dan 500 di antaranya memiliki 7 juta baris (kirakira 100 gigabyte data). Database ini dibuat untuk keperluan sistem database yang cepat, handal dan mudah digunakan. Walaupun memiliki kemampuan yang cukup baik, MySQL untuk sistem operasi Unix bersifat freeware, dan terdapat versi shareware untuk sistem operasi windows. Menurut pembuatnya, MySQL disebut seperti "myessqueell" dan bukan mysequel!. Sebagaimana database system yang lain, dalam SQL juga dikenal hierarki server dengan database–database. Tiap – tiap database memiliki tabel–tabel, tiap – tiap tabel memiliki field–field. Umumnya informasi tersimpan dalam tabel–tabel yang secara logik merupakan struktur dua dimensi terdiri atas baris dan kolom. Field–field tersebut dapat berupa data seperti int , realm char, date, time dan lainnya. SQL tidak memiliki fasilitas pemrograman yang lengkap, tidak ada looping ataupun percabangan ,misalnya. Sehingga untuk menutupi kelemahan ini perlu digabung dengan bahasa pemrograman semisal C.
38
Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael “Monty” Widenius. MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.
39
2.1.12 Web Server Web server merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman halaman web yang umumnya berbentuk dokumen HTML. [11] 2.1.13 Adobe Dreamwaver Macromedia dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web. Dreamweaver dalam hal ini digunakan untuk web desain. Dreamweaver mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam dreamweaver. Teknologi dreamweaver roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.
40
Selain itu dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.
