BAB IV PEMBAHASAN MASALAH. judul dan abstraksi yang tepat secara cepat. pengerjaan Tugas Akhir, KP/ Skripsi mahasiswa.

dokumen-dokumen yang mirip
BAB III ANALISA DAN PERANCANGAN SISTEM

BAB IV DESKRIPSI KERJA PRAKTEK. pelaporan dalam struktur organisasi PT. PLN (Persero) JMK UMK II

BAB III ANALISIS DAN PERANCANGAN SISTEM. 2. Analisa permasalahan dan perancangan sistem

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB IV ANALISIS DAN PERANCANGAN SISTEM


BAB III ANALISA DAN DESAIN SISTEM

BAB III DESAIN DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV HASIL DAN ANALISIS

BAB III PERANCANGAN SISTEM. Pada bab ini akan di bahas perancangan database, perancangan website, dan

BAB IV ANALISIS DAN PERANCANGAN. Analisis sistem ini merupakan penguraian dari sistem yang utuh, kedalam

BAB IV DESKRIPSI KERJA PRAKTEK. Pada bab ini akan dibahas mengenai tahap yang dilakukan dalam

BAB III ANALISIS DAN PERANCANGAN

BAB IV ANALISIS DAN PERANCANGAN SISTEM

BAB III METODE DAN PERANCANGAN APLIKASI. Metode penelitian yang dilakukan dalam penelitian sebagai berikut

BAB III PERANCANGAN SISTEM

BAB IV ANALISIS DAN PERANCANGAN SISTEM. masalah dengan menggunakan beberapa tindakan. Dalam ruang lingkup

BAB IV DESKRIPSI KERJA PRAKTEK. Sistem yang dibangun adalah Sistem Informasi Penjadwalan kegiatan

BAB IV ANALISIS DAN PERANCANGAN SISTEM. Analisis sistem adalah suatu ilmu yang digunakan untuk memecahkan

BAB III ANALISA DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB IV ANALISA DAN PERANCANGAN SISTEM

BAB II ANALISIS DAN PERANCANGAN

BAB IV DESKRIPSI KERJA PRAKTEK. mampu mempengaruhi prestasi dari sumber daya manusia khususnya untuk

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

Bab III. PERANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III PERANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

Dalam penyelesaian proyek kerja praktek pada PT. Pelabuhan Indonesia. analisa, perancangan dan pengembangan program. Hal-hal tersebut berkaitan

BAB III ANALISA DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

BAB 3 ANALISIS DAN PERANCANGAN SISTEM. dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir

Tim e-journal Undiksha 2013 USER MANUAL

BAB III METODE PENELITIAN. penulisan dan penyusunan dalam laporan ini, metode tersebut adalah :

BAB IV PERANCANGAN SISTEM

BAB IV DESKRIPSI KERJA PRAKTEK

BAB III ANALISA DAN DESAIN SISTEM

BAB IV DESKRIPSI PEKERJAAN. kertas. Pencatatan stok dilakukan dengan cara mengecek jumlah stok barang

BAB III METODOLOGI Kebutuhan Masukan (input) Kebutuhan masukkan yang diperlukan sistem ini terdiri dari:

BAB III ANALISIS DAN PERANCANGAN. pengorganisasian data kerja lembur karyawan pada PT. PRIMA RUBBER

BAB IV ANALISIS DAN PERANCANGAN SISTEM. sistem informasi yang utuh ke dalam komponen sistem dengan maksud untuk

BAB III ANALISIS DAN DESAIN SISTEM

BAB III METODOLOGI PENELITIAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB IV PERANCANGAN SISTEM. fungsional dan persiapan untuk perancangan implementasi, menggambarkan

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV DESKRIPSI PERKERJAAN

JURNAL DASI ISSN: Vol. 14 No. 2 JUNI 2013

BAB IV DESKRIPSI KERJA PRAKTEK

BAB III ANALISIS DAN PERANCANGAN SISTEM

ANALISA DAN DESAIN SISTEM. pertama kali dilakukan yaitu menganalisis kebutuhan sistem. Di dalam tahapan

BAB III ANALISA DAN PERANCANGAN SISTEM. permasalahan yang ada sebagai dasar untuk membuat sebuah solusi yang

BAB IV ANALISIS DAN PERANCANGAN SISTEM. sistem dengan cara menguraikan sistem tersebut kedalam elemen yang

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV PEMBAHASAN. grafik dengan menggunakan diagram relasi entitas (ERD). Diagaram relasi entitas

Bab III PERANCANGAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

BAB IV PERANCANGAN SISTEM

BAB IV DESKRIPSI PEKERJAAN

BAB IV PENJELASAN PEKERJAAN

BAB III ANALISA DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISA DAN DESAIN SISTEM

DFD (DATA FLOW DIAGRAM)

BAB IV ANALISIS PERANCANGAN SISTEM

Abstrak BAB I PENDAHULUAN

BAB III ANALISA DAN PERANCANGAN

BAB IV ANALISIS DAN PERANCANGAN. suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya

BAB III HASIL DAN PEMBAHASAN

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISA DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM. masyarakat serta lembaga usaha dalam menghadapi ancaman bencana.

BAB III ANALISIS DAN PERANCANGAN

pengembangan dari pengolahan data alumni SMK Widya Yahya Gadingrejo, yang

BAB III ANALISIS DAN PERANCANGAN SISTEM. departemen Health, Safety dan Environment (HSE) PT Bangun Sarana Baja,

BAB IV DESKRIPSI KERJA PRAKTEK. identifikasi masalah. Adapun penjelasannya sebagai berikut: beberapa cara yang telah dilakukan, antara lain:

BAB III ANALISA DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

BAB IV PERANCANGAN SISTEM

BAB IV DESKRIPSI KERJA PRAKTEK

BAB III METODE DAN PERANCANGAN APLIKASI

BAB III ANALISA DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

BAB II ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV DESKRIPSI PEKERJAAN. barang terlebih dahulu, kemudian dicatat. Hasil dari catatan tersebut akan direkap

BAB III ANALISIS DAN DESAIN SISTEM

BAB 3 PERANCANGAN SISTEM. Perancangan sistem yang dilakukan merupakan analisis perangkat lunak, analisis

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

Transkripsi:

BAB IV PEMBAHASAN MASALAH 4.1 Analisa Sistem Berjalan Untuk sistem yang berjalan saat ini terdapat beberapa kendala diantaranya adalah sebagai berikut: 1 Mahasiswa yang akan atau sedang mengerjakan Tugas Akhir/ Kp/ Skripsi masih kesulitan dalam memperoleh informasi tentang contoh judul dan abstraksi yang tepat secara cepat. 2 Mahasiswa yang ingin konsultasi bimbingan dengan dosen pembimbing masih kesulitan dikarenakan tidak adanya kesesuaian waktu. 3 Pihak perpustakaan masih kesulitan dalam pendokumentasian pengerjaan Tugas Akhir, KP/ Skripsi mahasiswa. 4.2 Analisa Sistem Usulan Berdasarkan kendala-kendala yang terjadi pada sistem yang berjalan, maka perlu dibuatkan sebuah sistem baru yang dapat mengurangi atau mengatasi kendala-kendala tersebut. Sistem baru yang diusulkan sebagai berikut: 1 Agar mahasiswa dapat mendapatkan informasi tentang contoh judul dan abstraksi secara cepat dan mudah, maka dibuat sebuah sistem komputerisasi berbasis web yang menyajikan data-data judul beserta contoh abstraksi yang sudah tersedia di perpustakaan. 2 Agar mahasiswa dapat melakukan konsultasi bimbingan dengan dosen pembimbing, sistem web ditambahkan aplikasi chatting yang 22

23 berfungsi sebagai pengirim pesan serta mampu untuk dilakukan upload file untuk memperlancar proses konsultasi bimbingan. 3 Pada proses pendokumentasian mahasiswa akan menginputkan data pendaftaran judul Tugas Akhir, KP/ Skripsi beserta contoh abstraksinya. Jika mahasiswa sudah mendaftar ujian/ seminar maka untuk lama pengerjaan Tugas Akhir, KP/ Skripsi mahasiswa dapat terlihat. 4.3 Pembagian Hak Akses Sistem baru yang diusulkan adalah berbasis web, untuk itu diperlukan pembagian hak akses antara pengelola (Admin) dengan pengunjung. Berikut pembagian hak akses berdasar kebutuhan masing-masing user Admin Pengunjung Member Dosen Pembimbing Login - Login Login Pencatatan Data Info Jadwal Info Jadwal Ujian - Ruang Ujian Ujian Pencatatan Data TA/ Skripsi/ KP Info Judul dan Abstraksi Info Judul dan Abstraksi - Pencatatan Akun Register - - Dosen Pembimbing Pencatatan - Pendaftaran Judul dan Info Mahasiswa yang pembagian Dosen abstraksi Tugas Akhir, dibimbing Pembimbing Pencatatan Ujian/ Seminar Pencatatan Hasil Ujian Jadwal Nilai KP/ Skripsi - Edit Akun User Edit Akun User - Chatting Chatting

24 Edit Akun Member - Upload dan download file lampiran Upload dan download file lampiran Laporan Mahasiswa Laporan Daftar Daftar - - - - - - Dosen Pembimbing Laporan Pembagian - - - Dosen Pembimbing Laporan Jadwal Ujian - - - Laporan Nilai Hasil - - - Ujian Keterangan 1. Admin Admin adalah Petugas perpustakaan yang bertugas mengelola sistem web. 2. Pengunjung Pengunjung adalah mahasiswa yang hanya mencari informasi tanpa melakukan login ke sistem. 3. Member Member adalah mahasiswa atau pengunjung yang sudah mendaftar ke sistem dan melakukan login ke sistem. 4. Dosen Dosen adalah dosen pembimbing yang sudah mempunyai akun sehingga bisa login ke sistem.

25 4.4 Diagram Konteks Diagram konteks adalah hubungan masukan atau keluaran yang menjadi satu kesatuan dalam suatu sistem. Pada diagram konteks ini, aliran data dijabarkan secara global yang menggambarkan aliran data bersumber pada sistem informasi penerimaan yang selanjutnya diolah dalam proses pengolahan data untuk menghasilkan informasi. Kesatuan luar sistem web ini meliputi admin, pengunjung, member dan dosen. Gambar 4.1 Diagram Konteks Sistem Informasi Pemantauan Proyek Akhir 4.5 Data Flow Diagram (DFD) Data Flow Diagram adalah diagram yang menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir.

26 DFD dapat menggambarkan arus data di dalam sistem dengan terstruktur dan jelas serta sebagai dokumentasi sistem yang baik. Berikut DFD sistem yang diusulkan : Gambar 4.2 DFD Sistem Informasi Pemantauan Proyek Akhir

27 4.6 Entity Relationship Diagram (ERD) Entity Relational Diagram (ERD) adalah diagram yang memperlihatkan entitas-entitas yang terlibat dalam suatu sistem serta hubungan-hubungan (relasi) antar entitas tersebut. Berlainan dengan model objek, tekanan utama pada ERD adalah tabel-tabel yang merepresentasikan relasi antar entitas itu sendiri. Kesatuan relasi sistem dapat diketahui dari item data yang menghubungkan suatu arsip ke arsip lain. Sedangkan data yang direalisasikannya didapat dari hasil analisa kebutuhan informasi yang tergambar pada dokumen masukan dan keluaran, dimana selanjutnya dari data tersebut ditentukan entitas serta relasinya yang ditunjukkan dengan model relasi. Kerelasian antar entitas dapat dikelompokkan dalam 3 jenis, yaitu: 1. Satu ke satu (One To One) 2. Satu ke banyak (One To Many) 3. Banyak ke banyak (many To Many) Entity Relational Diagram (ERD) dari Sistem Informasi Pemantauan Proyek Akhir adalah sebagai berikut:

28 1 1 Pengunjung melakukan Registrasi 1 mendapat 1 Member 1 melakukan 1 Login 1 mendaftar 1 Abstraksi 1 1 melakukan mendapat M M Chat M melakukan M Dosen Gambar 4.3 ERD Sistem Informasi Pemantauan Proyek Akhir 4.7 Desain Database Desain Database merupakan perancangan yang digunakan untuk pembuatan dan penyimpanan data ke dalam sistem yang terdiri dari beberapa file database. Pada desain database ini akan dibahas mengenai struktur file dan relasi antar tabel. 4.7.1. Struktur File Struktur digunakan dalam perancangan sistem, karena struktur file akan menentukan struktur fisik database dan garis datanya. Struktur file merupakan urutan isi atau data-data item yang terdapat pada sebuah record. File yang digunakan pada Sistem Informasi Pemantauan Proyek Akhir adalah : 1. Nama File : log Fungsi : menampung data registrasi user

29 Primary key : nim Nama Field Tipe Size keterangan nim Char 10 NIM mahasiswa nama Varchar 35 Nama mahasiswa email Varchar 30 Email mahasiswa sandi Varchar 20 Sandi mahasiswa ket Char 1 Identifier pengunjung 2. Nama File : dosen Fungsi : menampung data dosen pembimbing Primary key : nik Nama Field Tipe Size keterangan nik Char 10 NIK Dosen namads Varchar 35 Nama dosen pembimbing 3. Nama File : daftar Fungsi : menampung pendaftaran abstraksi mahasiswa Primary key : - Nama Field Tipe Size keterangan nim Char 10 NIM mahasiswa judul Varchar 50 Judul abstraksi jenis Varchar 15 Jenis kegiatan yang diambil

30 tgl Date 8 Tanggal pendaftaran ket Char 1 Identifier kelulusan ds1 Char 10 NIK dosen pembimbing 1 ds2 Char 10 NIK dosen pembimbing 2 4. Nama File : ujian Fungsi : menampung data jadwal dan nilai ujian Primary key : - Nama Field Tipe Size keterangan nim Char 10 NIM mahasiswa tglujian Varchar 35 Tanggal ujian jam Varchar 5 Waktu ujian idruang Int 3 Kode Ruang ujian jenis Varchar 15 Jenis kegiatan nik1 Char 10 NIK dosen penguji 1 nik2 Char 10 NIK dosen penguji 2 nilai Char 4 Nilai hasil ujian pendadaran keterangan Varchar 15 Keterangan tambahan 5. Nama File : chat Fungsi : menampung data chat konsultasi Primary key : id Mahasiswa

31 Nama Field Tipe Size keterangan id Int 11 Indek chat nim Char 10 NIM mahasiswa nik Char 10 NIK Dosen pembimbing pesan Longtext Pesan chat tgl Varchar 20 Tanggal chat stat Char 1 Identifier pesan chat 6. Nama File : ruang Fungsi : menampung data ruang ujian Primary key : idruang Nama Field Tipe Size keterangan idruang Int 3 Kode ruang ujian ruang Varchar 5 Nama ruang ujian 7. Nama File : upab Fungsi : menampung file abstraksi mahasiswa Primary key : id Nama Field Tipe Size keterangan id Int 11 Indek file nama Varchar 30 Nama file size Int 11 Ukuran file tipe Varchar 30 Tipe file

32 isi Mediumblob Isi file nim Varchar 10 NIM mahasiswa ket Char 1 Keterangan file 8. Nama File : upload Fungsi : menampung file lampiran chatting mahasiswa atau dosen Primary key : id Nama Field Tipe Size keterangan id Int 11 Indek file nama Varchar 30 Nama file size Int 11 Ukuran file tipe Varchar 30 Tipe file isi Mediumblob Isi file nim Varchar 10 NIM mahasiswa nik Varchar 10 NIK dosen stat Varchar 2 Keterangan file 4.7.2. Relasi Antar Tabel Relasi antar tabel ini berfungsi untuk menggambarkan hubungan antar tabel yang dirancang dalam Sistem Informasi Pemantauan Proyek Akhir.

33 Adapun Relasi Tabel dari Sistem Informasi Pemantauan Proyek Akhir adalah sebagai berikut : Gambar 4.4 Relasi Antar Tabel Keterangan * : primary key (kunci utama tabel) ** : foreign key (kunci tamu sebagai penghubung dengan tabel lain) 4.8 Perancangan Antar Muka Perancangan Antar Muka ini bertujuan untuk memberikan interface tentang desain website yang akan dibuat. Di bawah ini dapat dilihat desain template pada tampilan website yang akan dibuat oleh penulis.

34 Gambar 4.5 Tampilan utama website 4.8.1. Struktur Menu Perancangan struktur menu bertujuan untuk memudahkan dalam penggunaan fungsi fungsi program yang ada pada Sistem Informasi Pemantauan TA/ Skripsi/ KP. Perancangan menu pengunjung, member, dosen dan admin dapat dilihat pada gambar berikut: 1. Struktur Menu Pengunjung Gambar 4.6 Struktur menu pengunjung

35 2. Struktur Menu Member Gambar 4.7 Struktur menu member 3. Struktur Menu Dosen Gambar 4.8 Struktur menu dosen 4. Struktur Menu Admin Gambar 4.9 Struktur menu admin

36 4.8.2. Perancangan Input Perancangan input merupakan gambaran dalam pembuatan halaman antarmuka untuk menginputkan data. Perancangan input dalam Sistem Informasi Pemantauan TA/ Skripsi/ KP adalah : 1. Tampilan Form Registrasi Form registrasi ini diisi oleh mahasiswa yang ingin menjadi member. Header o Home o Jadwal Ujian o Contoh Abstraksi DAFTAR BARU Nama Lengkap NIM ( Format : 00.0.00000 ) Email Sandi Ulang Sandi Daftar Batal Footer Gambar 4.10 Tampilan Form Registrasi 2. Tampilan Input Pendaftaran Abstraksi Form ini digunakan khusus mahasiswa yang sudah menjadi member untuk mendaftarkan judul makalah Tuga akhir/skripsi/ KP yang sudah disetujui oleh dosen pembimbing beserta contoh abstraksinya yang berupa file image/ hasil scan.

37 Gambar 4.11 Tampilan Input Pendaftaran Abstraksi 3. Tampilan Konfigurasi Ruang Ujian Form ini digunakan oleh admin untuk menginputkan data ruang yang akan digunakan sebagai ruang ujian. Header o Home INPUT DATA RUANG UJIAN Nama Ruang Simpan Batal Footer Gambar 4.12 TampilanKonfigurasi Ruang Ujian

38 4. Tampilan Input Data TA/ Skripsi/ KP Form ini digunakan oleh admin untuk menginputkan data judul TA/ Skripsi/ KP yang sudah tersedia di perpustakaan. Header o Home INPUT DATA TA/ SKRIPSI/ KP NIM ( Format : 00.0.00000 ) Nama Jenis Judul Contoh Abstraksi Browse Simpan Batal Footer Gambar 4.13 Tampilan Input Data TA/ Skripsi/ KP 5. Tampilan Input Akun Dosen Form ini digunakan oleh admin untuk menginputkan akun data dosen yang nantinya akan menjadi pembimbing mahasiswa yang mengambil TA/ Skripsi/ KP.

39 Header o Home INPUT AKUN DOSEN NIK ( Format : 00000000 ) Nama Sandi Ulang Sandi Simpan Batal Footer Gambar 4.14 Tampilan Input Akun Dosen 6. Tampilan Pembagian Dosen Pembimbing Form ini digunakan oleh admin untuk memberikan mahasiswa dosen pembimbingnya. Header o Home INPUT DOSEN PEMBIMBING Pilih Jurusan : Pilih Kegiatan : Tampilkan Jurusan Jenis kegiatan No NIM Judul Dosen 1 Dosen 2 Add Add Jumlah Data Footer Gambar 4.15 Tampilan Pembagian Dosen Pembimbing

40 7. Tampilan Input Jadwal Ujian Form ini digunakan oleh admin untuk menginputkan jadwal ujian bagi mahasiswa yang telah selesai mengerjakan TA/ Skripsi/ KP dan telah mendaftar di bagian administrasi. Gambar 4.16 Tampilan Input Jadwal Ujian 8. Tampilan Input Nilai Ujian Form ini digunakan oleh admin untuk menginputkan nilai hasil ujian pendadaran/ seminar TA/ Skripsi/ KP mahasiswa.

41 Gambar 4.17 Tampilan Input Nilai Ujian 4.8.3. Perancangan Output Perancangan ouput merupakan gambaran dalam pembuatan halaman laporan untuk hasil pengolahan data. Perancangan output dalam Sistem Informasi Pemantauan TA/ Skripsi/ KP adalah : 1. Tampilan Output Pendaftaran TA/ Skripsi/ KP mahasiswa LAPORAN PENDAFTARAN TUGAS AKHIR/ KERJA PRAKTEK/ SKRIPSI MAHASISWA STMIK SINAR NUSANTARA [ Cetak ] No Jurusan NIM Nama Judul Makalah Jenis Kerja Tgl Daftar Gambar 4.18 Tampilan Output Pendaftaran TA/ Skripsi/ KP mahasiswa

42 2. Tampilan Output Akun Dosen Gambar 4.19 Tampilan Output Akun Dosen 3. Tampilan Output Pembagian Dosen Pembimbing LAPORAN PEMBAGIAN DOSEN PEMBIMBING STMIK SINAR NUSANTARA [ Cetak ] Jurusan Jenis No NIM Nama Judul Makalah Pembimbing Gambar 4.20 Tampilan Output Pembagian Dosen Pembimbing 4. Tampilan Output Jadwal Ujian Gambar 4.21 Tampilan Output Jadwal Ujian

43 5. Tampilan Output Nilai Ujian Gambar 4.22 Tampilan Output Nilai Ujian 4.9 Implementasi Sistem Penulis mengupload website ini ke sebuah web hosting agar website bisa diakses secara online oleh banyak user. Berikut langkah-langkah penulis dalam mengupload file website ke web hosting. 1. Web hosting yang digunakan adalah dari Byethost.com. Gambar 4.23 Tampilan awal situs byethost.com 2. Untuk masuk ke control panel byethost harus login terlebih dahulu, setelah login berhasil akan masuk ke menu control panel byethost.

44 Gambar 4.24 Tampilan utama control panel byethost 3. Untuk mengupload file klik menu Online File Manager pada grup menu File Management Gambar 4.25 Link menu Online File Manager 4. Kemudian untuk meletakkan file yang akan diupload harus di dalam folder htdocs

45 Gambar 4.26 Tampilan menu file manager 5. Di dalam folder htdocs akan berisi 2 file yang nantinya akan dihapus dan diganti dengan file yang akan diupload Gambar 4.27 Tampilan isi folder htdocs

46 6. Untuk mengupload file klik tombol Upload Gambar 4.28 Tampilan untuk upload file 7. Pilih file yang akan diupload dan klik tanda centang Gambar 4.29 Tampilan pemilihan file yang diupload 8. Untuk membuat folder yang akan digunakan untuk menyimpan file gambar, klik tombol New Dir Gambar 4.30 Tampilan membuat folder baru

47 Setelah proses upload file selesai, penulis mendaftarkan alamat website ke domain yang tidak berbayar agar user lebih mudah dalam mengakses website ini. Domain yang digunakan adalah co.nr. Berikut langkah-langkah dalam mendaftarkan alamat website ke domain co.nr: 1. Membuka alamat situs co.nr Gambar 4.31 Tampilan awal situs co.nr 2. Pada bagian bawah, dimasukkan kata sebagai nama domain website yang dibuat, kemudian klik tombol Check untuk mengetahui ketersediaan kata tersebut. Gambar 4.32 Tampilan jika nama domain tersedia

48 3. Jika tersedia, kemudian mendaftarkan akun website ke dalam situs domain. Gambar 4.33 Tampilan link untuk mendaftar akun 4. Pada kolom isian data diisi semuanya, jika sudah berhasil maka domain akan mengirim link verifikasi ke alamat email yang sudah dimasukkan Gambar 4.34 Tampilan form pendaftaran

49 5. Cek kotak masuk pada email, kemudian dilakukan aktivasi alamat domain yang sudah dibuat. sippa.co.nr Gambar 4.35 Tampilan domain sudah berhasil didaftarkan Gambar 4.36 Tampilan form aktivasi domain website Website ini telah diupload dan dapat diakses melalui internet dengan alamat http://sippa.co.nr. User dari website ini adalah mahasiswa STMIK Sinar Nusantara dan dosen pembimbing, khususnya, dan masyarakat umum. Berikut prosedur untuk mengakses website ini: 1. Ketik alamat sippa.co.nr pada web browser, maka akan muncul halaman awal seperti berikut

50 Gambar 4.37 Tampilan awal web 2. Pada tampilan awal website ada tiga pilihan menu yaitu a. Home : menampilkan halaman awal dan digunakan untuk mendaftar user baru dan login ke website b. Jadwal Ujian : menampilkan informasi tentang jadwal ujian proyek akhir. Gambar 4.38 Tampilan Jadwal Ujian

51 c. Abstraksi : menampilkan informasi tentang referensi abstraksi yang tersedia di perpustakaan. Gambar 4.39 Tampilan Abstraksi Pada halaman ini user dapat mencari contoh contoh abstraksi yang sudah terdaftar dalam database web. User dapat melakukan filter data dengan memilih jurusan, tahun angkatan dan jenis abstraksi yang diinginkan. User juga dapat mencari judul makalah dengan mengetikkan kata kunci pada kotak isian cari judul. 3. Bagi mahasiswa yang ingin mendaftar klik link Daftar Baru pada halaman Home.

52 Gambar 4.40 Tampilan Form Daftar baru Untuk mendaftar mahasiswa harus mengisi semua field yang ada dan dipastikan bahwa data yang dimasukkan adalah benar. Kemudian klik tombol daftar. 4. Jika sudah terdaftar, mahasiswa dapat masuk ke website dengan login dari halaman Home Gambar 4.41 Tampilan Form Login

53 Bagi user yang sudah terdaftar dapat melakukan login ke sistem untuk mendapatkan akses yang lebih. Masukkan NIM bagi mahasiswa dan NIK bagi dosen pembimbing serta masukkan passwordnya. 5. Tampilan website dengan login mahasiswa ada 4 menu yaitu a. Home : menampilkan informasi tentang data mahasiswa, data dosen pembimbing dan data tentang proyek akhirnya. Gambar 4.42 Tampilan Home Login Mahasiswa b. Pendaftaran TA/Skripsi : menampilkan form isian untuk mendaftarkan judul proyek akhir yang sedang dikerjakan.

54 Gambar 4.43 Tampilan Form Pendaftaran Proyek Akhir Pada halaman ini mahasiswa dapat mendaftarkan judul makalah proyek akhir yang sedang dikerjakan dan sudah disetujui oleh pembimbing akademis. Mahasiswa juga harus mengupload abstraksinya berbentuk file dokumen portable (PDF). c. Chat : menampilkan daftar dosen pembimbing yang dapat dilakukan konsultasi melalui chatting. Gambar 4.44 Tampilan Menu Chat

55 Untuk melakukan chat dengan dosen pembimbing, klik link menu Chat untuk memulai chatting dengan dosen pembimbing. Link menu Lampiran digunakan untuk melihat daftar file yang dilampirkan oleh dosen pembimbing. d. Ubah Akun : menampilkan form untuk mengubah akun login mahasiswa. Gambar 4.45 Tampilan Form Ubah Akun Mahasiswa 6. Bagi dosen pembimbing dapat langsung login dari halaman awal. Untuk pasword dosen pembimbing dibuatkan oleh admin. 7. Pada tampilan website dengan login dosen pembimbing ada 3 menu yaitu: a. Home : menampilkan informasi nama-nama mahasiswa yang dibimbing.

56 Gambar 4.46 Tampilan Home Login Dosen b. Chat : menampilkan daftar nama mahasiswa yang dibimbing yang dapat dilakukan bimbingan melalui chatting. Gambar 4.47 Tampilan Menu Chat Untuk melakukan chat dengan mahasiswa, klik link menu Chat untuk memulai chatting dengan mahasiswa. Link

57 menu Lampiran digunakan untuk melihat daftar file yang dilampirkan oleh mahasiswa. c. Ubah Akun : menampilkan form untuk mengubah akun login dosen pembimbing. Gambar 4.48 Tampilan Form Ubah Akun Dosen 8. Untuk tampilan halaman dengan akun admin terdiri 4 menu utama yaitu: a. Master Data, terdiri dari : i. Konfigurasi Ruang Ujian : menampilkan form untuk menginput nama ruang yang digunakan untuk ujian.

58 Gambar 4.49 Tampilan Form Input Ruang Ujian ii. Input Data TA/ Skripsi/KP : menampilkan form untuk menginput data proyek akhir yang tersedia di perpustakaan. Gambar 4.50 Tampilan Form Input Proyek Akhir Admin memasukkan data judul makalah proyek akhir beserta abstraksinya berbentuk file dokumen portable (PDF). iii. Input Akun Dosen : menampilkan form untuk menginput data dosen yang menjadi pembimbing.

59 Gambar 4.51 Tampilan Form Input Dosen Admin menginput data dosen yang menjadi pembimbing proyek akhir mahasiswa. iv. Pembagian Dosen Pembimbing : menampilkan form untuk menginput pembagian dosen pembimbing.mahasiswa. Gambar 4.52 Tampilan Form Pembagian Dosen

60 Admin memilih jurusan dan jenis kegiatan proyek akhir. Kemudian membagi dosen pembimbing sesuai dengan data. v. Input Jadwal Ujian : menampilkan form untuk menginput jadwal ujian mahasiswa. Gambar 4.53 Tampilan Fom Input Jadwal Ujian Admin memasukkan NIM mahasiswa, kemudian memberikan tanggal ujian, waktu ujian, rung ujian, dan dosen penguji. vi. Input Nilai Ujian : menampilkan form untuk menginput nilai akhir hasil ujian mahasiswa.

61 Gambar 4.54 Tampilan Form Input Nilai Ujian Admin memasukkan nilai akhir dari hasil ujian mahasiswa. b. Laporan, terdiri dari : i. Laporan Pendaftaran Mahasiswa : menampilkan laporan data pendaftaran judul makalah mahasiswa. Gambar 4.55 Tampilan Laporan Pendaftaran ii. Laporan Akun Dosen : menampilkan laporan data dosen pembimbing.

62 Gambar 4.56 Tampilan Laporan Data Dosen iii. Laporan Dosen Pembimbing : menampilkan laporan pembagian dosen pembimbing maahsiswa. Gambar 4.57 TampilanLaporan Dosen Pembimbing iv. Laporan Jadwal Ujian : menampilkan laporan jadwal ujian mahasiswa. Gambar 4.58 Tampilan Laporan Jadwal Ujian v. Laporan Nilai Ujian : meanmpilkan laporan data nilai ujian mahasiswa.

63 Gambar 4.59 Tampilan Laporan Nilai Ujian c. Lihat User : menampilkan informasi akun user yang terdaftar di dalam databse web. Gambar 4.60 Tampilan Form Akun User Admin dapat menghapus akun user yang terdaftar dengan klik link menu Hapus. d. Ubah Akun : menampilkan form untuk mengubah akun login admin.

Gambar 4.61 Tampilan Form Ubah Akun Admin 64