Institutional Repository | Satya Wacana Christian University: Pemodelan Audio Player Berbasis Web dengan Menggunakan HTML 5 T1 672004059 BAB I
1
BAB I
Pendahuluan
1.1 Latar Belakang Masalah
Perkembangan dunia teknologi saat ini sangat pesat khususnya
teknologi internet, hal ini ditandai dengan banyaknya penggunaan
komputer yang sekarang sudah menjadi kebutuhan banyak orang.
Tidak dapat pungkiri memang komputer telah banyak membantu
untuk memudahkan pekerjaan. Misalnya dalam segi pendidikan
dapat membuat sistem pembelajaran yang lebih menarik. Dan
sekarang ini telah banyak tempat-tempat yang menyewakan
komputer dengan koneksi internet atau yang sering disebut dengan
warnet. Jika berbicara masalah internet pasti tidak asing dengan
istilah website atau web. Pada mulanya web digunakan organisasi,
perusahaan ataupun perseorangan untuk mempromosikan produkproduk.
Banyaknya pemakaian internet saat ini memacu perkembangan
dari website-website yang ada, diantaranya adalah website audio.
User tidak akan bisa menikmati audio yang ada di web tersebut, jika
tidak memasang pluged-in yang dibutuhkan browser untuk
menjalankan audio, dikarenakan pada teknologi HTML yang ada
sekarang ini masih membutuhkan bantuan dari pluged-in. Sekarang
ini muncul teknologi HTML5 yang tidak membutuhkan pluged-in
untuk menjalankan audio dan masih banyak lagi kelebihankelebihan yang ada dibandingkan dengan teknologi HTML yang
sebelumnya.
1
2
Audio player yang sudah ada saat ini secara umum sudah
menyediakan tabel library dan tabel playlist tetapi belum ada yang
memfasilitasi dengan drag and drop dalam upload serta memilih
lagu yang akan diputar. Maka peneliti merancang sebuah audio
player berbasis web dengan menggunakan teknologi HTML5.
1.2 Perumusan Masalah
Berdasarkan Latar Belakang serta indentifikasi masalah yang
penulis lakukan, dapat dirumuskan permasalahan yaitu :
1.
Bagaimana merancang sebuah audio player berbasis web
dengan menggunakan teknologi HTML5.
2.
Bagaimana membangun audio player berbasis web
dengan
menggunakan
teknologi
ASP.NET
dan
JavaScript yang mampu memberikan fasilitas playlist dan
library serta dapat melakukan drag and drop pada media
player tersebut.
1.3 Batasan Masalah
Berdasarkan latar belakang di atas maka perumusan masalah
dari penulisan ini adalah :
1.
Tidak menbandingkan dengan aplikasi audio player
yang lainnya. Memberikan suatu wacana baru dalam
membuat aplikasi audio player dengan menggunakan
browser dengan menggunakan HTML5.
2.
Bahasa permrograman yang digunakan adalah ASP
.NET versi 4.
3.
Browser yang digunakan yaitu Google Chrome karena
memiliki teknologi HTML5 yang lengkap.
3
4.
File audio yang dipergunakan memiki format MP3
1.4 Tujuan Penelitian
Penulisan Skripsi ini bertujuan untuk :
1.
Dapat merancang sebuah audio player berbasis web
dengan menggunakan teknologi HTML5.
2.
Dapat membangun audio player berbasis web dengan
menggunakan teknologi ASP.NET dan JavaScript yang
mampu memberikan fasilitas editable, drag and drop
pada media player.
1.5 Manfaat Penelitian
Sesuai dengan permasalahan dan tujuan penelitian yang telah
disebutkan di atas maka manfaat penelitian dapat dirumuskan
sebagai berikut :
1. Bagi Penulis :
a) Dapat
mengetahui
teknik
pemrograman
JavaScript dengan menggunakan teknologi
HTML5.
b) Untuk memenuhi salah satu syarat dalam
menempuh gelar S1 (Strata 1) pada Fakultas
Teknologi
Informatika
Informasi
Universitas
Jurusan
Teknik
Satya
Wacana
Salatiga.
2. Bagi Pengguna :
a) Tidak perlu plug in menggunakan flash
player.
4
b) Sebagai
referensi
mempunyai
minat
bagi
pengguna
dalam
yang
pengembangan
aplikasi JavaScript dengan menggunakan
teknologi HTML5.
3. Bagi Universitas :
Hasil penelitian dapat digunakan referensi dalam
pembelajaran
pembuatan
web
dengan
menggunakan HTML5.
1.6 Metode Penelitian
Metode yang digunakan dalam pembuatan sistem aplikasi ini
adalah :
1. Studi Pustaka
Untuk mendukung pembuatan sistem aplikasi ini,
dilakukan studi pustaka dengan mengumpulkan bahan
dari beberapa sumber, seperti media internet, jurnaljurnal, dan beberapa buku referensi yang mendukung
dalam pembuatan web audio.
2. Pengembangan Sistem
Langkah pengembangan sistem :
a)
Fase Perencanaan Syarat-syarat
Yaitu menentukan tujuan dan syarat-syarat
informasi.
b)
Fase Perancangan
Yaitu perancangan proses-proses yang akan
terjadi dalam sistem
antarmuka.
dan perancangan
5
c)
Fase Konstruksi
Pada tahapan ini dilakukan tahap pengkodean
terhadap rancangan-rancangan yang telah
didefinisikan.
d)
Fase Pelaksanaan
Pada tahap ini dilakukan pengujian terhadap
sistem dan pengenalan terhadap sistem.
1.7 Sistematika Penulisan
Sistematika penulisan dalam skripsi ini terdiri dari:
BAB I
PENDAHULUAN
Merupakan gambaran umum mengenai latar belakang
permasalahan, perumusan masalah, pembatasan masalah,
tujuan penelitian, spesifikasi sistem, dan sistematika
penyusunan laporan.
BAB II
LANDASAN TEORI
Berisi dasar-dasar teori yang melandasi penyusunan dan
perancangan dalam pengembangan sistem aplikasi ini.
BAB III PERANCANGAN SISTEM
Bab ini berisi analisa permasalahan dan rancangan sistem
yang
digunakan,
meliputi
diagram
aliran
perancangan database, dan design antarmuka.
data,
6
BAB IV IMPLEMENTASI DAN ANALISA SISTEM
Bab ini menjelaskan tentang penerapan rancangan
program ke dalam bahasa pemrograman, analisis hasil,
serta analisa mengenai kelebihan dan kekurangan sistem.
BAB V
KESIMPULAN
Bab ini berisi tentang kesimpulan sesuai dengan hasil
pengujian sistem yang telah dibangun dan saran
pengembangan program.
BAB I
Pendahuluan
1.1 Latar Belakang Masalah
Perkembangan dunia teknologi saat ini sangat pesat khususnya
teknologi internet, hal ini ditandai dengan banyaknya penggunaan
komputer yang sekarang sudah menjadi kebutuhan banyak orang.
Tidak dapat pungkiri memang komputer telah banyak membantu
untuk memudahkan pekerjaan. Misalnya dalam segi pendidikan
dapat membuat sistem pembelajaran yang lebih menarik. Dan
sekarang ini telah banyak tempat-tempat yang menyewakan
komputer dengan koneksi internet atau yang sering disebut dengan
warnet. Jika berbicara masalah internet pasti tidak asing dengan
istilah website atau web. Pada mulanya web digunakan organisasi,
perusahaan ataupun perseorangan untuk mempromosikan produkproduk.
Banyaknya pemakaian internet saat ini memacu perkembangan
dari website-website yang ada, diantaranya adalah website audio.
User tidak akan bisa menikmati audio yang ada di web tersebut, jika
tidak memasang pluged-in yang dibutuhkan browser untuk
menjalankan audio, dikarenakan pada teknologi HTML yang ada
sekarang ini masih membutuhkan bantuan dari pluged-in. Sekarang
ini muncul teknologi HTML5 yang tidak membutuhkan pluged-in
untuk menjalankan audio dan masih banyak lagi kelebihankelebihan yang ada dibandingkan dengan teknologi HTML yang
sebelumnya.
1
2
Audio player yang sudah ada saat ini secara umum sudah
menyediakan tabel library dan tabel playlist tetapi belum ada yang
memfasilitasi dengan drag and drop dalam upload serta memilih
lagu yang akan diputar. Maka peneliti merancang sebuah audio
player berbasis web dengan menggunakan teknologi HTML5.
1.2 Perumusan Masalah
Berdasarkan Latar Belakang serta indentifikasi masalah yang
penulis lakukan, dapat dirumuskan permasalahan yaitu :
1.
Bagaimana merancang sebuah audio player berbasis web
dengan menggunakan teknologi HTML5.
2.
Bagaimana membangun audio player berbasis web
dengan
menggunakan
teknologi
ASP.NET
dan
JavaScript yang mampu memberikan fasilitas playlist dan
library serta dapat melakukan drag and drop pada media
player tersebut.
1.3 Batasan Masalah
Berdasarkan latar belakang di atas maka perumusan masalah
dari penulisan ini adalah :
1.
Tidak menbandingkan dengan aplikasi audio player
yang lainnya. Memberikan suatu wacana baru dalam
membuat aplikasi audio player dengan menggunakan
browser dengan menggunakan HTML5.
2.
Bahasa permrograman yang digunakan adalah ASP
.NET versi 4.
3.
Browser yang digunakan yaitu Google Chrome karena
memiliki teknologi HTML5 yang lengkap.
3
4.
File audio yang dipergunakan memiki format MP3
1.4 Tujuan Penelitian
Penulisan Skripsi ini bertujuan untuk :
1.
Dapat merancang sebuah audio player berbasis web
dengan menggunakan teknologi HTML5.
2.
Dapat membangun audio player berbasis web dengan
menggunakan teknologi ASP.NET dan JavaScript yang
mampu memberikan fasilitas editable, drag and drop
pada media player.
1.5 Manfaat Penelitian
Sesuai dengan permasalahan dan tujuan penelitian yang telah
disebutkan di atas maka manfaat penelitian dapat dirumuskan
sebagai berikut :
1. Bagi Penulis :
a) Dapat
mengetahui
teknik
pemrograman
JavaScript dengan menggunakan teknologi
HTML5.
b) Untuk memenuhi salah satu syarat dalam
menempuh gelar S1 (Strata 1) pada Fakultas
Teknologi
Informatika
Informasi
Universitas
Jurusan
Teknik
Satya
Wacana
Salatiga.
2. Bagi Pengguna :
a) Tidak perlu plug in menggunakan flash
player.
4
b) Sebagai
referensi
mempunyai
minat
bagi
pengguna
dalam
yang
pengembangan
aplikasi JavaScript dengan menggunakan
teknologi HTML5.
3. Bagi Universitas :
Hasil penelitian dapat digunakan referensi dalam
pembelajaran
pembuatan
web
dengan
menggunakan HTML5.
1.6 Metode Penelitian
Metode yang digunakan dalam pembuatan sistem aplikasi ini
adalah :
1. Studi Pustaka
Untuk mendukung pembuatan sistem aplikasi ini,
dilakukan studi pustaka dengan mengumpulkan bahan
dari beberapa sumber, seperti media internet, jurnaljurnal, dan beberapa buku referensi yang mendukung
dalam pembuatan web audio.
2. Pengembangan Sistem
Langkah pengembangan sistem :
a)
Fase Perencanaan Syarat-syarat
Yaitu menentukan tujuan dan syarat-syarat
informasi.
b)
Fase Perancangan
Yaitu perancangan proses-proses yang akan
terjadi dalam sistem
antarmuka.
dan perancangan
5
c)
Fase Konstruksi
Pada tahapan ini dilakukan tahap pengkodean
terhadap rancangan-rancangan yang telah
didefinisikan.
d)
Fase Pelaksanaan
Pada tahap ini dilakukan pengujian terhadap
sistem dan pengenalan terhadap sistem.
1.7 Sistematika Penulisan
Sistematika penulisan dalam skripsi ini terdiri dari:
BAB I
PENDAHULUAN
Merupakan gambaran umum mengenai latar belakang
permasalahan, perumusan masalah, pembatasan masalah,
tujuan penelitian, spesifikasi sistem, dan sistematika
penyusunan laporan.
BAB II
LANDASAN TEORI
Berisi dasar-dasar teori yang melandasi penyusunan dan
perancangan dalam pengembangan sistem aplikasi ini.
BAB III PERANCANGAN SISTEM
Bab ini berisi analisa permasalahan dan rancangan sistem
yang
digunakan,
meliputi
diagram
aliran
perancangan database, dan design antarmuka.
data,
6
BAB IV IMPLEMENTASI DAN ANALISA SISTEM
Bab ini menjelaskan tentang penerapan rancangan
program ke dalam bahasa pemrograman, analisis hasil,
serta analisa mengenai kelebihan dan kekurangan sistem.
BAB V
KESIMPULAN
Bab ini berisi tentang kesimpulan sesuai dengan hasil
pengujian sistem yang telah dibangun dan saran
pengembangan program.