SISTEM INFORMASI JASA FOTOGRAFI PADA “SAUJANA VISUAL ART” BERBASIS WEB Dhimas Rizqi S1), Rizal Isnanto2), Adian Fatchur Rochim3) Jurusan Teknik Elektro, Fakultas Teknik, Universitas Diponegoro Jln. Prof. Sudharto, Tembalang, Semarang ABSTRACT The information system is an information technology that is used to provide an update to the users who need the information in the form of data. Data are given as information in the form of text data and image data. Text data is often used for an update in the form of articles and other data in the form of text. Data such as pictures are often used to find the location of an area as well as mapping the location of a building floor plan with some information in the form of images. In this final project is a web-based information system simulation framework based flash, using PHP programming language and MySQL as database. In manufacturing, the application is tailored to the needs of Saujana Visual Art in general. This study aims to provide an overview of a model of information system services using Web Services, through the development of an information system that will be implemented for business development and tested using the local access network. Based on the results of testing that has been done can be concluded that the simulation can be implemented as a system of information services at the Saujana Visual Art. Visitors can easily view and order photography services wherever and whenever they are on-line and it responses through email and SMS verification. Identity and consumer booking data entered into the information system of consumer data in the information system services Saujana Visual Art that can be accessed by the admin.
Keywords: photography, ordering I.
PENDAHULUAN 1.1 Latar Belakang Sistem informasi adalah suatu teknologi informasi yang digunakan untuk memberikan sebuah informasi kepada para pengguna yang membutuhkan sebuah informasi berupa data. Data yang diberikan sebagai informasi berupa data teks dan data gambar. Data teks sering digunakan untuk sebuah informasi berupa artikel maupun data yang lainnya yang berbentuk teks. Untuk dapat mengakses suatu sistem informasi maka sistem tersebut dapat diintegrasikan kedalam situs agar dapat diakses melalui internet. Berkenaan dengan hal tersebut, penulis ingin mengembangkan sebuah website yang bertujuan untuk membantu dalam proses pemesanan, promosi, dan mempermudah proses penyaluran informasi yang efektif dan memberikan kemudahan. Cara kerja dalam Web service yaitu konsumen dapat melihat profil perusahaan dan memesan paket yang diinginkan kemudian permintaan tersebut akan dikirimkan ke server. Setelah diterima maka web service akan melakukan pengiriman query ke database tujuan. Dalam pembuatan aplikasi ini menggunakan script PHP, pada tampilan web menggunakan Flash dan MySQL untuk basis data. Setelah data berhasil disimpan
sistem akan memberika respon berupa email verifikasi dan SMS. 1.2 Batasan Masalah Dalam penelitian terhadap suatu obyek perlu diketahui mengenai masalah yang akan diteliti, maka masalah yang dibatasi adalah: 1. Perancangan sistem informasi jasa prewedding dan wedding fotografi pada Saujana Visual Art Fotografi. 2. Aplikasi sistem yang dibangun menggunakan server database MySQL. 3. Sistem informasi berupa aplikasi dalam bentuk website. 4. Kasus ditujukan pada Saujana Visual Art Photography. 5. Tugas akhir ini tidak membahas sistem keamanan dan sistem keuangan. 1.3
Tujuan Tugas Akhir Tujuan yang ingin dicapai dalam tugas akhir ini yaitu untuk membuat sebuah aplikasi Sistem Informasi dengan menggunakan Flash sebagai tampilan web, dengan bahasa program berbasis PHP dengan database MySQL, sehingga dapat menjelaskan dan memberikan gambaran mengenai proses perancangan dan implementasi aplikasi Sistem Informasi jasa fotografi pada Saujana.
1. LANDASAN TEORI 1.1 Sistem Informasi Menejemen Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung informasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. Sistem informasi manajemen adalah kumpulan dari sistem yang menyediakan informasi untuk mendukung manajemen. Sistem informasi manajemen merupakan suatu sistem yang biasanya diterapkan dalam organisasi untuk mendukung pengambilan keputusan dan informasi yang dihasilkan dibutuhkan oleh semua tingkatan manajemen 1.2 Desain Sistem Desain sistem menggambarkan bagaimana sistem dibentuk yang dapat berupa penggambaran, perencanaan, dan pembuatan sketsa dari beberapa elemen yang terpisah kedalam kesatuan yang utuh dan berfungsi, termasuk menyangkut mengkonfigurasi dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem. Desain sistem akan memberikan gambaran yang jelas mengenai rancangan bangun sistem yang akan dikembangkan, serta untuk mengetahui kebutuhan data dan informasi yang diperlukan beserta aliran data tersebut. Desain sistem harus berguna, mudah dipahami dan mudah digunakan serta harus efektif dan efisien untuk dapat mendukung pengolahan transaksi, pelaporan manajemen dan mendukung keputusan yang akan dilakukan oleh manajemen, termasuk tugastugas yang laiannya yang tidak dilakukan oleh komputer. 1.3 DFD Data Flow Diagram merupakan sebuah permodelan yang memungkinkan seseorang dalam menggambarkan sistem sebagai sebuah jaringan yang dihubungkan satu sama lain menggunakan alur data. Jadi DFD ini dikhususkan pada penekanan bagian fungsi dari sistem tersebut. Adapun komponen yang digunakan dalam DFD antara lain:
E ksternal Entity
II.
Eksternal entity diluar dari sistem ini dapat berupa orang, organisasi atau sistem lain yang berada di lingkungan luarnya. Selain itu, juga dapat berupa departemen, orang, sekelompok orang atau sistem yang berkomunikasi dengan sistem yang sedang dikembangkan. Eksternal entity ini disimbolkan dengan notasi persegi panjang dengan panjang yang memberikan input atau menerima output dari sistem. 2.
Aliran Data
Aliran data di DFD ini diberikan simbol dengan suatu panah. Aliran data ini mengalir antara proses, penyimpan data dan eksternal entity. Aliran data ini menunjukkan arah atau arus dari data yang berupa masukan untuk sistem maupun output atau hasil dari proses sistem. 3. Proses Proses merupakan kegiatan atau kerja yang dilakukan oleh orang, mesin ataupun komputer dari hasil suatu aliran data yang masuk untuk menghasilkan aliran data yang keluar dari proses tersebut. Suatu proses ini dapat disimbolkan dengan lingkaran ataupun persegi panjang. 4. Penyimpanan Data Penyimpan data ini digunakan untuk membuat model sekumpulan paket data dan diberi nama dengan kata benda jamak. Penyimpan data ini berkaitan dengan penyimpanan seperti file atau database yang berkaitan dengan penyimpanan komputerisasi atau penyimpanan manual. Suatu penyimpan data ini dihubungkan dengan alur data hanya pada komponen proses saja. 2.1.1 Diagram Hubungan Entitas (Entity Relationship Diagram)
ERD merupakan persepsi dari nyata yang terdiri dari sekumpulan dasar yang disebutentitas dan relasi obek-obyek tersebut. Simbol-simbol digunakan dalam ERD antara lain: Simbol
Nama Simbol Entity
Atribut
Hubungan
Symbol garis
dunia obyek antara yang
Keterangan Simbol Digunkan untuk menggambark an Obek, tempat, kejadian, konsep, orang Untuk menggambark an elemen suatu entity yang mengambarka Untuk n karakter menggambark an hubungan antar entity Untuk hubungan entity dengan atribut
1.11 Kamus Data Kamus data atau data dictionary adalah katalog fakta tentang data dan kebutuhankebutuhan informasi dari suatu sistem informasi. Dengan kamus data, dapat mendefinisikan data pada sistem yang lengkap. Kamus data berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail, kamus data juga mereorganisasikan semua elemen data yang digunakan dalam sistem, sehingga pemakai dan penganalisa sistem mempunyai dasar pengertian sistem yang sama tentang masukan, keluaran, penyimpanan, dan proses.
1.4 Web dan Web Browser Web dibagi menjadi dua kategori yaitu client dan sever. Server menyimpan informasi dan memproses permintaan client. informasi
itu mengandung semua data termasuk gambar,sara dan teks. Browser Web adalah suatu penghubung konsumen kedalam World Wide Web. Browser adalah software client yang memungkinkan konsumen untuk mengambil halaman yang diminta, menginterpretasikan teks dan perintah-perintah format yang berada didalamnya dan menampilkan halaman yang telah terformat dengan benar dilayar. 1.5 HTML HTML (HyperText Markup Language) digunakan untuk membangun suatu halaman web. HTML digunakan untuk melakukan penandaan terhadap sebuah dokumen teks. Tanda tersebut digunakan untuk menentukan format dari teks yang ditandai. File HTML merupakan file teks biasa yang mengandung tag-tag HTML (Yahya Kurniawan, 2001, hal 1). Karena merupakan file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang sederhana, misalnya Notepad, FrontPage, HotMetal, dan lain-lainnya. Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling nampak jelas adalah ekstensi filenya, yaitu .htm atau .html. 1.6 PHP PHP merupakan bahasa berbentuk script yang diempatkan didalam server dan diproses didalam server. Hasilnya dikirimkan ke client, tempat pemakai menggunakan browser. Bahasa pemrograman ini dirancang khusus untuk membentuk web dinamis, sehingga membentuktampilan berdasarkan permintaan terkini. PHP popular sebagai piranti pemrograman web, terutama dilingkungan Linux. Tetapi sebenarnya PHP juga dapat berfungsi pada server-server yang berbasis UNIX, Windows NT, Windows 95/98 dan Machintos. Sintaks PHP diawalidengan tag yang berfungsi sebagai akhir statemen, setiap statemen dihentikan dengan “;” (titik koma). Didalam PHP, variable merupakan komponen yang sangat penting dan mendasar karena variable merupakan suatu tempat untuk menyimpan data, dan data yang tersimpan dapat sewatuwaktu dipanggil, diubah maupun diganti dengan data lain. 1.7 MYSQL
MySQL merupakan sebuah system manajemen databases relasi (RDBMS) bersifat terbuka (open source), yaitu siapa saja boleh menggunakanya. Suatu database relational meyimpan data dalam table-tabel terpisah tetapi saling direlasikan yang akan meningkatkan kecepatan dan fleksibilitas. Relasi antar table ini akan memungkinkan melakukan permintaan data yang berasal dari beberapa table. MySQL menggunakan bahasa standart SQL (Structure Query Language) sebagai bahasa interaktif dalam mengelola data yang disebut dengan “Query”. 1.8 Internet Explorer Internet Explorer merupakan program aplikasi web browser canggih yang sangat populer dan banyak digunakan saat ini karena berbasis Windows yang sudah terkenal. Dengan menggunakan Intemet Explorer anda dapat melihat, membaca, mendengar dan mengambil berbagai data dan informasi dari intemet di seluruh dunia. Program aplikasi lain yang dapat digunakan adalah Netscape Navigator dan Opera, Afant Browser, Mozillafirefox. 1.9 Aphache Apache merupakan program aplikasi web server untuk menjalankan semua proses secara keseluruhan, misalnya pemrosesan kode PHP. Dalam penginstalan PHP dalam tugas akhir ini yaitu instalasi sebagai modul Apache, artinya apabila PHP dikompilasi sebagai modul Apache, akibatnya akan berjalan pada ruang alamat (address space) yang sama. Hal ini menjadikan web server melakukan proses sendiri dan tidak memerlukan banyak proses, sehingga mampu memperbaiki performansi. Untuk melihat instalasi sebagai modul Apache pada http://localhost/phpinfo.php. program aplikasi lain yang dapat digunakan adalah Xitami, IIS (Internet Information Server), PWS (Personal Web Server). 1.10 HOSTING Host adalah aturan penamaan yang paling sederhana untuk membantu mengenali alamat-alamat IP secara automatis. Dalam konsep hosting dapat dibedakan menjadi dua macam, yaitu: 1. Hosting Gratis (Free Hosting)
Hosting gratis merupakan suatu jenis hosting diaman konsumen menyewa tempat untuk menyimpan data web site tanpa membayar uang sewa, cukup dengan mengisi data yang telah diminta oleh jasa free hosting. Antara lain: www.Tripod.com, www.Hypermart.com, www.Geocities.com dan masih banyak lagi yang menyediakan hosting gratis. 2. Sewa Hosting Hosting ini adalah suatu jenis hosting dimana penyewa menyimpan data dengan membayar uang sewa lewat jasa ISP (Internet Service Provider) atau jasa hosting yang disewa. Pembayaran sewa hosing biasanya disewa setiap bulan pada jasa hosting yang komersial. III.
PERANCANGAN SISTEM 3.1 Analisis Kebutuhan Sistem Konsumen yang telah menggunakan jasa saujana diberikan kuesioner kepuasan pelanggan untuk diisi. Kuesioner tersebut nantinya akan digunakan sebagai tolak ukur kebutuhan konsumen. Hasil dari kuesioner yang diisi konsumen kemudian dianalisa untuk menentukan kebutuhan konsumen. Berdasarkan kuesioner dapat disimpulkan bahwa secara umum kebutuhan konsumen adalah tersedianya fasilitas penunjang berupa situs untuk mempermudah pemesanan dan perolehan informasi serta mengajukan permintaan khusus yang tidak tercantum dalam keterangan paket yang tersedia. 3.2 Desain Sistem Setelah melakukan beberapa pengamatan terhadap sistem yang sedang berjalan pada Saujana Visual Art Fotografi, maka sistem pemasaran manual yang dijalankan sudah tidak efisien lagi dari segi waktu dan tidak efektif lagi dari segi sumber daya manusianya. Untuk memecahkan persoalan tersebut, maka dibutuhkan pembaharuan dari sistem manual yang sedang berjalan dengan diterapkan menjadi sistem yang lebih efektif dan efisien, sehingga proses yang tadinya memakan waktu yang cukup lama dapat dikerjakan lebih cepat dan akurat. Dalam perancangan perangkat lunak ini dilakukan dengan menggunakan Data Flow Diagram (DFD). Digunakan DFD karena dapat menggambarkan sistem secara
terstruktur dengan memecah menjadi level yang lebih rendah. Oleh karenanya DFD ini dibuat agar mudah dimengerti, dan dibaca. 3.2.1
Konteks Diagram
Alur program dimulai dari konsumen menginput data pemesanan ke sistem order saujana visual art. Kemudian sistem merespon data dari konsumen tersebut maka sistem akan mengirim kembali kepada konsumen dalam bentuk status. sistem tersebut akan mengirim ke admin dalam bentuk tabel data sehingga admin dapat melakukan pengecekan data yang sudah dikirim dari sistem pemesanan.
Dari diagram yang ditunjukkan pada gambar diatas, dapat dilihat langkah awal konsumen untuk menginput data adalah melihat sajian paket yang tersedia kemudian konsumen memilih paket yang dikehendaki dan secara otomatis akan dikirim ke sistem untuk diproses lebih lanjut. 3.2.4 DFD Pengolahan Data Data Flow pada proses Pemesanan ini menunjukkan proses yang terjadi pada konsumen. Dimana konsumen akan disajikan beberapa paket yang telah tertera pada sistem dan diharuskan untuk memilih paket tersebut. Proses tersebut secara rinci dapat dilihat pada gambar dibawah ini
3.2.2 DFD Level 0 DFD level 0 ini memberikan gambaran mengenai proses-proses apa saja yang akan dilakukan dengan entitas eksternal yang ada. Gambaran utamanya dapat dilihat sebagai berikut ini.
Proses utama sama seperti pada Diagram Konteks sebelumnya, dimana konsumen melakukan penginputan data ke sistem order, kemudian data konsumen akan disimpan dan dikirimkan ke admin. 3.2.3 DFD Pemesanan Data Flow pada proses Pemesanan ini menunjukkan proses yang terjadi pada konsumen. Dimana konsumen akan disajikan beberapa paket yang telah tertera pada sistem dan diharuskan untuk memilih paket tersebut. Proses tersebut secara rinci dapat dilihat pada gambar dibawah
Gambar diatas menunjukkan bahwa input data yang telah dilakukan secara lengkap oleh konsumen akan muncul apabila admin mengakses halaman pencarian. Konsumen yang tidak mengisi data secara lengkap maka data tidak akan diproses oleh sistem sehingga tidak termasuk project yang harus dikerjakan oleh admin. IV.
HASIL PENELITIAN DAN PEMBAHASAN 4.1 Rancangan Antarmuka Desain Antarmuka adalah tampilan dari website Saujana Virtual Art Fotografi secara umum. Ada dua tampilan pada website yaitu tampilan untuk konsumen dan tampilan untuk admin. 1. Antarmuka Konsumen Antarmuka Konsumen adalah tampilan pada website yang hanya dapat di akses oleh non-admin. Yang termasuk non-admin adalah konsumen yang hendak memesan jasa ataupun semua orang yang membuka website Saujana
Visual Art Fotografi. Dalam Antarmuka (tampilan Website) ini terdapat lima bagian yang dapat diakses yaitu About Us, Pricelist, Portofolio, Service dan Order.
V. 2. Antarmuka Admin Antarmuka Admin adalah tampilan pada website yang hanya dapat dilihat oleh admin atau pemilik. Halaman Antarmuka Admin berfungsi sebagai laporan kepada admin yang berisi basis data konsumen yang telah memesan jasa Saujana Visual Art Fotografi. Dalam Antarmuka admin terdapat beberapa bagian, yaitu login, home, daftar paket, dan profil.
KESIMPULAN 5.1 Kesimpulan Dari hasil perancangan dan simulasi sistem informasi jasa pada “Saujana Visual Art” berbasis web ini dapat disimpulkan beberapa hal, antara lain: 1. Aplikasi yang dibuat mampu menjalankan sisi perangkat lunak dengan bahasa program berbasis PHP untuk komunikasi data, tampilan Web menggunakan Flash, dan MySQL untuk basisdata. 2. Sistem mampu memberikan respon berupa email dan sms konfirmasi ke konsumen. 3. Sistem ini menggunakan sistem login admin yang berfungsi untuk mengelola semua sistem basisdata pada Saujana. 4. Sistem pada halaman admin dapat melakukan penyaringan data berdasarkan paket yang ditawarkan dan status pengerjaan. 5.2 Saran Berdasarkan analisis yang telah dilakukan, dapat diberikan beberapa saran yang dapat bermanfaat antara lain: 1. Dalam website ini perlu dilakukan pengembangan fitur berupa link untuk integrasi dengan beberpa Social Media seperti Facebook, Twitter, dan Instagram. 2. Perlu dilakukan penelitian lebih lanjut dengan menambahkan fitur sistem pembayaran (yang diintegrasikan dengan bank).
DAFTAR PUSTAKA Jogiyanto, H.M, 2001. Analisis dan Desain Sistem Informasi. Yogyakarta : Penerbit Andi Offset. [2] Kristanto Andri. 2007. Perancangan Sistem dan Aplkasinya. Yogyakarta : Penerbit Gava Media. [3] Mc, Leod Raymon. 2008. Management Information System. Edisi 10. Pearson/Prentice Hall. [4] Bacon. J., "Practical PHP and MySQLBuilding Eight Dynamic Web Applications", November 2006. [5] Coggeshall, J., PHP 5 Unleashed, Sams, 28 December 2004. [6] Daconta. M. G., L. J. Obrst, and K. T. Smith, “The Semantic Web: A Guide to the Future of XML, Web Services, and Knowledge Management”. Wiley. 2003. [7] Dennis, A., B. H. Wixom, and D. Tegarden, “ Systems Analysis and Design with UML Version 2.0”, John Wiley & Sons Inc., 2005 [8] Hayder. H., “Object-oriented Programming with PHP5", Desember 2007 [9] Nugroho, B., Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL, Cetakan Pertama, 2004. [10] Lerdorf. R., P. Maclntyre. , and K. Tatroe. “Programming PHP, 2nd Editon”. O'Reilly. April 2006. [11] Lucky, XML Web Service: Aplikasi Desktop, Internet & Handphone, Jasakom, Oktober 2008. [12] Richards, R., “Pro PHP XML and Web Services”. 2006 [13] Sklar, D., "Learning PHP 5". O'Reilly. June 2004. [14] Yasser. S., “Real World XML Web Services for VB and VB .NET Developers, 2003. [1]
BIODATA PENULIS Dhimas Rizqi Septiandaru
Lahir di kota Kendal pada tanggal 19 September1986. Penulis merupakan anak kedua dari empat bersaudara. Penulis menghabiskan waktunya semasa kecil hingga remaja di kota Kendal. Dari TK hingga SMA penulis menghabiskan waktunya untuk menuntut ilmu disana. Penulis mengawali pendidikan dasar di TK Aisyiah II kemudian dilanjutkan ke SDN Pegulon 2. Pada tahun 2001 penulis melanjutkan sekolah ke SMPN 2 Kendal lalu dilanjutkan ke SMAN 1 Kendal. Dalam bidang akademis penulis melanjutkan sekolahnya ke D3 Instrumentasi Elektronika Universitas Diponegoro yang telah diselesaikan pada Juni 2008. Dan sekarang penulis masih aktif melanjutkan studi di Fakultas Teknik Elektro Universitas Diponegoro mengambil konsentrasi Informatika dan Komputer. Selain dalam bidang elektronika penulis juga memiliki minat yang lebih dalam hal marketing dan menejemen. Hal ini dibuktikan penulis dengan bekerja di HSBC sebagai Merchant Officer dan juga menjadi fotografer lepas selama beberapa tahun ini.
Menyetujui , Dosen Pembimbing I
R. Rizal Isnanto, S.T., M.M., M.T. NIP. 197007272000121001
Dosen Pembimbing II
Adian Fatchur Rochim, S.T.M.T. NIP. 19700727200012100
