DESAIN TAMPILAN PENGGUNA, MODUL PENCARIAN JUDUL TUGAS AKHIR PADA SISTEM INFORMASI TADJ, DAN APLIKASI DESKTOP TADJ
TUGAS AKHIR
Oleh
KEMAL MUHAMMAD HARIWIBAWA NIM: 03214065 Program Diploma 4 Teknik Elektro
SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG 2015
ABSTRAK
DESAIN TAMPILAN PENGGUNA, MODUL PENCARIAN JUDUL TUGAS AKHIR PADA SISTEM INFORMASI TADJ, DAN APLIKASI DESKTOP TADJ
Oleh
Kemal Muhammad Hariwibawa NIM : 03214065 PROGRAM DIPLOMA 4 TEKNIK ELEKTRO
Tugas Akhir Dalam Jaringan (TADJ) merupakan karya ilmiah berdasarkan hasil penelitian atau pemecahan suatu masalah yang dilakukan secara online dengan media elektronik melalui kegiatan analisis berupa usulan solusi dan hasilnya. Tugas Akhir (TA) merupakan satu syarat yang harus dipenuhi oleh mahasiswa agar memperoleh gelar Diploma, Sarjana, Magister dan Doktor di sebuah Perguruan Tinggi Indonesia. TADJ sendiri mempunyai versi mobile, website serta aplikasi desktop. Aplikasi Desktop dibuat menggunakan bahasa pemrograman C# dan dibuat menggunakan Visual Studio 2013. Terdapat beberapa user yang bisa menggunakan aplikasi desktop tersebut, yaitu dosen dan mahasiswa. Dua fitur utama pada aplikasi desktop TADJ yaitu proses bimbingan Tugas Akhir dan pembelajaran elektronik (e-learning) dengan moodle. Kata kunci :C#, Visual Studio 2013, e-learning, moodle.
i
ABSTRACT
USER INTERFACE DESIGN, FINAL EXAM TITLE SEARCH MODULE ON TADJ SYSTEM INFORMATION, AND TADJ DESKTOP APPLICATION
By
Kemal Muhammad Hariwibawa NIM : 03214065 APPLIED SCIENCE IN ELECTRICAL ENGINEERING PROGRAM
Tugas Akhir Dalam Jaringan (TADJ) is a scientific paper based on research or solution to problem that conducted online with electronic media through analysis activity like proposed solution and the result . Tugas Akhir (TA) is a requirement for college student to get a Diploma degree, Bachelor degree, Magister Degree and Doctorate at universities in Indonesia. TADJ itself has a multiple version, mobile, website and desktop application. The application desktop itself is made by C# programming language and used Visual Studio 2013 for compiling. There are several users that can use the desktop application, lecturer and collage student. The 2 main feature of TADJ desktop application is thesis guidance process and an electronic learning (e-learning) using moodle. Key Word :C#, Visual Studio 2013, e-learning, moodle.
ii
KATA PENGANTAR Puji syukur penulis panjatkan ke hadirat Allah SWT, yang atas rahmat dan karunia Nya penulis dapat menyelesaikan Tugas Akhir yang berjudul“Desain Tampilan Pengguna, Modul Pencarian Judul Tugas Akhir pada Sistem Informasi TADJ, dan Aplikasi Desktop TADJ” ini sebagai salah satu syarat sidang Tugas Akhir pada program Diploma Empat (D4) Teknik Elektro Institut Teknologi Bandung. Dalam pengerjaan tugas akhir ini, penulis mendapat bantuan dan dukungan dari berbagai pihak. Untuk itu, penulis ingin mengucapkan terima kasih kepada: 1. Bapak Dr.Techn. Ary Setijadi Prihatmanto, ST., MT selaku dosen pembimbing I yang selalu mengevaluasi, memberikan pengarahan serta bantuan berupa bahan dan saran yang bermanfaat dalam pengerjaan tugas akhir ini; 2. Bapak Dr. Pranoto Hidaya Rusminselaku dosen pembimbing II yang telah memberikan bantuan dan saran yang bermanfaat dalam pengerjaan tugas akhir ini; 3. Kedua orang tua, adik tercinta beserta seluruh keluarga yang senantiasa memberikan semangat dan doa; 4. Rekan sejawat D4 ITB, sahabat-sahabat yang selalu memberi semangat; 5. Seluruh staf dan karyawan Laboratorium Kontrol Dasar dan Komputer, yang telah memberikan banyak sekali bantuannya; 6. dan semua pihak yang membantu, yang tidak dapat penulis sebutkan satu persatu. Penulis menyadari bahwa tugas akhir ini jauh dari kata sempurna, untuk itu kritik dan saran sangat diharapkan. Akhir kata, semoga tugas akhir ini dapat bermanfaat bagi para pembacanya.
Bandung, Desember 2015 Penulis
iii
DAFTAR ISI Halaman ABSTRAK .................................................................................................................... i ABSTRACT ................................................................................................................. ii KATA PENGANTAR ................................................................................................ iii DAFTAR ISI ............................................................................................................... iv DAFTAR GAMBAR .................................................................................................. vi DAFTAR TABEL ...................................................................................................... vii BAB I PENDAHULUAN ............................................................................................ 1 1.1 Latar Belakang ........................................................................................................... 1 1.2 Rumusan Masalah ...................................................................................................... 2 1.3 Tujuan ........................................................................................................................ 2 1.4 Batasan Masalah......................................................................................................... 2 1.5 Metoda Penelitian....................................................................................................... 3 1.6 Sistematika Penulisan................................................................................................. 4
BAB II TINJAUAN PUSTAKA.................................................................................. 5 2.1 Hypertext Preprocessor (PHP) ................................................................................... 5 2.2 Cascading Style Shets (CSS)...................................................................................... 5 2.3 Javascript .................................................................................................................... 6 2.4 JQuery ........................................................................................................................ 7 2.5 C# ............................................................................................................................... 8 2.6 Moodle ....................................................................................................................... 9 2.7 XAMPP ...................................................................................................................... 9 2.8 Microsoft Visual Studio ............................................................................................. 9 2.9 XAMPP .................................................................................................................... 10
iv
BAB III ANALISIS DAN PERANCANGAN .......................................................... 11 3.1 Sistem Kerja ............................................................................................................. 11 3.2 Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak .................................... 11 3.3 Analisis dan Perancangan Sistem ............................................................................. 12 3.3.1
Analisis Kebutuhan Sistem ............................................................................................. 12
3.3.2
Analisis Sistem ..................................................................................................................... 13
3.4 Analisis dan Perancangan Sistem ............................................................................. 14 3.4.1
Spesifikasi Perangkat Keras (Server) ......................................................................... 14
3.4.2
Spesifikasi Perangkat Lunak .......................................................................................... 15
3.5 Struktur Tabel Database (TADJ) ............................................................................. 16
BAB IV IMPLEMENTASI DAN PENGUJIAN ....................................................... 17 4.1 Implementasi Sistem ................................................................................................ 17 4.2 Implementasi Sistem TADJ ..................................................................................... 18 4.2.1
Implementasi Tampilan Awal ....................................................................................... 18
4.2.2
Implementasi Login ........................................................................................................... 19
4.2.3
Implementasi Halaman Kontak .................................................................................... 19
4.2.4
Implementasi Pencarian Tugas Akhir ........................................................................ 20
4.2.5
Implementasi Aplikasi Desktop TADJ ........................................................................ 21
BAB V PENUTUP ..................................................................................................... 23 1.1 Kesimpulan .............................................................................................................. 23 1.2 Saran......................................................................................................................... 23
DAFTAR PUSTAKA ................................................................................................ 24
v
DAFTAR GAMBAR Halaman Gambar 3.1 Flow Chart Siswa Mengambil Quiz ....................................................... 13 Gambar 3.2 Flowcart Pencarian Tugas Akhir ............................................................ 14 Gambar 3.3 Struktur Database ................................................................................... 16 Gambar 4.1 Halaman Utama TADJ ........................................................................... 18 Gambar 4.2 Tampilan Halaman Login....................................................................... 19 Gambar 4.3 Tampilan Halaman Kontak .................................................................... 20 Gambar 4.4 Tampilan Pencarian Tugas Akhir ........................................................... 20 Gambar 4.5 Tampilan awal Aplikasi Desktop ........................................................... 21 Gambar 4.6 Tampilan setelah login ........................................................................... 21 Gambar 4.7 Tampilan moodle.................................................................................... 22 Gambar 4.8 Tampilan proses bimbingan tugas akhir................................................. 22
vi
DAFTAR TABEL Halaman Tabel 3.1 Spesifikasi Perangkat Keras ....................................................................... 15 Tabel 3.2 Spesifikasi Perangkat Lunak ...................................................................... 16
vii
BAB I PENDAHULUAN
1.1
Latar Belakang
Sudah kita rasakan perkembangan teknologi sangatlah pesat belakangan ini, banyaknya bermunculan berbagai aplikasi dan website membuat bermunculannya ide-ide baru nan segar. Salah satu yang paling populer adalah merubah sebuah sistem yang manual (tanpa bantuan teknologi) menjadi sistem yang berbasis teknologi.
Salah satunya yang mungkin tidak sebagian masyarakat melihatnya adalah sistem pelakanaan Tugas Akhir, yang mana kita tahu dari dahulu model pelaksanaan Tugas Akhir yaitu manual, mulai dari pengajuan judul, proses revisi dan juga lain sebagainya. Tentunya hal ini menimbulkan banyak permasalahan, yaitu tidak efektifnya waktu serta penggunaan kertas yang berlebih.
Pastinya perlu adanya penyesuaian apabila dilakukannya migrasi seperti ini.Salah satunya agar user nyaman saat menggunakan sistem adalah tampilan yang menarik.Kita sudah memasuki zaman dimana tampilan utama merepresentasikan keseluruhan, sehingga tampilan harus diprioritaskan di urutan ke dua setelah fungsionalitas.Serta perlunya pengorganisiran yang baik agar user mudah menemukan data yang ingin dicarinya.
Lapisan penggunanya juga pasti memiliki perilaku yang berbeda sehingga diperlukannya sistem yang multi-platform, mulai dari website, mobile hingga versi desktop. Website diperuntukkan bagi user yang menyukai berselancar di internet, mobile diperuntukkan bagi user yang mempunyai mobilitas tinggi, sedangkan desktop diperuntukkan bagi user yang ingin fokus pada sistem itu sendiri.
1
1.2
Rumusan Masalah
Berdasarkan hasil analisis pada latar belakang masalah dapat digunakan sebagai dasar untuk merumuskan masalah yang akan digunakan sebagai fokus perbaikan pembelajaran sebagai berikut : 1. Bagaimana mengatur tampilan halaman kontak pada webiste ? 2. Bagaimana menampilkan judul tugas akhir berdasarkan universitas, jurusan, tahun ajaran dan judul pada website ? 3. Bagaimanamerubah dan menampilkan informasi pada website TADJ ke dalam bentuk aplikasi desktop ? 1.3
Tujuan
Adapun tujuan daripada pembuatan proposal tugas akhir ini adalah sebagai berikut : 1. Memanipulasi tampilan halaman kontak website TADJ sehingga lebih rapih dan informatif 2. User dapat mencari tugas akhir yang mereka inginkan berdasarkan universitas, jurusan, tahun tugas akhir dan kata kunci 3. Pengimplementasian website TADJ dalam bentuk aplikasi desktop 1.4
Batasan Masalah
Untuk lebih memfokuskan pembahasan materi pada tugas akhir ini, maka diperlukan batasan-batasan dan ruang lingkup dalam penyusunan tugas akhir. Batasan dan ruang lingkup meliputi hal-hal sebagai berikut : 1. Bahasa pemrograman yang digunakan adalah bahasa .php dan C# 2. Desain/tampilan yang dibahas hanyalah pada halaman kontak 3. Database yang digunakan untuk menyimpan data adalah MySql 4. Pengambilan data pada database 5. Aplikasi ini tidak membahas mengenai keamanan sistem
2
1.5
Metoda Penelitian
Metoda pengerjaan yang digunakan dalam pembuatasn tugas akhir ini adalah model Waterfall. Requirements analysis and definition System and software design Implementation and unit testing Integration and system testing Operation and instalation
Gambar 1.1 Waterfall
1. Requirements analysis and definition: Pada proses pengumpulan dan pendefinisian kebutuhan, dan dikumpulkan semua kebutuhan yang nantinya akan dipenuhi untuk pembangunan perangkat lunak. Semua daftar kebutuhan perangkat lunak selanjutnya akan dianalisis dan didefinisikan kebutuhannya, fungsi-fungsi yang dibutuhan yang akan dibangun dan diterapkan pada webiste TADJ 2. System and software design: Pada tahap ini perencanaan sistem desan perangkat lunak dengan kebutuhan (requirements) yang telah disesuaikan dengan analisis kebutuhan sebelumnya. Pada tahap ini dilakukan pembuatan desain tampilan, flowmap, usecase, dan rancangan database 3. Implementation and unit testing: Desain yang telah dikerjakan sebelumnya, pada tahap ini diterjemahkan kedalam kode-kode dengan menggunakan bahasa pemrograman Hypertext Preprocessor. Selain itu program yang dibangun akan langsung diuji baik secara unit. Pengujian sistem dilakukan
3
agar sistem yang dibuat telah selesai sesuai dengan kebutuhan user dan memastikan input yang dimasukkan akan menghasilkan output yang sesuai 4. Integration and system testing: Hasil proses pengkodean tadi digabungkan pada seluruh unit program kemudian dilakukan pengujian untuk menguji kesalahan-kesalahan program maupun fungsi dari sistem 5. Operation and Installation: Melakukan pengoperasian atau instalasi program 1.6
Sistematika Penulisan
Adapun sistematika penulisan pada tugas akhir ini adalah sebagai berikut : BAB I
Menjelaskan latar belakang pengangkatan studi kasus, rumusan masalah, tujuan, batasan masalah, sistematika penulisan, dan metode pengerjaan.
BAB II
Membahas mengenai landasan teori yang digunakan sebagai referensi dalam pembuatan laporan tugas akhir.
BAB III
Membahas mengenai desain dan perancangan aplikasi berdasarkan modul.
BAB IV
Membahas tentang tata cara penggunaan produk sesuai dengan modul yang telah dibangun.
BAB V
Berisi tentang penutup yang membahas kesimpulan dan saran.
4
BAB II TINJAUAN PUSTAKA
2.1
Hypertext Preprocessor (PHP)
PHP merupakan bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Artinya semua sintaks yang diberikan akan sepenuhnya dijalankan pada servar sedangkan yang dikirimkan ke browser hanya hasilnya saja. Beberapa kelebihan PHP antara lain: 1. bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya, 2. web Server yang mendukung PHP dapat ditemukan dimana-mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah, 3. dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam pengembangan, 4. dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Machintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem. 2.2
Cascading Style Shets (CSS)
Cascading Style Shets (CSS) adalah salah satu bahasa pemrograman desain dan tampilan pada web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan bahasa penanda (markup language). Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang bahasa pemrograman CSS bisa diaplikasikan untuk segala dokumen XML.
5
2.3
Javascript
Javascript adalah bahasa yang digunakan untuk membuat program yang digunakan agar dokumen HTML yang ditampilkan dalam browser menjadi lebih interaktif, tidak sekedar indah saja. Javascript digunakan untuk menjalankan perintah program di halaman awal saat user sudah berhasil login dalam aplikasi.Penggunaan Javascript dapat meringankan beban tampilan dalam menjalankan aplikasi (Shalahuddin dan Rosa, 2010). Beberapa kelebihan Javascript, antara lain : 1. Ukuran file kecil Script dari javascript memiliki ukuran yang kecil sehingga ketika web yang memiliki javascript ditampilkan di browser maka akses tampilannya akan lebih cepat dibandungkan ketika browser membuka suatu web yang tidak memiliki javascript. Hal ini juga yang berkepentingan dengan daya kerja server. Semakin kecil space suatu web yang disimpan dalam suatu server maka daya kerja server ketika di browsing oleh user di internet akan tidak terlalu berat, selain itu sifat javascript client side yang tidak perlu lagi di olah oleh sever ketika browser memanggil web dari sebuah server. 2. Mudah untuk dipelajari Javascript merupakan bahasa semi pemrograman yang merupakan gabungan antara bahasa pemrograman java dengan bahasa kode HTML sehingga disebut bahasa hybrid.Walaupun javascript merupakan turunan dari java namun javascript tidak memiliki aturan yang serumit java. 3. Terbuka Javascript tidak terikat oleh hardware maupun software tertentu bahkansystem operasiseperti windows maupun unix. Karena ia bersifat terbuka, maka ia dapat dibuat maupun dibaca di semua jenis komputer.
6
Beberapa kekurangan Javascript, antara lain : 1. Script tidak terenkripsi Karena javascript bersifat client side, maka script yang kita buat di text editor dan telahdijadikan web di server, ketika user merequestweb dari server tersebut maka sintak javascript akan langsung ditampilkan di browser. User bisa melihat dan menirunya dari sourcenya. 2. Kemampuan terbatas Walaupun javascript mampu membuat bentuk web menjadi interaktif dan dinamis, namun javascript tidak mampu membuat program aplikasi sendiri seperti java. 3. Keterbatasan objek Javascript tidak mampu membuat kelas-kelas yang bisa menampung objekobjek tambahan seperti java karena javascript telah memiliki objek builtin pada struktur bahasanya. 2.4
JQuery
Jquery adalah pustaka atau library JavaScript kecil yang menakankan pada interaksi antara JavaScript dan HTML. Adapun beberapa fitur yang ditawarkan oleh Jquery adalah sebagai berikut : 1. Mempermudah akses dan manipulasi ke bagian page tertentu. Jquery menawarkan sebuah selektor yang robust dan efisien untuk mengambil bagian tertentu pada dokumen yang selanjutnya bisa dimanipulasi. 2. Mempermudah perubahan tampilan dokumen. Jquery dapat mengubah tampilan CSS dengan mudah. 3. Merespon interaksi user dengan webpage. Jquery mempunyai cara yang sangat elegan untuk memasukkan sebuah even ke dalam salah satu bagian dari webpage. 4. Menambah animasi, dapat memberi animasi pada webpage kita dengan Jquery. 5. Mempermudah ajax. 7
2.5
C#
.C# merupakan sebuah bahasa pemrograman yang berorientasi obyek yang dikembangkan oleh Microsoft sebagai bagian dari inisiatif kerangka .NET Framework. Bahasa pemrograman ini dibuat berbasiskan bahasa C++ yang telah dipengaruhi oleh aspek-aspek ataupun fitur bahasa yang terdapat pada bahasa-bahasa pemrograman lainnya seperti Java, Delphi, Visual Basic, dan lain-lain dengan beberapa penyederhaaan.
Standar European Computer Manufacturer Sddociation (ECMA) mendaftarkan beberapa tujuan desain dari batasan pemrograman C#, sebagai berikut: 1. Bahasa pemrograman C# dibuat sebagai bahasa pemrograman yang bersifat bahasa pemrograman general-purpose (untuk tujan jamak), berorientasi objek, modern, dan sederhana. 2. Bahasa
pemrograman
C#
ditujukan
untuk
digunakan
dalam
mengembangkan komponen perangakt lunak maupun mengambil keuntungan dari lingkungan terdistribusi. 3. Portabilitas programmer sangatlah penting, khususnya bagi programmer yang telah lama menggunakan bahasa pemrograman C dan C++. 4. Dukungan untuk internasionalisasi (multi-language) juga sangat penting. 5. C# ditujukan agar cocok digunakan untuk menulis program aplikasi baik dalam sistem klien-server (hosted system) maupun embedded (embedded system). Meskipun aplikasi C# ditujukan agar bersifat “ekonomis” dalam hal kebutuhan pemrosesan dan memori komputer, bahasa C# tidak ditujukan untuk bersaing secara langsung dengan kinerja dan ukuran perangkat lunak yang dibuat dengan menggunakan bahasa pemrograman C dan bahasa rakitan.
8
2.6
Moodle
Moodle (Modular Object Oriented Dynamic Learning Environment) adalah sebuah nama untuk sebuah program aplikasi yang dapat mengubah sebuah media pembelajaran kedalam bentuk web. Aplikasi ini memungkinkan siswa untuk masuk kedalam “ruang kelas digital” untuk mengakses materi-materi pembelajaran. Dengan menggunakan Moodle, kita dapat membuat materi pembelajaran, quiz, jurnal elektronik dan lain-lain. Moodle merupakan sebuah aplikasi Course Management System (CMS) yang gratis dan dapat di-download, digunakan ataupun dimodifikasi oleh siapa saja dengan lisensi secara GNU (General Public license). Moodle dapat di-download pada alamat http://www.moodle/org. Moodle dikembangkan pertama kali oleh Martin Dougiamas pada Agustus 2002 dengan Moodle Versi 1.0.saat ini Moodle bisa dipakai oleh siapa saja secara Open Source. 2.7
XAMPP
XAMPP adalah salah satu paket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instalasi ketiga produk tersebut, sama seperti PHPTriad. Dilengkapi dengan contol panel berbasis GUI, phpMyAdmin, dan add-ons yang mendukung XAMPP bisa dijadikan sebagai web server serta mendukung PHP. 2.8
Microsoft Visual Studio
Miscrosoft vidual Studio merupakan sebuah perangkat lunak lengkap (suite) yang dapat digunaka untuk melakukan pengembangan aplikasi, baik itu aplikasi bisnis, aplikasi personal, ataupun komponen aplikasinya, dalam bentuk aplikasi console, aplikasi Windows, ataupun aplikasi Web.Visual Studio mencakup kompiler, SDK, IDE (Integrated Development Environment), dan dokumentasi (umumnya berupa MSDN Library).Compiler yang dimasukkan ke dalam paket Visual Studio antara lain, Visual C++, Visual C#,Visual Basic,Visual Basic .NET, Visual InterDev, Visual J++, Visual J#, Visual FoxPro, dan Visual SourceSafe.
9
2.9
XAMPP
XAMPP adalah salah satu paket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instalasi ketiga produk tersebut, sama seperti PHPTriad. Dilengkapi dengan contol panel berbasis GUI, phpMyAdmin, dan add-ons yang mendukung XAMPP bisa dijadikan sebagai web server serta mendukung PHP.
10
BAB III ANALISIS DAN PERANCANGAN
3.1
Sistem Kerja
Tugas Akhir Dalam Jaringan merupakan bagian daripada Crayonpedia dan merupakan sebuah sistem pendokumentasian hingga penilaian studi Tugas Akhir yang mengintegrasikan database dengan perangkat keras. Pada website TADJ (Tugas Akhir Dalam Jaringan) selain terdapat fasilitas pendokumentasian juga terdapat forum, blog, community dan moodle sebagai learning management system. Ketiga bagian tersebut diintegrasikan dengan Single Sign On. Pada bagian website disini berfokus pada bagian halaman kontak dan fitur pencarian tugas akhir. Dimana semua daftar kontak untuk menghubungi team crayonpedia/TADJ berada pada halaman itu, dan fitur pencarian tugas akhir digunakan untuk melihat, mempermudah pencarian tugas akhir berdasarkan universitas, jurusan, tahun tugas akhir dan keyword. Selain yang dideskripsikan diatas, untuk aplikasi pengumpulan tugas desktop yaitu dengan platform Moodle. Dalam hal ini berfokus sebagai siswa yang mengakses quiz. 3.2
Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak
Pada spesifikasi hardware untuk tugas akhir kali ini, dibutuhkan beberapa perangkat yang memang dibutuhkan untuk menunjang proses perancangan sistem supaya berjalan dengan maksimal. 1.
Perangkat keras Spesifikasi perangkat keras yang dibutuhkan untuk menjadi server pada pengembangan aplikasi ini antara lain : 1. Processor: Intel(R) Core(TM) i3-3210 CPU @ 3.20GHz (4 CPUs), ~3.2GHz 2. Memory: 8192MB RAM 3. Harddrive: 1TB
11
Sedangkan perangkat keras yang digunakan untuk mengembangkan aplikasi ini adalah sebagai berikut : 1. Processor :Intel(R) Core(TM) i3-3310 CPU @ 3.30GHz (4 CPUs), ~3.3GHz 2. Memory: 4GB RAM
2.
Perangkat Lunak Berikut merupakan spesifikasi perangkat lunak yang dibutuhkan untuk pengembangan aplikasi: 3. Windows Server 2012 R2 Datacenter 64-bit (6.3, Build 9600) (9600.winblue_r4.141028-1500)xx 4. Microsoft Visual Studio 2012 5. XAMPP 6. Sublime Text 7. FileZilla
3.3
Analisis dan Perancangan Sistem
Pada perancangan sistemini dibutuhkan analisa agar sistem berjalan dengan maksimal. 3.3.1 Analisis Kebutuhan Sistem Dengan melihat kembali deskripsi sistem yang akan dibuat, maka sistem yang dibutuhkan adalah sebagai berikut: a. Dapat menampilkan judul tugas akhir berdasarkan universitas, jurusan, tahun pembuatan tugas akhir, dan kata kunci dari user b. Dapat menampilkan berita mengenai tugas akhir, modul moodle, dan list tugas akhir beserta kuota nya. c. User experience dan user interface yang mendukung pada saat user menggunakan aplikasi desktop. Dari sistem yang telah dijelaskan, maka sistem daripada crayonpedia ini mengambil data beberapa kali untuk pencarian judul tugas akhir. Selanjutnya data akan ditampilkan dalam bentuk visual gambar dan tulisan pada website. 12
3.3.2 Analisis Sistem Analisis sistem pada aplikasi desktop crayonpedia untuk siswa & pencarian judul tugas akhir digambarkan dalam bentuk flowchart.Alur Alur sistem dirancang mulai dari awal user login hingga memilih mata kuliah, topik daripada mata kuliah tersebut hingga quiz.
Gambar 3.1 Flow Chart Siswa Mengambil Quiz
13
Gambar 3.2 Flowcart Pencarian Tugas Akhir
3.4
Analisis dan Perancangan Sistem
Pada perancangan sistemini dibutuhkan analisa agar sistem berjalan dengan maksimal. 3.4.1 Spesifikasi Perangkat Keras (Server) Untuk mendukung berjalannya aplikasi ini dengan baik, selain dibutuhkan spesifikasi perangkat keras minimal juga harus didukung dengan spesifikasi perangkat lunak yang memadai. Spesifikasi perangkat keras dapat dilihat pada Tabel 3.1 spesifikasi perangkat keras.
14
No
Perangkat Keras Minimum CPU Server
1.
Processor : Intel ® Core 2 Duo 2.4 Ghz
2.
Sistem Operasi : Windows Server 64-bti
3.
Memory : 4 GB RAM
4.
BIOS : Ver 04.06.05
5.
DirectX Version : DirectX 11
6.
DxDiag Version : 6.03.9600.17415 64 bit Unicode
7.
Harddisk : 500GB Tabel 3.1 Spesifikasi Perangkat Keras
3.4.2 Spesifikasi Perangkat Lunak Untuk mendukung berjalannya aplikasi ini dengan baik, selain dibutuhkan spesifikasi perangkat lunak minimal juga harus didukung dengan spesifikasi perangkat keras yang memadai hal ini dilakukan untuk mengurangi tingkat kesalahan pada sistem. Spesifikasi perangkat lunak dapat dilihat pada Tabel 3.2 spesifikasi perangkat lunak. No
Nama Program
1.
Microsoft Web Platform Installer 5.0
2.
Mysql 5.6
3.
Openldap 2.4.40
4.
Php Manager 1.2 for IIS 7
15
5.
IIS 7
6.
Phpldapadmin 1.2.3
7.
Php 5.4.24
8.
Phpmyadmin 4.4.14
9.
Moodle 1.9
10.
Wordpress 4.3.1 Tabel 3.2 Spesifikasi Perangkat Lunak
3.5
Struktur Tabel Database (TADJ)
Dibawah ini adalah struktur tabel yang digunakan untuk menyimpan data dari setiap input dan output
Gambar 3.3 Struktur Database
16
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1
Implementasi Sistem
Implementasi sistem adalah tahap pengujian kelayakan di sistem yang dibuat sehingga sistem TADJ (Tugas Akhir Dalam Jaringan) yang dibuat tidak menyimpang dari perancangan sistemnya.Sistem ini dibuat dengan menggunakan bahasa pemrograman php sebagai fungsi utama, javascript sebagai pengatur dan penghubung antara fungsi yang ada di TADJ dan css sebagai pengatur tampilan dari TADJ.MySQL Workbench sebagai database digunakan untuk menyimpan data user berupa pendaftaran akun baru, judul tugas akhir baru, penambahan data dosen, dan perubahan status dari tugas akhir. Spesifikasi perangkat keras dan perangkat lunak untuk pengembangan sistem adalah sebagai berikut. a. Perangkat Keras (Server) 1.
Processor : Intel ® Core ™ i3-3210 CPU @ 3.20 GHz (4 CPUs), ~3.2 Ghz
2.
Sistem Operasi : Windows Server 2012 R2 Datacenter 64-bit
3.
Memory : 8192 MB RAM
4.
BIOS : Ver 04.06.05
5.
DirectX Version : DirectX 11
6.
DxDiag Version : 6.03.9600.17415 64 bit Unicode
7.
Harddisk : 1 TB
b. Perangkat Lunak 1.
Microsoft Web Platform Installer 5.0
2.
Mysql 5.6
3.
Openldap 2.4.40
4.
Php Manager 1.2 for IIS 7
5.
IIS 7
6.
Phpldapadmin 1.2.3
7.
Php 5.4.24 17
8.
Phpmyadmin 4.4.14
9.
Moodle 1.9
10. Wordpress 4.3.1 11. Phpbb 3.1.4 4.2
Implementasi Sistem TADJ
Sistem TADJ terdiridari sebuah server, user (admin, dosen, mahasiswa) dan database.Server bertugas bertu untuk menjalankan semua fungsi ngsi yang ada di TADJ dimana data (daftar id dan tugas akhir yang ada dan yang akan dimasukkan) dari user disimpan dalam database (MySQL) data tersebut dapat di lihat oleh user melalui akses web TADJ (tadj.lskk.ee.itb.ac.id). 4.2.1 Implementasi Tampilan Awal Tampilan awal TADJ terdiri dari menu Beranda (Halaman ( Utama), Daftar Tugas Akhir (Daftar Tugas Akhir yang sudah terdaftar di TADJ), Tentang Kami (Informasi mengenai TADJ), Kontak, dan Masuk & Daftar (Menu bagi user untuk melakukan proses Login atau Daftar).Selain itu, pada tampilan awal TADJ terdapat penjelasan mengenai deskripsi, visi, dan misi dari pembuatan TADJ. TADJ
Gambar 4.1 Halaman Utama TADJ
18
4.2.2 Implementasi Login Log Tampilan dari menu Login dimana terdapat Email dan Password yang digunakan oleh user untuk melakukan proses indentifikasi akun oleh TADJ dengan mengeceknya di dalam database.. Terdapat 2 pilihan yang tersedia, yaitu “Masuk” jika user telah memiliki akun yang sudah terdaftar dalam database TADJ atau Daftar jika user belum memiliki akun yang sudah terdaftar.
Gambar 4.2 Tampilan Halaman Login
4.2.3 Implementasi Halaman Kontak Tamplian dari halaman kontak ini terbagi menjadi dua bagian utama, yaitu list kontak yang bisa dihubungi dengan dikelompokkan menjadi 3 bagian sesuai kategorinya, kemudian dibawahnya terdapat form untuk mengontak secara langsung.
19
Gambar 4.3 Tampilan Halaman Kontak
4.2.4 Implementasi Pencarian Tugas Akhir Pencarian tugas akhir dilakukan dengan memilih universitas terlebih dahulu pada drop down list, kemudian list selanjutnya akan muncul yaitu jurusan, dan kemudian tahun tugas akhir itu sendiri. Setelah memilih dengan spesifik kemudian inputkan kata kunci yang digunakan untuk mencari judul tugas akhir, bisa hanya sebagian atau keseluruhan, apabila sudah dan klik cari maka hasil akan ditampilkan dibawahnya.
Gambar 4.4 Tampilan Pencarian Tugas Akhir
20
4.2.5 Implementasi Aplikasi Desktop TADJ Untuk bisa menggunakan aplikasi desktop ini, user diharuskan mempunyai account pada TADJ, apabila tidak mempunyai account harus mendaftar terlebih dahulu pada website TADJ tadj.lskk.ee.itb.ac.id. tadj.lskk.ee.itb.ac.id Setelah login akan muncul jendel jendela baru dengan beberapa menu diatasnya.
Gambar 4.5 Tampilan awal Aplikasi Desktop
Gambar 4.6 Tampilan setelah login
Fitur utama pada aplikasi desktop ini adalah, moodle dan bimbingan. Moodle sendiri merupakan pembelajaran online, dimana dosen dan mahasiswa bisa melakukan proses pembelajaran, pemberian tugas dan juga pengerjaan quiz.
21
Gambar 4.7 Tampilan moodle
Fitur selanjutnya yaitu proses bimbingan tugas tugas akhir antara mahasiswa dan dosen dengan tampilan yang hampir menyerupai tampilan pada website TADJ.
Gambar 4.8 Tampilan proses bimbingan tugas akhir
22
BAB V PENUTUP 1.1
Kesimpulan
Dapat disimpulkan pada semua sistem yang dibangun ini memiliki rancangan dan implementasi yang telah berjalan dengan baik sesuai dengan tujuan dari tugas akhir, yaitu: 1. dapatmenampilkan visualisasi halaman kontak pada sistem informasi TADJ (Gambar 4.3) 2. dapat memfilterisasi dan menampilkan hasil pencrian judul tugas akhir pada sistem informasi TADJ (Gambar 4.4) 3. dapatterimplementasikan tampilan serta fitur website TADJ pada aplikasi desktop(Gambar 4.5) 1.2
Saran
Saran untuk pengembengan ke depan dengan perbaikan sistem informasi dan aplikasi tugas akhir adalah melengkapi implementasi fungsional quiz dan pengambilan, melihat detail tugas akhir pada aplikais desktop.
23
DAFTAR PUSTAKA [1]
_________________, Microsoft, 2015. https://msdn.microsoft.com/enus/library/z1zx9t92.aspx,diakses pada 8November 2015
[2]
_________________, PHP: Hypertext Preprocessor, https://secure.php.net/FAQ.php,diakses pada 8November 2015
[3]
Prasetio, A. (2012). Buku Pintar Pemrograman Web. Jakarta: Media Kita
[4]
_________________, Filezilla 2015. https://wiki.filezillaproject.org/Main_Page ,diakses pada 8November 2015
[5]
I.H, S. B. (2010). Pemograman Web dengan HTML. Bandung: Informatika
2015.
Bandung
[6]
Ramadhan, A. (2007). Pemrograman Web dengan HTML,CSS, dan Javasricpt. Jakarta: Elex Media Komputindo
24
