ANALISIS DAN PERANCANGAN WEBSITE SEBAGAI MEDIA PEMESANAN CETAK ONLINE PADA SAMPURNA FOTO YOGYAKARTA
Naskah Publikasi
diajukan oleh Kharisma 08.11.2176
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012 1
2
ANALYSIS AND DESIGN AS A MEDIA WEBSITE TO ORDER ONLINE PRINT PHOTOS SAMPURNA YOGYAKARTA ANALISIS DAN PERANCANGAN WEBSITE SEBAGAI MEDIA PEMESANAN CETAK ONLINE PADA SAMPURNA FOTO YOGYAKARTA Kharisma Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA
ABSTRACT SampurnaFoto is a company engaged in the field of printing, of various types of printing services are provided by the SampurnaFoto. Many people who need printing services, and SampurnaFoto is one of the companies engaged in the printing field. Website is now a thing of interest by sebagain many people, so many people who use the website as a medium for online transactions. The existing system on SampurnaFoto not use the website as a medium of transaction. To the authors tried to build a website as a means of ordering prints online transaction that is using the media website. So with this website people easily order prints online and with this website can increase sales on SampurnaFoto Keywords: SampurnaFoto, print, website, online, reservations.
3
1.
Pendahuluan
Dewasa ini kemajuan teknologi sangat berkembang dengan pesat di masyarakat adalah teknologi informasi dan komunikasi. Website sebagai sarana atau wadah untuk memperkenalkan atau mempromosikan berbagai macam produk atau jasa layanan yang dimiliki oleh sebuah perusahaan sehingga dapat dengan mudah masyarakat umum mengetahuinya. Dalam persaingan yang sangat kompetitif ini ada baiknya sebuah perusahaan memanfaatkan teknologi informasi yang ada semacam website atau sebuah situs jejaring social seperti facebook, twitter, myspace, atau friendster untuk memasarkan berbagai produk yang ditawarkan kepada masyarakat luas sehingga dapat memenangkan persaingan seperti sekarang ini. 1 Sebuah website untuk dapat dikunjungi masyarakat haruslah mempunyai interface yang menarik, mudah dipahami, tidak membosankan serta bersifat dinamis, sehingga orang yang mengakses website tersebut bisa berlama-lama menikmati isi dan layanan yang ditampilkan oleh website tersebut. Sampurnafoto adalah sebuah perusahaan yang bergerak dalam bidang percetakan digital, banyak jenis percetakan yang disediakan oleh Sampurnafoto diataranya adalah cetak foto digital dengan menggunakan mesin frontier dapat mencentak berbagai macam ukuran foto dan mesin develop digunakan untuk mencetak dengan berbagai macam jenis kertas seperti art paper 230 gram sampai 150 gram, stiker, master paper dan lain sebagainya. Dari banyaknya layanan yang disediakan Sampurnafoto, seringkali terjadi antrian yang cukup membuat para konsumennya menunggu, disebabkan oleh banyaknya permintaan dari konsumen dan terbatasnya jumlah mesin yang disediakan Sampurnafoto. Dari penjelasan singkat diatas sangatlah tepat jika sebuah website pemesanan cetak online ini dibuat untuk menambah daya saing Sampurnafoto untuk memenangkan persaingan yang semakin kompetitif, dan dengan website pemesanan online ini dapat meningkatkan pelayanan yang disediakan Sampurnafoto dengan mengurangi jumlah antrian yang terjadi pada Sampurnafoto sehingga konsumen puas dengan pelayanan yang disediakan Sampurnafoto. Dengan adanya website ini Sampurnafoto dapat memperluas area pemasaran tanpa harus mengeluarkan biaya berlebih, dan konsumen pun dapat melakukan pemesanan tanpa harus datang ke Sampurnafoto. Dari uraian diatas maka dapat disimpulkan judul yang tepat untuk penelitian adalah “ANALISIS DAN PERANCANGAN WEBSITE SEBAGAI MEDIA PEMESENAN CETAK ONLINE PADA SAMPURNA FOTO”. 2.
Landasan Teori
2.1.
Konsep Dasar Sistem Informasi
Sebuah sistem Informasi pada hakekatnya merupakan suatu sistem yang memiliki komponen-komponen atau sub sistem untuk menghasilkan informasi. Bagian ini akan memberikan pengertian-pengertian mendasar yang menuju pada pemahaman sistem informasi secara utuh.
1
Teguh Wahyono. 2004. Sistem Informasi Konsep Dasar, Analisis Desain dan Implementasi. Hal 11
4
Sistem Informasi adalah suatau cara tertentu untuk menyediakan informasi yang dibutuhkan oleh organisasi untuk beroperasi dengan cara yang sukses dan untuk organisasi bisnis dengan cara yang menguntungkan. Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi. Sistem informasi di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. 2.2.
Konsep Dasar Internet, Website dan E-Commerce
Internet adalah kelompok atau kumpulan dari jutaan computer. Penggunaan internet memungkinkan kita untuk mendapatkan informasi dari computer yang ada di dalam kelompok tersebut dengan asumsi bahwa pemilik computer memberikan izin akses. Untuk mendapatkan sebuah informasi, sekumpulan protocol harus digunakan, yaitu sekumpulan aturan yang menetapkan bagaimana suatu informasi dapat dikirim dan diterima. Salah satu unsur yang paling umum digunakan dari internet selain e-mail adalah World Wide Web. Dewasa ini, WWW atau yang sering juga disebut sebagai “Web” saja merupakan aplikasi internet yang paling popular. Karena Web begitu popular, banyak orang kemudian salah mengidentikkannya dengan internet. Secara teknis, Web adalah sebuah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hiperteks. Informasi Web dalam bentuk teks umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World). Electronic commerce (EC) merupakan konsep baru yang bisa digambarkan sebagai proses jual beli barang atau jasa pada World Wide Web Internet (Shim, Qureshi, Siegel, 2000) atau proses jual beli atau pertukaran produk, jasa dan informasi termasuk 2 Internet (Turban, Lee, King, Chung, 2000). Aplikasi E-Commerce meliputi bidang saham, pekerjaan pelayanan keuangan, asuransi, mall, pemasaran, dan periklanan online, pelayanan pelanggan, lelang, travel, hardware dan software PC, hiburan, buku dan musik, pakaian, ritel dan publikasi online. 2.3.
Konsep Dasar Database
Kumpulan file-file yang mempunyai kaitan antara satu file dengan file yang lain sehingga membentuk satu bangunan data untuk menginformasikan satu perusahaan, instansi dalam batasan tertentu. 3 Bila terdapat file yang tidak dapat dipadukan atau dihubungkan dengan file yang lainnya berarti file tersebut bukanlah kelompok dari satu database, ia akan membentuk satu database sendiri. Kumpulan file yang saling berkaitan bersama dengan program untuk pengelolannya disebut sebagai DBMS. Database adalah kumpulan datanya, sedang
2 3
M.Suyanto. 2003. Strategi Periklanan pada E‐Commerce. Hal 10 Ir.Harianto Kristanto. 1999. Konsep dan Perancangan Database. Hal 3.
5
program pengelolanya berdiri sendiri dalam satu paket program yang komersial untuk membaca data, mengisi data, menghapus data, melaporkan data dalam database. Pada perancangan model konseptual penekanan tinjauan dilakukan pada struktur data dan relasi antara file. Tidaklah perlu dipikirkan tentang terapan dan operasi yang akan dilakukan pada database. Pendekatan yang dilakukan pada perancangan model konseptual adalah menggunakan model data relational. 2.4.
Bahasa Pemprograman Website
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. Untuk menyampaikan ide pada web browser, HTML menggunakan apa yang dinamakan tag. Tag selalu ditulis di antara tanda lebih kecil dan 4 tanda lebih besar (
). Hypertext Preprocessor (PHP) adalah bahasa yang mudah dibuat. Notepad merupakan teks editor yang bias digunakan. PHP mampu berhubungan dengan database dan dapat diintegrasikan dengan HTML. Fungsi-fungsi yang telah ada di dalam PHP tidak case sensitive (membedakan huruf besar dengan huruf kecil), namun variabelnya case sensitive. 5 JavaScript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser seperti Internet Explorer (IE), Mozila FireFox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. 6 Smarty adalah template untuk PHP, memfasilitasi pemisahan presentasi (HTML / CSS) dari logika aplikasi. Ini berarti bahwa kode PHP logika aplikasi, dan kode (HTML/CSS) dipisahkan dari presentasi. Smarty bekerja sebagai komponen tampilan (view) dari aplikasi website. Smarty dapat dengan mudah digabungkan ke dalam kode PHP yang telah dibuat sebagai komponen tampilan. 3.
Analisis (Proses Penelitian)
Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentikasikan dan mengevaluasi permasalahan, kesempatan dan hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikannya. 3.1.
Tahapan Analisis
Tahapan analisis adalah tahapan di mana sistem yang sedang berjalan dipelajari dan sistem pengganti diusulkan. Dalam tahapan ini dideskripsikan sistem yang sedang berjalan, masalah, dan kesempatan didefinisikan, dan rekomendasi umum untuk bagaimana memperbaiki, meningkatkan atau mengganti sistem yang sedang berjalan diusulkan. Tujuan utama dari fase analisis adalah untuk memahami dan mendokumentasikan kebutuhan bisnis (business need) dan persyaratan proses dari sistem baru. Ada enam aktivitas utama dalam fase ini : a. Pengumpulan Informasi b. Mendefinisikan Sistem Requirement 4
Yudhi Purwanto. 2001. Pemrograman Web dengan PHP. Hal 19 Yudhi Purwanto. 2001. Pemrograman Web dengan PHP. Hal 53 6 Andi Sunyoto, M.Kom. 2007. AJAX Membangun Web dengan Teknologi ASYNCHRONOUSE JavaScript dan XML 5
6
c. Memprioritaskan Kebutuhan d. Menyusun dan Mengevaluasi Alternatif e. Mengulas Kebutuhan dengan Pihak Menajemen 3.2. Identifikasi Masalah Mengidentifikasikan masalah harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi, dan pelayanan pelanggan. Analisis ini menggunakan analisis PIECES (performance, information, economy,control,eficieny, dan services). Dari analisis ini biasanya didapatkan beberapa masalah utama. Hal ini penting karena biasanya yang muncul dipermukaan bukan masalah utama, tetapi hanya gejala dari masalah utama saja. a. Analisis Kinerja (Performance) b. Analisis Informasi (Information) c. Analisis Ekonomi (Economy) d. Analisis Keamanan (Security) e. Analisis Efisiensi (Eficiency) 3.3.
Analisis Kebutuhan Sistem a. Kebutuhan Fungsional (functional requirement)
Kebutuhan fungsional adalah jenis kebutuhan yang berisi proses-proses apa saja yang nantinya dilakukan oleh sistem. Kebutuhan fungsionl juga berisi informasi apa saja yang harus ada dan dihasilkan oleh sistem. b. Kebutuhan Sistem Non Fungsional (nonfunctional requirements) Kebutuhan ini adalah tipe kebutuhan yang berisi properti perilaku yang dimiliki oleh sistem 3.4.
Analisis Kelayakan Sistem a. Kelayakan Teknis
Sistem pemesanan online pada website ini layak digunakan karena fasilitas pada Sampurnafoto sudah memadahi untuk menjalankannya, sistem ini hanya memanfaatkan fasilitas yang ada dan sistem ini tidak menghapus sistem yang ada. Selain itu Sampurnafoto sudah terdapat teknisi yang menguasai sistem ini apabila terjadi kerusakan pada sistem. b. Kelayakan Operasional
Sistem pemesanan online pada website ini layak karena sistem ini sangat membantu kinerja pada Sampurnafoto dan dapat mengurangi jumlah antrian yang terjadi pada Sampurnafoto. Selain itu, sistem ini juga dapat meningkatkan pemasaran dan dapat memenangkan persaingan bisnis Sampurnafoto karena sistem ini merupakn sistem online pada website yang dapat dilihat tidak hanya local. c. Kelayakan Ekonomi Untuk menganlisis kelayakan ekonomi digunakan kalkulasi yang dinamakan Cost Benefit Analyis atau Analisis Biaya dan Manfaat. Adapun tujuan Analisis biaya dan manfaat ini adalah untuk memberikan gambaran kepada pengguna apakah manfaat yang diperoleh dari sistem baru “lebih besar” dibandingkan dengan biaya yang dikeluarkan. 3.5.
Perancangan Sistem
7
Ada beberapa elemen penting yang harus diperhatikan dlam mendesain sebuah situs website, antara lain : • Pemakai : Meliputi jabatan dan kebutuhan • Website : Meliputi informasi yang disajikan dan link antar dokumen pelayanan Sampurnafoto • Isi halaman : Meliputi halaman yang disediakan pada setiap form • Bersifat interaktif : Meliputi tombol control, navigasi dan penulisan informasi • Mudah dimengerti (user friendly) : Artinya mudah dimengerti baik oleh orang yang baru mengenal website maupun yang sudah terbiasa • Struktur website : Struktur website berfungsi untuk mengetahui relasai antar dokument website yang akan dibuat. Struktur website berfungsi untuk mengetahui relasai antar document website yang akan dibuat. dari struktur tersebut, dapat diketahui hubungan antar file sehingga memberikan kemudahan untuk menentukan alur link-link dalam website tersebut. adapun tujuan dari tahap pembuatab struktur website ini adalah : a. Membuat kemudahan dalam melihat struktur website b. Mempermudah dalam tahap perancangan website c. Meminimalkan waktu proses pembuatan website karena sudah ada pola desain website sebagai acuan
4.
Hasil Penelitian dan Pembahasan
4.1.
Hasil Penelitian
Uraian dan pembahasan keseluruhan materi di bab-bab sebelumnya, maka dapat disimpulkan dari website sebagai media pemesanan cetak online pada SampurnaFoto. a.
Website sebagai media pemesanan cetak online pada SampurnaFoto dapat memberikan informasi karena dengan adanya website ini, sistem yang ada pada SampurnaFoto dapat terhubung dengan baik sehingga dapat memberikan informasi kepada konsumen dan karyawan yang menggunakan website ini dan konsumen dapat memesan cetak secara online karena website ini sudah tersedia fasilitas pemesanan online.
b.
Website sebagai media pemesanan cetak online dapat mengurangi jumlah antrian yang sering terjadi pada SampurnaFoto, dan meningkatkan fasilitas yang ada pada SampurnaFoto karena dengan adanya website ini, konsumen dapat memesan secara online.
c.
Website sebagai media pemesanan cetak online sangat berpengaruh dalam pelayanan yang dibutuhkan konsumen karena dapat menambah jumlah konsumen sehingga media website dapat dibuka oleh semua orang.
Penutup laporan skripsi ini terdapat beberapa saran yang diberikan oleh 4.2.
Pembahasan Listing Program
Sistem website pemesanan cetak online ini dibuat dengan menggunakn framework smarty yang setiap foldernya memilik fungsinya masing-masing. Folder ‘admin’ digunakan untuk meletakan semua koding php yang diperlukan untuk mengakses sistem yang diperlukan oleh admin dan juga digunakan untuk mengakses halaman admin melalui browser
8
Folder ‘design’ digunakan untuk meletkan semua tampilan berupa html, terdapat tiga tampilan yang berbeda yaitu admin, karyawan dan konsumen. Folder ‘design_c’ digunakan untuk meletkan file caching compile dari samarty, tidak perlu merubah isi dalam folder ini karena framework secara otomatis akan membuat isi file caching compile dari setiap skrip yang dibuat. Folder ‘font’ digunakan untuk meletakan jenis tulisan. Folder ‘galery’ digunakan untuk meletakan gambar gallery yang diupload oleh admin, karyawan ataupun konsumen. Folder ‘images’ digunakan untuk menyimpan gambar untuk tampilan website seperti gambar header, lambing sampurna dll. Folder ‘js’ digunakan untuk meletakan skrip javascript yang diperlukan dalam sistem. Folfer ‘karyawan’ hampir sama dengan folder ’admin’ dan juga digunakan untuk mengakses halaman karyawan melalui browser Folder ‘konsumen’ digunakan untuk meletakan gambar pesanan oleh konsuemen yang diupload oleh konsumen. Folder ‘lib’ untuk meletakan skrip php yang digunakan untuk koneksi database dengan sistem. Folder ‘page’ halaman utama yang digunakan untuk diakses melalui browser, juga terdapat login untuk konsumen. Folder ‘smarty’ digunakan untuk meletakan skrip framework smarty, tidak perlu dirubah karena sudah manual dari framework smarty tersebut. Folder ‘upload’ digunakan untuk mengupload gambar seperti gambar karyawan ataupun gambar konsumen. ‘index.php’ untuk mengarahkan sistem website lagsung kedalam folder ‘page’ Dalam framework semarty dalam skrip php tedapat skrip yang harus dituliskan seperti 5.
Kesimpulan
karyawan SampurnaFoto dalam membangun website sebagai media pemesanan cetak online memberi beberapa saran untuk pengembangan website sebagai media cetak online pada SampurnaFoto a. SampurnaFoto adalah perusahan menengah yang sudah sepantasnya memanfaatkan teknologi informasi untuk mengembangkan perusahaanya, dengan adanya website ini adalah langkah awal dalam pengembangan dalam teknologi informasi. b. Kelengkapan dalam sistem ini masih sangat kurang, masih banyak yang harus ditambahkan dalam sistem ini seperti keuangan dan menghitung laba dan rugi. c. Dalam mengganti sistem dari sistem lama ke sistem baru diperlukan beberapa latihan, semoga tidak memerlukan waktu lama dalam proses pelatihan tersebut, dan diharapkan konsumen mengerti tentang cara penggunaan sistem pemesanan cetak online.
9
DAFTAR PUSTAKA
Wahyono, Teguh. 2004. Sistem Informasi Konsep Dasar, Analisis Desain dan Implementasi. Simarmata Rekay, Janner. 2010. Rekayasa Web. M.Suyanto. 2003. Strategi Periklanan pada E-Commerce. ANDI Yogyakarta. Kristanto, Ir.Harianto. 1999. Konsep dan Perancangan Database. Purwanto, Yudhi. 2001. Pemrograman Web dengan PHP. Sunyoto, Andi M.Kom. 2007. AJAX Membangun Web dengan Teknologi ASYNCHRONOUSE JavaScript dan XML. ANDI Yogyakarta
10
