BAB II TINJAUAN PUSTAKA

Transkripsi

1 BAB II TINJAUAN PUSTAKA II.1. Konsep Perancangan Perancangan didefenisikan sebagai proses aplikasi berbagai teknik dan prinsip bagi tujuan pendefinisian suatu perangkat, proses atau sistem dalam detail yang memadai untuk memungkinkan realisasi fisiknya. Langkah-langkah yang dilakukan pada tahap perancangan sistem sebagai berikut : 1. Menyiapkan rancangan sistem yang terinci. 2. Mengidentifikasi berbagai alternatif konfigurasi sistem. 3. Mengevaluasi berbagai alternatif konfigurasi sistem. 4. Memilih konfigurasi yang terbaik. 5. Menyiapkan usulan penerapan. 6. Menyetujui atau menolak penerapan sistem. Beberapa tujuan dari perancangan sistem menurut Tata Sutabri, S.Kom,MM (2003: 88) sebagai berikut : 1. Melakukan evaluasi serta merumuskan pelayanan sistem yang baru secara rinci dan menyeluruh dari informasi yang dihasilkan. 2. Mempelajari dan mengumpulkan data untuk disusun menjadi sebuah struktur data yang teratur sesuai dengan sistem yang akan dirancang. 3. Penyusunan perangkat lunak sistem yang berfungsi sebagai sarana pengolahan data dan penyaji informasi yang dibutuhkan. 8

2 9 4. Menyusun kriteria tampilan informasi yang akan dihasilkan secara keseluruhan. 5. Penyusunan buku pedoman (manual) tentang pengoperasian perangkat lunak sistem yang akan dirancang. II.2. Konsep Sistem Informasi Sistem dapat didefenisikan sebagai sekelompok elemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan. Hal pertama yang perlu diperhatikan dalam suatu sistem adalah elemen-elemennya yang kombinasi setiap sistemnya berbeda. Susunan suatu sistem pada dasarnya terdiri atas unit input, unit pengolahan dan unit output. Input atau masukan masuk ke dalam sistem melalui unit input. Selanjutnya, input diproses oleh unit pemrosesan dan hasilnya ditampilkan ataupun dicetak keluar melalui unit output. Sistem dapat dibedakan sebagai sistem terbuka dan sistem tertutup. Sistem dikatakan terbuka jika terjadi arus sumber daya antara sistem dan lingkungannya. Jika tidak ada interaksi dengan lingkungannya, sistem disebut sistem tertutup (Eko Nugroho, 2008:17). Informasi adalah suatu pengetahuan yang berguna untuk pengambilan keputusan. Fungsi utama informasi adalah menambah pengetahuan atau mengurangi ketidakpastian pemakai informasi. Informasi yang disampaikan kepada pemakai mungkin merupakan hasil dari data yang dimasukkan ke dalam pengolahan. Akan tetapi, dalam pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacammacam pilihan. Informasi dapat dikelompokkan menjadi 3 bagian yaitu informasi

3 10 strategis, informasi taktis dan informasi teknis. Informasi strategis yaitu informasi yang digunakan untuk mengambil keputusan jangka panjang, mencakup informasi eksternal, rencana perluasan perusahaan dan sebagainya. Informasi taktis adalah informasi yang dibutuhkan untuk mengambil keputusan jangka menengah seperti informasi trend penjualan yang dapat dimanfaatkan untuk menyusun rencana penjualan. Informasi teknis adalah informasi yang dibutuhkan untuk keperluan operasional sehari-hari, seperti informasi persediaan barang, retur penjualan dan laporan kas harian (Tata Sutabri, 2003:17). Menurut Scott (1996), sistem terdiri dari unsur-unsur seperti masukan (input), pengolahan (prosessing), serta keluaran (output). Ciri pokok sistem menurut Gaspert ada empat, yaitu sistem itu beroperasi dalam suatu lingkungan, terdiri atas unsur-unsur, ditandai dengan saling berhubungan dan mempunyai satu fungsi atau tujuan utama. Masukan (Input) Masukan (Input) Masukan (Input) Gambar II.1. Model Sistem (Sumber : Hanif Al Fatta, 2007; 4) Gambar di atas menunjukan bahwa sistem atau pendekatan sistem minimal mempunyai empat komponen, yakni masukan, pengolahan, keluaran dan balikan atau kontrol. Sistem informasi merupakan sistem konseptual yang memakai sumber daya konseptual, data dan informasi untuk mewakili sistem fisik yang dalam hal

4 11 ini berupa perusahaan atau organisasi. Komputer merupakan suatu sistem fisik, tetapi data dan informasi yang tersimpan di dalamnya dapat dipandang sebagai suatu sistem konseptual. Sistem fisik penting karena keberadaannya, sedangkan sistem konseptual penting karena penggambaran atas sistem fisik. Oleh karena itu, sistem informasi membantu para manajer dan pimpinan perusahaan untuk mendapatkan gambaran mengenai perusahaan. Informasi yang didapatkan merupakan bahan masukan penting bagi manajer dalam pengambilan keputusan (Eko Nugroho, 2008:18). II.3. Konsep Pemasaran Pemasaran adalah serangkaian proses untuk menciptakan, mengkomunikasikan dan memberi nilai kepada pelanggan. Sistem informasi pemasaran adalah sistem yang memberikan dukungan penyediaan informasi untuk pemasaran (Eko Nugroho, 2008:136). Ada lima kelompok informasi penting dalam bidang pemasaran sebagai berikut : 1. Informasi produk yaitu informasi mengenai produk yang dijual dan produk kompetitor. 2. Informasi promosi yaitu informasi mengenai cara, media dan waktu promosi yang dilakukan. 3. Informasi harga yaitu informasi mengenai harga produk termasuk harga dari kompetitor. 4. Informasi tempat yaitu informasi mengenai wilayah dan strategi tempat pemasaran produk.

5 12 5. Informasi gabungan yaitu informasi mengenai strategi terintegrasi yang merupakan kesatuan dari produk, promosi, harga dan tempat. II. 4. Konsep Jasa Jasa adalah sesuatu yang diproduksi dan dikonsumsi secara simultan. Jasa tidak pernah ada dan hasilnya dapat dilihat setelah terjadi. Jasa tidak dapat diproduksi di satu tempat dan dikirim ke tempat lain seperti barang, juga tidak dapat disimpan. Semua karakteristik ini dapat dihubungkan dengan keserentakan produksi dan konsumsi. Menurut Norman (1984), jasa terdiri dari tindakan dan interaksi yang merupakan kontak social. Jasa lebih dari sekadar hasil sesuatu yang tak terhalang, dan jasa merupakan ineraksi sosial antara produsen dan konsumen (Sumber : Drs. Hery Prasetya, Fitri Lukiastuti, SE.,M.M.,2009:72) Asal mula dan arti pentingnya jasa yaitu : 1. Semua orang adalah seorang tenaga ahli jasa. 2. Jasa adalah idiosyncratic dan bergantung situasi. 3. Kualitas produk bukanlah jasa kualitas. 4. Kebanyakan jasa berisi suatu campuran atribut tak terukur dan terukur yang mendasari sutu paket jasa. 5. Jasa kontak tinggi adalah jasa yang berpengalaman, sedangkan barang-barang adalah yang dikonsumsi. 6. Manajemen yang efektif dari jasa membutuhkan pemahaman dari marketing dan personel, seperti halnya operasi.

6 13 7. Jasa sering mengambil bentuk pertemuan antara pelanggan dan proses pengiriman jasa, termasuk face to face, telepon, hubungan melalui surat, dan lain-lain. II.5. Konsep UML (Unified Modelling Language) UML (Unified Modelling Language) merupakan sebuah standarisasi bahasa pemodelan untuk pembangunan perangkat lunak yang dibangun dengan menggunakan teknik pemograman berorientasi objek. UML muncul menggambarkan, membangun, dan dokumentasi dari sistem perangkat lunak. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan teks pendukung. UML hanya berfungsi untuk melakukan pemodelan. Penggunaan UML tidak terbatas pada metodologi tertentu, meskipun pada kenyataannya UML paling banyak digunakan pada metodologi berorientasi objek ( Sumber : Rosa A.S M.Shalahuddin,2011:117). II.5.1. Diagram Alir (Flowchart) Diagram alir (flowchart) adalah peralatan yang sesuai untuk menggambarkan proses sistem informasi secara rinci. Hal ini disebabkan karena adanya sekitar 40 simbol dalam diagram alir sistem yang dapat digunakan untuk menggambarkan proses sistem informasi. (Dr. Ir. Eko Nugroho, M.Si, Sistem Informasi Manajemen, 2008 : 115). Di bawah ini penulis menjelaskan arti dari lambang flowchart atau diagram alir dapat dilihat pada Tabel II.1.

7 14 Table II.1. Simbol Bagan Alir (Flowchart) No Simbol Nama Keterangan 1 Proses 2 Terminator Proses merupakan suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh computer Terminator berfungsi untuk memulai atau mengakhiri program. 3 4 Input output Keputusan Input - output berfungsi untuk memasukkan data atau menunjukkan hasil dari proses. Keputusan merupakan suatu kondisi yang menghasilkan beberapa kemungkinan jawaban atau pilihan 5 6 A Penyambung pada Halaman Berbeda Sambungan pada halaman yang sama 7 Konektor Penyambungan pada halaman berbeda merupakan simbol masuk atau keluarnya suatu prosedur pada lembar kertas lain. Penyambungan pada halaman yang sama merupakan simbol masuk atau keluarnya suatu prosedur pada lembar kertas yang sama. Arus / flow yang menghubungkan setiap bagian dalam sistem. 8 Dokumen Dokumen adalah data input atau output dalam format yang akan dicetak.

8 15 9 Operasi manual Operasi manual adalah kegiatan memproses data secara manual. Sumber (Dr.Ir. Eko Nugroho, M.Si, Sistem Informasi Manajemen, 2008 : 116) II.5.2. Use Case Diagram Diagram use case merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi tersebut. Ada dua hal utama pada use case yaitu : 1. Aktor merupakan orang, proses atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat. Jadi, walaupun simbol dari aktor adalah gambar orang, tetapi aktor belum tentu merupakan orang. 2. Use case merupakan fungsionalitas yang disediakan sistem sebagai unit-unit yang saling bertukar pesan antarunit atau aktor. Simbol-simbol yang digunakan dalam Use Case Diagram dapat dilihat pada Tabel II.2. Table II.2. Simbol Use Case Diagram No Simbol Nama Keterangan 1 nama use case Use Case Fungsionalitas yang disediakan sistem sebagai unit-unit yang saling bertukar pesan antar unit atau aktor, biasanya dinyatakan dengan kata kerja.

9 16 2 nama actor Aktor Orang, proses atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat, biasanya dinyatakan dengan kata benda. 3 Asosiasi Komunikasi antara aktor dan use case yang saling berpartisipasi pada use case atau use case memiliki interaksi dengan aktor. 4 <<extend>>. 5 6 <<include>> <<extend>> Generalisasi <<include>> Kelakuan yang hanya berjalan dibawah kondisi tertentu. Hubungan generalisasi dan spesialisasi antara dua buah use case dimana fungsi yang satu adalah fungsi yang lebih umum dari lainnya. Use case yang ditambahkan akan selalu dipanggil saat use case tambahan dijalankan. Sumber (Rosa A.S dan M.Shalahuddin, Rekayasa Perangkat Lunak, 2011 : 131) II.5.3. Class Diagram Class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Ada dua hal yang dimiliki oleh class diagram yaitu : 1. Atribut merupakan variabel-variabel yang dimiliki oleh suatu kelas. 2. Operasi atau metode adalah fungsi-fungsi yang dimiliki oleh suatu kelas.

10 17 Simbol-simbol yang digunakan dalam Class Diagram dapat dilihat pada Tabel II.3. Table II.3. Simbol Class Diagram No Simbol Nama Keterangan nama_kelas 1 +atribut Kelas Kelas pada struktur sistem. +operasi() 2 nama_interface Interface Tampilan antarmuka sistem. 3 Asosiasi 4 Asosiasi berarah 5 Generalisasi Relasi antar kelas dengan makna umum. Relasi antar kelas dengan makna kelas yang satu digunakan oleh kelas yang lain. Relasi antar kelas dengan makna generalisasispesialisasi (umum-khusus). 6 Ketergantungan/ dependency Relasi antar kelas dengan makna ketergantungan antar kelas. 7 Agregasi Relasi antar kelas dengan makna semua bagian. Sumber (Rosa A.S dan M.Shalahuddin, Rekayasa Perangkat Lunak, 2011 : 122)

11 18 II.5.4. Activity Diagram Activity diagram menggambarkan aliran kerja atau aktivitas dari sebuah sistem atau proses bisnis. Activity diagram banyak digunakan untuk mendefinisikan hal-hal berikut : 1. Rancangan proses bisnis dimana setiap urutan aktivitas yang digambarkan merupakan proses bisnis system yang didefinisikan. 2. Urutan atau pengelompokan tampilan dari sistem atau user interface dimana setiap aktivitas dianggap memiliki sebuah rancangan antarmuka tampilan. 3. Rancangan pengujian dimana setiap aktivitas dianggap memerlukan sebuah pengujian yang perlu didefinisikan kasus ujinya. Simbol-simbol yang digunakan dalam Activity Diagram dapat dilihat pada Tabel II.4. Table II.4. Simbol Activity Diagram No Simbol Nama Keterangan 1 Status awal Status awal aktivitas sistem. 2 aktivitas Aktifitas Aktivitas yang dilakukan system, biasanya diawali dengan kata kerja. 3 Percabangan/decision Asosiasi percabangan dimana jika ada pilihan aktivitas lebih dari satu.

12 19 4 Penggabungan/joint Asosiasi penggabungan dimana lebih dari satu aktivitas digabungkan menjadi satu. 5 Status akhir Status akhir yang dilakukan sistem. 6 Nama Swimlane Swimlane Memisahkan organisasi bisnis yang bertanggung jawab terhadap aktivitas yang terjadi. Sumber (Rosa A.S dan M.Shalahuddin, Rekayasa Perangkat Lunak, 2011 : 134) II.5.5. Sequence Diagram Sequence diagram menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antarobjek. Banyaknya diagram sequence yang harus digambarkan adalah sebanyak pendefinisian use case yang memiliki proses sendiri. Simbol-simbol yang digunakan dalam Sequence Diagram dapat dilihat pada Tabel II.5.

13 20 Table II.5. Simbol Sequence Diagram No Simbol Nama Keterangan 1 nama actor atau nama aktor Aktor Orang, proses atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat. 2 Garis hidup/lifeline Menyatakan kehidupan suatu objek. 3 Objek Menyatakan objek yang berinteraksi pesan. nama objek:nama kelas 4 Waktu aktif Menyatakan objek dalam keadaan aktif dan berinteraksi pesan. 5 Status akhir Status akhir yang dilakukan sistem. 6 <<create>> Pesan tipe create Objek yang lain, arah panah mengarah pada objek yang dibuat. 7 1 : nama_metode() Pesan tipe call Menyatakan suatu objek memanggil operasi/metode yang ada pada objek lain atau dirinya sendiri.

14 : masukan Pesan tipe send 1 : keluaran Pesan tipe return <<destroy>> Pesan tipe destroy Menyatakan bahwa suatu objek mengirimkan data/masukan/informasi ke objek lainnya, arah panah mengarah pada objek yang dikirim. Menyatakan bahwa suatu objek yang telah menjalankan suatu operasi/metode menghasilkan suatu kembalian ke objek tertentu, arah panah mengarah pada objek yang menerima kembalian. Menyatakan suatu objek mengakhiri hidup objek yang lain,arah panah mengarah pada objek yang diakhiri. Sebaiknya jika ada create maka ada destroy. Sumber (Rosa A.S dan M.Shalahuddin, Rekayasa Perangkat Lunak, 2011 : 137) II.6. Basis Data Sistem basis data adalah sistem terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan. Kebutuhan basis data dalam sistem informasi meliputi : 1. Memasukkan, menyimpan dan mengambil data. 2. Membuat laporan berdasarkan data yang telah disimpan.

15 22 Database Management System (DBMS) atau biasa disebut sistem manajemen basis data adalah suatu sistem aplikasi yang digunakan untuk menyimpan, mengelola dan menampilkan data. Suatu sistem aplikasi dapat disebut DBMS, jika memenuhi persyaratan sebagai berikut : 1. Menyediakan fasilitas untuk mengelola akses data. 2. Mampu menangani integritas data. 3. Mampu menangani akses data yang dilakukan secara bebas. 4. Mampu menangani backup data. Pentingnya data bagi suatu organisasi atau perusahaan, maka hampir sebagian perusahaan memanfaatkan DBMS dalam mengelola data. Pengelolaan DBMS biasanya ditangani oleh tenaga ahli yang disebut Database Administrator (DBA). Beberapa keuntungan yang diperoleh dengan menerapkan DBMS sebagai berikut : 1. Mengurangi duplikasi data. 2. Memperbaiki konsistensi data. Apabila sebuah data diubah, maka semua data yang terkait akan ikut berubah secara otomatis. 3. Memperbaiki keseragaman data. 4. Mengembangkan integrasi data. Semua file disatukan menjadi sebuah sistem yang terintegrasi, saling berhubungan satu dengan yang lain. 5. Peningkatan kecepatan akses data. 6. Meningkatkan keamanan data.

16 23 II.7. PHP ( Personal Home Page) PHP adalah singkatan dari Hypertext Preprocessor. PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan anda untuk membuat halaman web yang bersifat dinamis. PHP dapat dijalankan pada berbagai macam sistem operasi, misalnya Windows, LINUX dan Mac OS. Selain Apache, PHP juga mendukung beberapa web server lain, misalnya Microsoft IIS, Claudium, PWS dan lain-lain. Sistem manajemen database yang sering digunakan bersama PHP adalah MySQL. Namun PHP juga mendukung sistem manajemen database Oracle, Microsoft Access, Interbase,dBase, PostgreSQL dan lain-lain. Hingga kini PHP sudah berkembang hingga versi 5. PHP 5 mendukung penuh Object Oriented Programming (OOP), integrasi XML mendukung semua entensi terbaru MySQL, pengembangan web service dengan SOP dan REST, serta ratusan peningkatan lainnya dibandingkan versi sebelumnya. PHP juga bersifat open Source sehingga setiap orang dapat menggunakannya secara gratis. (Arief Ramadhan, S.Kom, 2006). II.8. MySQL Database MySQL pertama kali dirintis oleh seorang programmer database bernama Michael Wildenius. MySQL server adalah RDBMS (Relational Database Management System) yang dapay menangani data yang bervolume besar. Meskipun begitu, tidak menuntut resource yang besar. MySQL adalah database yang paling popular diantara database-database lain.

17 24 MySQL adalah program database yang mampu mengirim dan menerima data dengan sangat cepat dan multi user. MySQL memiliki dua bentuk license, yaitu free software dan shareware. (Wahana Komputer, 2005 ; 5). II.9. Adobe Dreamweaver Creative Suite 6 Adobe Dreamweaver CS6 adalah software terkemuka untuk membangun dan mengedit web dengan menyediakan kemampuan visual dan tingkat kode, yang dapat digunakan untuk membuat website berbasis standard an desain untuk desktop, mobile, smartphone, tablet dan perangkat lainnya ( Madiun Madcoms, 2011 ; 9 ). Beberapa syarat standar sistem hardware yang harus disediakan untuk dapat menjalankan dan menggunakan program Adobe Breamweaver CS6 diantaranya : 1. Prosesor Intel Pentium 4 atau AMD Athlon Microsoft Windows XP dengan Service Pack 2 (Service Pack 3 disarankan); Windows Vista Home Premium, Business, Ultimate, atau Enterprise dengan Service Pack 1, atau Windows RAM 512MB 4. Tersedia 1 GB ruang hardisk untuk instalasi; ruang kosong tambahan diperlukan selama instalasi (tidak dapat menginstal pada perangkat penyimpanan removable flash). 5. Display 1280x800 dengan 16-bit video card. Runtime Environtment 1.6 (termasuk).

18 25 6. DVD-ROM. 7. Perangkat Lunak Quicktime yang diperlukan untuk media pemutaran HTML5. Software ini tidak akan beroperasi tanpa aktivasi. II.9.1. Mengenal Tampilan Awal Dreamweaver CS6 Saat menjalankan Adobe Dreamweaver CS6 tampilan awal lembar kerja yang akan muncul dapat dilihat pada Gambar II.2. Gambar II.2. Tampilan awal Dreamweaver CS6 Pada tampilan Welcome Screen Dreamweaver terdapat beberapa bagian yang sangat berguna, diantaranya sebagai berikut : 1. Open a Recent Item : bagian ini menampilkan file yang pernah terbuka sebelumnya dalam lembar kerja Dreamweaver CS6. 2. Create New : bagian ini menampilkan beberapa pilihan jenis lembar kerja baru yang akan dibuka dalam Dreamweaver CS6.

19 26 3. Top Features (videos) :bagian ini menampilkan fitur-fitur teratas atau terpopuler dalam Dreamweaver CS6 yang dapat dilihat dalam bentuk tampilan video. 4. Getting Started : bagian ini berisi link untuk mengikuti tuntunan penggunaan Dreamweaver CS6. Pada Standar lembar kerja baru yang akan digunakan saat bekerja dengan Adobe Dreamweaver CS6 adalah pilihan HTML, dengan tampilan seperti gambar berikut ini : Gambar II.3. Lembar Kerja Adobe Dreamweaver CS6

20 27 Keterangan Gambar II.3. : 1. Menu Menu ini menampung semua perintah untuk mengolah dan melakukan semua pekerjaan pada dokumen halaman web yang sedang dibangun. 2. Toolbar Document Toolbar Document berisi tombol-tombol dan menu pop-up untuk mengatur tampilan berbeda dari jendela dokumen. 3. Jendela Dokumen Jendela Dokumen merupakan lembar kerja tempat untuk merancang/ mendesain sebuah aplikasi. 4. Panel Panel berisikan perintah-perintah yang sering digunakan dalam CSS, Insert, Files dan Properties. 5. Toolbar Coding Toolbar Coding berisikan baris toolbar ini berisi tombol-tombol yang digunakan untuk melakukan operasi kode-kode standar. Toolbar ini hanya tampil pada jendela Code. 6. Property Inspector Property Inspector berisikan perintah-perintah pendukung lembar kerja Adobe Dreamweaver CS6. 7. Status Bar Status Bar berisikan status lembar kerja yang sedang dikerjakan.