Aplikasi pengenalan kampus berbasis web dengan menggunakan teknologi virtual tour (studi kasus Kampus III Universitas Sanata Dharma).
(STUDI KASUS KAMPUS III UNIVERSITAS SANATA DHARMA)
ABSTRAK
Perkembangan teknologi sekarang ini memunculkan banyak ide untuk membuat karya baru yang inovatif.Karya inovatif yang dihasilkan berupa karya teknologi multimedia sebagai wadah pemberian informasi bagi perusahaan, perhotelan, perguruan tinggi dan masyarakat.Salah satunya teknologi virtual tour berupa penggambaran perjalanan dengan menggunakan media panorama dan media 3 dimensi.Untuk perguruan tinggi dapat menggambarkan kondisi lingkungan kampus dan fasilitas kampus yang ada.Di kampus Sanata Dharma memiliki website yang berisi informasi mengenai fasilitas kampus, namun hanya berupa gambar dan teks saja, tidak ada rute yang dapat menunjukan dan menggambarkan kondisi fasilitas yang ada.
Dengan menggunakan konsep basis data multimedia dan menggunakan pemrograman berbasis web yakni JSP dan menyimpan data di dalam Oracle, maka dibuatlah aplikasi pemberian informasi seputar fasilitas kampus yang diberi nama Aplikasi Virtual Campus Tour dengan mengambil studi kasus di Kampus III Universitas Sanata Dharma.
Sasaran pengguna aplikasi ini adalah para calon mahasiswa baru dan mahasiswa baru yang masih belum mendapat gambaran tentang fasilitas kampus secara menyeluruh.Para mahasiswa baru pun walau sudah diberikan pengenalan kampus masih belum mengetahui beberapa fasilitas yang ada.Calon mahasiswa baru dan mahasiswa baru diminta untuk mencoba aplikasi virtual campus tour, kemudian diminta untuk mengisi kuisioner mengenai aplikasi yang telah dicoba.Selain bagi para calon mahasiswa baru dan mahasiswa baru, aplikasi ini juga memiliki sasaran untuk staf dan pengelola fasilitas kampus.Beberapa kepala laboratorium yang ada di Kampus III Universitas Sanata Dharma juga diminta untuk mencoba aplikasi ini.
Dari hasil pengujuan dengan 4 aspek pengujian, yakni menarik, efisien, efektif, dan easy of use terhadap 16 pengguna calon mahasiswa baru dan mahasiswa baru, serta kepada 4 orang pengguna staf dan pengelola dapat disimpulkan bahwa aplikasi ini cukup membantu para pengguna dalam mengetahui lokasi fasilitas yang ingin mereka ketahui.
(2)
CAMPUS INTRODUCTON WEB BASED APPLICATION WITHVIRTUAL
TOURTECHNOLOGY
(CASE STUDY ON KAMPUS III SANATA DHARMA UNIVERSITY)
ABSTRACT
In this innovation era of technology, lots of idea to create new innovative things. The new innovative things are such like multimedia technology as a place to give an informations for company, hotels, campus an also for human society. For example virtual tour technology that describe a tour with some panoramas and 3D media. For campus itself it can describe whole condition of campus and all of facilities in a campus. Universitas Sanata Dharma has a website that full of information of facilities information deserve in a picture or text base information, bur there’s no route that can show and describe us of the condition of facilities in campus.
Using multimedia database concept and web-based programming include JSP and storage in Oracle, then writter create a given information application about college facilities called Virtual Campus Tour Application with case studi in Kampus III Universitas Sanata Dharma.
Users of this application are college student candidate and also college student itself that have an imagination of whole facilities campus yet. They still doens’t even knew about the location and condition of the facilities, eventhough they already have an introductions of all of facilities in campus when they are be a college student.They requested to try the application, then filling the questionnaries after trying to get the evaluation of application. Besides college student candidate and college student, the administrator staff campus such like laboratory managers needs to trying this application to find the minus form this application. They requested to tying to then filling the quetionnaries.
The result from 4 aspects of examination, like how interesting, effectivity, efficiency, and easy of use to 16 respondents of college student and 4 respondents administration staff have conclutions that this application is helpful enough for users to find the location and informations of facilities that they want to know.
(3)
i HALAMAN JUDUL BAHASA INDONESIA
APLIKASI PENGENALAN KAMPUS BERBASIS WEB DENGAN MENGGUNAKAN TEKNOLOGI VIRTUAL TOUR
(STUDI KASUS KAMPUS III UNIVERSITAS SANATA DHARMA) SKRIPSI
Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer
Program Studi Teknik Informatika
Oleh: Pandu Wibowo NIM.115314025
PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA YOGYAKARTA
(4)
ii
HALAMAN JUDUL BAHASA INGGRIS
THE INTRODUCTION WEB BASED CAMPUS APPLICATION USING VIRTUAL TOUR TECHNOLOGY
(CASE STUDY ON CAMPUS III SANATA DHARMA UNIVERSITY
)
A THESIS
Presented as a Partial Fullfilment of the Requirements to Obtain the Sarjana Komputer Degree
in Informatics Engineering Department
By:
Pandu Wibowo NIM.115314025
INFORMATICS ENGINEERING STUDY PROGRAM INFORMATICS ENGINEERING DEPARTMENT
FACULTY OF SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY
YOGYAKARTA 2016
(5)
iii
HALAMAN PERSETUJUAN
SKRIPSI
APLIKASI PENGENALAN KAMPUS BERBASIS WEB DENGAN
MENGGUNAKAN TEKNOLOGI VIRTUAL TOUR
(
STUDI KASUS KAMPUS III UNIVERSITAS SANATA DHARMA)Oleh : Pandu Wibowo NIM : 115314025
Telah disetujui oleh :
Dosen Pembimbing
(6)
iv
HALAMAN PENGESAHAN
SKRIPSI
APLIKASI PENGENALAN KAMPUS BERBASIS WEB DENGAN MENGGUNAKAN TEKNOLOGI VIRTUAL TOUR
(STUDI KASUS KAMPUS III UNIVERSITAS SANATA DHARMA) Dipersiapkan dan ditulis oleh :
Pandu Wibowo NIM : 115314025
Telah dipertahankan di depan Panitia Penguji Pada tanggal 20 Juli 2016
Dan dinyatakan memenuhi syarat
Susunan Panitia Penguji
Nama Lengkap Tanda tangan Ketua : JB. Budi Darmawan, S.T., M.Sc ……….. Sekretaris : Iwan Binanto, S.Si., M.Cs ……….. Anggota : Agnes Maria Polina, S.Kom., M.Sc ………..
Yogyakarta, 28 Juli 2016 Fakultas Sains dan Teknologi Universitas Sanata Dharma Dekan,
(7)
v
PERNYATAAN KEASLIA KARYA
PERNYATAAN KEASLIAN KARYA
Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya orang lain kecuali telah disebutkan dalam kutipan atau daftar pustaka, sebagaimana layaknya karya ilmiah.
Yogyakarta, 28 Juli 2016
Penulis,
(8)
vi HALAMAN PERSETUJUAN PUBLIKASI
HALAMAN PERSETUJUAN
PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN
AKADEMIS
Yang bertanda tangan dibawah ini, Saya mahasiswa Universitas Sanata Dharma : Nama : Pandu Wibowo
NIM : 115314025
Demi mengemban ilmu pengetahuan, saya memberikan kepada Perpustakaan Universitas Sanata Dharma karya ilmiah saya yang berjudul :
APLIKASI PENGENALAN KAMPUS BERBASIS WEB DENGAN
MENGGUNAKAN TEKNOLOGI VIRTUAL TOUR
(
STUDI KASUS KAMPUS III UNIVERSITAS SANATA DHARMA) Beserta perangkat lunak yang diperlukan. Dengan demikian saya memberikan kepada Perpustakaan Universitas Sanata Dharma hak untuk menyimpan, mengalihkan dalam bentuk media lain, mengelolanya dalam bentuk pangkalan data, mendistribusikannya secara terbatas, dan mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta izin dari saya maupun memberikan royalti kepada saya selama tetap mencantumkan nama saya sebagai penulis.Demikian pernyataan ini saya buat dengan sebenarnya. Dibuat di Yogyakarta, 28 Juli 2016
Yang menyatakan,
(9)
vii HALAMAN PERSEMBAHAN
Karya ini saya persembahkan kepada :
Tuhan Yesus Kristus, Bunda Maria, dan Santo
Yoseph
Herry Satrijo
CH. Susilo Arumi
Emmanuel Soepardjo
M.Y. Emiwati
Luh Rai Maduretno Asvinigita
Sahabat seperjuangan
(10)
viii HALAMAN MOTTO
HALAMAN MOTTO
“
Always be yourself no matter what they say and never be anyone else
even if they look better than you”
Intelligence is not the measurement,
but intelligence support all!
“As ant do a million step to get sugar”
"Musuh yang paling berbahaya di atas dunia ini adalah penakut dan bimbang. Teman yang paling setia, hanyalah keberanian dan
keyakinan yang teguh." (Andrew Jackson)
"Mereka berkata bahwa setiap orang membutuhkan tiga hal yang akan membuat mereka berbahagia di dunia ini, yaitu;
seseorang untuk dicintai, sesuatu untuk dilakukan, dan sesuatu untuk diharapkan."
(11)
ix ABSTRAK
APLIKASI PENGENALAN KAMPUS BERBASIS WEB DENGAN MENGGUNAKAN TEKNOLOGI VIRTUAL TOUR
(STUDI KASUS KAMPUS III UNIVERSITAS SANATA DHARMA)
ABSTRAK
Perkembangan teknologi sekarang ini memunculkan banyak ide untuk membuat karya baru yang inovatif. Karya inovatif yang dihasilkan berupa karya teknologi multimedia sebagai wadah pemberian informasi bagi perusahaan, perhotelan, perguruan tinggi dan masyarakat. Salah satunya teknologi virtual tour berupa penggambaran perjalanan dengan menggunakan media panorama dan media 3 dimensi. Untuk perguruan tinggi dapat menggambarkan kondisi lingkungan kampus dan fasilitas kampus yang ada. Di kampus Universitas Sanata Dharma sudah memiliki website yang berisi informasi mengenai fasilitas kampus, namun hanya berupa gambar dan teks saja, tidak ada rute yang dapat menunjukan dan menggambarkan kondisi fasilitas yang ada. Hal ini tentu tidak dapat memberikan gambaran secara visual bagi para calon mahasiswa baru yang ingin mengetahui fasilitas yang ada di kampus. Para mahasiswa baru meskipun sudah diberikan pengenalan kampus namun masih banyak yang belum mengetahui beberapa fasilitas yang ada.
Dari latar belakang masalah tersebut, dengan menggunakan konsep basis data multimedia dan menggunakan pemrograman berbasis web JSP serta DBMS Oracle, maka dibangun aplikasi pengenalan kampus secara visual seputar fasilitas kampus yang diberi nama Aplikasi Virtual Campus Tour dengan mengambil studi kasus di Kampus III Universitas Sanata Dharma.
Hasil pengujian sistem menunjukkan bahwa secara umum aplikasi ini dapat berfungsi dengan baik untuk menampilkan gedung utama, sekretariat, laboratorium, dan ruang lain yang ada di Kampus III Universitas Sanata Dharma kepada pengguna, serta aplikasi yang dibangun dapat mencari lokasi yang diinginkan pengguna.
Dari hasil pengujian terhadap pengguna yang meliputi calon mahasiswa baru, mahasiswa baru dan staf pengelola kampus dengan 4 aspek pengujian, yaitu menarik, efisien, efektif, dan easy of use dapat disimpulkan bahwa aplikasi ini membantu para pengguna dalam mengetahui lokasi fasilitas yang ingin mereka ketahui.
(12)
x ABSTRACT
THE INTRODUCTION WEB BASED CAMPUS APPLICATION USING
VIRTUAL TOUR TECHNOLOGY
(CASE STUDY ON KAMPUS III SANATA DHARMA UNIVERSITY)
ABSTRACT
In this innovation era of technology, lots of idea to create new innovative things. The new innovative things are such like multimedia technology as a place to give an informations for company, hotels, campus an also for human society. For example virtual tour technology that describe a tour with some panoramas and 3D media. For campus itself it can describe whole condition of campus and all of facilities in a campus. Sanata Dharma University has a website that full of information of facilities information deserve in a picture or text base information, but there’s no route that can show and describe us of the condition of facilities in campus. The website also can not give a visual illustration for student college candidate that want to know the facilities in campus. A lot of student college itself, eventhough there were have given a introduction of the campus , did not knew about other facilities.
Based on the background, using multimedia database concept and JSP web-based programming also Oracle DBMS, therefore this visual introduction of campus application about campus facilities called Virtual Campus Tour Application using case study Campus III Sanata Dharma University.
The test result from the system shows that this application generally can works well to show the main building, secretariat, laboratory, and other room in Campus III Sanata Dharma University to users. Also users can find the location using searching facilities in application.
The result from examination toward the student college candidate, student college, and also admonitrator staff with 4 aspect such like how interesting, effectivity, efficiency, and easy of use have a conclutions that this application is helpful for users to find the location and informations of facilities that they want to know.
(13)
xi KATA PENGANTAR
KATA PENGANTAR
Puji dan syukur kepada Tuhan Yesus Kristus , Perawan Bunda Maria, dan Santo Yoseph yang telah memberikan kasih karunia, kemampuan dan kesempatan sehingga penulis dapat menyelesaikan tugas akhir dengan judul “APLIKASI PENGENALAN KAMPUS BERBASIS WEB DENGAN MENGGUNAKAN TEKNOLOGI VIRTUAL TOUR”.
Terimakasih yang sebesar-besarnya kepada semua pihak yang telah memberikan dukungan, semangat, motivasi, serta bantuan sehingga penulis mampu menyelesaikan skripsi ini :
1. Bapak Sudi Mungkasi, Ph. D selaku Dekan Fakultas Sains dan Teknologi Univeritas Sanata Dharma
2. Ibu Dr. Anastasia Rita Widiarti selaku Ketua Jurusan Program Studi Teknik Informatika Universitas Sanata Dharma
3. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku dosen pembimbing skripsi atas kesabaran, waktu, dan saran yang telah diberikan dengan sepenuh hati
4. Bapak JB Budi Darmawan S.T., M.Sc., dan Bapak Iwan Binanto, S.Si., M.Cs., selaku dosen penguji atas kritik dan sarannya.
5. Semua Bapak / Ibu Ketua Jurusan Program Studi yang ada di Kampus III Universitas Sanata Dharma, serta para Kepala Laboratorium yang telah memberikan izin untuk mengambil data skripsi.
(14)
xii
6. Orang tua, Bapak Herry Satrijo dan Ibu Ch. Susilo Arumi serta Luh Rai Maduretno Asvinigita yang telah memberikan dukungan baik materiil maupun spiritual selama masa studi.
7. Sahabat seperjuangan Amanto Tunggul Sunu Adi atas waktu yang diluangkan dalam menemani penulis mengerjakan tugas akhir hingga selesai masa studi.
8. Konco kentel Inisiasi Sanata Dharma (INSADHA) 2011 Grup ‘Ngantuks’ terutama Emilia Jevina Lintang Puspita dan Raysa Bestari Siniwi atas dukungan rohani untuk selalu menyemangati penulis dalam suka dan duka.
9. Teman – teman Staf Promosi dan Penerimaan Mahasiswa Baru atas dukungan dan semangat yang diberikan.
10.Teman – teman Teknik Informatika Angkatan 2011 terutama ‘Keluarga Mini’ yang menemani selama perkuliahan (Agustina Nur Indani, Theodorin Hanna V.K., Elisabet Septyana E. E, Marian Renia Octaviani, Fredes Winda Oktaviani, Weda Ratna, Fransiskus Pandu, Richardus Tungky Satria, Alfonsus Kriswandaru, Atanasius Ronald E.J.) dan semua pihak yang telah berperan serta baik secara langsung maupun tidak langsung sehingga penulis mampu menyelesaikan skripsi ini.
(15)
xiii
Penulis menyadari bahwa masih banyak kekurangan dalam penyusunan skripsi ini. Saran dan kritik sangat diharapkan untuk perbaikan kedepannya. Semoga dapat bermanfaat.
Yogyakarta, 28 Juli 2016
(16)
xiv DAFTAR ISI
HALAMAN JUDUL BAHASA INDONESIA ... i
HALAMAN JUDUL BAHASA INGGRIS ... ii
HALAMAN PERSETUJUAN ... iii
PERNYATAAN KEASLIA KARYA ...v
HALAMAN PERSEMBAHAN ... vii
HALAMAN MOTTO ... viii
KATA PENGANTAR ... xi
DAFTAR ISI... xiv
DAFTAR TABEL ... xvii
DAFTAR GAMBAR ... xviii
BAB I PENDAHULUAN ...1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 3
1.3 Tujuan Penelitian ... 3
1.4 Batasan Masalah ... 4
1.5 Metodologi Penelitian ... 4
1.5.1 Survey Awal ... 4
1.5.2 Studi Literatur ... 5
1.5.3 Pembangunan Perangkat Lunak ... 5
1.5.4 Uji coba sistem kepada pengguna ... 6
1.5.5 Analisis Sistem dan Evaluasi Hasil ... 6
1.6 Sistematika Penulisan ... 7
BAB II LANDASAN TEORI ...9
2.1 Aplikasi Virtual ... 9
2.1.1 PT GUI dan Easypano Tourweaver Trial Version... 9
(17)
xv
2.1.3 Konsep Virtual Tour dengan menggunakan Basis Data Multimedia ... 10
2.2 Basis Data Multimedia ... 11
2.2.1 Basis Data ... 11
2.2.2 Multimedia ... 12
2.2.3 Implementasi Basis Data Multimedia ... 12
2.2.4 Structure Query Language (SQL) ... 13
2.3 Pemrograman Berbasis Web ... 14
2.3.1 Hypertext Markup Language (HTML) ... 14
2.3.2 Java Server Pages (JSP) ... 15
2.4 Teori 5 E’s Quesenberry ... 16
2.5 Metode Waterfall ... 17
BAB III ANALISIS DAN PERANCANGAN SISTEM ...21
3.1 Analisis Sistem ... 21
3.1.1 Gambaran Umum Sistem ... 21
3.1.2 Analisis Web Pengguna (Diagram dan Narasi Use Case) ... 22
3.1.3 Pemodelan Proses (Diagram Aktifitas)... 32
3.2 Perancangan Sistem ... 37
3.2.1 Perancangan Basis Data Konseptual, Logikal dan Fisikal 3.2.2 Model Kelas Analisis ... 38
BAB IV IMPLEMENTASI SISTEM ...39
4.1 Koneksi Bean.java ... 39
4.2 Antar Muka Pengguna ... 45
4.2.1 Halaman Utama Aplikasi ... 45
4.2.2 Gedung Utama ... 46
4.2.3 Sekretariat ... 49
4.2.4 Laboratorium ... 51
4.2.5 Lain-lain ... 54
BAB V ANALISIS HASIL ...56
5.1 Hasil Analisis Sistem ... 56
(18)
xvi
5.1.2 Kekurangan Sistem ... 56
5.2 Hasil Uji Coba Terhadap Pengguna ... 57
5.2.1 Form Kuisioner ... 59
5.2.2 Hasil dan Pembahasan ... 59
BAB VI PENUTUP ...77
6.1 Kesimpulan ... 77
6.2 Saran ... 78
DAFTAR PUSTAKA ...79
LAMPIRAN...82
LAMPIRAN 1...83
(19)
xvii
DAFTAR TABEL
Tabel 3.1 Narasi Use case Melihat Gedung Pusat ………..……….………16
Tabel 3.2 Narasi Use case Melihat Sekretariat ………….….…….……….18
Tabel 3.3 Narasi Use case Melihat Laboratorium ……….…..……….20
Tabel 3.4 Narasi Use case Melihat Lain-lain ……….……..…………24
(20)
xviii
DAFTAR GAMBAR
Gambar 2.1 Gambar Metode Waterfall menurut Roger S. Pressman ………... 34
Gambar 2.1 Gambar Teori 5E’s Quensberry………...……….. 37
Gambar 3.1 Diagram Use case ………..………40
Gambar 3.6 Diagram Aktifitas Melihat Halaman Gedung Utama ……….. 54
Gambar 3.7 Diagram Aktifitas Melihat Halaman Sekretariat ……….. 55
Gambar 3.8 Diagram Aktifitas Melihat Halaman Laboratorium……….. 56
Gambar 3.9 Diagram Aktifitas Melihat Halaman Bantuan ……….. 57
Gambar 4.0 Diagram Aktifitas Melihat Halaman Keterangan Informasi ……….… 58
Gambar 4.1 Diagram Aktifitas Melihat Halaman Lain-lain …………..……….…. 58
Gambar 4.2 Diagram kelas Bfile_content2 ……… 59
Gambar 4.3 Diagram Model Logikal Bfile_content2 ……….. 59
Gambar 4.4 Diagram Model Fisikal ……….……… 59
Gambar 4.5 Diagram Kelas Analisis ……… 60
Gambar 4.6 Halaman Utama Aplikasi Virtual Campus Tour ……….. 67
Gambar 4.7 Halaman Gedung Utama …………...………... 68
Gambar 4.8 Virtual Tour Lantai Basement ……….. 69
Gambar 4.9 Halaman Sekretariat ………...….. 71
Gambar 5.0 Virtual Tour Sekretariat Psikologi………. 72
(21)
xix
Gambar 5.2 Virtual Tour Program Studi Matematika ……….. 76 Gambar 5.3 Halaman Lain-lain………. 76
(22)
1 BAB I PENDAHULUAN
BAB I
PENDAHULUAN
1.1Latar Belakang Masalah
Di era perkembangan teknologi seperti sekarang ini, banyak karya yang dihasilkan untuk menciptakan sebuah inovasi baru. Sebagai contoh karya inovasi baru yang dihasilkan adalah karya yang berupa multimedia. Multimedia merupakan suatu wadah yang mencakup banyak sekali informasi yang disusun untuk menampilkan sebuah informasi bagi masyarakat. Sudah banyak perkembangan dengan multimedia, salah satunya untuk media publikasi dan pemberian informasi bagi perkantoran, perhotelan, perusahaan, bahkan untuk perguruan tinggi.
Virtual tour merupakan sebuah teknologi baru yang digunakan untuk membuat suatu perjalanan dengan menggunakan media gambar baik berbentuk panorama, gambar 2 dimensi atau 3 dimensi untuk menjelaskan dan menggambarkan kondisi suatu gedung atau bangunan.
Beberapa tempat seperti perguruan tinggi sudah menyediakan fasilitas untuk melihat suasana kampus dengan berbagai macam media seperti foto, video, maupun panorama. Pada kampus Universitas Sanata Dharma juga terdapat website yang menyediakan informasi mengenai gedung, sekretariat,
(23)
2
laboratorium dan fasilitas lain, namun hanya berupa gambar dan tidak mencakup lokasi ruangan. Para mahasiswa harus datang ke kampus untuk mengetahui ruangan, sekretariat, atau laboratorium yang ingin diketahui, sedangkan banyak dari mahasiswa dan calon mahasiswa baru memiliki keterbatasan waktu dan biaya untuk datang ke kampus. Selain itu, para mahasiswa pun masih belum mengetahui jelas dimana lokasi ruangan yang ingin diketahui, sehingga informasi yang ada masih belum efektif dan efisien. Dengan adanya teknologi virtual tour, diharapkan dapat membantu para mahasiswa dan calon mahasiswa baru untuk mengetahui lokasi gedung, sekretariat, laboratorium dan fasilitas lain yang ingin diketahui.
Dari latar belakang tersebut, penulis tertarik untuk membuat sebuah sistem guna menampung semua informasi masyarakat yang ingin mengetahui fasilitas kampus yakni dengan menggunakan virtual campus tour. Semua data berupa gambar yang akan disajikan dalam bentuk website dan menggunakan penyimpanan dengan basis data multimedia. Penyimpanan dengan menerapkan basis data multimedia merupakan penyimpanan dengan tipe data-data multimedia, seperti teks, gambar, suara, video, karena penyimpanan dengan basis data tidak dapat menampung data yang memiliki existensi ,jpg .jpeg .png, .mp3, .mp3g dan tipe data multimedia lainnya.
Penulis sangat tertarik dengan media publikasi untuk perguruan tinggi, karena selain menjadi pemberian informasi, dapat juga sebagai media
(24)
3
publikasi supaya lebih dapat dikenal di masyarakat. Media publikasi yang menurut penulis menarik dan inovatif yakni menggunakan virtual tour.
1.2Rumusan Masalah
1. Bagaimana membangun aplikasi virtual campus tour sebagai media publikasi dan pemberian informasi fasilitas kampus dengan mengimplementasikan basis data multimedia?
2. Bagi Calon Mahasiswa dan Mahasiswa Baru :
Sejauh mana Aplikasi Virtual Campus Tour ini menarik, efektif, efisien, dan mudah digunakan dalam mendapatkan informasi visual bagi pengguna (calon mahasiswa dan mahasiswa baru) yang ingin mengetahui ruang atau laboratorium yang ada di Kampus III Universitas Sanata Dharma?
3. Bagi Humas dan Pengelola (Staf Gedung/Sekretariat/Laboratorium) USD :
Apakah Aplikasi Virtual Campus Tour ini sudah menarik, efektif, dan mudah digunakan serta memberikan gambaran kepada masyarakat tentang kampus?
1.3Tujuan Penelitian
Tersedianya aplikasi berupa Virtual Campus Tour sebagai media publikasi dan pemberian informasi yang informatif bagi mahasiswa dan calon mahasiswa baru seputar gedung, ruang sekretariat, laboratorium dan sarana
(25)
4
lain yang ada di Kampus III Universitas Sanata Dharma dan menyimpan data-data yang ada di dalam basis data-data multimedia.
1.4Batasan Masalah
Adapun batasan masalah dari Aplikasi Virtual Campus Tour Berbasis Web dengan menerapkan basis data multimedia ini, antara lain :
a. Aplikasi Virtual Campus Tour ini memberikan informasi tentang gedung, ruang sekretariat, laboratorium dan sarana lain di Kampus III Universitas Sanata Dharma
b. Aplikasi ini di bangun berbasis Web dengan menggunakan Java Server Pages (JSP) dan Oracle Express Edition (XE).
1.5Metodologi Penelitian
Metode penelitian yang digunakan dalam pembuatan aplikasi ini adalah melakukan studi kasus dengan langkah-langkah sebagai berikut :
1.5.1 Survey Awal
Pada langkah ini penulis melakukan survey melalui media massa (website Universitas Sanata Dharma, dan brosur) seputar pengenalan kampus. Penulis juga melakukan survey ke setiap sekretariat masing-masing program studi yang ada di Kampus III Universitas Sanata Dharma untuk mencari tahu laboratorium apa saja yang ada di setiap program studi tersebut. Kemudian penulis melakukan pengambilan data ke setiap laboratorium dan sekretariat.
(26)
5 1.5.2 Studi Literatur
Pada studi literatur ini penulis menggunakan beberapa bahan materi perkuliahan (bahan presentasi dosen, dan handout perkuliahan), dan beberapa buku dari Oracle untuk membantu memahami basis data multimedia, serta menyelesaikan tugas akhir.
1.5.3 Pembangunan Perangkat Lunak
Pembangunan Perangkat Lunak dilakukan dengan menggunakan Metode Waterfall dengan tahap-tahap sebagai berikut (Pressman, 2001):
1. Software Requirement Analysis
Langkah ini merupakan analisis terhadap kebutuhan sistem. Pengumpulan data dalam tahap ini dilakukan dengan observasi. Observasi dilakukan dengan cara wawancara kepada petugas sekretariat untuk mengetahui laboratorium yang ada, kemudian meminta izin untuk mengambil data gambar ruang laboratorium dan sekretariat setiap program studi di Kampus III Universitas Sanata Dharma.
2. Design
Dalam tahap desain ini dilakukan pembuatan desain user interface, desain logikal dan fisikal mengenai tabel yang ada, serta diagram dan narasi use case.
(27)
6 3. Coding
Coding merupakan penerjemahan desain dalam bahasa yang dikenali oleh komputer. Penulis menggunakan Netbeans 8.0.1 untuk melakukan coding dengan aplikasi berbasis Web Java Server Pages (JSP) dan Oracle.
4. Testing
Langkah ini dilakukan setiap diujicobakan kepada pengguna untuk menghindari data gambar yang tidak muncul ataupun kesalahan kata dan tulisan pada aplikasi.
1.5.4 Uji coba sistem kepada pengguna
Uji coba kepada pengguna dilakukan kepada beberapa mahasiswa dan calon mahasiswa baru, serta kepada beberapa kepala laboratorium program studi yang ada di Kampus III Universitas Sanata Dharma. Setelah diberikan kesempatan untuk mencoba aplikasi, para responden diberikan kuisioner untuk diisi sebagai hasil evaluasi aplikasi yang telah dicoba pengguna.
1.5.5 Analisis Sistem dan Evaluasi Hasil
Analisis sistem dan evaluasi dilakukan dengan menggunakan kuisioner. Kuisioner dibagi 2 jenis, bagi mahasiswa dan calon mahasiswa baru, dan bagi staf pengelola, seperti Kepala Humas Universitas Sanata Dharma dan para kepala laboratorium. Kuisioner
(28)
7
yang ada dikelompokkan berdasarkan 4 kategori, yaitu tepat guna, hemat waktu, easy of use, dan menarik.
1.6Sistematika Penulisan
Sistematika dalam penulisan tugas akhir disusun sebagai berikut :
BAB I : PENDAHULUAN
Berisi tentang latar belakang, rumusan masalah, tujuan penelitian, batasan masalah, metodologi penelitian, dan sistematika penulisan.
BAB II : LANDASAN TEORI
Bab ini berisi tentang hal-hal yang mendasari pembuatan aplikasi ini, berupa pengertian aplikasi virtual, basis data multimedia, pemrograman berbasis web, teori 5 E Quesenberry dan rekayasa perangkat lunak dengan menggunakan Metode Waterfall. BAB III : ANALISIS DAN PERANCANGAN SISTEM
Bab ini berisi hasil analisis sistem dan gambaran-gambaran yang dibuat, sedangkan perancangan sistem tersebut berupa desain proses, perancangan basis data yang ada, dan perancangan user interface bagi aplikasi yang dibangun.
(29)
8
Bab ini berisi tentang implementasi terhadap rancangan basis data yang telah dibuat, implementasi antar muka, dan implementasi program yang menyangkut keseluruhan dari aplikasi. BAB V : ANALISIS HASIL
Bab ini berisi analisis hasil dari sistem yang dibuat berupa kelemahan sistem serta kelebihan yang ada setelah dilakukan uji coba guna memeriksa apakah ada kesalahan (error) atau tidak pada setiap fitur yang ada, dan juga uji coba terhadap pengguna apakah aplikasi ini dapat membantu atau tidak terhadap permasalahan yang ada.
BAB VI : PENUTUP
Bab ini berisi kesimpulan dan saran - saran yang muncul bagi programmer yang akan mengembangkan aplikasi ini.
(30)
9 BAB II LANDASAN TEORI
BAB II
LANDASAN TEORI
2.1Aplikasi Virtual
2.1.1 PT GUI dan Easypano Tourweaver Trial Version
Aplikasi PT GUI merupakan sebuah software yang digunakan untuk memroses data foto yang kemudian diolah menjadi bentuk panorama, bentuk 3 dimensi dan bentuk bentuk lainnya. Easypano Tourweaver merupakan aplikasi untuk menggabungkan gambar panorama dalam 1 file virtual tour untuk menunjukan lokasi atau keadaan ruangan.
2.1.2 Virtual Tour
Menurut The Wrong Stuff (1982), sebuah virtual tour adalah simulasi dari lokasi yang sudah ada, biasanya terdiri dari video atau gambar yang berurutan. Virtual tour ini juga menggunakan elemen-elemen multimedia seperti efek suara, musik, narasi, dan teks.
Ungkapan "virtual tour" sering digunakan untuk menggambarkan berbagai video dan media dengan menerapkan bidang fotografi. Panorama sendiri merupakan penggambaran dari gambar yang tak terputus, karena panorama dapat berupa serangkaian foto-foto atau
(31)
10
rekaman video panning. Namun, frasa "tour panorama" dan "virtual tour" sebagian besar telah dikaitkan dengan virtual tour yang dibuat dengan menggunakan kamera. Virtual tour tersebut terdiri dari sejumlah foto yang diambil dari salah satu posisi strategis. Kamera dan lensa yang diputar di sekitar yang disebut sebagai titik paralaks (titik yang tepat di belakang lensa di mana cahaya yang ada bersifat konvergen)
2.1.3 Konsep Virtual Tour dengan menggunakan Basis Data Multimedia Hal yang paling mendasar dari penggunaan basis data multimedia adalah penyimpanan data data yang diperlukan untuk mendukung aplikasi virtual campus tour ini. Penulis memilih untuk menggunakan konsep basis data multimedia, agar data dapat tersimpan secara terstruktur dan dapat diolah dengan mudah.
Ada beberapa proses yang perlu dilakukan dahulu sebelum membuat aplikasi tersebut. Pertama, data data gambar yang akan dibuat menjadi panorama, dimasukkan ke dalam aplikasi PT GUI. Didalam aplikasi tersebutlah pembuatan gambar panorama dari kumpulan-kumpulan gambar lokasi yang telah ditentukan. Setelah selesai maka file panorama tersebut memiliki keluaran file dengan tipe (.jpg). Setelah itu file panorama dimasukkan ke dalam aplikasi Easypano Tourweaver untuk dibuat virtual tour dengan
(32)
11
menggabungkan beberapa panorama yang sesuai dengan rute atau arah tempat yang dituju. Setelah berhasil membuat virtual tour, maka keluaran file nya bertipe file flash (.swf) atau tipe gambar lain. Gambar yang ada tersebut sudah dapat diolah di dalam basis data. Untuk menampilkan data gambar panorama tersebut, penulis hanya perlu memanggil dari dalam tabel basis data.
3.2.2
2.2Basis Data Multimedia
Basis data multimedia merupakan sekumpulan dari item data multimedia berupa data gambar, data teks, data audio, data video, dan juga data-data multimedia lain yang saling berhubungan. Data-data tersebut memiliki karakteristik yang berbeda dari teks dan angka, oleh karena itu membutuhkan metode yang berbeda pula untuk mengelola (meliputi access, storage, indexing dan retrival).
2.2.1 Basis Data
Menurut Marlinda (2004), basis data adalah suatu kumpulan/susunan data operasional lengkap dari suatu organisasi/perusahaan yang diorganisir, dikelola dan disimpan secara terintegrasi dengan menggunakan metode tertentu menggunakan komputer sehingga mampu menyediakan informasi optimal yang diperlukan pemakainya.
(33)
12 2.2.2 Multimedia
Dengan peningkatan ketersediaan informasi digital saat ini, definisi yang dapat diterima dari multimedia adalah kombinasi dari beberapa media yang berbeda, (sebagai contoh media teks, gambar, audio, video, animasi, dll) yang digunakan untuk menyajikan informasi multimodal yang berhubungan dengan teknologi komputer.
2.2.3 Implementasi Basis Data Multimedia
Implementasi Basis Data Multimedia menggunakan tipe file BFILEs. Bfile sendiri menyimpan pointer dari file yang akan diakses melalui server pada basis data. Hal yang perlu diingat bahwa file akan disimpan didalam dan diluar basis data. File bfile bisa disimpan di berbagai media seperti hard disk, CD, DVD, Blu-Ray, HD-DVD, dan sebagainya.
Sebelum menyimpan pointer dari file bfile, pertama membuat objek direktori terlebih dahulu pada Oracle. Pada objek direktori menyimpan direktori yang akan digunakan untuk meletakkan file, dengan sintaks
CREATE DIRECTORY SAMPLE_FILES_DIR AS ‘C:/tesdirTA’;
(34)
13
Sintaks diatas memiliki arti bahwa akan dibuat direktori dengan nama SAMPLE_FILES_DIR dengan menunjuk folder tesdirTA pada direktori C pada komputer. Setelah membuat direktori, maka dilakukan pengisian kolom bfile dengan pointer dari file yang akan dimasukkan dengan menggunakan fungsi BFILENAME() . Fungsi BFILENAME() memiliki 2 parameter, yakni objek direktori dan file itu sendiri. Contoh untuk menginputkan data ‘files.txt’ ke bfile_content2 table adalah dengan :
insert into bfile_content2 ( id, bfile_column )
values 1, BFILENAME(‘SAMPLE_FILES_DIR’,’files.txt’));
Listing 2.2. Penginputan Tabel bfile_content2
2.2.4 Structure Query Language (SQL)
Structure Query Language (SQL) adalah bahasa yang berisi perintah-perintah untuk memanipulasi basis data, seperti menghapus, mengubah, memilih, menggabungkan data. SQL menjadi bahasa standar yang digunakan dalam manajemen bisnis data relasional. Saat ini hampir semua server basis data yang ada mendukung bahasa ini untuk melakukan manajemen data, dikarenakan bahasa pemrograman yang efisien, dan mudah untuk dipelajari. Secara umum, SQL terdiri dari dua bahasa, yaitu Data Definition Language (DLL), dan Data Manipulation Language (DML). Implementasi setiap bahasa ini
(35)
14
memiliki bentuk standar yang ditetapkan ANSI. DDL digunakan untuk mendefinisikan, mengubah, serta menghapus basis data dan obyek-obyek yang diperlukan dalam basis data, misalnya tabel, view, user, dan sebagainya. Salah satu contoh DDL yang digunakan adalah CREATE, CREATE DATABASE, CREATE TABLE, dan sebagainya. Sedangkan DML digunakan untuk memanipulasi data dalam suatu tabel. Contoh DML adalah perintah SELECT, INSERT, UPDATE, DELETE, dan sebagainya.
2.3Pemrograman Berbasis Web
2.3.1 Hypertext Markup Language (HTML)
Pemrograman HTML sangat mudah dilakukan, tidak sesulit pemrograman murni seperti C++, Delphi, atau Java. Tools yang diperlukan untuk mengembangkannya juga tidak sulit diperoleh. Pemrograman HTML tidak termasuk bahasa pemrograman tetapi lebih kepada bahasa markup. Jika anda telah mengetahui XML, maka HTML menjadi sesuatu yang sangat mudah dipelajari.
Dikutip dari Solusi Web Service Berbasis Linux (2004), beberapa situs web memuat halaman web mereka dengan bahasa markup sendiri dan perbedaan ini memberikan masalah tersendiri bagi web browser dalam menampilkan halaman. Sebuah kelompok bernama Web Wide Web Consortium (W3C) ini diterima secara luas dan merupakan titik
(36)
15
penting dalam perkembangan dunia web development termasuk teknologi web browser.
2.3.2 Java Server Pages (JSP)
Java Server Pages (JSP) merupakan teknologi yang didasarkan pada Bahasa Pemrograman Java dan digunakan untuk membentuk halaman-halaman web yang bersifat dinamis. JSP menggunakan pendekatan pemrosesan di sisi server, kode sumber JSP dijalankan pada web server dimana memberikan keuntungan untuk membuat aplikasi yang independent terhadap keberadaan sistem java di sisi klien. Kode JSP pada dasarnya merupakan kode Hypertext Markup Language (HTML) yang dilengkapi dengan tag-tag JSP yang disisipi dengan menggunakan Bahasa Pemrograman Java (Abdul Kadir, 2004).
Java Server Pages (JSP) memungkinkan anda memisahkan bagian dinamis halaman web dengan bagian halaman web dengan bagian HTML statis. Anda cukup menulis tag-tag HTML regular dengan cara normal menggunakan tool web-page-building kesukaan anda. Anda kemudian menambahkan dan membatasi kode untuk bagian dinamis dalam tag-tag khusus, biasanya diawali dengan “<%” dan diakhiri dengan “%>”. Berikut ini adalah contoh kode JSP yang diapit tag <% dan %> :
(37)
16
<I><%=request.getParameter(“title”) %></I>
Para pemrogram Java atau JSP biasanya memberikan existensi (.jsp) untuk file-file JSP yang ditulisnya, dan meletakkan file-file tersebut di direktori dokumen web server.
2.4Teori 5 E’s Quesenberry
Teori 5 E’s Quensberry ini berisi 5 aspek yang menjadi acuan pembuatan aplikasi. Dalam hal ini, teori ini digunakan untuk membantu dalam perencanaan fungsi dari ujicoba aplikasi yang dibuat. Kelima aspek tersebut antara lain :
1. Effective (Efektif)
Pada aspek efektif ini diharapkan agar aplikasi yang dibangun tepat guna kepada pengguna aplikasi, sehingga tujuan penelitian dapat sesuai.
2. Eficient (Efisien)
Pada aspek ini diharapkan aplikasi yang dibuat dapat bekerja dengan baik dan lancar serta hemat waktu bagi penggunanya.
(38)
17 3. Engaging (Menarik)
Pada aspek ini diharapkan para pengguna merasa puas dengan adanya aplikasi yang dibuat. Disamping para pengguna merasa senang dengan adanya aplikasi, juga tampilan yang ada di aplikasi dapat interaktif.
4. Error Tolerant
Pada aspek ini diharapkan aplikasi yang dibuat dapat meminimalkan terjadinya eror pada program. Sebagai bentuk pencegahan terjadi eror, maka dilakukan pengujian aplikasi terlebih dahulu, serta diberikan panduan aplikasi bagi pengguna agar dapat memudahkan pengguna. 5. Easy to Learn (Easy of use)
Pada aspek ini dilakukan pengujian terhadap aplikasi yang dibuat, guna untuk mengetahui performa aplikasi. Pada tahap ini dilakukan juga maintance pada aplikasi secara berkala sehingga aplikasi dapat berjalan dengan sempurna.
2.5Metode Waterfall
Metode Waterfall merupakan metode yang berfungsi sebagai mekanisme untuk mengidentifikasikan kebutuhan perangkat lunak. Disebut dengan Metode Waterfall karena tahap demi tahap yang dilakukan harus selesai terlebih dahulu dari tahap sebelumnya dan berjalan secara berurutan. Secara umum tahapan pada Model Waterfall dapat dilihat pada gambar berikut.
(39)
18
Gambar 2.2 Gambar Metode Pengembangan Waterfall menurut Roger S. Pressman
Gambar diatas adalah tahapan umum dari model proses ini. Model ini dipecah menjadi 5 tahap, meskipun secara garis besar sama dengan Metode Waterfall pada umumnya. Berikut adalah penjelasan dari tahapan – tahapan yang dilakukan di dalam model ini (Pressman, 2001) :
1. Software Requirement Analysis
Proses pencarian kebutuhan diintensifkan dan difokuskan pada software. Untuk mengetahui sifat dari program yang akan dibuat, maka para software engineer harus mengerti tentang domain informasi dari software, misalnya fungsi yang dibutuhkan, user interface, dan lain sebagainya. Dari 2 aktifitas tersebut (pencarian kebutuhan sistem dan software) harus didokumentasikan dan ditujukan kepada pengguna.
2. Design
Proses ini digunakan untuk mengubah kebutuhan-kebutuhan diatas ke dalam bentuk software sebelum melakukan coding.
(40)
19
Desain harus dapat mengimplementasikan kebutuhan yang telah disebutkan pada tahap sebelumnya. Seperti dua aktifitas sebelumnya, maka proses ini juga harus didokumentasikan sebagai konfigurasi dari software.
3. Coding
Untuk dapat dimengerti oleh mesin, dalam hal ini adalah komputer, maka desain tadi harus diubah bentuknya menjadi bentuk yang dapat dimengerti oleh mesin, yaitu ke dalam bahasa pemrograman melalui proses coding. Tahap ini merupakan implementasi dari tahap desain yang secara teknis nantinya akan dikerjakan oleh programmer.
4. Testing
Sesuatu yang dibuat haruslah diujicobakan terlebih dahulu. Demikian juga dengan software. Semua fungsi-fungsi software harus diujicobakan, agar software bebas dari error, dan hasilnya harus benar-benar sesuai dengan kebutuhan yang sudah didefinisikan sebelumnya.
5. Maintenance
Pemeliharaan suatu software diperlukan, termasuk di dalamnya adalah pengembangan, karena software yang dibuat tidak selamanya hanya seperti itu. Ada kemungkinan sewaktu dijalankan ternyata masih ada kesalahan kecil yang terjadi, atau
(41)
20
ada penambahan fitur-fitur yang belum ada pada software tersebut. Pengembangan diperlukan ketika adanya perubahan dari pihak eksternal, seperti ketika ada pergantian sistem operasi atau
(42)
21 BAB III ANALISIS DAN PERANCANGAN SISTEM
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1Analisis Sistem
Bagian analisis sistem ini dilakukan untuk menentukan kebutuhan dari sistem yang akan dibuat. Hal ini dilakukan untuk mengetahui tingkat tepat guna dalam implementasi dari sistem ini, sehingga sistem dapat memenuhi kebutuhan pengguna dalam mencari informasi seputar fasilitas yang ada di Kampus III Universitas Sanata Dharma.
3.1.1 Gambaran Umum Sistem
Gambaran umum mengenai sistem yang dibuat adalah sistem yang memberikan informasi mengenai fasilitas yang ada di Kampus III Universitas Sanata Dharma dalam bentuk foto yang dapat berupa foto panorama atau foto 3 dimensi.
Sistem dirancang sedemikian rupa sehingga memudahkan bagi pengguna untuk mendapatkan informasi lebih nyata dengan adanya gambar yang menarik dan sesuai dengan kenyataan.
Hal tersebut menjadi gagasan dikarenakan pihak universitas tidak memiliki situs ataupun aplikasi khusus yang dapat memberikan gambaran mengenai fasilitas secara menyeluruh.
(43)
22
3.1.2 Analisis Web Pengguna (Diagram dan Narasi Use Case) 3.2.3
Melihat Gedung Utama
User (calon mhs, Mahasiswa baru)
Melihat Lain - lain Melihat Laboratorium
Melihat Sekretariat
Melihat Bantuan
Melihat Informasi
(44)
23
Nama Use Case Melihat Gedung Utama TYPE USECASE
Persyaratan Bisnis : ü
Id Use Case MET001
Priority High
Source Penjelasan Use case
Primary Businesse Action
User Primary Sistem Action - Other Interested
Stakeholder
-
Deskripsi Menjelaskan proses user yang melihat Halaman Gedung Utama yang terdiri dari Lantai 1, Lantai 2, Lantai 3, Lantai 4, Lantai Basement, dan Lantai Ground
Aktor User
Kondisi Awal -
Kondisi Akhir User dapat melihat Gedung Utama yang terdiri dari Lantai 1, Lantai 2, Lantai 3, Lantai 4, Lantai Basement, dan Lantai Ground
Aksi Aktor Reaksi Sistem
1. Memilih menu Gedung pada Halaman Utama
2. Menampilkan Gedung Utama beserta menu bar setiap lantai
3. Klik menu bar Lantai Basement
4. Menampilkan Gedung Utama Lantai Basement beserta virtual campus tour dari Hall Utara menuju Lantai Basement 5. Klik menu bar Lantai Ground
6. Menampilkan Gedung Utama Lantai Ground beserta virtual campus tour dari Hall Utara menuju Lantai Basement 7. Klik menu bar Lantai 1
(45)
24
8. Menampilkan Gedung Utama Lantai 1 beserta virtual campus tour dari Hall Utara menuju Lantai Basement
9. Klik menu bar Lantai 2
10. Menampilkan Gedung Utama Lantai 2 beserta virtual campus tour dari Hall Utara menuju Lantai Basement
11. Klik menu bar Lantai 3
12. Menampilkan Gedung Utama Lantai 3 beserta virtual campus tour dari Hall Utara menuju Lantai Basement
13. Klik menu bar Lantai 4
14. Menampilkan Gedung Utama Lantai 4 beserta virtual campus tour dari Hall Utara menuju Lantai Basement
Conclusion : Kesimpulan use case ini adalah muncul Halaman setiap Lantai di Gedung Utama yang telah dipilih user
Businesse Rules : -
Implementation Constraints and Specifications :
-
Assumptions : User dapat melihat Halaman setiap
lantai secara acak
Open Issues : -
Nama Use Case Melihat Sekretariat TYPE USECASE
Persyaratan Bisnis : ü
Id Use Case MET002
Priority High
Source Penjelasan Use case
Primary Businesse Action
User Primary Sistem Action - Other Interested
Stakeholder
-
Deskripsi Menjelaskan proses user yang melihat Sekretariat yang terdiri dari Sekretariat Fakultas Psikologi, Sekretariat Program Studi Bimbingan
(46)
25
Konseling, Sekretariat Fakultas Sains dan Teknologi, Sekretariat Fakultas Farmasi, dan Sekretariat Jurusan Pendidikan MIPA
Aktor User
Kondisi Awal -
Kondisi Akhir User dapat melihat Sekretariat yang terdiri dari Sekretariat Fakultas Psikologi, Sekretariat Program Studi Bimbingan Konseling, Sekretariat Fakultas Sains dan Teknologi, Sekretariat Fakultas Farmasi, dan Sekretariat Jurusan Pendidikan MIPA
Aksi Aktor Reaksi Sistem
1. Memilih menu Sekretariat pada Halaman Utama
2. Menampilkan Sekretariat beserta menu bar setiap lantai
3. Klik menu bar Sekretariat Fakultas Psikologi
4. Menampilkan Sekretariat Psikologi beserta virtual campus tour dari Hall Utara menuju Sekretariat Psikologi
5. Klik menu bar Sekretariat Program Studi Bimbingan Konseling
6. Menampilkan Sekretarit program Studi Bimbingan Konseling beserta virtual campus tour dari Hall Utara menuju Sekretariat Bimbingan Konseling
7. Klik menu bar Sekretariat Fakultas Sains dan Teknologi
8. Menampilkan Fakultas Sains dan Teknologi beserta virtual campus tour dari Hall Utara menuju Sekretariat Fakultas Sains dan Teknologi
9. Klik menu bar Fakultas Farmasi
10. Menampilkan Sekretariat Farmasi beserta virtual campus tour dari Hall Utara menuju ke Sekretariat Fakultas
(47)
26
Farmasi 11. Klik menu bar Jurusan
Pendidikan MIPA
12. Menampilkan Sekretariat Jurusan Pendidikan MIPA beserta virtual campus tour dari Hall Utara menuju Sekretariat JPMIPA
Conclusion : Kesimpulan use case ini adalah muncul semua Sekretariat yang dipilih dengan virtual campus tour yang sesuai
Businesse Rules : -
Implementation Constraints and Specifications :
-
Assumptions : User dapat melihat Sekretariat secara acak
Open Issues : -
Nama Use Case Melihat Laboratorium TYPE USECASE
Persyaratan Bisnis : ü
Id Use Case MET003
Priority High
Source Penjelasan Use case
Primary Businesse Action
User Primary Sistem Action - Other Interested
Stakeholder
-
Deskripsi Menjelaskan proses user yang melihat Laboratorium yang terdiri dari Program Studi Farmasi, Program Studi Teknik Informatika, Program Studi Teknik Elektro, Program Studi Teknik Mesin, Program Studi Matematika, Program Studi Bimbingan Konseling, Program Studi Psikologi, Program Studi Pendidikan Matematika, Program Studi Pendidikan Fisika, dan Prorgam Studi
(48)
27 Pendidikan Biologi.
Aktor User
Kondisi Awal -
Kondisi Akhir User dapat melihat
Laboratorium yang terdiri dari Program Studi Farmasi, Program Studi Teknik Informatika, Program Studi Teknik Elektro, Program Studi Teknik Mesin, Program Studi Matematika, Program Studi Bimbingan Konseling, Program Studi Psikologi, Program Studi Pendidikan Matematika, Program Studi Pendidikan Fisika, dan Prorgam Studi Pendidikan Biologi.
Aksi Aktor Reaksi Sistem
1. Memilih menu Laboratorium pada Halaman Utama
2. Menampilkan Laboratorium Pusat beserta menu bar setiap lantai
3. Klik menu bar Laboratorium Program Studi Psikologi
4. Menampilkan Laboratorium Program Studi Psikologi beserta virtual campus tour dari Hall Utara menuju ke Laboratorium Laboratorium yang ada di Program Studi Psikologi
5. Klik menu bar Laboratorium Program Studi Bimbingan Konseling
6. Menampilkan Laboratorium Program Studi Bimbingan Konseling beserta virtual campus tour dari Hall Utara menuju Laboratorium Program Studi Bimbingan Konseling
7. Klik menu bar Laboratorium Program Studi Teknik Informatika
8. Menampilkan Laboratorium Program Studi Teknik Informatika beserta virtual campus tour dari Hall Utara menuju Laboratorium yang ada di Program Studi
(49)
28
Teknik Informatika 9. Klik menu bar Laboratorium
Program Studi Farmasi
10. Menampilkan Laboratorium Program Studi Farmasi beserta virtual campus tour dari Hall Utara menuju ke Laboratorium yang ada di Program Studi Farmasi
11. Klik menu bar Laboratorium Jurusan Pendidikan MIPA
12. Menampilkan Laboratorium Jurusan Pendidikan MIPA beserta virtual campus tour ke beberapa Laboratorium Mikroteaching yang ada di Jurusan Pendidikan MIPA (Pendidikan Biologi, Pendidikan Matematika, Pendidikan Fisika)
13. Klik menu bar Laboratorium Program Studi Teknik Mesin
14. Menampilkan Laboratorium Program Studi Teknik Mesin beserta virtual campus tour ke beberapa Laboratorium yang ada di Program Studi Teknik Mesin 15. Klik menu bar Laboratorium
Program Studi Teknik Elektro
16. Menampilkan Laboratorium Program Studi Teknik Elektro beserta virtual campus tour ke beberapa Laboratorium yang ada di Program Studi Teknik Elektro 17. Klik menu bar Laboratorium
Program Studi Matematika
18. Menampilkan Laboratorium Program Studi Matematika beserta virtual campus tour ke beberapa Laboratorium yang ada di Program Studi Matematika
Conclusion : Kesimpulan use case ini adalah muncul semua Laboratorium yang dipilih dengan virtual campus tour yang sesuai
Businesse Rules : -
Implementation Constraints and Specifications :
-
Assumptions : User dapat melihat Laboratorium setiap Program Studi secara acak
(50)
29
Open Issues : -
Nama Use Case Melihat Lain-lain TYPE USECASE
Persyaratan Bisnis : ü
Id Use Case MET004
Priority High
Source Penjelasan Use case
Primary Businesse Action User Primary Sistem Action - Other Interested
Stakeholder
-
Deskripsi Menjelaskan proses user
yang melihat Lain-lain yang terdiri dari Apotek dan Poliklinik, Tempat Parkir Motor, Tempat Parkir Mobil, Kantin, dan Lapangan Olahraga
Aktor User
Kondisi Awal -
Kondisi Akhir User dapat melihat beberapa tempat umum yang lain di Kampus III Universitas Sanata Dharma. Terdiri dari Apotek dan Poliklinik, Tempat Parkir Motor, Tempat Parkir Mobil, Kantin, dan Lapangan Olahraga
Aksi Aktor Reaksi Sistem
1. Memilih menu Lain-lain pada Halaman Utama
2. Menampilkan Lain-lain beserta menu bar setiap tempat
3. Klik menu bar Apotek dan Poliklinik
4. Menampilkan Apotek dan Poliklinik beserta virtual campus tour dari Hall Utara menuju ke Apotek dan Poliklinik 5. Klik menu bar Tempat Parkir
Motor
(51)
30
6. Menampilkan Parkir Motor beserta virtual campus tour dari Hall Utara menuju ke Tempat Parkir Motor
7. Klik menu bar Tempat Parkir Mobil
8. Menampilkan Parkir Mobil beserta virtual campus tour dari Hall Utara menuju ke Tempat Parkir Mobil
9. Klik menu bar Lapangan Olahraga
10. Menampilkan Lapangan Olahraga beserta virtual campus tour dari Hall Utara menuju ke Lapangan Olahraga 11. Klik menu bar Kantin
12. Menampilkan Kantin beserta virtual campus tour dari Hall Utara menuju ke Kantin
Conclusion : Kesimpulan use case ini adalah muncul semua Fasilitas lain yang dipilih dengan virtual campus tour yang sesuai
Businesse Rules : -
Implementation Constraints and Specifications :
-
Assumptions : User dapat melihat setiap fasilitas secara acak
Open Issues : -
Nama Use Case Melihat Bantuan TYPE USECASE
Persyaratan Bisnis : ü
Id Use Case MET005
Priority High
Source Penjelasan Use case
Primary Businesse Action User Primary Sistem Action - Other Interested
Stakeholder
-
Deskripsi Menjelaskan proses user
yang melihat Bantuan
Aktor User
Kondisi Awal -
Kondisi Akhir User dapat melihat Bantuan berupa petunjuk untuk menggunakan aplikasi ini
(52)
31
Aksi Aktor Reaksi Sistem
1. Memilih menu Laboratorium pada Halaman Utama
2. Menampilkan Bantuan yang berisikan petunjuk untuk menggunakan aplikasi
Conclusion : Kesimpulan use case ini adalah muncul semua petunjuk berupa gambar untuk menjelaskan cara kerja aplikasi
Businesse Rules : -
Implementation Constraints and Specifications :
-
Assumptions : User dapat melihat petunjuk pada Bantuan
(53)
32 3.1.3 Diagram Aktifitas
3.1.3.1 Melihat Gedung Pusat
klik menu bar Gedung Pusat Lantai 4 pada Gedung
Tampil halaman Gedung Pusat Lantai 3 beserta Virtual Campus Tour
klik menu icon Gedung pada Halaman Utama
Tampil halaman Gedung Pusat beserta menu bar setiap lantai
Sistem
User
klik menu bar Gedung Pusat Lantai Basement pada Gedung
Tampil halaman Gedung Pusat Lantai Basement beserta Virtual Campus Tour
klik menu bar Gedung Pusat Lantai Ground pada Gedung
Tampil halaman Gedung Pusat Lantai Ground beserta Virtual Campus Tour
klik menu bar Gedung Pusat Lantai 1 pada Gedung
Tampil halaman Gedung Pusat Lantai 1 beserta Virtual Campus Tour
klik menu bar Gedung Pusat Lantai 2 pada Gedung
Tampil halaman Gedung Pusat Lantai 2 beserta Virtual Campus Tour
klik menu bar Gedung Pusat Lantai 3 pada Gedung
Tampil halaman Gedung Pusat Lantai 4 beserta Virtual Campus Tour
(54)
33 3.1.3.2 Melihat Sekretariat
Tampil Sekretariat Program Studi Bimbingan Konseling beserta Virtual Campus Tour
klik menu icon Sekretariat pada Halaman Utama
Tampil Sekretariat beserta menu bar setiap Sekretariat Fakultas
Sistem
User
klik menu bar Sekretariat Fakultas Psikologi pada Sekretariat
Tampil Sekretariat Fakultas Psikologi beserta Virtual Campus Tour
klik menu bar Sekretariat Fakultas Sains dan Teknologi pada Sekretariat
Tampil Sekretariat Fakultas Sains dan Teknologi beserta Virtual Campus Tour
klik menu bar Sekretariat Fakultas Farmasi pada Sekretariat
Tampil Sekretariat Fakultas Farmasi beserta
Virtual Campus Tour
klik menu bar Sekretariat Jurusan MIPA pada Sekretariat
Tampil Sekretariat Jurusan MIPA beserta
Virtual Campus Tour
klik menu bar Sekretariat Program Studi Bimbingan Konseling pada Sekretariat
(55)
34 3.1.3.3 Melihat Laboratorium
]
Tampil Laboratorium Program Studi Matematika beserta Virtual Campus Tour
klik menu icon Laboratorium pada Halaman Utama
Tampil Laboratorium beserta menu bar setiap Laboratorium Program Studi
Sistem
User
klik menu bar Laboratorium Program Studi Psikologi pada Laboratorium
Tampil Laboratorium Program Studi Psikologi beserta Virtual Campus Tour
klik menu bar Laboratorium Program Studi Teknik Informatika pada Laboratorium
Tampil Laboratorium Program Studi Teknik Informatika beserta Virtual Campus Tour
klik menu bar Laboratorium Program Studi Teknik Mesin pada Laboratorium
Tampil Laboratorium Program Studi Teknik Mesin beserta Virtual Campus Tour
klik menu bar Laboratorium Program Studi Teknik Elektro pada Laboratorium
Tampil Laboratorium Program Studi Teknik Elektro beserta Virtual Campus Tour
klik menu bar Laboratorium Program Studi Matematika pada Laboratorium
]
Tampil Laboratorium Program Studi Bimbingan Konseling beserta Virtual Campus Tour
klik menu bar Laboratorium Program Studi Farmasi pada Laboratorium
Tampil Laboratorium Program Studi Farmasi beserta Virtual Campus Tour
klik menu bar Laboratorium Program Studi Bimbingan Konseling pada Laboratorium
(56)
35 3.1.3.4 Melihat Bantuan
3.1.3.5 Melihat Keterangan Informasi Tampil petunjuk Aplikasi Virtual Campus Tour dalam bentuk gambar pada Bantuan
klik menu icon Bantuan pada Halaman Utama
Sistem
User
Tampil Kotak dialog mengenai Informasi Aplikasi Virtual Campus Tour
klik menu icon Informasi pada Halaman Utama
Sistem
User
Gambar 3.9 Diagram Aktifitas Bantuan
(57)
36 3.1.3.6 Melihat Lain-lain
Tampil Parkiran Mobil beserta Virtual Tour
klik menu icon Lain-lain pada Halaman Utama
Tampil Lain-lain beserta menu bar setiap Lain-lain Program Studi
Sistem
User
klik menu bar Lapangan pada Lain-lain
Tampil Lapangan beserta Virtual Tour
klik menu bar Kantin pada Lain-lain
Tampil Kantin beserta Virtual Tour
klik menu bar Parkiran Motor pada Lain-lain
Tampil Parkiran Motor beserta Virtual Tour
klik menu bar Parkiran Mobil pada Lain-lain
klik menu bar Apotek dan Poliklinik pada Lain-lain
Tampil Apotek dan Poliklinik beserta
Virtual Tour
(58)
37
bfile_content2 3.2Perancangan Sistem
3.2.4 Perancangan Basis Data Konseptual, Logikal dan Fisikal Tabel yang digunakan untuk menyimpan data BFILE.
Model Logikal pada tabel Bfile_content2 bfile_content2
id
bfile_column
Model Fisikal pada tabel Bfile_content2
id bfile_column
integer BFILE
id bfile_column
Gambar 4.2 Diagram kelas Bfile_content2
Gambar 4.3 Diagram Model Logikal Bfile_content2
(59)
38 3.2.5 Model Kelas Analisis
Kelas analisis yang berisi struktur MVC kelas-kelas boundary, control, dan entity
User
Gedung Utama
Sekretariat
bfile_content2
Laboratorium
Lain-lain
koneksibean
(60)
39
BAB IV IMPLEMENTASI SISTEM
BAB IV
IMPLEMENTASI SISTEM
4.1Koneksi Bean.java
Berikut adalah listing program kelas koneksi bean.java : public class KoneksiBean {
//beans properties
private String koneksi = null; private String username = null; private String password = null;
//variabel database
private Connection con = null; private Statement stmt = null; private ResultSet rs = null; private DatabaseMetaData dmd; private ResultSetMetaData rsmd; private InputStream stream; private BFILE bfile;
public KoneksiBean() { }
public String getKoneksi() { return koneksi;
}
public void setKoneksi(String koneksi) { this.koneksi = koneksi;
}
public String aksesDatabase() throws SQLException { String dbHTML = "";
if (koneksi == null) { //clean password password = ""; return dbHTML; }
if (koneksi.equals("")) { //clean paassword password = "";
(61)
40 return dbHTML;
}
//Nama DB.table
dbHTML = "Tabel \"bfile_content2." + koneksi + "\""; try {
Class.forName("oracle.jdbc.OracleDriver");
//mendirikan koneksi DB Oracle
con = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE", username, password);
//statement untuk sql statik stmt = con.createStatement();
//eksekusi sql untuk tabel tertentu // hasil di dalam result set
rs = stmt.executeQuery("select * from" + koneksi);
//tampilkan data dalam format HTML // ambil database metadata
dmd = con.getMetaData();
//tampilkan meta data
dbHTML += "Database : " + dmd.getDatabaseProductName() + dmd.getDatabaseProductVersion();
dbHTML += "JDBC Driver name : " + dmd.getDriverName(); dbHTML += "Version : " + dmd.getDriverVersion();
//ambil data result set rsmd = rs.getMetaData();
int nColumn = rsmd.getColumnCount();
//tampilkan data tabel ke dalam HTML table
dbHTML += " <table border=\"1\" cellpadding=\"4\"><tr>";
//tampilkan judul kolom
for (int i = 0; i < nColumn; i++) {
dbHTML += "<th>" + rsmd.getColumnName(i) + "</th>"; }
dbHTML += "</tr>";
//tampilkan hasil query berupa data result set dari tabel while (rs.next()) {
dbHTML += "<tr>";
for (int i = 1; i < nColumn; i++) {
dbHTML += "<td>" + rs.getString(i) + "</td>";
}
(62)
41 dbHTML += "</table>";
}
} catch (ClassNotFoundException e) {
dbHTML += "<p> Error Loading driver :" + e.getMessage() + "</p>"; } catch (SQLException e) {
dbHTML += "<p> Error SQL : " + e.getMessage() + "</p>"; } finally {
//lepaskan databse & resource JDBC try {
if (rs != null) { rs.close(); rs = null; }
} catch (SQLException sqle) { }
try {
if (stmt != null) { stmt.close(); stmt = null; }
} catch (SQLException sqle) { }
//lepaskan database try {
if (con != null) { con.close(); con = null; }
} catch (SQLException sqle) { }
}
//clear password password = " "; return dbHTML; }
public void setUsername(String username) { this.username = username;
}
Method aksesDatabase() digunakan untuk mengeset tabel yang digunakan dalam implementasi basis data, kemudian juga untuk menghubungkan oracle driver yang digunakan pada Oracle XE dengan
(63)
42
medeklarasikan koneksi dengan
DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE",usern ame,password);
public void setPassword(String password) { this.password = password;
}
public InputStream getStream(int id) { try {
Class.forName("oracle.jdbc.OracleDriver");
//mendirikan koneksi DB Oracle
con = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE", username, password);
//statement untuk sql statik stmt = con.createStatement(); // select the bfile locator
String cmd = "SELECT bfile_column FROM bfile_content2 WHERE id = " + id; rs = stmt.executeQuery(cmd);
if (rs.next()) {
bfile = ((OracleResultSet) rs).getBFILE(1);
// now open the bfile to get the data bfile.openFile();
// get the BFILE data as a binary stream stream = bfile.getBinaryStream(); }
} catch (ClassNotFoundException e) { System.err.println("Error getStream: " + e); } catch (SQLException e) {
System.err.println("Error getStream: " + e); }
return stream; }
Method inputStream() ini digunakan untuk menentukan bfile locator yang akan disimpan. Bfile locator akan diset untuk menampilkan data pada tabel bfile_content2 berdasarkan id nya. Kemudian bfile.openFile() digunakan untuk mengambil data yang akan ditampilkan.
(64)
43 public void closeStream() {if (stream != null) { try {
stream.close(); } catch (Exception e) { }
stream = null; }
if (bfile != null) { try {
bfile.closeFile(); } catch (Exception e) { }
bfile = null; }
if (rs != null) { try { rs.close();
} catch (Exception e) { }
rs = null; } if (stmt != null) { try {
stmt.close();
} catch (Exception e) { }; stmt = null; }
if (con != null) { try {
con.close();
} catch (Exception e) { };
con = null; } }}
(65)
44
Method closeStream() digunakan untuk menutup semua koneksi atau aliran data yang telah di simpan ke tabel bfile_content2 dengan stream.close(). Kemudian kita panggil method closeFile() pada bfile yang sudah diinputkan untuk mengakhiri aliran data bfile.
AmbilFileServlet()
private KoneksiBean koneksiBean = new KoneksiBean();
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("application/x-shockwave-flash"); String param = request.getParameter("id");
int id = Integer.parseInt(param);
ServletOutputStream out = response.getOutputStream(); try {
/* TODO output your page here. You may use following sample code. */ int length;
// read the bfile data in 6-byte chunks byte[] buf = new byte[1024*1024];
koneksiBean.setUsername("hr"); koneksiBean.setPassword("pandu");
InputStream in = koneksiBean.getStream(id);
while ((length = in.read(buf)) != -1) {
// append and display the bfile data in 6-byte chunks out.write(buf);
} } finally {
koneksiBean.closeStream(); out.close();
}
Pada method ambilfile() ini digunakan untuk mengambil aliran data berupa id dari tabel bfile_content2 yang sudah diset ke locator pada kelas koneksibean. Setelah data sudah diambil kemudian menutup koneksibean dengan closeStream().
(66)
45 4.2Antar Muka Pengguna
4.2.1 Halaman Utama Aplikasi
Berikut ini merupakan Gambar 4.1 yang menunjukan Halaman Utama pada Aplikasi Virtual Campus Tour.
Gambar 4.6 Halaman Utama Aplikasi Virtual Campus Tour
Pada halaman utama terdapat 6 menu yang terdiri dari informasi, gedung utama, sekretariat, laboratorium, lain-lain, dan bantuan. Masing-masing menu memiliki informasi yang berbeda dan menunjukkan arah/rute virtual tour yang berbeda pula.
Untuk informasi hanya berisi pengertian seputar virtual tour, dengan memberikan exception alert jika menekan menu informasi. <script language="Javascript">
function myfunction(){
alert("\Virtual Tour merupakan penggambaran perjalanan menuju dan ke lokasi atau suatu keadaan lingkungan yang biasanya berupa video atau gambar yang berurutan."); }
(67)
46
Kemudian untuk masing-masing menu sekretariat, laboratorium, dan lain-lain serta bantuan akan menuju ke halaman yang memiliki existensi (.jsp). Untuk menu gedung utama akan menuju ke homepage.jsp, kemudian untuk menu sekretariat akan menuju ke halaman Sekretariat.jsp, untuk menu laboratorium akan menuju ke halaman Laboratorium .jsp , untuk menu lain-lain akan menuju ke halaman Lain.jsp , dan menu bantuan akan menampilkan halaman bantuan pada Bantuan.jsp.
4.2.2 Gedung Utama
Pada halaman gedung utama, terdapat beberapa menu lantai yang masing-masing terdapat virtual tour didalamnya. Berikut adalah tampilan dari Lantai Basement Gedung Utama pada GP_B.jsp
Gambar 4.7 Gedung Utama
(68)
47
Gambar 4.8 Virtual Tour Lantai Basement
Berikut listing program dari Halaman Gedung Utama pada kelas gedung.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html>
<html> <head>
<meta charset="utf-8">
<title>Universitas Sanata Dharma</title> <table border="0" width="100%">
<th colspan="0" rowspan="0" background="img/kampus3.jpg" width="0%"> <center> <img src="img/Logo USD.png">
<div style="color:black"><h3>KAMPUS III UNIVERSITAS SANATA DHARMA YOGYAKARTA</h3></div></th></center></table>
<table border="0" width="100%">
<th colspan="2"rowspan="1" width="30%" style="color:white"> <style type="text/css">
</style>
<link href="css/navmenu.css" rel="stylesheet" type="text/css" > </head>
<body>
<div id="wrapper">
<div id="navMenu" > <ul>
<li> <a href="homepage.jsp">Halaman Utama</a> <ul><li></li></ul></li></ul>
<ul>
<li><a href="GP_B.jsp">Basement</a> <ul><li></li></ul></li></ul> <ul>
(69)
48
<ul><li></li></ul></li></ul> <ul>
<li><a href="GP_1.jsp">Lantai 1</a> <ul><li></li></ul></li></ul> <ul>
<li><a href="GP_2.jsp">Lantai 2</a> <ul><li></li></ul></li></ul> <ul>
<li><a href="GP_3.jsp">Lantai 3</a> <ul><li></li></ul></li></ul> <ul>
<li><a href="GP_4.jsp">Lantai 4</a> <ul><li></li></ul></li></ul> <ul>
<li><a href="">Bantuan</a>
<ul><li><a href="Bantuan.jsp">Panduan Aplikasi</a></li> </ul></li></ul>
</div><br></div> <div style="color:black">
<h3> Gedung Utama Lantai Basement</h3></div> </body>
<flash width="1366" height="768" controls="controls">
<embed src="ambilfile?id=001" width="1366" height="768" /> </object>
</flash> </html>
Listing program diatas berlaku untuk semua menu yang ada di gedung utama, seperti Gedung Utama Lantai Ground, Lantai 1, Lantai 2, Lantai 3, Dan Lantai 4. Data yang akan ditampilkan merupakan data dengan existensi (.swf) yakni bertipe flash. Maka diperlukan fungsi untuk mengambil data flash dari source kelas ambilfile dengan id yang sesuai dengan data yang akan ditampilkan.
<flash width="1366" height="768" controls="controls">
<embed src="ambilfile?id=001" width="1366" height="768" /> </flash>
(70)
49
Listing 4.5 Ambil File berdasarkan id
Pada listing diatas akan menampilkan data flash dengan id = 001 dengan ukuran lebar 1366 dan tinggi 768 pada layar web.
4.2.3 Sekretariat
Pada Halaman Sekretariat, terdapat beberapa menu sekretariat yang masing-masing terdapat virtual tour di dalam menu. Berikut adalah listing program dari Sekretariat Psikologi.
(71)
50
Gambar 5.0 Virtual Tour Sekretariat Psikologi
Berikut adalah listing program dari kelas Sekretariat_PSI.jsp <%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html> <html>
<head>
<meta charset="utf-8">
<title>Universitas Sanata Dharma</title> <table border="0" width="100%">
<th colspan="0" rowspan="0" background="img/kampus3.jpg" width="0%" > <center> <img src="img/Logo USD.png">
<div style="color:black"><h3>KAMPUS III UNIVERSITAS SANATA DHARMA YOGYAKARTA</h3></div></th></center></table>
<table border="0" width="100%">
<th colspan="2"rowspan="1" width="30%" style="color:white"> <style type="text/css">
</style> <link href="css/navmenu.css" rel="stylesheet" type="text/css" > </head>
<body>
<div id="wrapper"> <div id="navMenu" >
<ul> <li> <a href="homepage.jsp">Halaman Utama</a> <ul> <li></li></ul></li></ul>
<ul><li><a href="SekrePSI.jsp">Sekre. Psikologi</a>
<ul> <li></li></ul></li></ul> <ul><li><a href="SekreJPMIPA.jsp">Sekre. JPMIPA</a> <ul> <li></li></ul></li></ul> <ul><li><a href="SekreFST.jsp">Sekre. FST</a>
<ul> <li></li></ul></li></ul> <ul><li><a href="SekreFarmasi.jsp">Sekre. Farmasi</a>
<ul> <li></li></ul></li></ul> <ul>li><a href="SekreBK.jsp">Sekre. BK</a>
<ul> <li></li></ul></li></ul> <ul><li><a href="">Bantuan</a>
<ul><li><a href="Bantuan.jsp">Panduan Aplikasi</a></li> </ul></li></ul>
</div><br>
<div style="color:black">
<h3> Sekretariat Fakultas Psikologi</h3></div> </body>
<flash width="1366" height="768" controls="controls"> <embed src="ambilfile?id=007" width="1366" height="768" /> </object>
</flash> </html>
(72)
51
Listing 4.6 Halaman Sekretariat pada Sekretariat_PSI.jsp
Listing program diatas berlaku untuk semua menu yang ada di sekretariat seperti, Sekretariat FST, Farmasi, BK, JPMIPA. Perbedaan hanya terletak pada file yang diambil dari database berdasarkan id nya. Data yang akan ditampilkan merupakan data dengan existensi (.swf) yakni bertipe flash. Maka diperlukan fungsi untuk mengambil data flash dari source kelas ambilfile dengan id yang sesuai dengan data yang akan ditampilkan.
<flash width="1366" height="768" controls="controls">
<embed src="ambilfile?id=001" width="1366" height="768" /> </flash>
Listing 4.7 Ambil file Sekretariat Psikologi berdasarkan id
Pada listing diatas akan menampilkan data flash dengan id = 001 dengan ukuran lebar 1366 dan tinggi 768 pada layar web.
4.2.4 Laboratorium
Pada Halaman Laboratorium, terdapat beberapa menu laboratorium program studi yang masing-masing terdapat virtual tour di dalam menu. Ada 10 program studi di Kampus III Universitas Sanata Dharma, dan masing-masing program studi memiliki laboratorium. Berikut adalah tampilan dari menu laboratorium yang ditunjukan pada Gambar 4.6.
(1)
79
DAFTAR PUSTAKA
Wijono, G. Sri Hartati, B. Herry Suharto, M Soesilo Wijono. 2007. Pemrograman Java Servlet dan JSP dengan Netbeans, Yogyakarta : Andi.
Pressman, Roger S. 2001. Software Engineering : A Pratitioner’s Approach, Fifth Edition. The McGraw-Hill Companies, Inc, Singapore
Parmer, Carol, Susan Marvis. 2007. Oracle Multimedia : Managing Multimedia Content, United States of America : Oracle
Sidik, Betha, Husni Iskandar Pohan. 2007. Pemrograman Web dengan HTML, Bandung : Informatika
Feuerstein, Steven, Bill Pribyl. 2009. Oracle PL/SQL Programming, Fifth Edition, United States of America : O’Reilly
Price, Jason. 2008. Oracle Database 11g SQL, United States of America : Oracle Mclaughin, Michael. 2008. Oracle Database 11g PL/SQL Programming, United
States of America : Oracle
Putro, Eko Widoyoko. 2010. Evaluasi Program Pembelajaran, Yogyakarta: Pustaka Pelajar
The Wrong Stuff – ‘Inc’ Jul 1 1982
Wikipedia. Virtual Tour (diakses 12 Januari 2015) https://en.wikipedia.org/wiki/Virtual_Tour
WQusability by Whitney Quesenberry. Using the 5Es to understand users. (diakses 22 Juli 2016)
(2)
82 LAMPIRAN
(3)
83 LAMPIRAN 1
KUISIONER TUGAS AKHIR APLIKASI VIRTUAL CAMPUS TOUR
Nama Responden :
Usia : Asal Sekolah :
Petunjuk :
1. Bacalah pertanyaan berikut dengan teliti.
2. Pilihlah jawaban dibawah ini dengan keadaan saudara. 3. Berilah tanda (√ ) pada pilihan saudara.
SS : Sangat Setuju, S : Setuju, R : Ragu-ragu, TS : Tidak Setuju, STS : Sangat Tidak Setuju
Pernyataan Kategori SS S R TS STS Aplikasi Virtual Campus Tour dapat
memperoleh gambaran arah / rute yang tepat untuk menuju ke Gedung / Sekretariat / Laboratorium / Ruang Lain yang diinginkan.
Efektif / Tepat Guna
Aplikasi Virtual Campus Tour dapat memperoleh gambaran secara visual tentang kondisi Gedung / Sekretariat / Laboratorium / Ruang Lain yang diinginkan.
Efektif / Tepat Guna
Aplikasi Virtual Campus Tour dapat menemukan Gedung / Sekretariat / Laboratorium / Ruang Lain yang ingin
Efisien / Hemat Waktu
(4)
84 diketahui.
Aplikasi Virtual Campus Tour dapat memperoleh gambaran Gedung / Sekretariat / Laboratorium / Ruang Lain tanpa harus datang ke kampus.
Efisien / Hemat Waktu
Secara umum Aplikasi Virtual Campus Tour ini dapat dimengerti dengan baik.
Easy of use
Bantuan yang tersedia dapat dimengerti dengan baik.
Easy of use
Secara umum apakah Aplikasi Virtual Campus Tour menarik ?
Menarik
(khusus calon mahasiswa) Setelah saya mencoba aplikasi ini apakah saya tertarik untuk menajdi mahasiswa Universitas Sanata Dharma ?
Menarik
Saran
……… ……… ………
Kritik
……… ……… ………
(5)
85 LAMPIRAN 2
KUISIONER TUGAS AKHIR APLIKASI VIRTUAL CAMPUS TOUR
Nama Responden :
Jabatan :
Petunjuk :
1. Bacalah pertanyaan berikut dengan teliti.
2. Pilihlah jawaban dibawah ini dengan keadaan saudara. 3. Berilah tanda (√ ) pada pilihan saudara.
SS : Sangat Setuju, S : Setuju, R : Ragu-ragu, TS : Tidak Setuju, STS : Sangat Tidak Setuju
Pernyataan Kategori SS S R TS STS Aplikasi Virtual Campus Tour dapat
memberikan gambaran arah/rute yang tepat untuk menuju ke Gedung / Sekretariat / Laboratorium / Ruang Lain yang diinginkan oleh pengguna.
Efektif / Tepat Guna
Aplikasi Virtual Campus Tour dapat memberikan gambaran secara visual tentang kondisi Gedung / Sekretariat / Laboratorium / Ruang Lain yang diinginkan oleh pengguna.
Efektif / Tepat Guna
Aplikasi Virtual Campus Tour dapat menemukan Gedung / Sekretariat / Laboratorium / Ruang Lain yang ingin diketahui pengguna.
Efisien / Hemat Waktu
(6)
86 Secara umum Aplikasi Virtual Campus Tour ini dapat dimengerti dengan baik oleh pengguna.
Easy of use
Bantuan yang tersedia dapat dimengerti dengan baik.
Easy of use
Secara umum apakah Aplikasi Virtual Campus Tour menarik bagi pengguna?
Menarik
Saran
……… ……… ………
Kritik
……… ……… ………