SlideShare a Scribd company logo
LAPORAN PEMOGRAMAN BERBASIS WEB
DIGITAL LIBRARY
Oleh :
1. Slamet Kurniadi (1110651175)
2. Harnoto (1110651174)
3. Yusuf Akbar S (1110651140)
4. Yassir Arafat (1110651007)
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2013
1. Tujuan
a. Mahasiswa dapat menerapkan materi yang di sampaikan di
pemograman web ke dalam sebuah aplikasi
b. Mahasiswa mampu dalam pemrograman database web dengan
memanfaatkan PHP sebagai bahasa pemrogramannya dan MySQL
sebagai DBMS.
2. Dasar Teori
digital library atau electronic library atau virtual library) adalah perpustakaan yang
mempunyai koleksi buku sebagian besar dalam bentuk format digital dan yang bisa
diakses dengan komputer. Jenis perpustakaan ini berbeda dengan jenis
perpustakaan konvensional yang berupa kumpulan buku tercetak, film mikro
(microform dan microfiche), ataupun kumpulan kaset audio, video, dll. Isi dari
perpustakaan digital berada dalam suatu komputer server yang bisa ditempatkan
secara lokal, maupun di lokasi yang jauh, namun dapat diakses dengan cepat dan
mudah lewat jaringan komputer.
JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi
klien, Secara fungsional, JavaScript digunakan untuk menyediakan akses script
pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan
JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum
data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu,
dan lain lain.
JQuery adalah sebuah framework berbasiskan Javascript. JQuery sama
dengan Javascript Library yaitu kumpulan kode atau fungsi Javascriptsiap pakai,
sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript.
Pengertian Twitter Bootstrap sendiri adalah berisi template desain HTML dan CSS
berbasis tipografi, bentuk, tombol, grafik, navigasi dan komponen antarmuka
lainnya, serta opsional JavaScript ekstensi untuk menjadikan design web menjadi
Responsive Templates.
Ajax (juga AJAX; diucapkan / eɪ dʒ æks /; singkatan dari Asynchronous
JavaScript dan XML) adalah sekelompok teknik pengembangan web saling
terkait yang digunakan pada sisi-klien untuk membuat aplikasi web
asynchronous. Dengan Ajax, aplikasi web dapat mengirim data ke, dan
mengambil data dari, server asynchronous (di latar belakang) tanpa
mengganggu tampilan dan perilaku dari halaman yang ada. Data biasanya
diambil menggunakan objek XMLHttpRequest. Tak seperti namanya,
penggunaan XML tidak diperlukan (JSON sering digunakan sebagai gantinya),
dan permintaan tidak perlu menjadi asinkron.Tetapi Ajax bukanlah teknologi
tunggal, tetapi sekelompok teknologi. HTML dan CSS dapat digunakan dalam
kombinasi untuk mark up dan informasi gaya. DOM yang diakses dengan
JavaScript untuk menampilkan secara dinamis, dan untuk memungkinkan
pengguna untuk berinteraksi dengan informasi yang disajikan. JavaScript dan
objek XMLHttpRequest menyediakan sebuah metode untuk pertukaran data
asynchronous antara browser dan server untuk menghindari ulang halaman
penuh.
DOM yang diakses dengan client side scripting language, seperti VBScript
dan implementasi ECMAScript seperti JavaScript dan JScript, untuk
menampilkan secara dinamis dan berinteraksi dengan informasi yang
ditampilkan
Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di
implementasikan pada beberapa browser. Objek ini berguna sebagai
kendaraan pertukaran data asinkronus dengan web server. Pada
beberapaframework AJAX, element HTML IFrame lebih dipilih daripada
XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data
dengan web server.
XML umumnya digunakan sebagai dokumen transfer, walaupun format lain
juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam
pemakaian teknik AJaX karena kemudahan akses penanganannya dengan
memakai DOM
JSON dapat menjadi pilihan alternatif sebagai dokumen transfer, mengingat
JSON adalah JavaScript itu sendiri sehingga penanganannya lebih mudah
3. Hasil Project
Di web ini,kami tidak menggunkan login pada awal mengakses web
ini,karena web ini tentang digital library (perpustakaan digital) yang umum
bagi masyarakat,jadi siapapun dpat mengakses web kami,di sini login hanya
bias diakses oleh admin saja,untuk pendataan setiap orang yang menyewa di
digital library kami.
a. Ini adalah tampilan awal pada web
Dalam aplikasi web ini kami menggunakan beberapa daftar menu yang di
mana terdiri dari beberapa sub menu seperti Home,Katalog,Member,Admin.
b. Menu Home
Di dalam menu Home kita menggunakan jequery dan
Untuk menampilkan gambar,dan info yang ada dalam digital library.
Isi dari menu home adalah info yang menyediakan tentang ebook-ebook terbaru
dan terpopuler yang ada dalam digital library,di menu home ini kita bias
mendownload ebook,dan mengetahui tentang info sekolah dan kegiatan siswa di
sekolah,disini User juga bias komentar tentang kekurangan yang ada dalam
digital library kami.
c. Menu Katalog
Dalam menu Katalog kita menggunakan ajaxuntuk menampilkan menu
daftar buku yang ada di dalam digital library.
Di dalam menu Katalog,disini berisi tentang daftar buku yang ada di digital library
kami,di sini kita biasa memilih atau mengetahui judul buku maupun pengarang,jadi
memudahkan user untuk mengetahui buku apa yang mereka mau pinjam pada
digital library kami.
d. Menu Member
Dalam menu pembayaran kita menggunakan ajax,karena dalam menu
member ini,kita melayani peminjmam dan menyimpan data-data bagi siswa
atau masyrakat yang meminjam buku di digital library.
Di adlam menu Member berfungsi untuk User meminjam buku,dan data –
data member yang telah meminjam buku.
e. Menu Admin
Dalam sub menu Admin ini hanya di gunakan untuk melihat dan
menambahkan admin yang berhak mengakses aplikasi ini.
4. Kendala
a. Banyak konsep yang masih belumm diterpkan dalam aplikasi ini
b. Keterbatasan pengetahuan menjadi kendala utama kami
c. Pada web kami juga banyak terjadi error,itu semua akibat
keterbatasan pengetahuan kami.

More Related Content

Viewers also liked

Talal khalid food safety
Talal khalid food safetyTalal khalid food safety
Talal khalid food safety
Amqc Almumtaz
 
Talal hasan iso 9001
Talal hasan iso 9001Talal hasan iso 9001
Talal hasan iso 9001
Amqc Almumtaz
 
التوعيه بنظام ادارة الصحه والسلامه المهنيه
التوعيه بنظام ادارة الصحه والسلامه المهنيهالتوعيه بنظام ادارة الصحه والسلامه المهنيه
التوعيه بنظام ادارة الصحه والسلامه المهنيه
Amqc Almumtaz
 
Fanger comfert equation
Fanger comfert equationFanger comfert equation
Fanger comfert equation
Avinash Bhardwaj
 
Talal khalid food safety 4
Talal khalid food safety 4Talal khalid food safety 4
Talal khalid food safety 4
Amqc Almumtaz
 
Food safety policy of iraq
Food safety policy of iraqFood safety policy of iraq
Food safety policy of iraq
Amqc Almumtaz
 
Iso 17025 question
Iso 17025 questionIso 17025 question
Iso 17025 question
Amqc Almumtaz
 
موقع جودة وسلامة 32 talal khalid acrylamide
موقع جودة وسلامة 32 talal khalid  acrylamideموقع جودة وسلامة 32 talal khalid  acrylamide
موقع جودة وسلامة 32 talal khalid acrylamide
Amqc Almumtaz
 
Talal khalid food safety 2
Talal khalid food safety 2Talal khalid food safety 2
Talal khalid food safety 2
Amqc Almumtaz
 
دورة مدقق داخلي لنظام ادارة الجودة 4 (2)
دورة مدقق داخلي لنظام ادارة الجودة  4 (2)دورة مدقق داخلي لنظام ادارة الجودة  4 (2)
دورة مدقق داخلي لنظام ادارة الجودة 4 (2)
Amqc Almumtaz
 
Personality test
Personality testPersonality test
Personality test
siddharth10
 

Viewers also liked (11)

Talal khalid food safety
Talal khalid food safetyTalal khalid food safety
Talal khalid food safety
 
Talal hasan iso 9001
Talal hasan iso 9001Talal hasan iso 9001
Talal hasan iso 9001
 
التوعيه بنظام ادارة الصحه والسلامه المهنيه
التوعيه بنظام ادارة الصحه والسلامه المهنيهالتوعيه بنظام ادارة الصحه والسلامه المهنيه
التوعيه بنظام ادارة الصحه والسلامه المهنيه
 
Fanger comfert equation
Fanger comfert equationFanger comfert equation
Fanger comfert equation
 
Talal khalid food safety 4
Talal khalid food safety 4Talal khalid food safety 4
Talal khalid food safety 4
 
Food safety policy of iraq
Food safety policy of iraqFood safety policy of iraq
Food safety policy of iraq
 
Iso 17025 question
Iso 17025 questionIso 17025 question
Iso 17025 question
 
موقع جودة وسلامة 32 talal khalid acrylamide
موقع جودة وسلامة 32 talal khalid  acrylamideموقع جودة وسلامة 32 talal khalid  acrylamide
موقع جودة وسلامة 32 talal khalid acrylamide
 
Talal khalid food safety 2
Talal khalid food safety 2Talal khalid food safety 2
Talal khalid food safety 2
 
دورة مدقق داخلي لنظام ادارة الجودة 4 (2)
دورة مدقق داخلي لنظام ادارة الجودة  4 (2)دورة مدقق داخلي لنظام ادارة الجودة  4 (2)
دورة مدقق داخلي لنظام ادارة الجودة 4 (2)
 
Personality test
Personality testPersonality test
Personality test
 

Similar to Laporan pemograman berbasis web

Laporan tugas besar
Laporan tugas besarLaporan tugas besar
Laporan tugas besar
1110651055
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317
esti setiasih
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
Teknik Komputer & Informatika
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
Aditya Indraprasti
 
Pengenalan Teknologi ajax
Pengenalan Teknologi ajaxPengenalan Teknologi ajax
Pengenalan Teknologi ajax
PT. Madani Cipta Informasi (Maintersys)
 
Rancangan pengembangan desain
Rancangan pengembangan desainRancangan pengembangan desain
Rancangan pengembangan desainardi24
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
dewiapril1996
 
Pengenalan web minggu pertama
Pengenalan web minggu pertamaPengenalan web minggu pertama
Pengenalan web minggu pertamaw4n5d
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
Linda Lestari
 
Tugas 1
Tugas 1Tugas 1
Tugas 1
yuyun kuratu
 
Pertemuan ke 1
Pertemuan ke 1Pertemuan ke 1
Pertemuan ke 1
cep_firmansyah
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587
nurul azmi
 
Laporan tugas besar_web
Laporan tugas besar_webLaporan tugas besar_web
Laporan tugas besar_web
QyeChildist Parth-ll
 
Jurnal jadi j oe
Jurnal jadi j oeJurnal jadi j oe
Jurnal jadi j oe
Harry Kusuma
 
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832
fahreza yozi
 
Tugas 3 rekweb
Tugas 3 rekwebTugas 3 rekweb
Tugas 3 rekweb
Arief Rachman hakim
 
Laporan tugas besar website_PBW
Laporan tugas besar website_PBWLaporan tugas besar website_PBW
Laporan tugas besar website_PBW
Nona Tyaz Suderajat [AY]
 
materi 1 WEB.pptx
materi 1 WEB.pptxmateri 1 WEB.pptx
materi 1 WEB.pptx
margotour
 
Jurnal Perpustakaan Berbasis Web Application
Jurnal Perpustakaan Berbasis Web ApplicationJurnal Perpustakaan Berbasis Web Application
Jurnal Perpustakaan Berbasis Web Application
dwiptrgagah
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
dewiapril1996
 

Similar to Laporan pemograman berbasis web (20)

Laporan tugas besar
Laporan tugas besarLaporan tugas besar
Laporan tugas besar
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Pengenalan Teknologi ajax
Pengenalan Teknologi ajaxPengenalan Teknologi ajax
Pengenalan Teknologi ajax
 
Rancangan pengembangan desain
Rancangan pengembangan desainRancangan pengembangan desain
Rancangan pengembangan desain
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Pengenalan web minggu pertama
Pengenalan web minggu pertamaPengenalan web minggu pertama
Pengenalan web minggu pertama
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 
Tugas 1
Tugas 1Tugas 1
Tugas 1
 
Pertemuan ke 1
Pertemuan ke 1Pertemuan ke 1
Pertemuan ke 1
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587
 
Laporan tugas besar_web
Laporan tugas besar_webLaporan tugas besar_web
Laporan tugas besar_web
 
Jurnal jadi j oe
Jurnal jadi j oeJurnal jadi j oe
Jurnal jadi j oe
 
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832
 
Tugas 3 rekweb
Tugas 3 rekwebTugas 3 rekweb
Tugas 3 rekweb
 
Laporan tugas besar website_PBW
Laporan tugas besar website_PBWLaporan tugas besar website_PBW
Laporan tugas besar website_PBW
 
materi 1 WEB.pptx
materi 1 WEB.pptxmateri 1 WEB.pptx
materi 1 WEB.pptx
 
Jurnal Perpustakaan Berbasis Web Application
Jurnal Perpustakaan Berbasis Web ApplicationJurnal Perpustakaan Berbasis Web Application
Jurnal Perpustakaan Berbasis Web Application
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
 

Laporan pemograman berbasis web

  • 1. LAPORAN PEMOGRAMAN BERBASIS WEB DIGITAL LIBRARY Oleh : 1. Slamet Kurniadi (1110651175) 2. Harnoto (1110651174) 3. Yusuf Akbar S (1110651140) 4. Yassir Arafat (1110651007) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2013
  • 2. 1. Tujuan a. Mahasiswa dapat menerapkan materi yang di sampaikan di pemograman web ke dalam sebuah aplikasi b. Mahasiswa mampu dalam pemrograman database web dengan memanfaatkan PHP sebagai bahasa pemrogramannya dan MySQL sebagai DBMS. 2. Dasar Teori digital library atau electronic library atau virtual library) adalah perpustakaan yang mempunyai koleksi buku sebagian besar dalam bentuk format digital dan yang bisa diakses dengan komputer. Jenis perpustakaan ini berbeda dengan jenis perpustakaan konvensional yang berupa kumpulan buku tercetak, film mikro (microform dan microfiche), ataupun kumpulan kaset audio, video, dll. Isi dari perpustakaan digital berada dalam suatu komputer server yang bisa ditempatkan secara lokal, maupun di lokasi yang jauh, namun dapat diakses dengan cepat dan mudah lewat jaringan komputer. JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien, Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain. JQuery adalah sebuah framework berbasiskan Javascript. JQuery sama dengan Javascript Library yaitu kumpulan kode atau fungsi Javascriptsiap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. Pengertian Twitter Bootstrap sendiri adalah berisi template desain HTML dan CSS berbasis tipografi, bentuk, tombol, grafik, navigasi dan komponen antarmuka lainnya, serta opsional JavaScript ekstensi untuk menjadikan design web menjadi Responsive Templates. Ajax (juga AJAX; diucapkan / eɪ dʒ æks /; singkatan dari Asynchronous JavaScript dan XML) adalah sekelompok teknik pengembangan web saling terkait yang digunakan pada sisi-klien untuk membuat aplikasi web asynchronous. Dengan Ajax, aplikasi web dapat mengirim data ke, dan mengambil data dari, server asynchronous (di latar belakang) tanpa mengganggu tampilan dan perilaku dari halaman yang ada. Data biasanya
  • 3. diambil menggunakan objek XMLHttpRequest. Tak seperti namanya, penggunaan XML tidak diperlukan (JSON sering digunakan sebagai gantinya), dan permintaan tidak perlu menjadi asinkron.Tetapi Ajax bukanlah teknologi tunggal, tetapi sekelompok teknologi. HTML dan CSS dapat digunakan dalam kombinasi untuk mark up dan informasi gaya. DOM yang diakses dengan JavaScript untuk menampilkan secara dinamis, dan untuk memungkinkan pengguna untuk berinteraksi dengan informasi yang disajikan. JavaScript dan objek XMLHttpRequest menyediakan sebuah metode untuk pertukaran data asynchronous antara browser dan server untuk menghindari ulang halaman penuh. DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronus dengan web server. Pada beberapaframework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server. XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam pemakaian teknik AJaX karena kemudahan akses penanganannya dengan memakai DOM JSON dapat menjadi pilihan alternatif sebagai dokumen transfer, mengingat JSON adalah JavaScript itu sendiri sehingga penanganannya lebih mudah 3. Hasil Project
  • 4. Di web ini,kami tidak menggunkan login pada awal mengakses web ini,karena web ini tentang digital library (perpustakaan digital) yang umum bagi masyarakat,jadi siapapun dpat mengakses web kami,di sini login hanya bias diakses oleh admin saja,untuk pendataan setiap orang yang menyewa di digital library kami. a. Ini adalah tampilan awal pada web Dalam aplikasi web ini kami menggunakan beberapa daftar menu yang di mana terdiri dari beberapa sub menu seperti Home,Katalog,Member,Admin. b. Menu Home Di dalam menu Home kita menggunakan jequery dan Untuk menampilkan gambar,dan info yang ada dalam digital library.
  • 5. Isi dari menu home adalah info yang menyediakan tentang ebook-ebook terbaru dan terpopuler yang ada dalam digital library,di menu home ini kita bias mendownload ebook,dan mengetahui tentang info sekolah dan kegiatan siswa di sekolah,disini User juga bias komentar tentang kekurangan yang ada dalam digital library kami.
  • 6. c. Menu Katalog Dalam menu Katalog kita menggunakan ajaxuntuk menampilkan menu daftar buku yang ada di dalam digital library. Di dalam menu Katalog,disini berisi tentang daftar buku yang ada di digital library kami,di sini kita biasa memilih atau mengetahui judul buku maupun pengarang,jadi memudahkan user untuk mengetahui buku apa yang mereka mau pinjam pada digital library kami. d. Menu Member Dalam menu pembayaran kita menggunakan ajax,karena dalam menu member ini,kita melayani peminjmam dan menyimpan data-data bagi siswa atau masyrakat yang meminjam buku di digital library.
  • 7. Di adlam menu Member berfungsi untuk User meminjam buku,dan data – data member yang telah meminjam buku. e. Menu Admin Dalam sub menu Admin ini hanya di gunakan untuk melihat dan menambahkan admin yang berhak mengakses aplikasi ini. 4. Kendala a. Banyak konsep yang masih belumm diterpkan dalam aplikasi ini b. Keterbatasan pengetahuan menjadi kendala utama kami c. Pada web kami juga banyak terjadi error,itu semua akibat keterbatasan pengetahuan kami.