BAB II 2.1. Teori Umum 2.1.1. Konsep Dasar Sistem 2.1.1.1. Definisi Sistem Sebuah sistem dikatakan tepat guna bilamana sistem tersebut memberikan sebuah dampak yang posistif bagi suatu perusahaan atau badan usaha dalam pencapaian sasaran atau tujuan sebuah perusahaan. Adapun pengertian lain Sistem adalah kumpulan elemen yang saling berhubungan dan berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama [ Sutarman: 2012]. Dari penjelasan di atas dapat diambil kesimpulan bahwa sistem adalah suatu kumpulan atau kelompok dari elemen atau komponen yang saling berhubungan atau saling berinteraksi dan saling bergantung satu sama lain untuk mencapai suatu tujuan tertentu. 2.1.1.2. Karakteristik sistem Sebuah sistem memiliki karakteristik atau sifat sifat tertentu yang mencirian bahwa hal tersebut dapat dikatakan sebagai sebuah sistem. Adapun karakteristik tersebut adalah sebagai berikut: 1. Suatu sistem mempunyai komponen-komponen sistem ( components) atau subsistem - subsistem Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi, yang artinya saling bekerja sama dalam membentuk suatu kesatuan. Komponen sistem tersebut dapat berupa suatu bentuk subsistem. 2. Suatu sistem mempunyai batas sistem (boundary) Batasan sistem membatasi antara sistem yang satu dengan yang lainnya atau sistem dengan lingkungan luarnya.
7 3. Suatu sistem mempunyai lingkungan luar (environment) Lingkungan luar sistem adalah suatu bentuk apapun yang ada diluar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistem tersebut. 4. Suatu sistem mempunyai penghubung (interface) Lingkungan luar sistem adalah suatu bentuk apapun yang ada diluar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistem tersebut. 5. Suatu sistem mempunyai tujuan (goal) Suatu sistem pasti mempunyai tujuan ( goals) atau sasaran sistem (objective). Sebuah sistem dikatakan berhasil apabila mengenai sasaran atau tujuannya, jika suatu sistem tidak mempunyai tujuan maka operasi sistem tidak akan ada gunanya. 2.1.1.3. Klasifikasi sistem Suatu sistem dapat di klasifikasikan sebagai berikut: 1. Sistem abstrak (abstact system) dan sistem fisik (phisical system) Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tempak secara fisik, misalnya sistem teknologi yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sitem fisik merupakan sistem yang ada secara fisik. 2. Sistem Alami ( natural system) dan Sistem Buatan Manusia ( human made system) Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tempak secara fisik, misalnya sistem teknologi yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sitem fisik merupakan sistem yang ada secara fisik.
8 3. Sistem pasti (deterministic system) dan sistem tidak tentu (probobalistic system) Sistem tertentu adalah sistem yang tingkah lakunya dapat ditentukan atau diperkirakan sebelumnya. Sedangkan sistem tidak tentu sistem tingkah lakunya tidak dapat ditentukan sebelumnya. Sistem aplikasi komputer merupakan contoh sistem yang tingkah lakunya dapat ditentukan sebelumnya. Program aplikasi yang dirancangdan dikembangkan oleh manusia dengan menggunakan prosedur yang jelas, terstruktur dan baku. 4. Sistem Tertutup (closed system) dan Sistem Terbuka (open system) Sistem tertutup merupakan sistem yang tingkah lakunya tidak dipengaruhi oleh lingkungan luarnya. Sebaliknya, sistem terbuka mempunyai prilaku yang dipengaruhi oleh lingkungannya. Sistem aplikasi komputer merupakan sistem relative tertutup, karena tingkah laku sistem aplikasi komputer tidak dipengaruhi oleh kondisi yang terjadi diluar sistem. 2.1.2. Konsep Dasar Data dan Informasi Definisi data Data adalah fakta dari sesuatu pernyataan yang berasal dari kenyataan, di mana pernyataan tersebut merupakan hasil pengukuran atau pengamatan. Data dapat berupa angka-angka, huruf-huruf, simbol-simbol khusus, atau gabungan darinya [ Sutarman: 2012 ] Dan Informasi diartikan sebagai data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Dari pemaparan di atas menurut dua orang penulis yang berbeda dapat di ambil kesimpulan bahwa data itu adalah sekumpulan fakta yang belom memiliki arti, dan untuk mendapat informasi yang di perlukan adalah dengan cara mengolah dari data data yang telah diperoleh.
9 2.2. Teori Khusus 2.2.1. Invoice Invoice adalah sebuah surat tagihan yang bersifat komersial karena digunakan sebagai barang bukti dalam sebuah transaksi. Invoice ini biasanya berupa surat tagihan yang berkaitan dengan transaksi yang di lakukan antara kedua belah pihak, yakni transaksi penjual dan pembelian barang maupun jasa. Atau penjelasan La Midjan, invoice adalah dokumen yang menujukan jumlah yang berhak ditagih kepada pelanggan yang menunjukan infomasi kuantitas, harga dan jumlah tagihan. Manfaat utama dari invoice adalah sebagai tanda bukti dari sebuah transaksi. Sedangkan manfaat atau kegunaan invoice lainya adalah salah satu barang bukti transaksi yang dapat di gunakan sebagai referensi oleh bagian keuangan atau akuntansi di perusahaan. Invoice kadang juga disebut sebagai surat bukti hutang. 2.2.2. Unified Modelling Language (UML) 2.2.2.1. Definisi UML (Unified Modeling Language) UML ( Unified Modeling Language) adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma berorientasi objek [Nugroho 2010:6]. Pemodelan ( modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami. Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa Unified Modelling Language (UML) adalah sebuah bahasa yang berdasarkan grafik atau gambar untuk menvisualisasikan, menspesifikasikan, membangun dan pendokumentasian dari sebuah sistem pengembangan perangkat lunak berbasis Objek (Object Oriented programming). 2.2.2.2. Langkah-langkah penggunaan Unified Modeling Language (UML)
10 langkah-langkah penggunaan Unified Modeling Language (UML) sebagai berikut: 1. Buatlah daftar business process dari level tertinggi untuk mendefinisikan aktivitas dan proses yang mungkin muncul. 2. Petakan use case untuk setiap business process untuk mendefinisikan dengan tepat fungsional yang harus disediakan oleh sistem, kemudian perhalus use case diagram dan lengkapi dengan requirement, constraints dan catatan-catatan lain. 3. Buatlah deployment diagram secara kasar untuk mendefinisikan arsitektur fisik sistem. 4. Definisikan requirement lain non fungsional, security dan sebagainya yang juga harus disediakan oleh sistem. 5. Berdasarkan use case diagram, mulailah membuat activity diagram. 6. Definisikan obyek-obyek level atas package atau domain dan buatlah sequence dan/atau collaboration untuk tiap alur pekerjaan, jika sebuah use case memiliki kemungkinan alur normal dan error, buat lagi satu diagram untuk masing-masing alur. 7. Buatlah rancangan user interface model yang menyediakan antar muka bagi pengguna untuk menjalankan skenario use case. 8. Berdasarkan model-model yang sudah ada, buatlah class diagram. Setiap package atau domian dipecah menjadi hirarki class lengkap dengan atribut dan metodenya. Akan lebih baik jika untuk setiap class dibuat unit test untuk menguji fungsionalitas class dan interaksi dengan class lain. 9. Setelah class diagram dibuat, kita dapat melihat kemungkinan pengelompokkan class menjadi komponen-komponen karena itu buatlah component diagram pada tahap ini. Juga, definisikan test integrasi untuk setiap komponen meyakinkan ia bereaksi dengan baik.
11 10. Perhalus deployment diagram yang sudah dibuat. Detilkan kemampuan dan requirement piranti lunak, sistem operasi, jaringan dan sebagainya. Petakan komponen ke dalam node. 11. Mulailah membangun sistem. Ada dua pendekatan yang tepat digunakan: a. Pendekatan use case dengan mengassign setiap use case kepada tim pengembang tertentu untuk mengembangkan unit kode yang lengkap dengan test. b. Pendekatan komponen yaitu mengassign setiap komponen kepada tim pengembang tertentu. 2.2.2.3. Model UML (Unified Modeling Language) Beberapa literature menyebutkan bahwa UML menyediakan sembilan jenis diagram, yang lain menyebutkan delapan karena ada beberapa diagram yang digabung, misanya diagram komunikasi, diagram urutan dan diagram pewaktuan digabung menjadi diagram interaksi [Widodo 2011:10]. Definisi Unified Modelling Language (UML) adalah sebuah bahasa yang telah menjadi standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. Versi terbaru dari UML yaitu UML versi 2.0 terdiri dari empat belas teknik diagram untuk memodelkan sistem. Diagram tersebut dibagi menjadi dua kelompok utama yaitu Structure Diagrams dan Behavioral Diagrams (Alan Dennis, 2009:29). Namun demikian model-model itu dapat dikelompokkan berdasarkan sifatnya yaitu statis atau dinamis. Jenis diagram itu antara lain: 1. Diagram kelas. Bersifat statis, Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai pada pemodelan sistem berorientasi
12 objek. Meskipun bersifat statis, sering pula diagram kelas memuat kelas-kelas aktif. 2. Diagram paket (Package Diagram). Bersifat statis. Diagram ini memperlihatkan kumpulan kelas-kelas, merupakan bagian dari diagram komponen. 3. Diagram use-case. Bersifat statis. Diagram ini memperlihatkan himpunan use-case dan aktor-aktor (suatu jenis khusus dari kelas). Diagram ini terutama sangat penting untuk mengorganisasi dan memodelkan perilaku suatu sistem yang dibutuhkan serta diharapkan pengguna. 4. Diagram interaksi dan sequence (urutan). Bersifat dinamis. Diagram urutan adalah iterasiksi yang menekankan pada pengiriman pesan dalam suatu waktu tertentu. 5. Diagram komunikasi (communication diagram). Bersifat dinamis. Diagram sebagai pengganti diagram kolaborasi UML 1.4 yang menekankan organisasi struktural dari objek-objek yang menerima serta mengirim pesan. 6. Diagram statechart (statechart diagram). Bersifat dinamis. Diagram status memperlihatkan keadaan-keadaan pada sistem, memuat status (state), transisi, kejadian serta aktivitas. 7. Diagram aktivitas (activity diagram). Bersifat dinamis. Diagram aktivitas adalah tipe khusus dari diagram status yang memperlihatkan aliran dari suatu suatu aktivitas ke aktivitas lainnya dalam suatu sistem. Diagram ini terutama penting dalam pemodelan fungsi-fungsi suatu sistem dan memberi tekanan pada aliran kendali antar objek.
13 8. Diagram komponen (component diagram). Bersifat statis. Diagram komponen ini memperlihatkan organisasi serta kebergantungan sistem/perangkat lunak pada komponenkomponen yang telah ada sebelumnya. 9. Diagram deployment (deployment diagram). Bersifat statis. Diagram ini memperlihatkan konfigurasi saat aplikasi dijalankan ( run-time). Memuat simpul-simpul beserta komponen-komponen yang di dalamnya. Kesembilan diagram ini tidak mutlak harus digunakan dalam pengembangan perangkat lunak, semuanya dibuat sesuai kebutuhan. Pada UML dimungkinkan kita menggunakan diagram-diagram lainnya misalnya data flow diagram, entity relationship diagram, dan sebagainya. 2.2.2.4. Bangunan dasar Metodologi Unified Modeling Language (UML) Bangunan dasar metodologi Unified Modeling Language (UML) menggunakan tiga bangunan dasar untuk mendeskripsikan sistem/perangkat lunak yang akan dikembangkan, yaitu: 1. Sesuatu (things) Ada 4 (empat) things dalam Unified Modeling Language (UML), yaitu: a. Structural things Merupakan bagian yang relatif statis dalam model Unified Modeling Language (UML). Bagian yang relatif statis dapat berupa elemenelemen yang bersifat fisik maupun konseptual. b. Behavioral things Merupakan bagian yang dinamis pada model Unified Modeling Language (UML), biasanya merupakan kata kerja dari model Unified
14 Modeling Language (UML), yang mencerminkan perilaku sepanjang ruang dan waktu. c. Grouping things Merupakan bagian pengorganisasi dalam Unified Modeling Language (UML). Dalam penggambaran model yang rumit kadang diperlukan penggambaran paket yang menyederhanakan model. Paket-paket ini kemudian dapat didekomposisi lebih lanjut. Paket berguna bagi pengelompokkan sesuatu, misalnya model-model dan subsistemsubsistem. d. Annotational things Merupakan bagian yang memperjelas model Unified Modeling Language (UML) dan dapat berupa komentar-komentar yang menjelaskan fungsi serta ciri-ciri setiap elemen dalam model Unified Modeling Language (UML). 2. Relasi (Relationship) Ada 4 (empat) macam relationship dalam Unified Modeling Language (UML), yaitu: a. Kebergantungan Merupakan hubungan dimana perubahan yang terjadi pada suatu elemen mandiri ( independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mandiri (dependent). b. Asosiasi Merupakan apa yang menghubungkan antara objek satu dengan objek lainnya, bagaimana hubungan suatu objek dengan objek lainnya. Suatu bentuk asosiasi adalah agregasi yang menampilkan hubungan suatu objek dengan bagian-bagiannya. c. Generalisasi
15 Merupakan hubungan dimana objek anak ( descendent) berbagi perilaku dan struktur data dari objek yang ada diatasnya objek induk (ancestor). Arah dari atas ke bawah dari objek induk ke objek anak dinamakan spesialisasi, sedangkan arah berlawanan sebaliknya dari arah bawah ke atas dinamakan generalisasi. d. Realisasi Merupakan operasi yang benar-benar dilakukan oleh suatu objek. 2.2.2.5. Jenis-jenis diagram UML (Unified Modeling Language) Berikut ini adalah definisi mengenai 5 diagram UML : 1. Use Case Diagram Use case adalah adalah deksripsi fungsi dari sebuah sistem dari perspektif pengguna [ Maimunah 2010:30 ]. Use case bekerja dengan cara mendeskripsikan tipikal interaksi antara pengguna sebuah sistem (aktor) dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem dipakai. Use case diagram secara grafis menggambarkan interaksi antara sistem, sistem eksternal dan pengguna. Dengan kata lain use case diagram secara grafis mendeskripsikan siapa yang akan menggunakan sistem dan dalam cara apa pengguna (user) mengharapkan interaksi dengan sistem itu. Use case secara naratif digunakan untuk secara tekstual menggambarkan sekuensi langkahlangkah dari setiap interaksi.
16 Gambar 2.0 Contoh Use Case Diagram (http://commons.wikimedia.org) Tabel 2.0 Tabel Simbol Use Case Diagram (http://commons.wikimedia.org ) Symbol Deskripsi Use case Fungsionalitas yang disediakan sistem sebagai use case Aktor/ actor nama actor unit-unit yang saling bertukar pesan antar unit atau aktor; biasanya dinyatakan dengan menggunakan kata kerja di awal frase nama use case. Orang, proses atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri, jadi walaupun simbol dari aktor adalah gambar orang, tapi aktor belum tentu merupakan orang; biasanya dinyatakan menggunakan kata benda di awal frase nama aktor. Asosiasi/ association Komunikasi antara aktor dan use case yang berpartisipasi pada use case atau use case memiliki interaksi dengan aktor. Ekstensi/ extend Relasi use case tambahan ke sebuah use case
17 <<extend>> dimana use case yang ditambahkan dapat berdiri sendiri walaupun tanpa use case tambahan itu; mirip dengan prinsip inheritance pada pemrograman berorientasi objek; biasanya use case tambahan memiliki nama depan yang sama dengan use case yang ditambahkan. Generalisasi/ generalization Hubungan generalisasi dan spesialisasi (umum - khusus) antara dua buah use case dimana fungsi yang satu adalah fungsi yang lebih umum dari lainnya. Menggunakan/ include/ uses Relasi use case tambahan ke sebuah use case yang ditambahkan memerlukan use case ini untuk <<include>> <<uses>> menjalankan fungsinya atau sebagai syarat dijalankan use case ini. Ada dua sudut pandang yang cukup besar mengenai include di use case: - Include berarti use case yang ditambahkan akan selalu dipanggil saat use case tambahan dijalankan. - Include berarti use case yang tambahan akan selalu melakukan pengecekan apakah use case yang ditambahkan telah dijalankan. Kedua interpretasi di atas dapat dianut salah satu atau keduanya tergantung pada pertimbangan dan interpretasi yang dibutuhkan. 2. Class Diagram Class diagram adalah Class yang menggambarkan keadaan (atribut/property) suatu sistem, sekaligus menawarkan pelayanan untuk memanipulasi keadaan tersebut (metode/fungsi) [Murad: 2010].
18 Menggambarkan struktur object sistem. Diagram ini menunjukkan class object yang menyusun sistem dan juga hubungan antara class object tersebut. Gambar 2.1 Contoh Class Diagram (http://commons.wikimedia.org) Tabel 2.1 Simbol Class Diagram Simbol Deskripsi Package Package merupakan sebuah bungkusan dari satu atau lebih kelas. Kelas Kelas pada struktur sistem. Antarmuka/interface Sama dengan konsep interface dalam pemrograman berorientasi objek.
19 Asosiasi/association Asosiasi berarah/directed association Generalisasi Kebergantungan/dependency Agregasi/aggregation Relasi antar kelas dengan makna umum, asosiasi biasanya juga disertai dengan multiplicity. Relasi antar kelas dengan makna kelas yang satu digunakan oleh kelas yang lain, asosiasi biasanya juga disertai dengan multiplicity. Relasi antar kelas dengan makna generalisasi-spesialisasi (umum khusus). Relasi antar kelas dengan makna kebergantungan antar kelas. Relasi antar kelas dengan makna semua bagian (whole-part).
20 3. Sequence Diagram Secara grafis menggambarkan bagaimana objek berinteraksi dengan satu sama lain melalui pesan pada sekuensi sebuah use case atau operasi. Gambar 2.2 Contoh Sequence Diagram (http://en.wikipedia.org/wiki/sequence_diagram ) Tabel 2.2 Simbol Sequence Diagram (http://en.wikipedia.org/wiki/sequence_diagram ) Simbol Aktor atau Deskripsi Orang, proses, atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat itu sendiri, biasanya dinyatakan menggunakan kata benda di awal frase nama aktor. tanpa waktu aktif
21 Garis hidup/lifeline Menyatakan kehidupan suatu objek. Objek Menyatakan objek yang berinteraksi pesan. Waktu aktif Menyatakan objek dalam keadaan aktif dan berinteraksi pesan. Pesan tipe create Menyatukan suatu objek membuat objek yang lain, arah panah mengarah pada objek yang dibuat. Pesan tipe call Menyatakan suatu objek memanggil operasi/metode yang ada pada objek lain atau dirinya sendiri. Pesan tipe send Menyatakan bahwa suatu objek mengirim data/masukan/informasi ke objek lain, arah panah mengarah pada objek yang menerima kembalian. Pesan tipe return Menyatakan bahwa suatu objek yang telah menjalankan suatu operasi atau metode menghasilkan suatu kembalian ke objek tertentu, arah panah mengarah pada objek yang menerima kembalian. Pesan tipe destroy Menyatakan suatu objek mengakhiri hidup objek yang lain, arah panah mengarah pada objek yang diakhiri, sebaiknya jika ada create maka ada destroy.
22 4. State Chart Diagram Digunakan untuk memodelkan behaviour objek khusus yang dinamis. Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang dapat diasumsikan oleh objek dan event-event (kejadian) yang menyebabkan objek beralih dari satu state ke state yang lain. 5. Activity Diagram Secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun use case. Activity diagram dapat juga digunakan untuk memodelkan action yang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil dari action tersebut. Gambar 2.3 Contoh Activity Diagram (http://www.jbug.jp/trans/jbossrules3.0.2/ja/html/ch1.html )
23 Tabel 2.3 Simbol Activity Diagram (http://iyudcsdelajang.blogspot.com/2012/05/v-behaviorurldefaultvmlo.html ) Simbol Status awal Deskripsi Status awal aktivitas sistem, sebuah diagram aktivitas memiliki sebuah status awal. Aktivitas Aktivitas yang dilakukan sistem, aktivitas biasanya diawali dengan kata aktivitas kerja. Percabangan/decision Asosiasi percabangan dimana jika ada pilihan aktifitas lebih dari satu. Penggabungan/join Status akhir Asosiasi penggabungan dimana lebih dari satu aktivitas digabungkan menjadi satu. Status akhir yang dilakukan sistem, sebuah diagram aktivitas memiliki sebuah status akhir.
24 Swimlane Memisahkan organisasi bisnis yang bertanggung jawab terhadap aktivitas yang terjadi. Fork Join Fork, digunakan untuk menunjukkan kegiatan yang dilakukan secara paralel. Join, digunakan untuk menunjukkan kegiatan yang digabungkan. 2.2.3. PHP 2.2.3.1. Pengertian PHP PHP kependekan kata dari Hypertext Preprocessor adalah suatu bahasa pemrograman open source yang cocok digunakan dalam pengembangan web dan dapat di sisipkan pada sebuah script HTML [ Ahmad dan Virgi:2011].
25 Penciptaan awal PHP adalah untuk mempermudah pengembangan sebuah web dalam penulisan dalam halaman web dinamis dengan cepat. Dari pemaparan di atas dapat di simpulkan bahwa PHP adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa pemrograman dimana berbasis kode kode (script ) yang di pergunakan untuk mengolah suatu data dan bersifat server side yang di tambahkan ke dalam HTML. Sifat server side berarti pengerjaan skrip dilakukan di server, lalu setelah itu hasilnya di kirimkan ke browser. Adapun cara penulisan skrip PHP ada 2 cara, yaitu Embedded Script dan Non Embedded Script. Contoh dari jenis skrip PHP diatas di tunjukan dalam gambar 2.0 berikut : Gambar 2.4 Perbedaan antara Embedded Script dengan Non Embedded Script Gambar 1.0 menjelaskan bahwa skrip PHP dapat berupa embedded script yaitu melakukan tag PHP diantara tag tag HTML sedangkan non embedded script yaitu semua tag HTML diletakan dalam tag PHP. Semua kode PHP menyerupai dengan kode bahasa C, walaupun tidak sepenuhnya sama. Untuk penulisan tag PHP terdiri dari empat style, yaitu Style Standar Format, dengan format: <?php.?>, Short Style dengan format: <?.?>,
26 Javascript Style dengan format: <script language = php > </script> dan ASP style dengan format: <% %>. 2.2.4. MySQL MySQL adalah software sistem informasi manajemen database (Database Management System-DBMS) yang sangat popular dikalangan pemograman web, terutama di lingkungan linux denngan menggunakan script PHP. PhpMyAdmin mempunyai banyak kelebihan yang dapat mempermudah pekerjaan anda, hal ini sangat membantu bila anda mempunyai server MySQL di dalam lokal komputer. Tetapi bagaimana jika anda ikut dalam layanan web hosting, yang jarang sekali memberikan fasilitas MySQL monitor baik yang berbentuk command line maupun yang berbasis web. Apabila akan memasang phpmyadmin pada hosting tersebut maka akan mengurangi ruang hardisk yang anda butuhkan untuk halaman homepage. Oleh sebab itu dibutuhkan suatu interface berbasis web yang berukuran kecil yang dapat membantu program anda. 1. Database MySQL pada program Mengubah struktur suatu database Memperoleh informasi dari database Meperbarui isi database 2. Perintah SQL dikelompokan menjadi lima macam: a. Data definition Language (DDL) Create : Untuk membuat / menciptakan objek databases. Alter : Untuk memodifikasi / mengubah objek database.
27 Drop : Untuk menghapus objek database objek database yang dimaksud terdiri dari database, table, index dan view. b. Data Manipulation Language (DML) Select : digunakan untukmengambil data dari database. Delete : digunakan untuk menghapus data dari database. Insert : menambahkan data ke database. Update : memodifikasi data pada database. c. Security Grant : memberi akses kepada user tertentu untuk akses ke database. Revoke: mencabut hak akses dari user. d. Integrity Integrity adalah perintah-perintah yang digunakan untuk menjaga kesatuan data. Contoh recover table : untuk memperbaiki table pada database. e. Auxiliary Auxilliaru adalah perintah-perintah pelengkap atau tambahan, seperti : unload dan sename. 2.2.5. jquery 2.2.5.1. Pengertian jquery Semenjak dirilis pertama kali pada tahun 2006 oleh Jhon Resig, jquery telah menarik perhatian para pembuat web. Sebagai bukti, pada tahun tahun
28 berikutnya jquery telah banyak di gunakan oleh website website terkemuka di dunia seperti Google, Microsoft, Intel, Nokia, Oracle, IBM, DELL dan masih banyak lagi. jquery adalah Javascript Library atau kumpulan kode/fungsi Javascript siap pakai [ Lukmanul Hakim : 2013] sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. 2.2.5.2. Kelebihan jquery Kelebihan kelebihan menggunakan jquery atara lain sebagai berikut: 1. jquery telah banyak di gunakan oleh website website terkemuka di dunia. 2. Kompatible / cocok dengan semua browser yang populer, seperti Mozilla, Internet Explorer, Safari, Google Chrome, dan Opera. 3. Dokumentasi atau tutorial maupun contoh contoh lengkap. 4. Didukung oleh komunitas yang besar dan aktif, seperti forum, milis, blog, sosial media, website, dan tutorial. 5. Ketersedian plugin yang sangat banyak jumlahnya. Plugin merupakan kemampuan tambahan yang bisa di sertakan pada jqury. 6. File hanya satu dan ukuranya sangat kecil, biasanya berformat js. 7. Open source / gratis. 8. jquery lebih banyak di gunakan oleh para pengembang web di bandingkan Javascript lainya. 2.2.5.3. Kemampuan yang dimuliki jquery Kemampuan kemampuan yang di miliki jquery adalah sebagai berikut: 1. Mempermudah akses dan manipulasi elemen tertentu.
29 Biasanya diperlukan baris program yang cukup panjang untuk mengakses suatu elemen dokumen. Namun jquery dapat melakukan hanya dengan beberapa baris program saja, karena jquery memiliki selector yang sangat efisien untuk mengakses suatu elemen tertentu pada dokumen yang selanjutnya bisa di manipulasi sesuai dengan keinginan kita 2. Mempermudah modifikasi / perubahan tampilan halaman web. Biasanya, untuk modifikasi tampilan halaman web digunakan CSS. Permasalahan, CSS sangat dipengaruhi oleh web browser yang di gunakan sehingga sering terjadi halaman web yang dibuat sudah rapi dan menarik tampilan di browser Mozilla, namun ketika ditampilkan di Opera menjadi berantakan. Namun jquery dapat menyesuaikan style CSS pada semua browser, sehinggal permasalahaan tersebut dapat dihindari. 3. Mempersingkat Ajax (Asynchronous Javascript and XML) Kemampuan favorit dari Ajax adalah mampu mengambil informasi dari server tanpa melakukan refresh pada halaman web, artinya halaman web terlihat secara otomatis. Apabila kita menuliskan kode Ajax secara manual, biasanya diperlukan baris yang cukup panjang, namun jquery dapat mempersingkatnya menggunakan Ajax call, perbandinganya 25 baris kode Ajax dapat disingkat menjadi 5 baris kode saja jika menggunakan jquery. 4. Memiliki API (Application Programminng Interface) Dengan API, jquery dapat manipulasi content pada suatu halaman web, seperti pengubahan teks, manipulasi gambar (memperbesar, memutar, memotong), penyusunan daftar, pengurutan daftar, paging, dan lain lain. 5. Mampu merespon interaksi antara user dengan halaman web dengan lebih cepat. 6. Menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah.
30 2.2.6. Adobe Dreamweaver CS6 Adobe Macromedia Dreamweaver adalah sebuah program aplikasi HTML authoring, yaitu sebuah aplikasi yang di gunakan untuk membuat situs web yang kompleks, dan aplikasi web lainnya secara visual [ Wahyu Gunawan 2010:10 ]. Versi terbaru dari aplikasi Adobe Dreamweaver adalah Adobe Dreamweaver CS 6. Adobe Dreamweaver CS6 sudah dapat menggunakan panel CSS yang baru yang menyediakan kemudahan bagi pengguna dalam membuat maupun mengubah style CSS secara visual dan lebih mudah untuk di pahami. Adobe Dreamweaver CS6 memungkinkan pembuat untuk membuat sebuah aplikasi dinamis dengan database menggunakan bahasa server seperti CFML, ASP.NET, ASP, JSP, CSS, dan tentunya PHP. Gambar 2.5 Contoh Adobe Dreamweaver CS6 2.2.7. Navicat Navicat adalah sebuah aplikasi yang dapat digunakan untuk memanipulasi data MySQL atau Oracle, seperti membuat database, membuat tabel, menghapus tabel. Adapun kemampuan yang di miliki navicat selain yang di sebutkan sebelumya adalah dapat di gunakan untuk mengubah tipe data MySQL yang biasanya berakhiran (.sql) ke dalam format file Paradox(*.db), file DBase(*.dbf), file Text(*.txt), file HTML(*.htm;*.html), file Excel(*.xls), file Excel
31 2007(*.xlsx), file Lotus 1-2-3(*.wk1), QuattroPro(*.wq1), file XML(*.xml), database MS Access(*.mdb), dan masih banyak lagi. Tidak hanya sampai di situ saja, dengan bantuan navicat ini anda bisa dengan mudah mengambil data dari tipe lain ke dalam file.sql. Pengoprasian aplikasi Navicat ini sangat lah mudah karna sudah tools ini sudah berbaasis GUI ( Graphical User Interface ). Gambar 2.6 Contoh Navicat