DAFTAR ISI
Halaman
Halaman
Judul.......................................................................................................... i
Pernyataan
Originalitas dan Publikasi.................................................................... ii
Lembar Pengesahan............................................................................................... iii
Abstrak................................................................................................................... iv
Kata
Pengantar........................................................................................................ v
Daftar
Isi............................................................................................................... vii
Daftar Gambar........................................................................................................ xi
Daftar
Lampiran................................................................................................... xiii
BAB
1 PENDAHULUAN..................................................................................... 1
1.1 Latar Belakang Masalah................................................................... 1
1.2 Batasan Masalah............................................................................... 2
1.3 Tujuan Penulisan............................................................................... 2
1.4 Metode Penelitian............................................................................. 2
1.5 Sistematika Penulisan........................................................................ 4
BAB
2 TINJAUAN PUSTAKA............................................................................ 6
2.1 Sistem Operasi................................................................................. 6
2.2 Tool Pembuat Aplikasi Android...................................................... 7
2.2.1 Source Editor..................................................................................... 7
2.2.2 Design Editor.................................................................................... 8
2.3 Bahasa
Pemrograman HTML........................................................... 8
2.3.1 Fitur Baru HTML.............................................................................. 8
2.4 Bahasa Pemrograman Java Script..................................................... 9
2.5 Bahasa Pemrograman CSS.............................................................. 10
2.6 Struktur Navigasi........................................................................... 11
BAB 3 PERANCANGAN DAN IMPLEMENTASI 14
3.1 Gambaran Umum Aplikasi............................................................ 14
3.2 Analisis Kebutuhan Aplikasi.......................................................... 14
3.2.1 Analisis Masalah............................................................................ 14
3.2.2 Analisis Kebutuhan Fungsional..................................................... 15
3.4.19 Rancangan Halaman Perut............................................................. 29
3.4.20 Rancangan
Halaman Helicopter Leg............................................. 30
3.4.21 Rancangan
Halaman Leg Raises.................................................... 30
3.4.22 Rancangan
Halaman Mountain Climber......................................... 31
3.4.23 Rancangan
Halaman Spider........................................................... 31
BAB
4 PENUTUP................................................................................................ 46
4.1 Kesimpulan................................................................................... 46
4.2 Saran.............................................................................................. 46
DAFTAS
PUSTAKA.......................................................................................... xiv
LAMPIRAN
LISTISNG PROGRAM............................................................... L-1
PENDAHULUAN
1.1.
Latar Belakang Masalah
Berawal dari
ditemukannya handphone pertama
kali, manusia terus
berusaha
mengembangkan handphone atau telepon seluler agar dapat memberikan manfaat yang
lebih baik bagi kehidupan manusia, bukan hanya fitur-fitur pada telepon seluler
saja yang berkembang pesat,namun penggunaan system operasi pada telepon seluler
juga terus berkembang pesat. Android merupakan sebuah sistem operasi yang
berbasis Linux untuk telepon seluler seperti smartphone dan komputer
tablet. Android menyediakkan platform terbuka bagi para pengembang untuk
menciptakan aplikasi mereka sendiri untuk digunakkan oleh bermacam peranti
bergerak.
Aplikasi yang dibuat akan berjalan pada telepon
seluler dengan sistem operasi Android. Aplikasi ini membahas mengenai program bodybuilding
dengan pola latihan calisthenics.
1.2.
Batasan Masalah
Dalam
penulisan ini, akan dibuat sebuah aplikasi berbasis android yang
memberikan info
mengenai pola latihan bodybuilding dengan teknik latihan
calisthenics dan nutrisi
menggunakan applikasi berbasis android.
1.3.
Tujuan Penulisan
Tujuannya
adalah membuat aplikasi Android Personal Trainer. Dengan
pembuatan
aplikasi Android Personal Trainer yang dapat menampilkan gerakan –
gerakan calisthenics, informasi jenis badan, dan nutrisi ini diharapkan
orang – orang yang ingin membentuk tubuhnya
1.4.
Metode Penilitian
Metode
penulisan ilmiah ini menggunakan system development life cycle
(SDLC)
untuk menggunakan aplikasi. Tahap yang digunakan adalah: 1. Perencanaan
Pada tahap ini,
dilakukan perencanaan pembuatan aplikasi dengan tujuan agar orang - orang yang
mencoba bodybuilding dapat mempelajarai tata cara bodybuilding dengan
menggunakan smartphone berbasis android.
1.5
SistematikaPenulisan
Untuk
mempermudah pemahaman dalam penulisan ini maka penulis akan
menjelaskan
sistematika dalam penulisan ini, yaitu :
BAB
I : Pendahuluan
Bagian ini
akan membahas mengenai
latar belakang masalah,
batasan masalah,
tujuan penelitian, metode
penulisan dan
sistematika penulisan.
BAB
II : Tinjauan Pustaka
Bagian
ini akan membahas
mengenai teori dan
materi yang
berhubungan dengan
pembuatan penulisan ilmiah
diantaranya
pembahasan mengenai android,
IntelXDK, HTML5, dan CSS.
BAB
III : Perancangan dan
Implementasi
Bagian ini akan membahas mengenai
gambaran umum aplikasi
analisa aplikasi, pembuatan
aplikasi dimulai dengan meteode
perancangan struktur
navigasi, perancangan tampilan
aplikasi,
pemrograman, dan implementasi
program.
BAB
IV : Penutup
Bagian ini berisi tentang kesimpulan
dari program ini dan kritik
saran dari penulis mengenai
penulisan ini agar nantinya dapat
lebih dikembangkan
sehingga dapat lebih
baik dan lebih
bermanfaat.
BAB II
TINJAUAN PUSTAKA
2.1. Sistem
Operasi
Sistem operasi adalah seperangkat program yang
mengelola sumber daya perangkat keras, dan menyediakan layanan umum untuk
aplikasi perangkat lunak. Jenis-jenis sistem operasi diantaranya adalah MacOs,
Windows, Linux, Unix, Android, Selfish, dll. Salah satu sistem operasi terkenal
yang digunakan pada perangkat telepon seluler adalah Android
.
2.2. Tools
Pembuat Aplikasi Android
Saat ini aplikasi Android sudah dapat dibuat dengan
berbagai macam tools dengan beberapa developer yang berbeda.
Beberapa macam tools pembuat aplikasi Android diantaranya adalah
Appiventor, PhoneGap, Android App Maker, IntelXDK, dll. Salah satu tools
pembuat aplikasi Android yang mudah digunakan dan gratis adalah IntelXDK.
Pada link https://software.intel.com/en-us/intel-xdk, [4, 2015] Intel® XDK merupakan solusi cross
– platform HTML 5 yang memungkinkan pengguna untuk menulis web
dan aplikasi hybrid, dan menyebar untuk bisa digunakan di berbagai toko
aplikasi.
2.2.1. Source
Editor
Source Editor merupakkan
tempat atau lembar kerja untuk menulis kode
program. Pada
bagian ini dapat
dituliskan kode program
dalam HTML 5.
Keuntungan bagi
pengguna Intel® XDK adalah terdapat bantuan pada penulisan
kode pemrograman
sehingga memudahkan dan memperkecil kesalahan penulisan kode.
2.2.2. Design
Editor
Intel® XDK menyediakan lembar kerja penyuntingan
model dimana pengguna dapa dengan mudah mendesain aplikasi yang akan dibuat
dengan cara drag dan drop.
2.3. Bahasa
Pemrograman HTML 5
Menurut Edy Winarto,[1, 2015] Hypertext Markup
Language (HTML) adalah sebuah bahasa untuk menampilkan konten di web.
HTML sendiri adalah bahasa pemrograman yang bebas yang artinya tidak dimiliki
oleh siapa pun, pengembangannya dilakukan oleh banyak orang di banyak Negara
dan bias dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara
global
2.3.1. Fitur Baru
HTML5
Ada banyak keunggulan HTML5 dibandingkan dengan
versi sebelumnya anta lain :
1.3.
Aksesibilitas
: HTML5 memudahkan kita membuat situs lebih aksesibel.
1.4.
Dukungan
video dan audio.
1.4. Bahasa
Pemrograman Java Script
Menurut Madcoms,[2, 2015], Javascript adalah bahasa
pemrograman yang berjalan pada web browser (sebagai client server
programming) dan digunakan untuk menyediakan akses script untuk
objek yang dimasukkan di aplikasi lain. Javascript merupakan nama implementasi
dari Netscpae Communication Corporation untuk ECMAScript
standard, yaitu suatu bahasa script yang didasarkan pada konsep
pemrograman berbasis prototype.
2.5. Bahasa
Pemrograman CSS
Menurut Edy
Winarto,[1, 2015], CSS
merupakan singkatan dari
Cascading
Style Sheets. CSS berfungsi mendefinisikan bagaimana
elemen HTML ditampilkan. Style sendiri mulai diperkenalkan sejak
versi HTML 4.0 untuk menentukan gaya dokumen.
Style sheet eksternal
bias menghemat banyak waktu. Style sheet eksternal diletakkan di
file tersendiri yang memiliki ekstensi .css. CSS sangat penting dikarenakan
pada awalnya HTML tidak pernah diniatkan untuk berisi tag untuk pemformatan
dokumen, HTML hanya diniatkan untuk mendefinisikan konten dokumen saja.
2.6. Struktur
Navigasi
Struktur navigasi adalah struktur atau alur dari
suatu program. Menentukan struktur navigasi merupakan hal yang sebaiknya
dilakukan sebelum membuat suatu aplikasi, karena hal itu menentukan sekaligus
menjadi patokan dalam membuat aplikasi.
BAB III
PERANCANGAN DAN IMPLEMENTASI
Dalam bab ini akan dibahas secara detail mengenai
analisa aplikasi, perancangan aplikasi, mulai dari rancangan struktur navigasi,
langkah – langkah pembuatan aplikasi, tampilan aplikasi, dan ujicoba aplikasi.
3.1. Gambaran
Umum Aplikasi
Aplikasi Android Personal Trainer adalah
aplikasi yang dibuat untuk teleposon seluler berbasis android yang mampu
menampilkan gerakan-gerakan latihan calisthenics, informasi dan gambar
mengenai jenis badan, dan informasi mengenai nutrisi untuk pembentukan badan.
Sehingga aplikasi ini dapat berfungsi sebagai pengganti personal trainer.
.2. Analisis
Kebutuhan Aplikasi
Tahap ini menganalisis kebutuhan apa saja yang
diperlukan dalam pembuatan aplikasi Android Personal Trainer baik
analisis masalah, analasisi fungsional maupun non-fungsional serta kebutuhan
perangkat.
3.2.1. Analisis
Masalah
Aplikasi ini dapat membantu orang – orang yang
mencoba untuk membentuk badannya agar lebih ideal, masalah yang kerap ditemukan
untuk orang yang membentuk badannya yaitu biaya membership gym dan jasa personal
trainer yang cukup mahal.
3.2.2. Analisis
Kebutuhan Fungsional
Aplikasi Android Personal Trainer ini dibuat
memiliki kemampuan sebagai berikut :
·
Mampu menampilkan gambar bergerak (GIF),
gambar tersebut merupakan gerakan latihan pembentukan badan dengan metode calisthenics.
·
Menampilkan informasi mengenai
masing-masing gerakan, informasi mengenai jenis badan, dan informasi mengenai
nutrisi untuk pembentukan badan.
3.2.3. Analisis
Kebutuhan Non Fungsional
Agar aplikasi dapat berjalan
sesuai tujuan awal pembuatan maka perlu
didukung
lingkungan operasi sebagai berikut :
·
Perangkat
smartphone
Dibutuhkan smartphone berbasis
android dengan minimal versi android
·
Sarana
transfer data aplikasi
Sarana pembantu untuk memindahkan data
aplikasi berupa bluetooth adapter, card reader, dan
connectivity adapter cable.
3.2.4. Analisis
Kebutuhan Perangkat
Tahap ini menganalisa kebutuhan perangkat apa saja
yang digunakan untuk membuat aplikasi Android Personal Trainer. Analisis
kebutuhan perangkat dibagi menjadi analisis kebutuhan perangkat keras dan
perangkat lunak.
1.5.
Kebutuhan Perangkat Lunak
Operating system Microsoft Windows 7
IntelXDK
3.3. Rancangan
Aplikasi
Tahap ini merupakan tahap merancang struktur
navigasi program, storyboard dan rancangan tampilan aplikasi. Rancangan
struktur navigasi befungsi untuk menggambarkan dengan jelas hubungan dan
rantai kerja aplikasi. Rancangan tampilan aplikasi menggambarkan keterkaitan
setiap halaman dan juga menjelaskan arah komunikasinya. Rancangan tampilan ini
dibuat dengan rancangan yang mudah digunakan oleh pengguna.
3.3.1. Struktur
Navigasi
Struktur navigasi memberi kemudahan menganalisa
keteraktifan seluruh objek dan bagaimana pengaruh keinteraktifannya terhadap
pengguna. Struktur navigasi yang digunakan pada aplikasi ini adalah struktur
navigasi campuran, yaitu pengguna dapat dengan bebas menelusuri program, tetapi
pada bagian tertentu gerakan dibatasi secara hirarki ataupun linier.
Pada
saat pertama kali aplikasi ini dijalankan akan menampilkan halaman splash lalu
secara otomatis akan ke menu utama. Di menu utama terdapat beberapa
pilihan menu yaitu jenis badan, latihan, dan nutrisi, serta beberapa pilihan
menu pelengkap mengenai informasi pembuat, informasi aplikasi, dan tombol
keluar. Dari masing – masing pilihan menu pada halaman utama akan dilanjutkan
ke halaman berikutnya sesuai dengan pilihan pengguna, contohnya jika pengguna
memilih jenis badan maka akan keluar halaman baru dengan pilihan menu ectomorph,
mesomorph, dan endomorph, serta pilihan menu footer untuk kembali
langsung ke menu utama atau keluar aplikasi secara langsung. Untuk lebih
jelasnya dapat dilihat bentuk struktur navigasi pada aplikasi Android Personal
Trainer.
3.4. Rancangan
Tampilan Aplikasi
Rancangan tampilan aplikasi ini terdiri dari
rancangan halaman splash yang berisi logo dari aplikasi, lalu secara otomatis
ke halaman menu utama, di halaman utama akan ada pilihan menu utama seperti
jenis badan, latihan, dan nutrisi serta menu pelengkap seperti info pembuat,
info aplikasi, dan tombol keluar.
Pada halaman latihan akan ada pilihan dada,
punggung, bahu, perut, lengan, kaki. Selanjutnya masing-masing halaman itu akan
memiliki beberapa pilihan latihan.
3.4.1. Rancangan
Halaman Splash
Halaman ini akan menampilkan logo dari aplikasi pada
saat awal aplikasi dibuka, dan akan secara otomatis melanjutkan ke halaman menu
utama.
Logo
Aplikasi
Gambar 3.3.
Rancangan Halaman Splash
3.4.19.
Rancangan Halaman Perut
Pada
halaman ini akan ditampilkan lima pilihan menu latihan perut yaitu
helicopter leg, leg raises, mountain
climber, spider, dan plank. Pada halaman ini juga
akan terdapat tombol footer yaitu tombol menu utama dan keluar.
Android Personal Trainer
|
Helicopt
|
|
Leg
|
|
Mountai
|
|
er leg
|
|
raises
|
|
n climber
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Spider
|
|
Plank
|
|
|
|
|
|
|
|
|
|
|
Menu Utama
|
Keluar
|
|
|
|
|
|
|
Gambar 3.21.
Rancangan Halaman Perut
3.4.20.
Rancangan Halaman Helicopter Leg
Pada
halaman ini akan ditampilkan informasi mengenai gerakan helicopter
leg, dan juga
terdapat tombol footer yaitu
tombol menu utama dan tombol keluar.
Android Personal Trainer
Gambar
Informasi mengenai helicopter leg
|
|
Menu Utama
|
Keluar
|
|
|
|
|
|
|
Gambar 3.22. Rancangan Halaman
Helicopter Leg
3.4.21.
Rancangan Halaman Leg Raises
Pada
halaman ini akan ditampilkan informasi mengenai gerakan leg raises
dan juga terdapat tombol footer yaitu tombol
menu utama dan tombol keluar. Android Personal Trainer
Gambar
Informasi mengenai helicopter leg
|
Menu Utama
|
Keluar
|
|
|
|
|
|
Gambar 3.23.
Rancangan Halaman Leg Raises
3.4.22.
Rancangan Halaman Mountain Climber
Pada
halaman ini akan ditampilkan informasi mengenai gerakan mountain
climber dan juga
terdapat tombol footer yaitu
tombol menu utama dan tombol
keluar.
Android Personal Trainer
Gambar
Informasi mengenai mountain climber
|
|
Menu Utama
|
Keluar
|
|
|
|
|
Gambar 3.24. Rancangan Halaman
Mountain Climber
3.4.23.
Rancangan Halaman Spider
Pada
halaman ini akan ditampilkan informasi mengenai gerakan spider
dan juga
terdapat tombol footer yaitu
tombol menu utama dan tombol keluar.
Android Personal Trainer
Gambar
Informasi mengenai spider
|
Menu Utama
|
Keluar
|
|
|
|
|
|
BAB
IV
HASIL DAN PEMBAHASAN PENELITIAN
Tampilan Icon Aplikasi Tampilan
Halaman Index
Tampilan Halaman Jenis Badan Tampilan
Halaman Latihan
Tampilan
Halaman Nutrisi Tampilan Halaman Ectomorph
Tampilan Halaman Mesomoprh Tampilan
Halaman Endomorph
BAB V
PENUTUP
4.1. Kesimpulan
Dengan telah dibuatnya aplikasi ini diharapkan dapat
membantu orang – orang yang hendak membentuk tubuhnya menjadi lebih
proporsional dapat terbantu, sehingga orang – orang yang kesulitan untuk
membayar biaya membership gym yang mahal hanya perlu menggunakan
aplikasi ini saja.
Desain pada aplikasi ini dibuat dengan se-sederhana
mungkin agar memudahkan pengguna ketika sedang menggunakan aplikasi.
4.2.
Saran
Gerakan latihan yang tersedia pada aplikasi ini
masih dapat ditambah jumlahnya sehingga pengguna dapat mengetahui lebih banyak
lagi gerakan latihan.
Untuk kedepannya aplikasi ini dapat ditambahkan
beberapa kategori gerakan yang cocok untuk pemula dan yang sudah mahir, serta
untuk pria maupun wanita.
DAFTAR PUSTAKA
1.1.
Edy Winarto, Ali Zaki. 2015. Desain
Web Responsif dengan HTML5 dan CSS3. Jakarta: PT. Elex Media
Komputindo.
1.2.
Madcoms.
2012. JavaScript untuk Membangun Website Profesional.
Yogyakarta:
Penerbit Andi.
1.3.
Nazruddin Safaat H. 2011. Android
Pemrograman Aplikasi Mobile Smartphone dan Tablet PC Berbasis Android.
Informatika: Bandung.
