LAPORAN TUGAS AKHIR PEMROGRAMAN INTERNETPEMESANAN TIKET ONLINE

Oleh:Riandi1211705135Rifki Fathoni1211705137Rifqi Syamsul Fuadi1211705138Riky Asfariani1211705139Rinaldy Maulidiansyah1211705140Ruqi Antika1211705146Slamet Widagdo1211705152Syena Intijahul Falah1211705160

JURUSAN TEKNIK INFORMATIKAFAKULTAS SAINS DAN TEKNOLOGIUNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG2014i

KATA PENGANTAR

Segala puji dan syukur penyusun panjatkan kepada Allah SWT, karena berkat rahmat dan hidayah-Nya kami dapat menyelesaikan laporan tugas akhir dari salah satu tugas mata kuliah Pemrograman Internet.Demikian juga tidak lupa, semoga shalawat serta salam senantiasa tercurah kepada kekasih pilihan Allah, Muhammad SAW. Semoga pula rahmat, barakah dan inayah-Nya selalu bergema pada sanak kerabat, sahabat, para tabiin dan orang yang mengikuti jejak mereka sampai hari kiamat.Kami sampaikan ucapan terima kasih kepada yang terhormat Bapak Ichsan Taufik, M.T. yang telah banyak memberikan ilmunya kepada kami dalam perkuliahan. Semoga apa yang telah kami terima dapat menjadi ilmu yang bermanfaat kedepannya. Semoga Allah swt senantiasa melimpahkan pahala dan karunia-Nya kepada kita semua. Amin.Sebagai manusia yang tidak luput dari kesalahan atau kekhilafan, kami menyadari itu semua. Karena mungkin dalam laporan ini masih banyak kekurangan yang perlu untuk diperbaiki dan diluruskan sebagaimana yang benar-benar memenuhi persyaratan. Oleh karena itu, kami meminta ataupun menerima kritik beserta sarannya yang bersifat membangun untuk menjadi bahan pembelajaran bagi kami di masa yang akan datang supaya laporan ini bisa disususn dengan lebih baik lagi.

Bandung, Mei 2014

Penyusun

DAFTAR ISI

KATA PENGANTARiDAFTAR ISIiiBAB 1 PENDAHULUAN1Latar Belakang1Rumusan Masalah1Batasan Masalah1BAB 2 LANDASAN TEORI2HTML2PHP3Code Igniter4MySQL5Use Case Diagram6CSS (Cascading Stylesheet)7BAB 3 ANALISIS DAN PERANCANGAN8Deskripsi Kebutuhan Fungsional8Analisis Diagram9BAB 4 IMPLEMENTASI DAN PENGUJIAN11Implementasi11Hasil Pengujian15BAB 5 KESIMPULAN16DAFTAR PUSTAKA17

BAB 1PENDAHULUAN

1.1. Latar Belakang MasalahSekarang ini hampir seluruh sektor kehidupan manusia tidak bisa terlepas dari teknologi. Banyak sekali teknologi yang digunakan untuk membantu aktifitas manusia dalam mencapai kebutuhannya. Salah satu teknologi yang sangat membantu manusia adalah teknologi komputer. Komputer sangat membantu manusia dalam kehidupan sehari-hari, baik sebagai alat bantu kerja, sebagai media hiburan dan sebagainya. Begitu juga dalam bidang perdagangan. Teknologi komputer sangatlah membantu.Di era kemajuan teknologi seperti sekarang ini, Website pun menjadi hal yang sudah tidak asing lagi terdengar pada telinga kita, khususnya dalam dunia internet. Meskipun sudah banyak orang mempunyai homepage di internet baik yang menggunakan ISP maupun server web gratis, tetapi pada umumnya homepage tersebut bersifat statis dan tidak dapat berinteraksi dengan pengunjung web. Website yang kami kembangkan berhubungan dengan bidang perdagangan dimana website ini diharapkan dapat mempermudah penjual dan pembeli yang dalam hal ini bertindak sebagai admin dan user dalam melakukan aktivitas jual beli tiket.

1.2. Rumusan MasalahRumusan masalah projek ini adalah Bagaimana cara mempermudah pembeli/user untuk memesan dan membeli tiket?.

1.3. Batasan MasalahWebsite ini dapat menjadi sarana jual beli namun hanya terbatas pada penjualan dan pembelian tiket konser musik. Pemesanan sendiri dilakukan dengan menggunakan sistem online sehingga calon pembeli hanya perlu memesan online via website dan calon pembeli akan menerima konfirmasi pembelian lewat sms.

BAB 2 LANDASAN TEORI

2.1. HTML HTML adalah bahasa standar untuk membuat halaman-halaman web (Kadir, 2009). HTML sendiri adalah singkatan dari HiperText Makrup Language.HyperText Markup Language (HTML) adalah sebuah bahasa markah/ markup language yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. 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). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).HTML memiliki fungsi sebagai berikut:1. Mengintegerasikan gambar dengan tulisan.2. Membuat Pranala.3. Mengintegerasikan berkas suara dan rekaman gambar hidup.4. Membuat form interaktif.HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: < b> TAMPIL TEBAL. Tanda < b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.

2.2. PHPPHP adalah bahasa pemograman web yang digunakan untuk membuat halaman web dinamis (wikipedia). Walaupun pada perkembangannya, PHP saat ini juga dapat digunakan untuk membuat aplikasi selain web, seperti aplikasi desktop.PHP pertama kali di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, namun sekarang di ambil oleh oleh The PHP Group. Pada awalny PHP adalah singkatan dari Personal Home Page, namun dalam perkembangannya, di ubah menjadi PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif.PHP dirilis dalam lisensi PHP License, yang sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source. Namun penggunaan PHP tetap tidak dikenakan biaya (gratis).Kemudahan dan kepopuleran PHP sudah menjadi standar bagi programmer web di seluruh dunia. Dan menurut wikipedia, PHP telah terinstall pada lebih dari 244 juga website dan 2,1 web server hingga saat ini.Dalam membuat halaman web, PHP sebenarnya bukanlah bahasa yang wajib digunakan. Sebuah website sederhana dapat dibuat tanpa menggunakan PHP sama sekali. Anda bisa membuat sebuah website, murni dengan menghubungkan beberapa halaman HTML saja.Namun jika anda ingin membuat web yang dinamis, bisa menyimpan ke dalam database, membuat halaman yang berubah-ubah sesuai input dari user, maka pada saat itulah PHP dibutuhkan.Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena hal inilah PHP disebut juga sebagai Scripting Language atau bahasa pemograman script.

3.3. Code IgniterCodeIgniter adalah aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. CodeIgniter dirilis pertama kali pada 28 Februari 2006. Versi stabil terakhir adalah versi 2.1.3Framework secara sederhana dapat diartikan kumpulan dari fungsi-fungsi/prosedur-prosedur dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga bisa lebih mempermudah dan mempercepat pekerjaan seorang programer, tanpa harus membuat fungsi atau class dari awal.Ada beberapa alasan mengapa menggunakan Framework:1. Mempercepat dan mempermudah pembangunan sebuah aplikasi web.2. Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada)3. Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga kita tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple database, scaffolding, pengaturan session, error handling, dll4. Lebih bebas dalam pengembangan jika dibandingkan CMS

Design Patern: MVC (Model, View, Controller)Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, berawal pada bahasa pemrograman Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu :View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.Dengan menggunakan prinsip MVC suatu aplikasi dapat dikembangkan sesuai dengan kemampuan developernya, yaitu programmer yang menangani bagian model dan controller, sedangkan designer yang menangani bagian view, sehingga penggunaan arsitektur MVC dapat meningkatkan maintanability dan organisasi kode. Walaupun demikian dibutuhkan komunikasi yang baik antara programmer dan designer dalam menangani variabel-variabel yang akan ditampilkan.Ada beberapa kelebihan CodeIgniter (CI) dibandingkan dengan Framework PHP lain,1. Performa sangat cepat : salah satu alasan tidak menggunakan framework adalah karena eksekusinya yang lebih lambat daripada PHP from the scracth, tapi Codeigniter sangat cepat bahkan mungkin bisa dibilang codeigniter merupakan framework yang paling cepat dibanding framework yang lain.2. Konfigurasi yang sangat minim (nearly zero configuration) : tentu saja untuk menyesuaikan dengan database dan keleluasaan routing tetap diizinkan melakukan konfigurasi dengan mengubah beberapa file konfigurasi seperti database.php atau autoload.php, namun untuk menggunakan codeigniter dengan setting standard, anda hanya perlu mengubah sedikit saja file pada folder config.3. Banyak komunitas: dengan banyaknya komunitas CI ini, memudahkan kita untuk berinteraksi dengan yang lain, baik itu bertanya atau teknologi terbaru.4. Dokumentasi yang sangat lengkap : Setiap paket instalasi codeigniter sudah disertai user guide yang sangat bagus dan lengkap untuk dijadikan permulaan, bahasanya pun mudah dipahami.

2.4. MySQLMySQL adalah sistem manajemen database SQL yang bersifat Open Source dan paling populer saat ini. Sistem Database MySQL mendukung beberapa fitur seperti multithreaded, multi-user, dan SQL database managemen sistem (DBMS). Database ini dibuat untuk keperluan sistem database yang cepat, handal dan mudah digunakan.Ulf Micheal Widenius adalah penemu awal versi pertama MySQL yang kemudian pengembangan selanjutnya dilakukan oleh perusahaan MySQL AB. MySQL AB yang merupakan sebuah perusahaan komersial yang didirikan oleh para pengembang MySQL. MySQL sudah digunakan lebih dari 11 millar instalasi saat ini. Informasi-informasi terbaru mengenai MySQL dapat diperoleh dengan mengunjungi http://www.mysql.com/ .

Kelebihan MySQL Berikut ini beberapa kelebihan MySQL sebagai database server antara lain :1. Source MySQL dapat diperoleh dengan mudah dan gratis.2. Sintaksnya lebih mudah dipahami dan tidak rumit.3. Pengaksesan database dapat dilakukan dengan mudah.4. MySQL merupakan program yang multithreaded, sehingga dapat dipasang pada server yang memiliki multiCPU.5. Didukung programprogram umum seperti C, C++, Java, Perl, PHP, Python, dsb.6. Bekerja pada berbagai platform. (tersedia berbagai versi untuk berbagai sistem operasi).7. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi sistem database.8. Memiliki sistem sekuriti yang cukup baik dengan verifikasi host.9. Mendukung ODBC untuk sistem operasi Windows.10. Mendukung record yang memiliki kolom dengan panjang tetap atau panjang bervariasi.MySQL dan PHP merupakan sistem yang saling terintegrasi. Maksudnya adalah pembuatan database dengan menggunakan sintak PHP dapat di buat. Sedangkan input yang di masukkan melalui aplikasi web yang menggunakan script serverside seperti PHP dapat langsung dimasukkan ke database MySQL yang ada di server dan tentunya web tersebut berada di sebuah web server.

2.5. Use Case DiagramUse-case diagram adalah gambaran graphical dari beberapa atau semua actor, use-case, dan interaksi diantara komponen-komponen tersebut yang memperkenalkan suatu sistem yang akan dibangun. Use-case diagrammenjelaskan manfaat suatu sistem jika dilihat menurut pandangan orang yang berada di luar sistem. Diagram ini menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem tersebut berinteraksi dengan dunia luar.Use-case diagram dapat digunakan selama proses analisis untuk menangkap requirement sistem dan untuk memahami bagaimana sistem seharusnya bekerja. Selama tahap desain, use-case diagram berperan untuk menetapkan perilaku (behavior) sistem saat diimplementasikan. Dalam sebuah model mungkin terdapat satu atau beberapa use-case diagram. Kebutuhan atau requirements system adalah fungsionalitas apa yang harus disediakan oleh sistem kemudian didokumentasikan pada model use-case yang menggambarkan fungsi sistem yang diharapkan (use-case), dan yang mengelilinginya (actor), serta hubungan antara actor dengan use-case (use-case diagram) itu sendiri.

3.6. CSS (Cascading Stylesheet)Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri/kanan/atas/bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.Ada tiga jenis cara dalam penggunaan CSS ini, yaitu:1. External Style Sheet2. Internal Style Sheet3. Inline Style Sheet

BAB 3 ANALISIS DAN PERANCANGAN

3.1. Deskripsi Kebutuhan FungsionalPada bagian ini akan dijelaskan mengenai deskripsi kebutuhan fungsional website yang akan dibangun meliputi fitur, karakteristik pengguna dan konstrain.3.1.1. FiturBerikut ini merupakan kebutuhan yang harus terpenuhi oleh website:a. Membantu user melakukan pemesanan dan pembelian tiket secara online b. Web dapat melakukan pengiriman pesan verifikasi saat user melakukan registrasi pemesanan pembelian tiketc. Web memiliki menu panduan untuk userd. Web memiliki halaman untuk admin secara khusus

3.1.2. Karakteristik UserWebsite ini memiliki dua tipe user, yaitu user yang berperan sebagai admin dan user yang berperan sebagai pelanggan/ user biasa. User admin memiliki hak akses yang lebih terhadap web daripada user biasa. User admin dapat melakukan pengeditan terhadap data yang terdapat pada database yang digunakan web. Sedangkan user biasa hanya mempunyai hak akses terhadap pemesanan dan pembelian tiket secara online.

3.1.3.Sistem OperasiAplikasi ini berbentuk web dan dapat berjalan di berbagai platform OS. User hanya perlu membuka browser untuk mengakses laman web aplikai tersebut.

3.1.4.Desain dan Implementasi1. Rancangan web menggunakan Star UML2. Database menggunakan MySQL3. Bahasa pemrograman untuk web ini menggunakan Bahasa php4. HTML 5 digunakan untuk format laman web5. Untuk mempercantik laman web digunakan CSS3

3.2. Analisis Diagram5.2.1. Use Case Diagram

5.2.2. Activity Diagram

5.2.3. Entity Relationship Diagram

BAB 4 IMPLEMENTASI DAN PENGUJIAN

1.1. ImplementasiTahap implementasi merupakan tahap penerapan sistem supaya dapat dioperasikan. Pada tahap ini dijelaskan mengenai, Implementasi Website, Implementasi Perangkat Keras, Implementasi Basis Data , Implementasi Instalasi Program , Penggunaan Program dan Implementasi Antar Muka

4.1.1. Implementasi WebsiteUntuk mendukung sistem yang diusulkan berjalan dengan optimal, dibutuhkan software pengolahan data, adapun aplikasi yang digunakan untuk mendukung pembuatan program web ini sebagai berikut:1. Sistem Operasi : Window 82. Pemrogaman : PHP3. Pembuatan Basis Data : SQL yog, XAMPP4. Browser

4.1.2 Implementasi Perangkat KerasPerangkat keras (hardware) yaitu peralatan dalam bentuk fisik yang menjalankan komputer. Hardware digunakan sebagai media untuk menjalankan website (software) dan peralatan ini berfungsi untuk menjalankan instruksi-instruksi yang diberikan dan mengeluarkannya dalam bentuk informasi yang digunakan oleh manusia untuk laporan. Adapun perangkat keras yang digunakan untuk mendukung pembuatan program web ini sebagai berikut:Perangkat Keras yang digunakan berdasarkan kebutuhan minimal yang harus terpenuhi adalah sebagai berikut:a) Processor Intel Pentium IV atau lebihb) Harddisk 40 GB.c) RAM 128 MB.d) VGA 128 MB.e) Mouse, Keyboard dan monitor

4.1.3. Implementasi Basis DataPembuatan basis data dilakukan dengan menggunakan fasilitas SQL yog. Untuk membuat database nya, silahkan ikuti langkah langkah berikut:1. Start MySql pada XAMPP control Panel2. Connect ke local host3. Buat database

4.1.4. Implemetasi Antar MukaImplementasi antar muka dilakukan dengan membuat antar muka pada form yang ada pada HTML dengan bantuan CSS. Setiap halaman form yang dibuat akan dibentuk sebuah file yang berekstensi .html/ .php. File-file tersebut selanjutnya dapat diakses dan akan menjadi penghubung antara pengguna dengan sistem. Pada tahap implementasi antar muka ini, lebih menitikberatkan pada implementasi antar muka halaman utama yang merupkan sentral penghubung dengan antar muka yang lain.Berikut adalah tampilan antar muka Web Pembelian Tiket Online:Tampilan Antar MukaKeterangan

Tampilan utama web

Tampilan login admin

Tampilan pemesanan tiket

Tampilan notifikasi pemesanan

Laman admin

Tampilan about

1.2. PengujianPada pengujian website ini, menggunakan metode pengujian black box. Pengujian black box adalah pengujian aspek fundamental sistem tanpa memperhatikan struktur logika inernal website. Metode ini digunakan untuk mengetahui apakah website ini berfungsi dengan benar.

1.2.1. Rencana PengujianRequirement yang diujiButir uji

Tampilan loginLogin admin

Tampilan pembelian tiketPembelian tiket

4.2.2. Hasil PengujianBerikut ini uraian hasil pengujian dengan teknik pengujian black box berdasarkan requirement pada rencana pengujian:RequirementSkenario UjiHasil yang diharapkanHasil Pengujian

Tampilan loginInput username & passwordMenampilkan laman utama setelah berhasil loginSesuai

Tampilan pembelian tiketInput data untuk pembelianMenyimpan data ke database dan mengirim kode verifikasiSesuai

4.2.3. Kesimpulan dan Hasil PengujianBerdasarkan hasil pengujian dengan kasus uji sample di atas dapat ditarik kesimpulan bahwa website secara fungsional mengeluarkan hasil sesuai dengan yang diharapkan.

BAB 5 KESIMPULAN

Website ini dapat digunakan untuk mempermudah pengguna dalam pembelian tiket secara online. Hal ini dapat menghemat waktu user karena user tidak perlu hadir ke tempat penjualan tiket cukup dengan membelinya secara online.

DAFTAR PUSTAKA

http://id.wikipedia.org/wiki/HTMLhttp://www.gilangajip.com/pengertian-html/http://www.duniailkom.com/pengertian-dan-fungsi-php-dalam-pemograman-web/http://id.wikipedia.org/wiki/CodeIgniterhttp://hastomo.net/php/pengertian-dan-kelebihan-database-mysql/http://10510164.blog.unikom.ac.id/use-case-diagram.4w9http://www.databendi.com/pengertian-css/

17