1 PERANCANGAN SISTEM INFORMASI PROMOSI JENIS LUKISAN BERBASIS WEB Erik Riyadi1, Arkhadius 2, Ani Yoraeni 3 1
Jurusan Manajemen Informatika, Amik BSI Bekasi Jl. Cut Mutiah No. 88 Bekasi Timur
[email protected]
2
Jurusan Manajemen Informatika, AMIK BSI Bekasi Jl. Cut Mutiah No. 88 Bekasi Timur Arkhadius
3
Jurusan Manajemen Informatika, AMIK BSI Bekasi Jl. Cut Mutiah No. 88 Bekasi Timur Ani Yoraeni ABSTRACT
Right now the computer world is growing very rapidly especially with the internet. Many convenience we will get with the internet, lies in its ability to facilitate a good job to spread or get information. In the field of technology has many stores or gallery painting that set the company’s technological in developing it’s business. As internet users, because the existence of such facilities can show improvement from the provision of information quickly. Hence from that with the growing community need for information on the latest news, there is a sophistication of Internet technology is expected to provide good information on matters concerned with the company or any other news can be accessed easily by the public. Device of website develop builded in operating system of Windows XP by using PHP, MySQL and HTML. Keywords : Program Design Web Based Promotion Information System 1.
PENDAHULUAN
Seiring dengan perkembangan teknologi yang semakin pesat dan cepat perkembangannya, teknologi menjadi pemicu yang sangat besar yang dapat mendorong manusia untuk terus menerus bersaing, baik dalam hal penggunaannya ataupun pengembangan teknologi yang baru guna memberikan peran besar dan kemudahan serta terciptanya keseimbangan dalam setiap proses aktivitas atau kegiatan kehidupan. Jenis lukisan adalah suatu website yang mempromosikan jenis lukisan yang memudahkan orang untuk mengenal lebih banyak lukisan. Didalam website tersebut terdapat beberapa lukisan contohnya mural (lukisan dinding), lukis photo, realis, karikatur, abstrak, hitam putih, sketsa. Namun permasalahannya jumlah peminat lukisan sedikit dikarenakan promosinya terbatas hanya melalui media conventional. Tujuan dari penelitian ini adalah Untuk mempermudah pelanggan dalam
mendapatkan informasi mengenai, model dan harga pakaian pada Toko C2 Colection Bekasi. Manfaat penelitian ini diharapkan dapat membantu memberikan informasi yang mempunyai sifat online dalam efisiensi waktu, yaitu dapat diakses dimana saja dan kapan saja dibutuhkan sehingga pihak yang berwenang dan membutuhkan informasi tidak mengalami kesulitan untuk memperolehnya dan efektif. II. LANDASAN TEORI 2.1. Landasan Teori Sebelum masuk ke dalam pembahasan mengenai spesifikasi rancangan web, penulis juga akan mengemukakan teori perancangannya karena materi difokuskan pada pengolahan data. 2.1.1. Konsep Dasar Web Menurut Ardhana (2012:3) “Web adalah salah satu layanan sajian informasi yang mengunakan konsep hyperlink (tautan), yang
2 memudahkan surfer (sebutan para pemakai komputer yang melakukan browsing atau penelusuran informasi malalui internet)”. Website bekerja menggunakan teknologi yang disebut hypertext yang berkembang menjadi HTTP (Hypertext Transfer Protocol). Teknologi ini dapat menggabungkan beberapa jenis representasi dan metode pengaksesan informasi dan menyajikan dalam beragam bentuk seperti teks, grafik, suara, animasi, video dan masih banyak lagi. 1. Pengertian Internet Menurut Febrian (2008:27), Internet yang kita kenal saat pertama kali dikembangkan tahun 1969 dengan nama ARPnet ( US Defenese Advanced Research Projecst Agency) oleh Departemen Pertahanan Amerika Serikat. ARPnet dibangun dengan sasaran untuk membuat jaringan komputer yang tersebar untuk menghindari pemutusan informasi di satu titik yang di pandang rawan untuk dihancurkan apabila terjadi peperangan. Asal nama jaringan yang dibuat adalah ARPAnet, dalam waktu yang sama ARPAnet telah terpisah menjadi dua jaringan,yaitu ARPnet dan Milnet (sebuah jaringan militer). Untuk dapat menggunakan fasilitas internet, biasanya kita harus berlangganan ke salah satu ISP (Internet Service Provider), penyedia layanan internet yang ada di kota kita. Dengan memanfaatkan internet, pemakai komputer di seluruh dunia dapat saling berkomunikasi, tukar-menukar informasi dan mengirimkan data dengan sangat cepat. Dimana kecepatan dari pengiriman data tersebut, tentunya didukung oleh kecepatan transfer data yang disediakan oleh ISP tersebut. 2. Dreamweaver 8 Dreamweaver menurut Hadi (2006:2) adalah “sebuah program web editor yang digunakan untuk membuat dan men-design web”. Salah satu kekuatan Dreamweaver 8 adalah kemampuannya mendukung pemrograman script server side seperti Active Server Pages (ASP), ColdFusion, Java Server Pages (JSP), dan Personal Home Page (PHP). Selain itu, tentunya mendukung pemrograman client side yang sangat terkenal dan banyak dipakai oleh orang, yakni HyperText Markup Language (HTML) dan Java Script. Merupakan salah satu aplikasi yang digunakan untuk membuat file proses dari berbagai macam bahasa pemrograman web
salah satunya PHP. Aplikasi ini mengunakan dasar scripting programming dan design, jadi aplikasi ini memiliki beberapa kelebihan dibandingkan script editor yang lain karena bisa digunakan sebagai script editor atau design web. 3. Personal Home Page (PHP) PHP menurut Suprianto (2008:290) adalah “script yang menyatu dengan HyperText Markup Language (HTML) dan berada pada server (server side HTML embedded scripting)”. Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database. PHP juga salah satu bahasa server side yang didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan karena bahasa Server Side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah hasil jadi dalam bentuk HTML, dan kode PHP anda tidak akan terlihat. 4. Pengertian PHPMyadmin Menurut Nugroho (2008:13) “PHPMyadmin adalah aplikasi berbasis web yang dibuat dari pemrograman PHP dan diramu dengan Javascript”. PHPMyadmin juga dapat disebut sebagai tools yang berguna untuk mengakses database MySQL Server dalam bentuk tampilan web. Tools ini secara standar telah disertakan pada saat menginstal paket PHP, seperti Apache2Triad. Setiap RDBMS (Relation Database Management System) seperti ORACLE, SQL Server, dan MySQL pasti memiliki tool yang dapat digunakan untuk mempermudah pengoperasian database, ORACLE memiliki TOAD, SQL Server memiliki Enterprise Manager dan SQL Query Analyzer sedangkan MySQL memiliki tool atau aplikasi yang disebut PHPMyadmin. 5. MySQL Menurut Firdaus (2007:56) “MySQL adalah database yang menghubungkan script php menggunakan perintah query dan escape character yang sama dengan php”, sedangkan menurut Anhar (2010:21) “MySQL adalah sebuah perangkat lunak sistem manajemen berbasis data SQL atau DBMS, dari sekian banyak DBMS, seperti ORACLE, dan SQL server 2000”. Adapun keunggulan dari MySQL adalah: a. Mampu menangani jutaan user dalam waktu yang bersamaan.
3 b. Mampu menampung lebih dari 50.000.000 record. c. Sangat cepat mengeksekusi perintah. d. MySQL menggunakan SQL dan bersifat free (gratis). e. MySQL dapat berjalan di berbagai platform, antara lain Linux, Windows, dan lain sebagainya. MySQL (My Structure Query Language) juga merupakan software sistem manajemen database (Database Management System – DBMS) yang sangat populer didalam pemrograman web, terutama di lingkungan linux. Dengan menggunakan script PHP, software database ini dapat berfungsi atau berjalan pada semua platform sistem operasi yang biasa digunakan (Windows, Linux, OS/2, berbagi varian Unix). Software Server MySQL pertama dibuat oleh Michael “Monty” Widenius dan kawan-kawannya, pada tahun 1994. 6. Web Browser Menurut Irawan (2011:3), “Web Browser adalah aplikasi yang digunakan untuk menampilkan halaman web beserta kontennya”. Beberapa aplikasi browser yang dapat digunakan antara lain Internet Explorer, Firefox, Chrome, dan Opera.Web browser yang paling terkenal penggunaannya adalah Internet Explorer dan Mozilla Firefox. 2.1.2. Tools Program Dalam pembuatan sebuah website diperlukan sebuah tools program, tools program berfungsi untuk penjelasan dari alur multimedia yang dibuat dalam pembuatan website. 1. Pengertian Struktur Navigasi Navigasi termasuk struktur terpenting dalam pembuatan suatu aplikasi multimedia dan gambarnya harus sudah ada pada tahap perancangan. Menurut Prihatna (2005:51) “Struktur Navigasi adalah Susunan menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web”. Ada 4 macam bentuk dasar dari peta navigasi yang biasa digunakan dalam proses pembuatan aplikasi multimedia, yaitu: a. Linier Linier merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan layar secara berurut menurut urutannya dan tidak diperbolehkan adanya percabangan. Tampilan yang dapat
ditampilkan adalah satu halaman sebelumnya atau satu halaman sesudahnya.
Sumber: Prihatna (2005:51) Gambar II.1 Struktur navigasi linier b. Hierarchical (Hirarki) Struktur Hierarchical merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai master page, halaman utama ke satu. Halaman utama ini akan mempunyai halaman percabangan yang dikatakan slave page, halaman pendukung. Jika salah satu halaman pendukung diaktifkan, maka tampilan tersebut akan bernama master page, halaman utama ke dua. Pada struktur navigasi ini tidak diperkenenkan adanya tampilan secara linier.
Sumber: Prihatna (2005:51) Gambar II.2 Struktur navigasi Hierarchical (hirarki) c. Non Linier Pada struktur non linier diperkenankan membuat struktur navigasi bercabang, percabangan ini berbeda dengan percabangan pada struktur hirarki. Pada percabangan non linier walaupun terdapat banyak percabangan tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada pada master page dan slave page.
4
Sumber: Prihatna (2005:51) Gambar II.3 Struktur navigasi non linier d. Composite (Campuran) Struktur navigasi composite (campuran) merupakan gabungan dari ketiga struktur sebelumnya. Struktur navigasi ini banyak digunakan dalam pembuatan aplikasi multimedia sebab dapat memberikan keinteraksian yang lebih tinggi.
Sumber: Prihatna (2005:51) Gambar II.4 Struktur navigasi composite (campuran) 2.2. Analisa Perancangan Web Pada saat ini, komputer memegang peranan yang sangat penting. Komputer sebagai alat pengolah data tidak terlepas dari peranan suatu sistem informasi didalam segala bidang. Kemajuan teknologi mendorong kita untuk mengikuti kemajuan tersebut, salah satu kemajuan itu adalah komputer. Internet merupakan salah satu bagian kemajuan teknologi komputer dan juga sebagai media yang dapat memberikan berbagai macam informasi mengenai kemajuan teknologi. Dengan adanya internet, kita dapat memperoleh banyak informasi yang berguna baik yang berbentuk informasi ilmiah, pendidikan, hiburan dan juga karya-karya terbaik lainnya. Dengan banyaknya informasi di berbagai media khususnya internet dimana orang
selalu menginginkan informasi terbaru dan teraktual, sehingga memerlukan suatu pengelolaan manajemen database yang baik, cepat dan efficient. Kebanyakan halaman web sebuah gallery sudah menyediakan fasilitas informasi tentang gallery tersebut dimana sangat diperlukan untuk menampilkan fasilitas yang ada pada gallery guna untuk menarik calon pelanggan. Maka dengan ini penulis mencoba untuk membuat program yang memberikan solusi bagi siapapun yang ingin mengetahui informasi tentang gallery secara cepat. Bisa dipahami kekhawatiran yang kebanyakan adalah penyalahgunaan wewenang yang diberikan secara bebas kepada siapapun namun kita bisa mengatasinya dengan adanya administrator. Dalam hal ini penulis akan memberikan penjelasan secara detail mengenai rancangan program yang dibuat pada sub-sub bab berikut ini. 2.2.1. Tinjauan Kasus Pada jaman teknologi seperti sekarang ini, banyak orang yang tidak ingin bersusah payah dalam mencari informasi jika mereka ingin mengetahui informasi sebuah gallery. Tetapi jika dilihat dari situasi seperti ini maka gallery mencoba untuk menampilkan informasi secara lengkap dan menarik untuk dikunjungi. Web ini juga membantu mereka untuk mengetahui lukisan yang dimiliki oleh gallery tersebut. Sehingga pengelola gallery dapat dengan mudah menginformasikannya. 2.2.2. Spesifikasi Rancangan Web Didalam spesifikasi rancangan web, penulis menggambarkan rancangan halaman, diantaranya rancangan halaman web, rancangan dokumen masukan dan dokumen keluaran.
5 1. Rancangan Halaman Home (Front-end) Halaman utama sebuah program berbasis web disebut juga dengan nama halaman index. Halaman ini diberi nama index.php,
halaman index ini memiliki pintu-pintu yang menghubungkan dengan halaman yang lain. Berikut ini rancangan halaman index yang ada pada web.
Gambar II.5 Rancangan Halaman Home 2. Rancangan Halaman Admin Halaman ini adalah halaman khusus untuk admin yang berfungsi untuk menambah, meng-edit, meng-update, dan menghapus data informasi yang ada didalam website.
a.
Rancangan halaman login administrator yaitu tampilan awal pada saat admin akan mengakses ruang administrator, admin harus mengisi username dan password dengan benar untuk bias masuk kedalam ruang administrator.
Gambar II.6 Rancangan Tampilan Login Admin
6 b. Rancangan Tampilan Admin (Back-end) Halaman ini tempat dimana admin dapat melihat aktivitas web. Di halaman ini
admin juga dapat menambah dan menghapus lukisan, daftar komentar, guest book, about dan news.
Gambar II.7 Rancangan Tampilan Admin
7 yang ada antara lain halaman administrator dan user. Pembuatan struktur navigasi web jenis lukisan ini nantinya akan sangat membantu ketika membuat rancangan. Diagram struktur navigasi web jenis lukisan dapat dilihat pada gambar dibawah ini.
2.2.3. Navigasi Struktur navigasi yang digunakan untuk pembuatan web informasi jenis lukisan adalah struktur navigasi campuran, terlihat bagaimana isi dan susunan dari sebuah web secara menyeluruh. Untuk web ini maka isi
Home
News
Gallery
Guest book
About
Contact us
Gambar II.8 Struktur navigasi website
Login
Home
tambah
Berita
edit
Admin
Komentar
Guest Book
Hubungi
hapus
hapus
hapus
hapus
tambah
Gallery
Identitas Web
Profile
update
edit
Gambar II.9 Struktur navigasi ruang administrator
hapus
Logout
batal
update
Home
batal
8 2.2.5. Spesifikasi Sistem Komputer Penerapan suatu sistem komputerisasi tidak terletak dari pada penggunaan peralatan yang sanggup melakukan pengolahan data. Salah satu penunjang sistem tersebut adalah peralatan dan sistem komputer, yang kita kenal dengan perangkat keras (hardware) dan perangkat lunak (Software). Untuk melaksanakan pengolahan data suatu komputer mempunyai beberapa komponen yang terdiri dari : 1. Alat Pembaca Data : Input 2. Alat Pengolahan Data :Central Processing Unit 3. Alat Penghasil : Output Setiap unit komponen mempunyai tugas yang berlainan, namun di dalam melaksanakan suatu pekerjaan, unit yang digunakan akan bekerja secara sinkron dengan dikendalikan oleh Control Unit atau Section. Sedangkan fungsi dari sistem operasi itu sendiri sebagai alat pengendali yang secara terpadu bertindak sebagai penghubung antara komputer dengan pemakainya. Sebagaimana telah diketahui, bahwa sistem yang baik tidak akan berhasil diterapkan atau diimplementasikan apabila tidak didukung oleh sarana yang baik. Sarana yang baik bukan berarti yang bermerek atau mahal harganya, tetapi sarana yang baik haruslah sesuai dengan spesifikasi sistem yang dibutuhkan memberikan hasil yang optimal. 1. Perangkat Keras (Hardware) Hardware atau dalam bahasa indonesianya disebut juga dengan nama “perangkat keras” adalah salah satu komponen dari sebuah komputer yang sifat alat nya bisa dilihat dan diraba secara langsung atau yang berbentuk nyata, yang berfungsi untuk mendukung proses komputerisasi. Hardware dapat bekerja berdasarkan perintah yang disebut dengan dengan istilah instruction set. Dengan adanya perintah yang dapat dimengerti oleh hardware tersebut, maka hardware dapat melakukan berbagai kegiatan yang telah ditentukan oleh pemberi perintah. Hardware terdiri dari unit masukan (Input), Unit pemrosesan (Process), Unit keluaran (Output), dan untuk simpanan luar (Memory). Pemilihan suatu komputer antara lain ditentukan oleh kapasitas komputer dan unit pengolahan datanya (CPU), Unit pemasukkan datanya yaitu keyboard dan media penyimpanan datanya berupa Hardisk
atau Disk Drive. Spesifikasi hardware yang direkomendasikan adalah sebagai berikut: a. Server side Processor : Pentium IV 1.6 GHz RAM : 512 MB Hardisk : 40 GB Monitor : SVGA, 15 inchi Keyboard : 114 Keys Mouse : Standard Mouse b. Client side Processor : Pentium IV 1.6 GHz RAM : 512 MB Hardisk : 40 GB Monitor : SVGA, 15 inchi Keyboard : 114 Keys Mouse : Standard Mouse 2. Perangkat Lunak (Software) Perangkat Lunak (software) adalah kumpulan beberapa perintah yang dieksekusi oleh mesin komputer dalam menjalankan pekerjaannya. perangkat lunak ini merupakan catatan bagi mesin komputer untuk menyimpan perintah, maupun dokumen serta arsip lainnya. Software merupakan data elektronik yang disimpan sedemikian rupa oleh komputer itu sendiri, data yang disimpan ini dapat berupa program atau instruksi yang akan dijalankan oleh perintah, maupun catatan-catatan yang diperlukan oleh komputer untuk menjalankan perintah yang dijalankannya. Fasilitas Software itu sendiri terdiri dari sistem design, program dan prosedurprosedur lainnya. Disini penulis menerangkan bahwa sistem komputer perangkat lunak yang dapat digunakan adalah sebagai berikut: a. Server side Sistem Operasi : Cloud Linux Web Server : Apache2Triad Web Browser : Mozilla Firefox atau Google Chrome Platform program : PHP Database : MySQL b. Client side Sistem Operasi : Linux, Mac OS, Windows XP, dan Windows 7 Program Aplikasi Design : Dreamweaver Web Server : Apache2Triad Web Browser : Mozilla Firefox atau Google Chrome Database : MySQL
9 III. PENUTUP
DAFTAR PUSTAKA
3.1. Kesimpulan Dalam bab ini, penulis mencoba menarik kesimpulan dari seluruh pokok pembahasan pada bab-bab sebelumnya yang ada dalam Tugas Akhir ini. Sebagai akhir dari Tugas Akhir ini, penulis akan menyimpulkan uraian-uraian yang telah dikemukakan pada bab-bab sebelumnya sehingga dapat memberikan gambaran secara umum tentang penulisan Tugas Akhir ini, adapun kesimpulannya adalah sebagai berikut : 1. Dengan dibuatnya website ini diharapkan dapat memberikan kemudahan bagi para pengunjung untuk dapat lebih mudah mendapatkan informasi tentang salon. 2. Website ini juga dapat mempermudah pemilik salon untuk meng-update secara cepat informasi yang ada pada salon tersebut. 3. Website ini dibuat untuk menarik para pengunjung agar dapat berinteraksi dan bertanya secara langsung tentang perawatan yang ada pada salon. 4. Pemilik salon juga dapat menghemat biaya untuk mempromosikan salonnya.
Ardhana, Yosef Murya Kusuma. 2012. PHP :Menyelesaikan Website 30 Juta. Yogyakarta :Jasakom.
3.2. Saran-saran Untuk menunjang keberhasilan website ini, penulis menyarankan beberapa hal yang harus dilakukan oleh para pengguna web sebelum masuk kesistem ini. Adapun saran-saran dari penulis antara lain: 1. Untuk merancang sebuah website, diharapkan memperhatikan website yang akan dirancang dari memberikan informasi yang lengkap dan memiliki navigator yang jelas agar memudahkan dan memberikan kenyamanan pengunjung. 2. Agar dapat menarik pengunjung suatu website, diharapkan untuk selalu melakukan pembaharuan website secara berkala sehingga informasi didalamnya selalu mengikuti perkembangan zaman yang up to date. 3. Untuk menghindari kehilangan data, sebaiknya dibuat file-file back-up sehingga apabila terjadi kesalahan atau kehilangan data, dapat dengan mudah diperbaiki. 4. Diharapkan untuk memberikan informasi yang jelas dan bermanfaat agar dapat menambah pengetahuan bagi para pengunjung.
Febrian, Jack. 2008. Menggunakan Internet. Bandung:Informatika. Hadi, Mulya. 2006. 7 Jam Belajar Interaktif Dreamweaver 8 untuk Orang Awam. Palembang: Maxikom. Suprianto, Dodit. 2008. Buku Pintar Pemograman PHP. Bandung: OASE Media. Nugroho, Bunafit. 2008. Trik dan Rahasia Membuat Aplikasi Web Dengan PHP. Yogyakarta : Gaya Media. Firdaus. 2007. PHP & MySQL dengan Dreamweaver. Palembang: Maxikom Irawan.2011. Panduan Berinternet Untuk Orang Awam.Palembang :Maxikom. Prihatna, Henky. 2005. Kiat Praktis Menjadi Webmaster Profesional Jakarta: PT. Elex Media Komputindo.
