DESIGN TAMPILAN PENGGUNA SERTA FILTERISASI DATA PADA SISTEM INFORMASI TADJ , DAN APLIKASI DESKTOP TADJ BERBASIS C#
TUGAS AKHIR
Oleh
WENNY ISWARI NIM : 03214109 PROGRAM STUDI DIPLOMA 4 TEKNIK ELEKTRO
SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG 2015
DESIGN TAMPILAN PENGGUNA SERTA FILTERISASI DATA PADA SISTEM INFORMASI TADJ , DAN APLIKASI DESKTOP TADJ BERBASIS C#
Oleh : WENNY ISWARI
Tugas Akhir ini telah diterima dan disahkan sebagai persyaratan untuk memperoleh gelar
SARJANA SAINS TERAPAN di PROGRAM DIPLOMA 4 TEKNIK ELEKTRO SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG Bandung, 22 Desember 2015 Disetujui oleh : Pembimbing I,
Dr. Tech. Ary Setijadi Prihatmanto
Pembimbing II
Dr. Pranoto Hidaya Rusmin
ABSTRAK
DESIGN TAMPILAN PENGGUNA SERTA FILTERISASI DATA PADA SISTEM INFORMASI TADJ , DAN APLIKASI DESKTOP TADJ BERBASIS C#
Oleh
Wenny Iswari NIM : 03214109 PROGRAM STUDI DIPLOMA 4 TEKNIK KOMPUTER JARINGAN DAN MEDIA DIGITAL Data yang ada pada Crayonpedia Education System dibutuhkan oleh mahasiswa dan dosen, dimana keefektifan waktu dan biaya akan menjadi tolak ukur penting. Sistem Informasi ini membantu user untuk melakukan bimbingan dan pemantauan melalu media informasi. Setiap data yang diinput akan disimpan ke dalam database. Data yang disimpan merupakan sebuah file-file yang mengintegrasikan server, database dan pc. Bertindak sebagai client yang terus terhubung dengan server dan database. Pada sistem ini ikut andil di dalamnya admin, dosen, dan mahasiswa.
Sistem dibuat dengan software Notepad++, Microsoft Visual Studio 2013, bahasa pemrograman .php dan C# serta menggunakan database untuk menampilkan data, misalnya mahasiswa, dosen, universitas, jurusan, dan tugas akhir. Sistem informasi ini diharapkan membantu dalam keefektifan waktu client dan mendukung hukum global dunia saat ini “Go Green” dengan mengurangi mencetak lembaran-lembaran kertas.
Kata kunci : Notepad++, Microsoft Visual Studio 2013, .php, C#
i
ABSTRACT
USERS INTERFACE DESIGN AND DATA FILTERING IN TADJ INFORMATION SYSTEM ALSO DESKTOP APPLICATION DATA ADMINISTRASSION OF STUDENTS BASED C# By
Wenny Iswari NIM : 03214109 APPLIED SCIENCE IN COMPUTER ENGINEERING AND MEDIA DIGITAL STUDY PROGRAM
Every data exist in Crayonpedia Education System is needed by students and lecturers, where efficiency of cost and time will become and important benchmark. This information System helps users to do guidance and observation through media of information. Every inputted data will be saved into a database. The data saved is a file that integrates server, database and pc. Acting as a chent that is continually linked to server and database. In this system, administrator, lecturer, and students get to have a contribution. The system is made by Notepad++ software, Microsoft Visual Studio 2013, .php, and C# programming languages, also by using database to present the data, such as “mahasiswa”, “dosen”, “universitas”, “jurusan”, and “tugas akhir”. This information system is expected to help client in time efficiency and to support today’s world regulation, which is “Go Green”, by decreasing the printing of papers.
Keywords: Notepad++, Microsoft Visual Studio 2013, .php, C#
ii
KATA PENGANTAR Puji syukur penulis ucapkan ke hadirat Allah SWT, yang atas rahmat dan karunia Nya penulis dapat menyelesaikan Tugas Akhir yang berjudul “Design Tampilan Pengguna Serta Filterisasi Data Pada Sistem Informasi TADJ, dan Aplikasi Desktop Pengolahan Data Siswa Berbasis C#” ini sebagai salah satu syarat sidang Tugas Akhir pada program Diploma Empat (D4) Teknik Komputer Jaringan dan Media Digital 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. Ary Setijadi Prihatmanto, MT, selaku pembimbing, yang bersedia meluangkan waktu untuk memberikan bimbingan dan masukan yang sangat bermanfaat dalam penyusunan tugas akhir ini; 2. bapak Dr. Pranoto Hidaya Rusmin, selaku dosen pembimbing II yang selalu mengevaluasi, memberikan pengarahan serta bantuan berupa bahan dan saran yang bermanfaat dalam pengerjaan tugas akhir ini; 3. papa Vetri Ardi, mama Warnis, adik Arif Iswari, adik Annisa Iswari, dan Tri Rahmanto Kurniawan beserta seluruh keluarga yang senantiasa memberikan semangat dan doa; 4. teman-teman D4 ITB, sahabat-sahabat yang selalu memberi semangat dan dorongan; 5. dan semua pihak yang membantu, yang tidak dapat penulis sebutkan satu persatu.
Penulis menyadari bahwa tugas akhir ini bukanlah tanpa kelemahan, untuk itu kritik dan saran sangat diharapkan. Akhir kata, semoga tugas akhir ini dapat bermanfaat bagi para pembacanya.
Bandung, November 2015 Penulis
iii
DAFTAR ISI
Halaman ABSTRAK ............................................................................................................ 1 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 Sheets (CSS) ............................................................ 5
2.3
Javascript ............................................................................................ 6
2.4
JQuery ................................................................................................ 7
2.5
XAMPP .............................................................................................. 7
2.6
Microsoft Visual Studio 2013 ............................................................ 8
2.7
C# ....................................................................................................... 9
2.8
fileZilla ............................................................................................... 10
BAB III ANALISIS DAN PERANCANGAN ..................................................... 12 3.1
Sistem Kerja ....................................................................................... 12
3.2
Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak .............. 12 iv
3.3
Analisis dan Perancangan Sistem....................................................... 13
3.3.1 Analisis Kebutuhan Sistem ................................................................ 13 3.3.2 Analisis Sistem ................................................................................... 13 3.3.3 Fungsionalitas Perangkat.................................................................... 17 3.4
Kebutuhan Perangkat Lunak dan Keras ............................................. 17
3.4.1 Spesifikasi Perangkat Lunak .............................................................. 17 3.5
Struktur Tabel Database .................................................................... 18
BAB IV IMPLEMENTASI DAN PENGUJIAN .................................................. 19 4.1
Implementasi Sistem .......................................................................... 19
4.1.1 Implementasi Tampilan Pengguna pada Kontak ................................ 19 4.1.1.1 Implementasi Tampilan Utama Kontak ........................................... 19 4.1.1.2 Implementasi Konten Isi Kontak ..................................................... 20 4.1.1.3 Implementasi Form Kontak ............................................................. 21 4.1.2 Implementasi Data Berbasis C# ......................................................... 22 4.1.2.1 Implementasi Daftar Tugas Akhir ................................................... 22 4.1.2.2 Implementasi Filterisasi Daftar Tugas Akhir................................... 22 4.1.2.3 Implementasi Deskripsi Tugas Akhir .............................................. 23 4.1.3 Implementasi Filterisasi Data Mahasiswa .......................................... 24 4.1.3.1 Implementasi Tampilan Utama Daftar Tugas Akhir ....................... 24 4.1.3.2 Implementasi Tampilan Utama Daftar Tugas Akhir ....................... 26 BAB V PENUTUP ................................................................................................ 27 5.1
Kesimpulan......................................................................................... 27
3.
Saran ................................................................................................... 27
DAFTAR PUSTAKA ........................................................................................... 28
v
DAFTAR GAMBAR
Halaman Gambar 1.1 Waterfall ................................................................................................... 3 Gambar 3.1 Alur sistem TADJ................................................................................... 14 Gambar 3.2 Struktur database. ................................................................................... 18 Gambar 4.1 Tampilan utama halaman kontak. .......................................................... 20 Gambar 4.2 Tampilan konten isi kontak. ................................................................... 21 Gambar 4.3 Tampilan konten form kontak. ............................................................... 21 Gambar 4.4 Tampilan Daftar Tugas Akhir. ............................................................... 22 Gambar 4.5 Tampilan Halaman Pencarian Data. ....................................................... 23 Gambar 4.6 Tampilan Halaman Deskripsi Tugas Akhir. ........................................... 24 Gambar 4.7 Tampilan Utama Halaman Daftar Tugas Akhir ..................................... 25 Gambar 4.8 Tampilan Detail Halaman Daftar Tugas Akhir ...................................... 25 Gambar 4.9 Tampilan Filterisasi (search) pada halaman tugas akhir ........................ 26
vi
DAFTAR TABEL
Halaman Tabel 3.1 Spesifikasi perangkat lunak. ...................................................................... 17
vii
1. BAB I PENDAHULUAN
1.1
Latar Belakang
Teknologi informasi merupakan salah satu teknologi yang sedang berkembang dengan pesat pada saat ini. Dengan kemajuan teknologi informasi, pengaksesan terhadap data atau informasi yang tersedia dapat berlangsung dengan cepat, efisien, dan akurat. Berbagai aplikasi komputer saat ini bermunculan, mulai dari aplikasi yang mempermudah dalam perhitungan hingga aplikasi yang menyediakan sarana pengolahan data. Aplikasi-aplikasi ini memiliki tujuan yang sama yaitu ingin mempermudah pekerjaan unit kerja. Dengan meninggalkan sistem pengolahan data secara manual dan menggantinya dengan sebuah sistem informasi maka pengolahan data yang diperlukan akan menjadi lebih cepat dan penggunaan waktu lebih efisien, serta dapat diperoleh hasil yang lebih memuaskan. Berdasarkan fenomena saat ini, penyimpanan data seharusnya diharapkan membantu pekerjaan, seperti halnya dalam mencari dan menyimpan sebuah data tugas akhir, tidak harus mencetak lembaran-lembaran file data secara manual. Saat ini sistem informasi harus memiliki nilai jual, tidak hanya dari fitur yang bagus namun juga dengan tampilan yang bagus dan menarik. Tampilan pengguna bagi user harus dibuat semenarik mungkin agar user merasa nyaman dan mudah memahami maksud dari fitur. Disamping tampilan harus menarik dan bagus, tidak juga meninggalkan fungsi dari fitur-fitur pada halaman sistem informasi ataupun pada aplikasi desktop itu sendiri. Berdasarkan permasalahan yang di atas, maka dibangun suatu sistem informasi berbasis web. Dalam aplikasi ini, proses memasukkan data mahasiswa, data
1
pendaftaran, data tugas akhir, dan data dosen, yang secara keseluruhan akan dikelola oleh admin. Sistem informasi ini diharapkan dapat memiliki tampilan pengguna yang menarik dan nyaman bagi user, sehingga lebih mudah dalam mengelola data administrasi. 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 sistem kerja sistem informasi ini? 2. Bagaimana cara membangun sistem informasi yang mempunyai mobilitas baik? 3. Bagaimana membedakan pengguna dalam sistem informasi ini? 1.3. Tujuan Adapun tujuan dari pembuatan proposal tugas akhir ini sebagai berikut. 1. Membuat system dengan design tampilan pengguna pengolahan data daftar tugas akhir sehingga terdapat lengkap data administrasi pada sistem tersebut. 2. Mahasiswa dan dosen melakukan pengolahan data pada system aplikasi desktop secara online hingga tidak memerlukan pertemuan tatap muka, sehingga bimbingan dan pemantauan dapat dilakukan secara online. 3. Membangun manajemen user untuk memudahkan dalam pengelolaan data. 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 menggunakan bahasa .php 2. Design yang dibahas hanyalah pada page kontak 3. Sistem informasi yang terhubung pada perangkat elektronik, database, dan jaringan LAN. 4. Database yang digunakan untuk menyimpan data adalah MySql. 2
5. Penyimpanan data pada database. 6. Aplikasi tidak membahas dalam keamanan sistem. 1.5
Metoda Penelitian
Metode pengerjaan yang digunakan dalam pembuatan 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 pendefenisian kebutuhan, dan dikumpulkan semua kebutuhan yang nantinya akan dipenuhi untuk pembangunan perangkat lunak. Semua daftar kebutuhan perangkat lunak selanjutnya akan dianalisis dan didefenisikan kebutuhannya, fungsi-fungsi yang dibutuhkan yang akan dibangun dan diterapkan pada TADJ. 2. System and software design: Pada tahap ini perencanaan sistem desain 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 pada tahap ini diterjemahkan
kedalam
kode-kode 3
dengan
menggunakan
bahasa
pemograman Hypertext Preprocessor. Selain itu program yang dibangun akan langsung diuji baik secara unit. Pengujian sistem dilakukan agar sistem yang dibuat telah sesuai dengan kebutuhan user dan memastikan input yang dimasukkan akan menghasilkan output sesuai. 4. Integration and system testing: Hasil proses pengkodean tadi digabungkan 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. Artimya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server 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, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem. 2.2
Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) adalah salah satu tampilan pemograman desain web (style sheet languange) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan bahasa penanda (markup languange). Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang bahasa pemograman 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 dibandingkan ketika browser membuka suatu web yang memiliki script java. Hal ini juga sangat 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 server ketika browser memanggil web dari sebuah server. 2. Mudah untuk dipelajari Javascript merupakan bahasa semi pemograman yang merupakan gabungan antara bahasa pemograman 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 bahkan system operasi seperti windows maupun unix. Karena ia bersifat terbuka, maka ia dapat dibuat maupun dibaca di semua jenis komputer. Beberapa kekurangan Javascript, antara lain : 1. Script tidak terenkripsi Karena javascript bersifat client side, maka script yang kita buat di text editor dan telah dijadikan web di server, ketika user merequest web dari server 6
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 kelaskelas yang bisa menampung objekobjek tambahan seperti java karena javascript teleh memiliki objek yang builtin pada sturktur bahasanya. 2.4
JQuery
JQuery adalah pustaka atau library JavaScript kecil yang menekankan 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 selector 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. 2.5
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 control panel berbasis GUI, phpMyAdmin,
7
dan add-ons yang mendukung, XAMPP bisa dijadikan sebagai web server serta mendukung PHP. 2.6
Microsoft Visual Studio 2013
Microsoft Visual Studio merupakan sebuah perangkat lunak lengkap (suite) yang dapat digunakan 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.
Microsoft Visual Studio dapat digunakan untuk mengembangkan aplikasi dalam native code (dalam bentuk bahasa mesin yang berjalan di atas Windows) ataupun managed code (dalam bentuk Microsoft Intermediate Language di atas .NET Framework). Selain itu, Visual Studio juga dapat digunakan untuk mengembangkan aplikasi Silverlight, aplikasi Windows Mobile (yang berjalan di atas .NET Compact Framework)[7]. Visual Studio kini telah menginjak versi Visual Studio 12.0 atau dikenal dengan sebutan Microsoft Visual Studio 2013 yang diluncurkan pada 17 Oktober 2013 yang ditujukan untuk platform Microsoft .NET Framework 4.5.1 . Versi sebelumnya Visual Studio 2012 ditujukan untuk platform 4.5, Visual Studio 2010 ditujukan untuk .NET Framework 4.0, Visual Studio 2008 ditujukan untuk platform .NET Framework 3.5, Visual Studio 2005 ditujukan untuk platform .NET Framework 2.0 dan 3.0. Visual Studio 2003 ditujukan untuk .NET Framework 1.1, dan Visual Studio 2002 ditujukan untuk .NET Framework 1.0. Versi-versi tersebut di atas kini dikenal dengan sebutan Visual Studio .NET, karena memang membutuhkan Microsoft .NET Framework. Sementara itu, sebelum muncul Visual Studio .NET, terdapat Microsoft Visual Studio 6.0 (VS1998)[6].
8
2.7
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 penyederhanaan.
Menurut standar ECMA-334 C# Language Specification, nama C# terdiri atas sebuah huruf Latin C (U+0043) yang diikuti oleh tanda pagar yang menandakan angka # (U+0023). Tanda pagar # yang digunakan memang bukan tanda kres dalam seni musik (U+266F), dan tanda pagar # (U+0023) tersebut digunakan karena karakter kres dalam seni musik tidak terdapat di dalam keyboard standar. Standar European Computer Manufacturer Association (ECMA) mendaftarkan beberapa tujuan desain dari bahasa pemrograman C#, sebagai berikut. 1.
Bahasa pemrograman C# dibuat sebagai bahasa pemrograman yang bersifat bahasa pemrograman general-purpose (untuk tujuan jamak), berorientasi objek, modern, dan sederhana.
2.
Bahasa pemrograman C# ditujukan untuk digunakan dalam mengembangkan komponen perangkat lunak yang mampu 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 sistem embedded (embedded system), mulai dari perangkat lunak yang sangat besar yang menggunakan sistem operasi yang canggih hingga kepada perangkat lunak yang sangat kecil yang memiliki fungsi-fungsi terdedikasi. Meskipun aplikasi C# ditujukan agar bersifat 'ekonomis' dalam hal kebutuhan pemrosesan dan memori komputer, bahasa C# tidak ditujukan untuk bersaing secara langsung 9
dengan kinerja dan ukuran perangkat lunak yang dibuat dengan menggunakan bahasa pemrograman C dan bahasa rakitan. Bahasa C# harus mencakup pengecekan jenis (type checking) yang kuat, pengecekan larik (array), pendeteksian terhadap percobaan terhadap penggunaan Variabelvariabel yang belum diinisialisasikan, portabilitas kode sumber, dan pengumpulan sampah (garbage collection) secara otomatis. Pada akhir dekade 1990-an, Microsoft membuat program Microsoft Visual J++ sebagai sebuah langkah percobaan untuk menggunakan Java di dalam sistem operasi Windows untuk antarmuka dari Microsoft Component Object Model (COM). Akan tetapi, akibat masalah dengan pemegang hak cipta bahasa pemrograman Java, Sun Microsystems, Microsoft pun menghentikan pengembangan J++, dan beralih untuk membuat pengganti J++, kompilernya dan mesin virtualnya sendiri dengan menggunakan sebuah bahasa pemrograman yang bersifat general-purpose. 2.8
fileZilla
FileZilla adalah program aplikasi jaringan open source yang berguna untuk transfer file via protokol FTP di jaringan komputer atau internet. Software FileZilla dibuat dan dikembangkan oleh Tim Kosse. Perangkat lunak komputer ini memiliki kelebihan pada kecepatan dan kemudahannya dalam melakukan transfer file. Jendela aplikasi terbagi menjadi dua, satu untuk menampilkan file dan folder di komputer lokal, dan satu lagi untuk menampilkan file dan folder di komputer server. Anda cukup melakukan drag dan drop untuk mentransfer file dari komputer ke server jaringan/internet, atau sebaliknya. Melalui fitur Site Manager, Anda bisa menyimpan akun dan alamat beragam server FTP, dan menggunakannya secara cepat dan mudah. FileZilla juga memungkinkan Anda melakukan koneksi ulang ke server yang terakhir Anda akses sebelumnya, cukup dengan menekan satu tombol. Fitur utama dari Filezilla adalah:
Site manager (Manajer situs) Mengizinkan pengguna untuk membuat daftar situs FTP beserta data koneksinya, seperti nomor port yang akan digunakan, protokol 10
yang digunakan, dan apakah akan menggunakan log anonim atau normal. Untuk log normal, nama pengguna dan kata sandinya akan disimpan. Penyimpanan kata sandi adalah opsional.
Message log (Log pesan) Ditampilkan di bagian atas jendela. Fitur ini menampilkan output berjenis konsol (console-type) yang menunjukkan perintah yang dikirim oleh FileZilla dan respon yang diterima dari server.
File and folder view Ditampilkan di bawah pesan log (Message log), menyediakan sebuah tampilan grafis antarmuka untuk FTP. Pengguna dapat menavigasi folder serta melihat dan mengubah isinya pada komputer lokal dan server dengan menggunakan tampilan antarmuka gaya Explorer. Pengguna dapat men-drag dan drop file antara komputer lokal dan server.
Transfer queue (Transfer antrian) Ditampilkan di sepanjang bagian bawah jendela, menunjukkan status real-time setiap antrian atau transfer file yang aktif.
11
BAB III 3. ANALISIS DAN PERANCANGAN 3.1
Sistem Kerja
Design tampilan pada sistem informasi merupakan sebuah nilai tambahan yang diperhitungkan, user tidak mudah dalam memahami maksud dari fitur-fitur yang ada pada sistem informasi hanya dengan user interface yang minim. Design yang bagus akan membuat user nyaman dan tertarik untuk mengetahui lebih dalam fungsi dari fitur-fitur tersebut. Selain itu, user interface yang baik akan membuat proses pengolahan data input dan output lebih mudah untuk dimengerti. Server bertugas sebagai penghubung dengan pc teknisi. Sedangkan database yang berisikan kumpulan data, akan diolah pada pc teknisi agar dapat dibaca user dengan mudah dalam bentuk GUI (Graphic User Interface). Aplikasi desktop siswa juga menggunakan user interface, terdapat perbedaan pada pembuatan tampilan pada aplikasi desktop dan sistem informasi. Pada desktop menggunakan Microsoft Visual Studio 2013 dengan bahasa pemrograman C#, hanya saja untuk membuat tampilan, cukup drag beberapa tools yang dibutuhkan ke dalam form. Pada aplikasi desktop ini terdapat data-data yang diproses melalui input dan output, data disimpan pada database yang bisa terhubung ke pc melalui server. 3.2
Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak
Pada spesifikasi hardware untuk tugas akhir kali ini tidak membutuhkan perangkat keras. Namun, terdapat beberapa perangkat lunak yang dibutuhkan, berikut beberapa diantaranya : 1.
Perangkat lunak Berikut merupakan spesifikasi perangkat lunak yang dibutuhkan untuk pengembangan aplikasi: 1. sistem operasi Windows 8, 2. visual Studio 2013, 3. XAMPP, 4. PHP designer. 12
5. fileZilla 3.3
Analisis dan Perancangan Sistem
Untuk membangun dan merancang sebuah sistem dibutuhkan beberapa analisa sesuai dengan keinginan client agar sistem berjalan dengan maksimal. Pada perancangan sistem ini 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 menyampaikan kepada pengguna informasi data kontak seputar TADJ dengan user interface yang baik, menarik, dan mudah dimengerti, b. dapat menyediakan aplikasi desktop yang melakukan pengolahan data siswa dengan user interface yang baik, menarik, dan mudah dimengerti. Sistem informasi ini mengambil data dari database, data ini akan ditampilkan pada halaman-halaman sistem informasi. Untuk melakukan tahap pengecekan ketepatan data yang telah disimpan, 3.3.2 Analisis Sistem Alur pada sistem informasi TADJ dirancang mulai dari awal user login hingga memilih menu yang disediakan pada halaman awal TADJ, terdapat hak akses yang akan membatasi ruang user mengakses sistem informasi ini. Ada beberapa user yang memiliki hak akses berbeda, misalnya mahasiswa, dosen, dan admin. Ketika user melakukan login menggunakan username dan password yang telah terdaftar, maka tampilan utama (home) akan muncul. Tampilan jendela login dengan menu memiliki tema yang sama namun pada konten isi terdapat perbedaan. Dan ketika username dan password yang digunakan belulm terdaftar ke dalam database, maka akan muncul tampilan peringatan atau pop up bahwa user belum terdaftar, sehingga user harus melakukan registrasi atau sign up. Sistem kerja pada aplikasi desktop juga hampir sama dengan sistem informasi berbasis web, hanya saja pada user interface aplikasi desktop tidak menggunakan template-template yang telah disediakan (plugin) layaknya sistem informasi. Pada 13
aplikasi desktop sistem kerja dari user interfacenya dibuat dengan melakukan drag tools yang dibutuhkan, misalnya panel, text field, combo box, dan lain-lain.
Start
Login
Tidak Terdaftar / Benar
Cek Username & Password
Terdaftar & Benar
Menu
Program (Mengolah Instruksi)
Cek Menu
End Gambar 3.1 Alur sistem TADJ
14
3.3.3 Fungsionalitas Perangkat Fungsionalitas dari perangkat ini yaitu: 1. menampilkan kepada pengguna informasi data kontak seputar TADJ dengan user interface yang baik, menarik, dan mudah dimengerti, 2. menampilkan aplikasi desktop yang melakukan pengolahan data siswa dengan user interface yang baik, menarik, dan mudah dimengerti. 3.4
Kebutuhan Perangkat Lunak dan Keras
Untuk membangun Sistem Informasi dibutuhkan beberapa perangkat lunak yang mendukung dalam kegiatan operasional dengan spesifikasi sebagai berikut. 3.4.1 Spesifikasi Perangkat Lunak Sistem informasi ini dapat berjalan dengan baik jika terpenuhinya spesifikasi perangkat lunak. Spesifikasi perangkat lunak dituliskan pada Tabel 3.1 dengan spesifikasi. 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.1 spesifikasi perangkat lunak.
Tabel 3.1 Spesifikasi perangkat lunak.
No
Perangkat Lunak Minimum CPU Server
1.
Sistem Operasi, seperti Windows, Linux, atau yang lainnya.
2.
Visual Studio 2013
3.
Arduino 1.0.5
4.
XAMPP 1.8.1
17
3.5
Struktur Tabel Database
Pada tampilan yang baik, akan mudah dimengerti dengan outputan data yang tepat dan benar. Data-data ini telah disimpan dalam database. Di bawah ini adalah struktur tabel yang digunakan untuk menyimpan data dari setiap input dan output.
Gambar 3.2 Struktur database.
18
BAB IV 4. IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Implementasi sistem adalah tahap pengujian program yang dibangun, yang akan langsung diuji. Pengujian sistem dilakukan agar sistem yang dibuat telah sesuai dengan kebutuhan user dan memastikan input yang dimasukkan akan menghasilkan output yang sesuai. Aplikasi ini dibuat menggunakan Microsoft Visual Studio 2013 dengan C# sebagai bahasa pemrograman aplikasi. MySQL sebagai database digunakan untuk menyipan data. Spesifikasi perangkat keras untuk pengembangan aplikasi adalah sebagai berikut. a. Perangkat lunak yang digunakan adalah: 1. sistem Operasi Windows 8 64 bit, 2. microsoft Visual Studio 2013, 3. XAMPP, 4. PHP Designer. 4.1.1
Implementasi Tampilan Pengguna pada Kontak
Sistem informasi TADJ dilengkapi dengan halaman kontak. Halaman ini dibutuhkan bagi user jika sewaktu-waktu membutuhkan informasi update dari sistem informasi ini, atau bisa juga dengan menghubungi melalui contact number. 4.1.1.1 Implementasi Tampilan Utama Kontak User Interface kontak dirancang menarik agar saat user tidak akan kesulitan mencari informasi.
19
Gambar 4.1 Tampilan utama halaman kontak.
4.1.1.2 Implementasi Konten Isi Kontak Antarmuka menu utama merupakan menu yang terdiri atas visual gambar, secara UI warna dan bentuk bidang yang digunakan sesuai dengan tema pada halaman utama Home.
20
Gambar 4.2 Tampilan konten isi kontak.
Gambar diatas merupakan tampilan konten isi yang nantinya menghubungkan dengan form-form aplikasi lainnya. 4.1.1.3 Implementasi Form Kontak Halaman kontak menyediakan fitur form berupa pertanyaan yang dapat dikirimkan kepada admin. Pada fitur ini, user harus mengisi field-field yang tersedia agar bisa mengirimkan pertanyaan, pertanyaan tersebut dapat diisikan pada text area yang disediakan.
Gambar 4.3 Tampilan konten form kontak.
21
4.1.2
Implementasi Data Berbasis C#
Aplikasi desktop ini dibuat agar dapat bertukar informasi. Pada aplikasi ini, user akan mempunyai akun masing-masing. Namun, pada aplikasi terdapat hak akses yang tidak semua dapat diakses oleh user. 4.1.2.1 Implementasi Daftar Tugas Akhir Data yang terdapat pada database, sebelumnya harus diinput melalui jendela sistem aplikasi dekstop yang sudah dibangun. Sebelum masuk kepada jendela pertama, user akan login terlebih dahulu. User bisa melakukan login menggunakan username dan password yang telah terdaftar pada database. Data-data ini dapat dibuka pada database oleh admin. Aplikasi desktop ini dijalankan pada visual studio 2013 dengan menggunakan bahasa pemrograman C#. Setelah login, maka akan ada salah satu halaman yang dapat diakses oleh user.
Gambar 4.4 Tampilan Daftar Tugas Akhir.
4.1.2.2 Implementasi Filterisasi Daftar Tugas Akhir Halaman yang akan dibuka oleh user pada saat setelah login adalah menu utama, yang disana terdapat beberapa pilihan menu.
22
Gambar 4.5 Tampilan Halaman Pencarian Data.
Pada halaman daftar tugas akhir user bisa melakukan pencarian (filter) data untuk judul tugas akhir. 4.1.2.3 Implementasi Deskripsi Tugas Akhir User bisa melihat rincian dari tugas akhir dengan mengklik pada baris judul tugas akhir. Setelah itu, halaman deskripsi tugas akhir akan muncul berdasarkan baris yang dipilih.
23
Gambar 4.6 Tampilan Halaman Deskripsi Tugas Akhir.
Gambar diatas merupakan jendela description dimana user bisa melihat rincian dari tugas akhir. 4.1.3
Implementasi Filterisasi Data Mahasiswa
Mahasiswa dapat melakukan input judul tugas akhir jika telah berhasil login mengakses halaman TADJ. Jika mahasiswa atau user belum memiliki akun untuk melakukan login, makan mahasiswa harus sign up terlebih dahulu pada halaman sign up. Setelah melakukan sign up dan memiliki akun login, mahasiswa bisa login menggunakan username dan password yang telah tersimpan pada database. Selanjutnya siswa harus mengisi konten tugas akhir dan mengikuti alur-alur yang harus diisi pada halaman daftar tugas akhir. 4.1.3.1 Implementasi Tampilan Utama Daftar Tugas Akhir Pada tampilan halaman daftar tugas akhir terdapat fitur filterisasi yang bisa memperkecil konten pencarian. Data yang akan difilter sudah tersimpan pada database, dan jika data tersebut tidak ada dapat diartikan data belum diinput ke dalam database. 24
Gambar 4.7 Tampilan Utama Halaman Daftar Tugas Akhir
Gambar 4.8 Tampilan Detail Halaman Daftar Tugas Akhir
25
4.1.3.2 Implementasi Tampilan Utama Daftar Tugas Akhir Pada fitur filterisasi dapat diperkecil kemungkinan tidak menemukan data sesuai database.
Gambar 4.9 Tampilan Filterisasi (search) pada halaman tugas akhir
26
BAB V PENUTUP 5.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. Dapat membuat system dengan design tampilan pengguna pengolahan data daftar tugas akhir sehingga terdapat lengkap data administrasi pada sistem tersebut. 2. Mahasiswa dan dosen dapat melakukan pengolahan data pada system aplikasi desktop secara online hingga tidak memerlukan pertemuan tatap muka, sehingga bimbingan dan pemantauan dapat dilakukan secara online. 3. Dapat membangun manajemen user untuk memudahkan dalam pengelolaan data 4.
Saran
Saran untuk pengembengan ke depan dengan perbaikan sistem informasi dan aplikasi tugas akhir agar lebih baik dari segala segi.
27
DAFTAR PUSTAKA [1] Santoso, Alfons Azhari, Modul Pemrograman C#, Politeknik Elektronika Negeri Surabaya, Surabaya, 2014. [2] I.H, S. B. (2010). Pemograman Web dengan HTML. Bandung: Informatika
Bandung. [3] Prasetio, A. (2012). Buku Pintar Pemrograman Web. Jakarta: Media Kita.
[4] ________________, Info Program Komputer, http://info-program-komputer.blogspot.co.id/2012/05/filezilla.html, diakses pada 09 November 2015, 20:21 WIB. [5] __________________, fileZilla Client, https://id.wikipedia.org/wiki/FileZilla_Client, diakses pada 09 November 2015, 21.00 WIB. [6] Ramadhan, A. (2007). Pemrograman Web dengan HTML,CSS, dan Javasricpt. Jakarta: Elex Media Komputindo. Y [7] elramdano, Microsoft Visual Studio, 2014. http://elramdano.wordpress.com/ 2014/06/21/microsoft-visual-studio/, diakses pada 7 November 2015, 18:00 WIB. [9] Wardana, S.Hut, M.Si, Menjadi Master PHP dengan Framework Codeigniter, Gramedia, 2014.
28
