PEMESANAN ONLINE JADWAL LAPANGAN FUTSAL PADA ORBIT FUTSAL SOCCER MENGGUNAKAN TEKNIK RESPONSIF WEB DESIGN

PEMESANAN ONLINE JADWAL LAPANGAN FUTSAL PADA ORBIT FUTSAL SOCCER MENGGUNAKAN TEKNIK RESPONSIF WEB DESIGN M. Aditya Dwi Putra1, Irwansyah2 , Hutrianto3 Mahasiswa Universitas Bina Darma1, Dosen Universitas Bina Darma2,3 Jalan Jenderal Ahmad Yani No.03 Palembang Pos-el : [email protected], [email protected], [email protected] Abstract : Sports futsal increasingly favored by city people from various backgrounds, ranging from school children, students, employees, and more. But this time the problems faced by society futsal lovers is difficult to find information about rental futsal field. Besides, booking became one of the obstacles for customers. Not enough to come once only for direct play futsal, but customers must order the previous field to use the services of the futsal court. Because pembookingan is necessary to indicate that reservations structured schedule. At Orbit Futsal Soccer reservations still manually schedule field. By because it attracted me to create a website booking online schedule futsal field. So through the web page will be created, it can be easier for customers to order or booking process at the time the sidelines of work and rest. Responsive web design is one technique that can make the process of designing applications and web sites for various types of devices become easier. Keyword : Orbit Futsal Soccer, Responsive Web Design

Abstrak : Olahraga futsal semakin digemari oleh masyarakat kota dari berbagai kalangan, mulai dari anak sekolah, mahasiswa, karyawan, dan banyak lagi. Namun saat ini masalah yang dihadapi oleh masyarakat pecinta futsal adalah sulitnya untuk mencari informasi tentang penyewaan lapangan futsal. Disamping itu pemesanan pun menjadi salah satu kendala bagi pelanggan. Tidak cukup untuk datang sekali hanya untuk langsung bermain futsal, tetapi pelanggan harus memesan lapangan sebelumnya untuk menggunakan jasa lapangan futsal tersebut. Karena pembookingan sangat perlu untuk menandakan pemesanan agar jadwal tersusun dengan baik. Pada Orbit Futsal Soccer pemesanan jadwal lapangan masih secara manual. Oleh karna itu saya tertarik untuk membuat sebuah website pemesanan jadwal lapangan futsal secara online. Jadi melalui halaman website yang akan dibuat, dapat memudahkan para pelanggan untuk memesan atau proses booking pada saat disela-sela kerja maupun istirahat. Responsive web design merupakan salah satu teknik yang dapat membuat proses perancangan aplikasi dan situs web untuk berbagai jenis perangkat menjadi lebih mudah. Keyword : Orbit Futsal Soccer, Responsif Web Design

PENDAHULUAN

berbasis

Perkembangan Ilmu Pengetahuan dan

memegang peranan penting bagi kehidupan

Teknologi Informasi telah berkembang dengan

manusia, karena manusia sangat membutuhkan

sangat cepat seiring dengan kebutuhan manusia

teknologi

yang juga terus bertambah dan semakin

memperoleh

meningkat. Perkembangan teknologi informasi

keakuratan dan kecepatan dalam mengolah data

sekarang ini, memperlihatkan kemajuan yang

yang ada, sehingga tingkat ketelitian dan

sangat pesat dalam berbagai jenis kegiatan yang

kemungkinan

1.

Pemesanan Online Jadwal Lapangan Futsal Pada Orbit Futsal Soccer Menggunakan Teknik Responsif Web Design (M. Aditya Dwi Putra)

teknologi

melalui

informasi.

media

informasi

terjadinya

Teknologi

komputer yang

untuk

memiliki

kesalahan

dapat

1

dikurangi.

untuk menandakan pemesanan agar jadwal

Olahraga futsal kini semakin digemari

tersusun dengan baik.

oleh masyarakat kota dari berbagai kalangan,

Pada orbit futsal soccer pemesanan

mulai dari karyawan, mahasiswa, anak sekolah,

jadwal lapangan masih secara manual. Manual

dan banyak lagi. Tak heran di hampir setiap

dalam arti disini adalah pelanggan yang ingin

sudut kota cukup banyak yang menyediakan

bermain futsal harus datang dahulu untuk

sarana atau tempat bermain olahraga futsal ini.

melihat jadwal yang di inginkan, apakah jadwal

Alasan dari berbagai pihak yang didapat karena

yang di inginkan ada atau sudah di booking oleh

futsal

bagi

orang lain. Oleh karna itu saya tertarik untuk

kebanyakan warga kota yang sulit mendapatkan

membuat sebuah website pemesanan jadwal

lapangan sepak bola. Wajar apabila sekarang

lapangan futsal secara online. Jadi melalui

banyak sekali orang yang membuka usaha untuk

halaman website yang akan dibuat ini, dapat

bidang ini, karena lumayan menjanjikan. Futsal

memudahkan para pelanggan untuk memesan

berasal dari bahasa Spanyol yaitu football

jadwal yang diinginkan atau proses booking

(sepak bola) dan sala (ruangan), bila digabung

jadwal lapangan pada saat disela-sela kerja

menjadi Sepak bola dalam ruangan. Olahraga

maupun istirahat. Dalam penulisan ini, akan

futsal ini berasal dari Montevidio Uruguay

disusun rancangan tentang membuat website

tahun 1930. Sampai saat ini olahraga futsal

pemesanan atau booking penyewaan lapangan

semakin populer, karena olahraga ini juga turut

futsal secara online.

adalah

olahraga

alternatif

berperan dalam memajukan industri sepak bola

Belakangan ini sedang trend sekali desain

internasional. Banyak manfaat yang didapat

web yang responsif, perkembangan suatu desain

dalam olah raga futsal ini, mulai dari kecepatan,

web agar dapat tampil dengan baik dan nyaman

ketangkasan dan juga teknik dalam bermain.

pada browser di perangkat baik diakses melalui

Namun biasanya saat ini masalah yang

komputer desktop, smartphone, tablet, ataupun

dihadapi oleh masyarakat pecinta olahraga

smart TV tanpa memperlihatkan perbedaan

futsal ini adalah sulitnya untuk mencari

yang terlalu besar dalam hal penggunaanya.

informasi tentang penyewaan lapangan futsal.

Responsive web design merupakan salah satu

Karena minimnya iklan maupun promosi yang

teknik yang dapat membuat proses perancangan

dilakukan pemilik-pemilik dalam bidang usaha

aplikasi dan situs web untuk berbagai jenis

tersebut. Disamping itu pemesanan pun masih

perangkat menjadi lebih mudah. Hal ini

menjadi salah satu kendala bagi pelanggan yang

dikarenakan

ingin

teknik

bermain

futsal.

Tidak

cukup

bagi

bahwa

responsive

dengan web

menggunakan

design,

perancang

pelanggan untuk datang sekali hanya untuk

dimungkinkan untuk dapat menerapkan solusi

langsung bermain futsal, tetapi pelanggan harus

bagi berbagai resolusi layar.

memesan terlebih dahulu untuk menggunakan jasa

lapangan

futsal

tersebut.

Berdasarkan latar belakang dan uraian

Karena

diatas maka penulis tertarik untuk membuat

pembookingan sangat perlu dan penting sekali

sebuah aplikasi web mengenai pemesanan


2

jadwal

lapangan

memberi

futsal

judul

FUTSAL

penulis

termasuk penjaga gawang. Lapangan Futsal

ini

adalah sarana atau tempat orang bermain futsal

JADWAL

yang berada didalam ruangan atau indoor.

ORBIT

Ukuran lapangan futsal berbentuk persegi

MENGGUNAKAN

panjang, dengan panjang 25 - 42 meter dan lebar

pada

“PEMESANAN LAPANGAN

sehingga proposal

ONLINE FUTSAL

SOCCER

PADA

TEKNIK RESPONSIF WEB DESIGN”.

15 - 25 meter. Sedangkan ukuran standar dari pertandingan futsal internasional panjang : 38 -

2.

LANDASAN TEORI

2.1

Pemesanan Online

42 meter dan lebar : 18 - 25 meter.

Pemesanan dapat didefinisikan secara luas

2.3

Responsif Web Design

sebagai tindakan berbagai perusahaan untuk

Saat ini masih sering kita temui berbagai

merencanakan dan melaksanakan rancangan

macam website yang menggunakan ukuran lebar

produk, penentuan

halaman yang tetap, misalnya dengan ukuran

harga, distribusi, dan

960 pixel, dengan harapan semua pengguna

promosi (Jeff Madura, 2001). Online jaringan

adalah

internet

menggunakan

untuk

melakukan

fasilitas upaya

penjualan atas produk kita (Dedik Kurniawan).

yang

mengakses

mendapatkan

website

tampilan

tersebut

yang

sama

akan dan

pengalaman yang sama saat berinteraksi dengan

Dari kedua teori diatas dapat disimpulkan

website terkait. Akan tetapi sekarang ada

pemesanan online adalah suatu proses memenuhi

smartphone dan juga di indonesia pengguna

kebutuhan yang di inginkan baik berupa tempat

smartphone makin lama makin kian meningkat,

atau barang dengan menggunakan jaringan

baik itu berbasis Android ataupun menggunakan

internet.

produk Apple yaitu iPhone. Seperti dari beberapa data yang sempat dirillis, di Indonesia

Futsal

pengguna internet yang menggunakan perangkat

Sejarah olahraga futsal menurut FIFA,

mobile dalam melakukan browsing di internet

mulai pada tahun 1930 di Montevideo, Uruguay.

sangat meningkat tajam. Belum lagi seperti

Futsal ini diperkenalkan oleh Juan Carlos

meningkatnya pengguna tablet dimana ukuran

Ceriani, dia adalah seorang pelatih sepak bola

layarnya lebih besar dari smartphone dan lebih

asal Argentina. Hujan yang sering mengguyur

kecil jika dibandingkan dengan layar laptop.n

2.2

Montevideo cukup membuatnya kesal, karena

Ukuran ini memang tidak terlalu lebar

rencana yang telah Ia susun menjadi berantakan

untuk layar laptop dan pengguna dengan layar

karena lapangan yang tergenang air. Lalu Juan

yang memiliki resolusi besar akan mendapatkan

Carlos Ceriani memindahkan latihan ke dalam

margin yang cukup lebar di kanan kiri website.

sebuah ruangan. Pertama Ia tetap menggunakan

Pengalaman berbeda yang akan dirasakan oleh

11 orang pemain, namun karena lapangan yang

para pengguna smartphone saat melakukan

sempit, Ia memutuskan untuk mengurangi

akses ke website, dimana website tersebut

jumlah menjadi 5 orang pemain tiap tim, itu

menerapkan fixed width, misalnya dengan


3

ukuran 960 pixel. Maka pengguna smartphone

berdasarkan ukuran viewport dari device yang

akan melakukan zoom in zoom out untuk

digunakan mulai dari smartphone, tablet atau

menampilkan tampilan dari website tersebut.

computer screen.

Belum lagi seringkali terjadinya salah pencet link

dikarenakan

tulisannya

terlalu

kecil.

2.4

CSS 3

Sekarang telah ada solusi untuk menangani

CSS 3 (CascadeStyleSheet) Jayan (2010),

berbagai masalah ukuran layar yang berbeda

CSS 3 merupakan singkatan dari Cascade Style

tersebut. Responsive Design, adalah salah satu

Sheet.

istilah dari sekian istilah tentang konsep dari

tampilan dokumen HTML, contohnya seperti

sebuah tampilan web yang akan menyesuaikan

pengaturan jarak antar baris, teks, warna dan

dengan besarnya viewport (luasan area pada

format border bahkan penampilan file gambar.

browser untuk menampilkan website) yang

Kegunaannya

adalah

untuk

mengatur

Dalam penelitan ini akan akan dirancang

digunakan oleh para pengguna saat mengakses

desain

sebuah website.

menggunakan Responsive Web Design, dalam

Teknik ini didukung teknologi terbaru yakni HTML5 dan CSS3. Pada dasarnya RWD memungkinkan situs web untuk menanggapi atau beradaptasi dengan ukuran viewport yang

website

yang

akan

perancanganya maka akan digunakan HTML 5 sebagai struktur pembentukan website dan CSS 3 sebagai pendesainan layout web tersebut. CSS 3 merupakan penyederhanaan untuk

berbeda, baik ukuran kecil atau ukuran besar tanpa mengatur domain atau subdomain khusus

sebuah

memberikan porsi yang berbeda dari CSS

untuk pengguna yang menggunakan perangkat

sebelumnya

ponsel ketika mengakses situs web. Tampilan

perangkat

dan warna dapat dipertahankan untuk memiliki

digunakan.

pengalaman yang sama meski menggunakan

membangun resposif atau adaptif desain dari

ukuran

Secara

sebuah website, yang tidak tergantung kepada

sederhana, desain web responsive adalah tentang

style atau aturan gaya pada sebuah browser

ukuran perambahan. Ini berkaitan dengan tata

tetapi didasarkan porsi aturan ukuran viewport

perangkat

yang

berbeda.

letak, hirarki dan menciptakan pengalaman membaca yang optimal (Slamet Riyanto 2014). Sedangkan menurut Ethan Marcotte (2011), Responsive Web Design adalah pendekatan yang memungkinkan

desain

dan

pengembangan

3

device

digunakan

yang untuk

antara lain; a.

Dari kedua teori diatas dapat disimpulkan bahwa responsif web design adalah website yang tampilan

CSS

atau

Elemen CSS 3 pada Responsive Web Design

layar, platform dan orientasi yang berbeda.

menyesuaikan

pengunan

karakteristik

atau layar kerja sebuah perangkat atau device.

website dapat mengakomodasi berbagai ukuran

bisa

berdasarkan

layoutnya


Media Queries adalah salah satu fasilitas yg dimiliki oleh CSS3 (Cascading Style Sheet),

dimana

halaman

web

bisa

menggunakan CSS style yang berbeda sesuai dengan karakteristik dari perangkat atau device yang digunakan user, dan pada

4

umumnya

media

queries

mendeteksi

ukuran jendela browser. b.

2006,

mereka

sepakat

untuk

menjalankan

kerjasama untuk membuat versi baru dari HTML.

Fluid Grid, atau grid yang fleksibel, konsep ini mengacu pada penggunaan

2.6

WEBSITE

ukuran relatif dengan basis persentase atau

World Wide Web (WWW) adalah suatu

ems dibandingkan jenis ukuran absolut

program yang ditemukan oleh “Tim Berners-Lee

seperti pixel atau point.

(1991)”. Tim tersebut membuat program piranti

Flexible Image, penggunaan ukuran persen

perangkat lunak yang diberi nama Enquire

dari 0 sampai 100 untuk image yang

sehingga memudahkan pencarian informasi yang

ditampilkan di web responsif, selain itu juga

dibutuhkan dan menjadi dasar dari sebuah

tehnik ini berguna untuk mencegah image

perkembangan pesat yang dikenal dengan WWW (Priyanto Hidayatulah 2014:03).

tampil melebihi elemen containernya.

World Wide Web (WWW) bekerja 2.5

mendasarkan pada tiga mekanisme yaitu :

HTML 5

a.

HTML5 adalah standar baru dari HTML.

Informasi disimpan didalam dokumen yang sering kita sebut halaman web

Versi HTML sebelumnya yaitu HTML 4.01 b.

Halaman

web

perubahan yang sangat signifikan sejak saat itu

disimpan

dalam

sampai

tersebut dikenal dengan istilah web server.

muncul pada tahun 1999. Internet mengalami

sekarang.

memenuhi hampir

HTML5

di

desain

untuk c.

semua kebutuhan user tanpa

Komputer

adalah

yang

file-file

komputer.

mengakses

yang

Komputer

isi

dari

halaman web disebut dengan web cilents.

plugin tambahan. Kebutuhan-kebutuhan tersebut antara lain menampilkan animasi, menjalankan

Web cilents menampilkan halaman web dengan

aplikasi, memutar musik dan film.

program yang dikenal dengan web browser seperti

HTML5 juga cross-platform. Itu artinya

Chrome, Firefox dan Internet Explorer.

dapat menjalankan diberbagai platform dan device seperti tablet, smartphone, notebook dan laptop. HTML5 masih terus dikembangkan. Namun,

2.7

Perancangan Website Perancangan dan

adalah

penggambaran,

semua browser populer sudah mendukung elemen-

perencanaan

pembuatan

sketsa

atau

elemen baru HTML5.

pengaturan dari beberapa elemen yang terpisah ke

HTML5 adalah hasil kerja sama antara

dalam satu kesatuan yang utuh dan berfungsi untuk

World Wide Wed Consortium (W3C) and the Web

merancangan suatu sistem dapat dirancang dalam

Hypertext Application Technology Working Group

bentuk bagan alir sistem ( system flowchart ), yang

(WHATWG). WHATWG sebelumnya bekerja

merupakan

alat

dalam mengembangkan aplikasi web sedangkan

digunakan

untuk menunjukan urutan -urutan

W3C bekerja dengan XHTML 2.0 pada tahun

proses dari sistem (Syifaun Nafisah, 2003 : 2). Perancangan dirancang


bentuk

sebuah

menggunakan

grafik

yang

website HTML

dapat

umumnya (Hypertext

5

Markup Language) dan CSS (Cascade Style Sheet),

3.2

Metode Pengembangan Sistem

HTML digunakan sebagai struktur pembentukan

Beberapa ahli membagi proses-proses

website dan CSS untuk pendesain layout web dan

pengembangan sistem kedalam sejumlah urutan

memperindah tata letak dari suatu halaman web.

yang berbeda-beda. Tetapi semuanya akan

Perancangan web dalam skala besar membutuhkan

mengacu pada proses-proses standar yaitu

strategi yang tepat agar perancangan web berjalan

analisis, desain, implementasi dan pemeliharaan.

dengan baik, tepat waktu, dan sesuai dengan

Menurut O’Brien (2007), seperti yang berlaku

sasaran yang ditargetkan.

pada kebanyakan proses, pengembangan sistem informasi memiliki daur hidup yang disebut daur

3.

METODOLOGI PENELITIAN

pengembangan sistem informasi atau secara

3.1

Metode Pengumpulan Data

lebih

Adapun metode pengumpulan data yang

Development Life Cycle) atau daur hidup

digunakan dalam menyelesaikan penelitian ini,

umum

dinamakan

SDLC

(System

pengembangan sistem

antara lain : 1. Wawancara Dalam

metode

wawancara

ini

penulis

mengumpulkan data penelitian dengan bertanya

4.

ANALISA DAN PERANCANGAN

4.1

Analisa Sistem (Systems Analysis)

4.1.1 Analisa Model Sistem Saat Ini (Analysis

secara langsung kepada pihak yang bersangkutan

of the Present System)

yang

Sistem yang sedang berjalan pada Orbit

dapat

memberikan

informasi

yang

dibutuhkan.

Futsal Soccer saat ini pemesanan jadwal

2. Kepustakaan

lapangan yang masih secara manual. manual

Mengumpulkan data dengan cara mencari

dalam arti disini adalah pelanggan yang ingin

dan mempelajari data-data dari buku-buku

bermain harus datang terlebih dahulu untuk

ataupun dari referensi lain yang berhubungan

melihat jadwal yang diinginkan, apakah jadwal

dengan penulisan laporan penelitian proposal.

yang diinginkan ada atau sudah dibooking oleh

Buku yang digunakan sebagai referensi, adapun

orang lain. Dan juga pelanggan kesulitan

metode

dalam

mendapatkan informasi, baik informasi jadwal

merancang dan mengembangkan dapat dilihat

lapangan atau informasi diadakannya turnamen

pada daftar pustaka.

futsal pada orbit futsal soccer.

3.

yang

digunakan

penulis

Observasi Metode

dengan

cara

keadaan

dan

Dari analisis sistem yang sedang berjalan

kegiatan pada Orbit Futsal Soccer sebagai objek

tersebut, maka penulis membuat suatu website

guna mendapatkan keterangan yang akurat.

yang mampu menampilkan informasi, baik

mengamati

ini secara

dilakukan langsung

4.1.2 Alternatif Pemecahan Masalah

informasi tentang jadwal lapangan dan juga informasi diadakannya turnamen futsal pada orbit futsal soccer. Jadi pelanggan hanya Pemesanan Online Jadwal Lapangan Futsal Pada Orbit Futsal Soccer Menggunakan Teknik Responsif Web Design (M. Aditya Dwi Putra)

6

mengakses website yang telah dibuat untuk

Pe la ngga n

Sis te m

Start

melihat apakah jadwal lapangan yang diinginkan

Membuka Sistem

ada atau sudah dibooking oleh orang lain tanpa

Melakukan Login

Menampilkan Sistem

Daftar

Menampilkan Halaman Login

Memasukkan Username & Password

harus datang terlebih dahulu ke orbit futsal

Tidak Ya Menampilkan Halaman Web

Lihat Jadwal Lapangan

soccer. Dan juga website ini telah didukung

Booking Lapangan Upload Bukti Pembayaran Cetak Bukti Konfirmasi

dengan teknik responsif web design yang akan memberikan

kenyamanan

tersendiri

bagi

pelanggan saat mengakses web tersebut.

4.2

End

Gambar 3 Activity Diagram Pelanggan dan Sistem

Perancangan Sistem

4.2.1 Use Case

Pimpinan

Sistem

Start

Use case adalah interaksi antara system dan actor.

Menampilkan Halaman Login

Melakukan Login Memasukkan Username & Password

<>

Daftar

Tidak

Data Pelanggan

Ya Menampilkan Halaman Pimpinan

Pelanggan

Melihat Informasi Data Laporan Pembayaran, Data Laporan Booking, Data Laporan Jadwal Lapangan

Admin

Login

Login

<>

Melihat Jadwal Lapangan

Jadwal Lapangan

<<extend>>

End

Laporan <>

Booking Lapangan

Melihat Lapangan Yang Dibooking

Cetak Bukti Konfirmasi

Pimpinan <>

Upload Bukti Pembayaran

Login

Melihat Data Pembayaran

4.2.3 Class Diagram

Gambar 1 Use Case

Class diagram adalah sebuah spesifikasi

4.2.2 Activity Diagram Activity

Gambar 4 Activity Diagram Pimpinan dan Sistem

diagram

menunjukkan

yang jika di intansiasi akan menghasilkan

bagaimana aktifitas-aktifitas admin & user

sebuah

mengelola dan membuka website.

pengembangan dan desain berorientasi objek.

Admin

objek

dan

merupakan

inti

dari

Sistem

Start Menampilkan Halaman Login

Melakukan Login Memasukkan Username & Password

Tidak Ya Menampilkan Halaman Admin Memasukkan Jadwal Lapangan

Melihat Data Pelanggan, Data Laporan Booking, Data Bukti Pembayaran, Data Pesanan Cetak Laporan

End

Gambar 2 Activity Diagram Admin dan Sistem


Gambar 5 Class Diagram

7

5.

HASIL DAN PEMBAHASAN

5.1

Hasil

2.

Halaman Utama Tablet Pada halaman home jika user mengakses

Berdasarkan hasil penelitian yang telah dilakukan, perancangan sistem dan berakhir dengan pembuatan program yang sesungguhnya,

melalui

tablet

maka

pengunjung

akan

mendapatkan tampilan sesuai dengan kebutuhan layar pada tablet.

maka hasil yang dicapai oleh penulis adalah sebuah Pemesanan Online Jadwal Lapangan Futsal pada Orbit Futsal Soccer menggunakan teknik Responsif Web Design. Sistem ini terdiri dari menu utama yang terdiri dari menu home, profil, jadwal, daftar, kontak, info. Halaman pelanggan

berisi

pembayaran,

home,

jadwal,

logout. Pada

booking,

halaman

admin

terdapat menu home, jadwal, laporan pelanggan, laporan booking, laporan pembayaran, laporan pesanan,

logout.

Pada

halaman

Gambar 5.2 Halaman Home Tablet (800px,1280px)

pimpinan

terdapat menu home, laporan pembayaran, laporan booking, laporan jadwal, logout. 1.

Halaman Utama Desktop Halaman utama adalah halaman awal dari

web Orbit Futsal Soccer. Pada halaman ini terdapat menu – menu link menuju bagian – bagian sistem.

3.

Halaman Utama Mobile Pada halaman home jika user mengakses

melalui perangkat mobile maka pengunjung akan mendapatkan tampilan sesuai dengan kebutuhan layar pada mobile.

Gambar 5.3 Tampilan Mobile (320px, 480px) Gambar 5.1 Halaman Home Desktop


8

5.2

Pembahasan

sudah

sesuai

Aplikasi yang dihasilkan yaitu aplikasi

digunakan.

dengan

perangkat

yang

web pemesanan yang digunakan konsumen dalam proses pemesanan jadwal lapangan futsal

6.2

pada Orbit Futsal Soccer dan dibuat dengan bahasa pemrograman PHP.

SARAN Berdasarkan

kesimpulan

yang

telah

dikemukakan diatas, maka ada beberapa saran

Aplikasi ini mampu menampilkan halaman

yang penulis sampaikan dalam penulisan skripsi

web yang sesuai dengan ukuran view port atau

ini, antara lain sebagai berikut :

lebar layar pada setiap perangkat, baik desktop,

1. Penulis berharap agar website yang dibuat

smartphone, tab dan mobile. Penyesuaian layout

ini dapat diterapkan dengan teknologi yang

menu dan tata letak pada halaman web

digunakan. Dan Orbit Futsal Soccer juga

disesuaikan dengan besaran layar pada setiap

lebih mengenal apa itu responsive web

perangkat. Dengan ini diharapkan

design.

mampu

memberikan kenyaman disaat mengakses web

2. Perlu diadakan pelatihan komputer kepada

online Orbit Futsal Soccer.

karyawan khususnya admin

pengguna

sistem sebelum sistem tersebut dioperasikan

6.

SIMPULAN DAN SARAN

6.1

Simpulan

3.

Untuk mengantisipasi kerusakan sistem, data sebaiknya di back up.

Maka dapat diambil kesimpulan skripsi ini

4. Melakukan pemeliharaan terhadap sistem.

adalah: Berdasarkan

hasil

penelitian

yang penulis

DAFTAR RUJUKAN

lakukan di Orbit Futsal Soccer, Maka dapat Referensi dari Buku

diambil kesimpulan skripsi ini adalah : 1. Dihasilkan suatu sistem Web Online dengan web responsive yang diharapkan dapat meningkatkan aktivitas pemesanan jadwal

Madura, Jeff 2001. ”Pengantar Bisnis”. Jakarta : Penerbit Salemba Empat.

lapangan, serta dukungan web responsive yang mampu menampilkan tampilan layout

Kristanto, Andri.2010. “Kupas Tuntas PHP

web sesuai dengan besaran layar di masing-

dan MYSQL”. Klaten : Cable Book

masing perangkat, baik mobile, tablet, maupun

desktop

sehingga

dapat

Murhananto. 2005. ”Dasar-dasar Permainan

meningkatkan pelayanan keyamanan saat

Futsal

mengakses web tersebut.

FIFA)”. Jakarta : Penerbit Kawan

2. Dengan adanya website ini yang dibuat

(Sesuai

Dengan

Peraturan

Pustaka.

dengan teknologi responsive akan lebih memberi

kenyamanan

pada

pengguna

Obrien, James A & Marakas, George M.

website karna tampilan website yang dibuat Pemesanan Online Jadwal Lapangan Futsal Pada Orbit Futsal Soccer Menggunakan Teknik Responsif Web Design (M. Aditya Dwi Putra)

9

2010.”Introduction

to

Information

system”. New York: Mc-Graw Hill.

Referensi dari Internet

Dedik

Kurniawan

(2010).

Http://carapedia.com/pengertian_defi

nisi_online_info2193.html Ethan Marcotte (2010). Responsive Web Design. http://alistapart.com/article/responsiv e-web-design. Accessed May 25, 2010. Jayan (2010). Pengertian CSS (Casecading Style Sheet). http://lilinkcl.blogspot.com/2014/08/csscascading-style-sheet.html.

Accessed

August 28, 2014.

Syifaun Nafisah (2003). Pengertian Perancangan. http://tugasakhiramik.blogspot.com/2 013/03/pengertian-perancanganaplikasi.html. Accessed March 22, 2013.


10

PEMESANAN ONLINE JADWAL LAPANGAN FUTSAL PADA ORBIT FUTSAL SOCCER MENGGUNAKAN TEKNIK RESPONSIF WEB DESIGN

Recommend Documents