BAB II LANDASAN TEORI

Transkripsi

1 BAB II LANDASAN TEORI 2.1 Aplikasi web Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misalnya Explorer dan Mozilla Firefox. Denga menggunakan aplikasi web, kita hany aperlu menempatkan aplikasi dalam sebuah server dan dengan sendirinya aplikasi tersebut dapat diakses dari manapun, sepanjang pemakai dapat mengakses web server-nya. Web Server adalah server yang melayani permintaan aplikasi web. Aplikasi web yang paling dasar ditulis dengan menggunakan HTML. Sebagaimana diketahui, HTML (Hypertext Markup Language) adalah bahasa standar untuk membuat halaman halaman web. (Abdul Kadir, 2009) 2.2 Percabangan dan Perulangan Program Proses percabangan memperluas kegunaan dari program dengan memperbolehkan penggunaan logika-logika sederhana untuk memilih blok-blok kode yang akan dieksekusi. Perulangan (looping) digunakan untuk mengulang blok kode untuk sejumlah perulangan tertentu. Selain itu, perulangan juga bisa dipakai untuk mengulang blok-blok kode hingga suatu kondisi boolean tertentu terpenuhi. (Hanif A. Fatta, 2006) 2.3 Bahasa Pemrograman Java Java merupakan bahasa pemrograman yang disusun oleh James Gosling yang dibantu oleh rekan-rekannya di suatu perusahaan perangkat lunak yang bernama Sun Microsystems, pada tahun Bahasa pemrograman ini mula-mula diinisialisasi dengan nama Oak, namun pada tahun 1995 diganti namanya menjadi Java Pengertian Java Menurut definisi Sun Microsystem, di dalam buku M. Shalahuddin dan Rosa A.S. (2010 : 1) Java adalah nama commit sekumpulan to user teknologi untuk membuat dan 5

2 6 menjalankan perangkat lunak pada komputer yang berdiri sendiri (standalone) ataupun pada lingkungan jaringan. Java berdiri di atas sebuah mesin penterjemah (interpreter) yang diberi nama Java Virtual Machine (JVM). JVM inilah yang akan membaca kode bit (bytecode) dalam file.class dari suatu program sebagai representasi langsung program yang berisi bahasa mesin. Oleh karena itu bahasa Java disebut sebagai bahasa pemrograman yang portable karena dapat dijalankan pada berbagai sistem operasi, asalkan pada system operasi tersebut terdapat JVM. Alasan utama pembentukan bahasa Java adalah untuk membuat aplikasi-aplikasi yang dapat diletakkan di berbagai macam perangkat elektronik, sehingga Java harus bersifat tidak bergantung pada platform (platform independent). Itulah yang menyebabkan dalam dunia pemrograman Java dikenal adanya istilah write once, run everywhere, yang berarti kode program hanya ditulis sekali, namun dapat 9 dijalankan di bawah kumpulan pustaka (platform) manapun, tanpa harus melakukan perubahan kode program. 2.4 Diagram Konteks (Context Diagram) Diagram konteks adalah sebuah diagram sederhana yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. (Kristanto 2003). 2.5 DFD ( Data Flow Diagram) Menurut Hartono (1999), DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir (misalnya lewat telepon) atau lingkungan fisik dimana data tersebut akan disimpan (misalnya harddisk, disket, file kartu). Sehingga dapat disimpulkan bahwa DFD merupakan penggambaran system yang menggunakan bentuk simbol untuk menggambarkan aliran data dalam suatu

3 7 proses yang saling berhubungan. Secara lengkap gambar simbol DFD (Data Flow Diagram) berdasarkan teori Yourdon/De Marco dapat dilihat pada Tabel 2.1 Tabel 2.1 Simbol Diagram Arus Data No Nama Simbol Keterangan 1 Entity luar Entity luar merupakan sumber atau tujuan dari aliran data dari atau ke system 2 Aliran Data Menggambarkan aliran data dari suatu proses ke proses lainnya 3 Proses Proses yang mengubah input menjadi output 4 Berkas atau tempat penyimpanan Berupa file atau database pada sistem komputer DFD Level 0 DFD Level 0 adalah diagram yang menggambarkan proses dari dataflow diagram. Diagram ini memberikan pandangan secara menyeluruh mengenai sistem yang ditangani, menunjukkan tentang fungsi-fungsi utama atau proses yang ada, aliran data, dan entitas eksternal. Menurut Tata Sutabri menyatakan bahwa DFD level 0 dibuat untuk menggambarkan tahapan proses yang ada dalam diagram konteks, yang penjabarannya lebih terperinci. Sedangkan menurut Kendall menyatakan DFD level 0 adalah sebagai berikut Diagram 0 adalah pengembangan diagram konteks dan bisa mencakup sampai sembilan proses. Jadi dapat ditarik kesimpulan, bahwa DFD level 0 adalah

4 8 pengembangan diagram konteks yang menggambarkan tahapan proses yang ada dalam diagram konteks DFD Level 1 DFD Level 1 adalah diagram yang menguraikan proses apa yang adadalam DFD Level 0 atau diagram level diatasnya. Pengertian DFD level 1 menurut Tata Sutabri adalah sebagai berikut DFD level 1 dibuat untuk menggambarkan arus data secara lebih mendetail lagi dari tahapan proses yang ada pada DFD level 0. Sedangkan menurut Kendall menyatakan DFD level 1 adalah sebagai berikut Diagram anak adalah proses pada diagram 0 yang dikembangkan semua aliran data yang menuju dari proses induk harus ditunjukkan mengalir ke dalam/ keluar di diagram anak. Jadi dapat ditarik kesimpulan, bahwa diagram level 1 adalah proses pada diagram 0 yang menggambarkan arus data secara lebih rinci. 2.6 ERD Entity Relationship Diagram (ERD) adalah suatu model jaringan (network) yang menggunakan susunan data yang disimpan dalam sistem secara abstrak. Tujuan utama dari penggambaran ERD adalah untuk menunjukkan struktur objek data (entity) dan hubungan (relationship) yang ada pada objek tersebut. ERD berguna bagi professional sistem, karena ERD memperlihatkan hubungan antara data store pada DFD. (Fatansyah, 2001). Komponen utama ERD dapat dilihat pada tabel 2.2 Tabel 2.2 Simbol-simbol ERD Nama Simbol Simbol Keterangan Entitas Digunakan untuk menggambarkan obyek yang dapat diidentifikasikan dalam lingkungan pemakai. Atribut Digunakan untuk menggambarkan elemen-elemen dari suatu entitas, yang menggambarkan karakter entitas.

5 9 Hubungan Entitas dapat berhubungan satu sama lain. Hubungan disebut dengan relasi. Garis Digunakan untuk menghubungkan entitas dan entitas dengan atribut. 2.7 Kardinalitas Kardinalitas mengacu pada berapa kali instance dari suatu entitas dapat berelasi dengan instance lain di entitas yang berbeda. Satu instance dalam suatu entitas mengacu pada satu dan hanya satu instance pada entitas lainnya (1:1). Satu instance dalam suatu entitas mengacu ke satu atau lebih instance yang berelasi (1:N). Satu atau lebih instance dalam suatu entitas mengacu pada satu atau lebih instance pada entitas yang berelasi (N:N). (Hanif Al Fatta, 2007) 2.8 Relasi tabel Pengertian Table Relasi menurut (Fathansyah, 2001) adalah Data yang menggambarkan hubungan antara table yang satu dengan table yang lainnya. Model basis data relational sering pula disebut sebagai model Relasional atau Basis Data Relasional. Model Basis Data ini ditemukan atau diperkenalkan pertama kalinya oleh E.F Codd. Model basis data menunjukan suatu cara atau mekanisme yang digunakan untuk mengelola atau mengorganisasi data secara fisik dalam memori sekunder yang berdampak pula pada bagaimana kita mengelompokan dan membentuk keseluruhan data yang terkait dalam sistem yang sedang ditinjau. 2.9 Flowchart Flowchart adalah representasi grafis dari langkah langkah yang harus diikuti dalam menyelesaikan suatu permasalahan yang terdiri atas sekumpulan simbol, dimana masing masing simbol merepresentasikan kegiatan tertentu. Flowchart diawali dengan penerimaan input dan diakhiri dengan penampilan output.

6 10 Sebuah flowchart pada umumnya tidak menampilkan instruksi bahasa pemrograman, namun menetapkan konsep solusi dalam bahasa manusia ataupun notasi matematis. Berikut ini akan dibahas tentang simbol simbol yang digunakan dalam menyusun flowchart, kegiatan yang diwakili serta aturan yang diterapkan dalam penggunaan simbol tersebut pada Tabel 2.3 : Tabel 2.3 Simbol-simbol Flowchart Simbol Nama Pengertian Simbol Proses Simbol Input Output (IO) Simbol Garis Alir Simbol ini digunakan untuk melambangkan kegiatan pemrosesan input. Dalam simbol ini, kita dapat menuliskan operasioperasi yang dikenakan pada input, maupun operasi lainnya. Sama seperti aturan pada simbol input, penulisan dapat dilakukan secara satu per satu maupun secara keseluruhan. Merepresentasikan fungsi I/O yang membuat sebuah data dapat diproses (input) atau ditampilkan (output) setelah mengalami eksekusi informasi Simbol ini digunakan untuk menghubungkan setiap langkah dalam flowchart dan menunjukkan kemana arah aliran diagram. Anak panah ini harus mempunyai arah dari kiri ke kanan atau dari atas ke bawah. Anak panah ini juga dapat diberi label, khususnya jika keluar

7 11 Simbol Anotasi Simbol Percabangan dari symbol percabangan. Merepresentasikan informasi deskriptif tambahan, komentar atau catatan penjelasan. Dalam simbol ini, kita dapat menuliskan komentar apapun dan sebanyak apapun, hal ini berguna untuk memperjelas langkah-langkah dalam flowchart. Garis vertical dan garis terputus putus dapat ditempatkan pada sisi kanan maupun kiri. Simbol ini digunakan untuk melambangkan percabangan, yaitu pemeriksaan terhadap suatu kondisi. Dalam simbol ini, kita menuliskan keadaan yang harus dipenuhi. Hasil dari pemeriksaan dalam simbol ini adalah YES atau NO. Jika pemeriksaan menghasilkan keadaan benar, maka jalur yang harus dipilih adalah jalur yang berlabel Yes, sedangkan jika pemeriksaan menghasilkan keadaan salah, maka jalur yang harus dipilih adalah jalur yang berlabel No. Terminator berfungsi untuk Simbol menandai awal dan akhir dari suatu Terminator flowchart. Simbol ini biasanya diberi label START untuk

8 12 menandai awal dari flowchart, dan label STOP untuk menandai akhir dari flowchart. Jadi dalam sebuah flowchart pasti terdapat sepasang terminator yaitu terminator start dan stop. Simbol konektor digunakan pada waktu menghubungkan suatu langkah dengan langkah lain dalam sebuah flowchart dengan keadaan on page atau off page. On page connector digunakan untuk menghubungkan suatu langkah dengan langkah lain dari flowchart Simbol Konektor dalam satu halaman, sedangkan off page connector digunakan untuk menghubungkan suatu langkah dengan langkah lain dari flowchart dalam halaman yang berbeda. Connector ini biasanya dipakai saat media yang kita gunakan untuk menggambar flowchart tidak cukup luas untuk memuat gambar secara utuh, jadi perlu dipisahpisahkan. Dalam sepasang connector biasanya diberi label tertentu yang sama agar lebih mudah diketahui pasangannya. Simbol ini berperan sebagai blok pembangun dari suatu program.

9 13 Simbol Prosedur Prosedur memiliki suatu flowchart yang berdiri sendiri diluar flowchart utama. Jadi dalam simbol ini, kita cukup menuliskan nama prosedurnya saja, jadi sama seperti jika kita melakukan pemanggilan suatu prosedur pada program utama (main program). Sama dengan aturan pada symbol percabangan, penulisan nama prosedur dilakukan secara satu per satu Basis Data (Database) Basis data adalah kumpulan data, yang dapat digambarkan sebagai aktifitas dari satu atau lebih organisasi yang berelasi. Sebagai contoh, basis data universitas berisi informasi mengenai : Entiti, semisal mahasiswa, fakultas, mata kuliah, dan ruang kelas. Relasi diantara entitas, seperti penggambilan kuliah yang dilakukan oleh mahasiswa, staf pengajar di fakultas, dan penggunaan ruang perkuliahan. (Kristanto, 2003) MySQL MySQL (My Structured Query Language) adalah sebuah program pembuat dan pengelola database atau yang sering disebut dengan DBMS (Database Management Sistem), sifat dari DBMS ini adalah Open Source, sehingga dapat diperoleh secara gratis. MySQL sebenarnya produk yang berjalan pada platform Linux, dengan adanya perkembangan dan banyaknya pengguna, serta lisensi dari database ini adalah Open Source, maka para pengembang kemudian merilis versi Windows. Selain itu MySQL juga merupakan program pengakses database yang bersifat jaringan, sehingga dapat digunakan untuk aplikasi Multi User (banyak pengguna).

10 14 Kelebihan lain dari MySQL adalah menggunakan bahasa auery (permintaan) standar SQL (Structured Query Language) yang merupakan suatu bahasa permintaan yang terstruktur, SQL telah distandarkan untuk semua program pengakses database seperti Oracle, PosgreSQL, SQL Server dan lain-lain (Bunafit Nugroho, 2008) Apache Untuk menjalankan PHP dibutuhkan web server. Web server berfungsi menyimpan serta mendistribusikan data ke komputer lain lewat internet yang meminta informasi tersebut. Apache merupakan web server yang dikeluarkan oleh NSCA yaitu NSCA HTTPD sekitar tahun (Irmansyah, 2003) 2.13 PHP PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halama web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai pembangun halaman web. Ketika seorang pengguna internet akan membuka suatu situs yang menggunakan fasilitas server-side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Dengan demikian seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PP sehingga keamanan dari halaman web mejadi lebih terjamin (Bimo Sunarfrihantono, ST. 2002) 2.14 HTML HTML kependekan dari HyperText Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. commit Dokumen to user HTML merupakan dokumen yang

11 15 disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam Internet. Ada dua cara untuk membuat sebuah web page: dengan HTML editor atau dengan editor teks biasa (misalnya notepad). (Betha Sidik dan Husni Pohan, 2002). Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 5.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML. HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka ataupun dari PDA dan program lain yang memiliki kemampuan browser CSS CSS merupakan singkatan dari Cascading Style Sheet. Kegunaannya adalah untuk mengatur tampilan dokumen HTML, contohnya seperti pengaturan jarak antar baris, teks, warna dan format border bahkan penampilan file gambar. CSS dikembangkan oleh W3C, organisasi yang mengembangkan teknologi internet. Tujuannya tak lain untuk mempermudah proses penataan web. Perlu diingat, CSS hanyalah berupa kumpulan script yang tujuannya bukan untuk mengantikan HTML, melainkan pelengkap agar dokumen HTML bisa tampil lebih cantik dan dinamis. Sejak ditemukannya CSS pada awal dekade 90an, CSS terus dikembangkan dan diserap oleh web developer. Hingga sekarang telah mencapai versi ke-3. Kode CSS bersifat lintas platform, yang berarti script ini dapat dibaca oleh berbagai macam sistem operasi dan commit browser. to user Hanya saja browser seperti Internet

12 16 Explorer, seringkali salah mengartikan script CSS yang menyebabkan ketidaksempurnaannya tampilan dokumen HTML. Script CSS perlu dioptimalkan agar tampil maksimal pada browser internet explorer. (Jayan, 2010) Javascript JavaScript adalah bahasa script yang dikembangakan oleh Netscape untuk membuat dokumen yang dinamis. JavaScript merupakan bahasa script sederhana yang mempunyai kemiripan dengan bahasa pemrograman C. JavaScript juga dikenal sebagai sebuah kode pemrograman berorientasi objek (Object Oriented Programming) disingkat OOP. JavaScript memiliki keistimewan untuk ditambahkan pada kode HTML dan membuat dokumen menjadi lebih interaktif. Pemakaian JavaScript dalam pembuatan web adalah dengan memasukkannya dalam HTML. JavaScript sebagai sebuah bahasa pemrograman untuk client dan server mempunyai elemen-elemen sebagai berikut : 1. Kata kunci (key word), statemen, syntax dan grammar. 2. Aturan untuk ekspresi, variable dan literal. 3. Objek dan fungsi built-in. Sebagaimana dengan bahasa pemrograman, Javascript mempunyai aturan dasar dan format sendiri. JavaScript dapat memperlakukan fungsi-fungsi secara otomatis untuk menghitung dan membuat web lebih interaktif. Agar browser mengenali statemen-statemen JavaScript maka digunakan tag script (Wahana Komputer, 2001) Jquery Jquery merupakan salah satu pustaka yang dikembangakan dengan menggunakan JavaScript. Kehadirannya adalah untuk memudahkan penulisan kode JavaScript. Dengan menggunakan jquery, penulisan kode javascript menjadi lebih sederhana (kodenya menjadi ringkas). Selain itu, pembuatan halaman web yang interaktif dan menarik menjadi jauh lebih mudah di implementasikan. Selain itu, jquery juga mendukung penambahan plug-in yang membuat kemampuan jquery bertambah pesat. commit Plug-in to user adalah tambahan-tambahan yang

13 17 berjalan di atas jquery yang membuat pembuatan halaman web menjadi lebih mudah atau lebih menarik. Berbagai plug-in terdapat pada situs (Lukmanul, 2010).