MEMBANGUN SISTEM SHARING FILE BERBASIS WEBSITE PADA JARINGAN LOKAL UNTUK KEMAJUAN BELAJAR DI SMP NEGERI 3 SLEMAN
Naskah Publikasi
diajukan oleh Aban Hayu Tirta
07.01.2323
Asih Rokhimawati
07.01.2345
kepada JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011
BUILDING WEBSITE BASED SHARING FILE SYSTEM ON LOCAL NETWORK TO INCREASE STUDYING PROCESS AT SMP NEGERI 3 SLEMAN MEMBANGUN SISTEM SHARING FILE BERBASIS WEBSITE PADA JARINGAN LOKAL UNTUK KEMAJUAN BELAJAR DI SMP NEGERI 3 SLEMAN Aban Hayu Tirta Asih Rokhimawati Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT The title in this final report is to build systems based file sharing website on the local network for the advancement of learning in Sleman SMP Negeri 3. The title is taken based on the observation that occurred in junior high school environment Negeri 3 Sleman. In this school there are a lot of IT resources that have not been used maximally for example a computer server and local network at the school. The server computer should be able to be used as servers and data information service provider, but only used as a desktop computer. While local networks in schools is only used for Internet service but can be developed as an intranet service. Based on these problems, the authors will build a system that can be a center of information and data services in schools using a computer server and local network at the school. The system developed would provide several key features such as: publishing information (INFO), resource use file sharing (FILE), discussion forums (TOPIC), and sending messages between users (MAIL). The system will be built using the concept of web-based so that the language program that will be used include HTML CSS, PHP, MySQL. Advantages possessed of the four programming languages is its free and already commonly used in the process of making web-based system. The concept of this system is very suitable to be implemented in SMP Negeri 3 Sleman as a center for information and data services. This is especially due to the need of information or data in schools is very complex. Users do not need to meet in person to convey information or data, users simply need to log into the system and then upload or send them to other users via the system. This system is also suitable for use as supporting media learning in schools between teachers and students. Keywords: CMS, File Sharing, Forums
1
2
1.
Pendahuluan
SMP Negeri 3 Sleman merupakan salah satu sekolah andalan di kabupaten Sleman. Sekolah ini mendapat perhatian khusus dari pemerintah, berbagai bantuan terutama perangkat IT banyak diberikan oleh dinas pendidikan. Bantuan perangkat IT belum dapat digunakan secara maksimal. Sebagai contoh komputer server hanya digunakan untuk mengolah data administrasi sekolah sedangkan jaringan lokal hanya digunakan untuk koneksi internet. Kebutuhan informasi dan data yang harus diakses oleh pengguna secara cepat dan terpusat di sekolah sangat banyak. Untuk itu, dibutuhkan sebuah sistem yang mampu mengatasi kebutuhan informasi dan data dengan penggunaan perangkat IT yang lebih maksimal. 2.
Dasar Teori
2.1 Konsep Dasar Sistem Informasi Sistem informasi dapat didefinisikan sebagai kumpulan komponen yang digunakan untuk mengolah data sehingga dapat menghasilkan suatu informasi yang dapat digunakan untuk pengambilan keputusan. 2.2 Bahasa Program HTML HyperText Markup Language (HTML) merupakan bahasa pemrograman website yang paling dasar, HTML berfungsi menampilkan halaman website. Format standar HTML berupa dokumen hypertext yang dapat dibaca oleh browser dengan berbagai platform. 2.3 Bahasa Program CSS Cascading Style Sheet (CSS) merupakan bahasa pemrograman yang mengatur tampilan lebih spesifik sehingga membuat tampilan lebih menarik. Kode program CSS tidak dapat berjalan tanpa digabungkan dengan HTML. 2.4 Bahasa Program PHP Hypertext Preprocessor (PHP) merupakan bahasa pemrograman server side sehingga kode program hanya dieksekusi di server. PHP dapat bekerja dengan berbagai jenis engine database, misalnya: MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL dan Generic ODBC. Selain itu, kode PHP dapat digabungkan dengan berbagai kode bahasa program, misalnya: HTML, CSS, dan Javasript. Data yang diolah di server akan dikirim ke browser berupa kode HTML murni sehingga kode PHP tidak dapat dilihat dari browser. 2.5 Database MySQL MySQL merupakan salah satu engine database yang sangat populer dalam pembuatan aplikasi berbasis website. MySQL berfungsi menyimpan dan mengelola data yang akan ditampilkan ke halaman website. MySQL sangat cocok digabungkan dengan PHP karena kemampuan dan kemudahan serta sifatnya yang open source. 2.6 Jaringan Komputer Menurut Melwin Syafrizal (2005), jaringan komputer merupakan himpunan interkoneksi antara dua komputer atau lebih yang saling terhubung menggunakan media transmisi kabel maupun tanpa kabel. Jaringan komputer dapat dibagi dua berdasarkan jangkauan jaringan, yaitu LAN dengan area jangkauan terbatas dan WAN dengan area jangkauan yang tidak terbatas. 2.7 Pengenalan Website Website merupakan media informasi yang dapat diakses oleh pengguna komputer yang terhubung dalam jaringan. Pengguna dapat mengakses informasi dalam website
3
menggunakan web browser. Browser menggunakan protokol HTTP untuk melakukan transfer data antara server dengan browser via port 80. 2.8
Teknik Perancangan Database
ERD merupakan suatu pemodelan basis data relasional yang didasarkan perspeksi dunia nyata. ERD terdiri dari sekumpulan objek yang saling berhubungan satu sama lain. Normalisasi Normalisasi adalah proses pengelompokan data menjadi tabel-tabel yang menunjukan entitas dan relasinya. Pada proses normalisasi dilakukan pengujian apakah ada kesulitan pada saat menambah, menyisipkan, menghapus, mengubah dan mengakses suatu basis data. Bila terdapat kesulitan pada pengujian tersebut maka data perlu dipecah menjadi beberapa tabel dengan foreign key. 3.
Tinjauan Umum
Sistem sharing file merupakan sistem berbasis website. Sistem ini dibangun menggunakan bahasa pemrograman HTML, PHP, MYSQL, dan CSS. Sistem akan diimplementasikan ke dalam jaringan lokal di sekolah. Hal ini dilakukan untuk memaksimalkan sumber daya IT yang sudah ada di SMP Negeri 3 Sleman, antara lain: komputer server dan jaringan lokal. Sistem sharing file memiliki empat fitur utama, yaitu INFO, FILE, TOPIK, dan PESAN. Fitur tersebut memiliki beberapa hak akses untuk membatasi kemampuan pengguna dengan level yang berbeda. Berikut tabel hak akses masing-masing fitur: Tabel 1.1 Hak Akses Fitur SSF Nama Fitur INFO FILE TOPIK PESAN
4.
Hak Akses Public Public, Private, Protect Public, Private Private
Tamu Public
Siswa Public
Public
Public, Private
Public Private
Public, Private Private
Guru Public Public, Private, Protect Public, Private Private
Admin Public Public, Private, Protect Public, Private Private
Pembahasan
4.1 Analisis Kebutuhan 4.1.1 Kebutuhan Perangkat Keras Perangkat keras digunakan sebagai media agar sistem sharing file dapat berjalan sehingga sistem dapat diakses oleh pengguna. Berikut daftar perangkat keras yang digunakan: • PC Server di laboratorium • Perangkat jaringan: switch, kabel utp dan akses poin • PC Wire di laboratorium • PC Wireless di perpustakaan • Perangkat Wifi Client: laptop dan wifi gadget (opsional) 4.1.2 Kebutuhan Perangkat Lunak Selain perangkat keras, perangkat lunak sangat diperlukan untuk membangun sistem sharing file. Berikut perangkat lunak yang digunakan: • Macromedia Dreameaver • Adobe Photoshop
4
• •
XAMPP Mozilla Firefox
4.1.3 Kebutuhan Pengguna Sistem Berikut tabel kebutuhan pengguna sistem sharing file: Tabel 1.2 Kebutuhan Pengguna Sistem Pengguna Tamu
Siswa
Guru
Admin
Deskripsi Kebutuhan dalam Sistem Dapat melakukan login ke sistem jika sudah mempunyai akun Dapat membaca headline informasi terbaru Dapat detail informasi melalui headline Dapat melakukan pencarian info, file, dan topik Dapat melihat file berdasarkan kategori Dapat mendownload file dengan akses public Dapat melihat topik berdasarkan room Dapat membaca topik dengan akses public Dapat melihat detail file terbaru Dapat membaca topik public terbaru Dapat melihat detail file top download Dapat membaca topik public terpopuler Dapat melakukan logout keluar dari sistem Dapat mengakses menu siswa dengan berbagai modul Dapat menggunakan fitur yang dimiliki oleh tamu Dapat mengubah profil sendiri Dapat menggunakan modul fileku (buat, lihat, ubah, hapus) khusus untuk file yang diupload sendiri Dapat memberikan dan menghapus komentar pada file sendiri Dapat menggunakan modul topikku (buat, lihat, ubah, hapus) khusus untuk topik yang ditulis sendiri Dapat memberikan dan menghapus komentar pada topik sendiri Dapat melihat teman dan mengirim pesan Dapat menggunakan modul inbox untuk pesan masuk Dapat menggunakan modul outbox untuk pesan keluar Dapat mengakses menu guru dengan berbagai modul Dapat menggunakan fitur yang dimiliki oleh siswa Dapat menggunakan modul kategori (buat, lihat, ubah, hapus) khusus untuk kategori yang dibuat sendiri Dapat menggunakan modul room (buat, lihat, ubah, hapus) khusus untuk room yang dibuat sendiri Dapat menggunakan modul infoku (buat, lihat, ubah, hapus) khusus untuk info yang dibuat sendiri Dapat mengakses menu admin dengan berbagai modul Dapat menggunakan fitur yang dimiliki oleh guru Dapat menggunakan modul kategori (buat, lihat, ubah, hapus) dari semua user Dapat menggunakan modul room (buat, lihat, ubah, hapus) dari semua user Dapat menggunakan modul info (buat, lihat, ubah, hapus) dari semua user Dapat menggunakan modul file (buat, lihat, ubah, hapus) dari semua user Dapat menggunakan modul topik (buat, lihat, ubah, hapus) dari semua user
5
Dapat menggunakan modul kelas (buat, lihat, ubah, hapus) dari semua user Dapat menggunakan modul user (buat, lihat, ubah, hapus) dari semua user 4.2 Rancangan Sistem 4.2.1 Dasar Kinerja Sistem Sistem sharing file dibangun menggunakan teknologi website. Berikut gambaran tentang dasar kinerja sistem berbasis website: C
A Web Browser
Web Server B
Database Server D
Gambar 1.1 Dasar Kinerja Sistem Keterangan: A. Permintaan data berupa URL (request) dari browser ke server. B. Pengiriman data berupa HTML (response) dari server ke browser. C. Permintaan record berupa Query (request) dari server ke database. D. Pengiriman record berupa Array (response) dari database ke server. 4.2.2 Desain ERD Desain ERD pada tahap ini digambarkan secara umum sehingga hanya kardinalitas antar entitas yang diikutsertakan. Sedangkan relasi atribut antara dua entitas akan dijelaskan di bagian kardinalitas. Berikut desain ERD pada sistem sharing file:
Gambar 1.2 Desain ERD Semua Entitas
4.2.3 Flowchart Tamu Tamu tidak dapat masuk ke dalam sistem namun dapat memanfaatkan sumber daya yang berakses public, antara lain: informasi, file dan topik. Berikut diagram flowchart tamu:
Gambar 1.3 Flowchart Tamu 6
7
4.2.4 Rancangan Tabel 4.2.4.1
Tabel dan Relasi
Tabel merupakan implementasi hasil akhir dari proses normalisasi data. Berikut tabel dan relasi yang diturunkan dari bentuk normal kedua (NF2):
tbl_user idUser* [chr 5] pass [vchr 32] aksu [enm 1,2,3] nama [vchr 35] lhr [date] jk [enm P,L] almt [vchr 75] noHp [vchr 15] email [vchr 50] foto [mdmblob] tbl_kls idKls* [int 1] nama [vchr 10] ket [vchr 35]
tbl_psn idPsn* [int 3] jdl [vchr 55] isi [text] tgl [date] utk [char 5] idUser** [chr 5]
tbl_info idInfo* [int 3] jdl [vchr 55] isi [text] gbr[vchr 35] tgl [date] baca [int 1] idUser** [chr5]
tbl_kat idKat* [int 1] nama [vchr 15] ket [vchr 55] tgl [date] idUser** [chr 5]
tbl_rom idRom* [int 1] nma [vchr 15] ket [vchr 55] tgl [date] idUser** [chr 5]
tbl_file idFile* [int 3] nma [vchr 35] aks [enm 1,2,3] size [int 1] tipe [vchr 5] url [chr 32] tgl [date] ket [vchr 55] down [int 1] idKat** [int 1] idUser** [chr 5] tbl_fcom idFCom* [int 3] isi [text] tgl [date] idFile** [int 3] idUser** [chr 5]
Gambar 1.4 Tabel dan Relasi
tbl_tpk idTpk* [int 3] jdl [vchr 55] aks[enm 1,2] isi [text] gbr[vchr 35] tgl [date] baca [int 1] idRom** [int 1] idUser** [chr 5] tbl_tcom idTCom* [int 3] isi [text] tgl [date] idTpk** [int 3] idUser** [chr 5]
8
4.2.4.2
Implementasi Tabel dan Relasi
Hasil implementasi tabel dan relasi dapat dilihat melalui phpmyadmin:
Gambar 1.5 Implementasi Tabel – Relasi 4.3 Rancangan Interface 4.3.1 Interface Tamu Berikut rancangan interface untuk pengguna dengan hak akses tamu: a. Halaman Tamu
Gambar 1.6 Halaman Tamu
9
b. Halaman Home
Gambar 1.7 Halaman Home c.
Halaman File
Gambar 1.8 Halaman File d. Halaman Topik
Gambar 1.9 Halaman Topik
10
4.3.2 Interface Siswa Berikut rancangan interface untuk pengguna dengan hak akses siswa: a. Halaman Siswa
Gambar 1.10 Halaman Siswa b. Halaman Home Halaman Home Siswa sama dengan Halaman Home Tamu c. Halaman File Halaman File Siswa sama dengan Halaman File Tamu d. Halaman Topik Halaman Topik Siswa sama dengan Halaman Topik Tamu e. Halaman Profil
Gambar 1.11 Halaman Profil
11
f.
Halaman Fileku
Gambar 1.12 Halaman Fileku g. Halaman Topikku
Gambar 1.13 Halaman Topikku
12
h. Halaman Teman
Gambar 1.14 Halaman Teman i.
Halaman Inbox
Gambar 1.15 Halaman Inbox j.
Halaman Outbox
Gambar 1.16 Halaman Outbox k. Halaman Pencarian Halaman Pencarian Siswa sama dengan Halaman Pencarian Tamu l.
Halaman Logout
Gambar 1.17 Halaman Logout
13
4 4.4 Impleme entasi Interfa ace 4 4.4.1 Implem mentasi Tamu Berikut im mplementasi interface untu uk pengguna dengan hak a akses tamu: a. Hala aman Tamu
Gambar 1.18 Implemen ntasi Tamu b. Hala aman Home
ntasi Home Gambar 1.19 Implemen c.
Hala aman File
14
Gambar 1.20 Implementasi File d. Hala aman Topik
21 Implemen ntasi Topik Gambar 1.2 4 4.4.2 Implem mentasi Sisw wa Berikut im mplementasi interface untu uk pengguna dengan hak a akses siswa: a. Hallaman Siswa
Gambar 1.22 Implemen ntasi Siswa
15
b. Halaman Home d Halam man Home Tamu Halaman Home Siswa sama dengan c. Halaman File swa sama dengan Halama an File Tamu Halaman File Sis d. Halaman Topik S sama d dengan Halam man Topik Ta amu Halaman Topik Siswa e. Halaman Profil
Gambar 1.2 23 Implemen ntasi Profil f.
Halaman Fileku
4 Implementasi Fileku Gambar 1.24 g. Halaman Topikku
16
G Gambar 1.25 5 Implementa asi Topikku h. Halaman Teman n
Gambar 1.26 Halaman n Teman i.
Halaman Inbox
27 Implemen ntasi Inbox Gambar 1.2 j.
Halaman Outboxx
Gambar G 1.28 8 Implementtasi Outbox
17
k. Halaman Logoutt
9 Implementtasi Logout Gambar 1.29
5 5.
PENUTU UP
5 5.1 Kesimpu ulan Berdassarkan proses s yang telah h dilakukan dalam d pembu uatan sistem sharing file maka dapat diambil m d kesimpulan bahwa: a. Kom mputer serverr dan jaringan n lokal di sekkolah akan me emberikan manfaat yang lebih maksimal dengan imple ementasi sisttem sharing file. Hal ini dikarenakan d manfaatan kom mputer serve er yang sudah h sesuai deng gan fungsi dari perangkat pem terssebut. Kompu uter server m memiliki kem mampuan yan ng lebih untu uk melayani perm mintaan klien n sehingga penerapan sistem s sharin ng file dapatt terlaksana den ngan baik. Ja aringan lokal di sekolah juga akan berfungsi le ebih optimal den ngan adanya sistem sharring file karen na pemanfaa atan jaringan lokal tidak han nya untuk men ngakses interrnet namun ju uga untuk men ngakses intra anet. b. Sisttem sharing file dapat diigunakan seb bagai media penyampaia an informasi yang efektif bagi sekolah karrena terdapatt beberapa fittur di dalam sistem s yang ndukung pro oses penyam mpaian inform masi. Fitur yang dapat digunakan men seb bagai media penyampaian informasi ada dua ma acam, yaitu: INFO dan TOP PIK. Fitur info o memungkin nkan guru dan admin untu uk memberika an informasi kep pada seluruh pengguna p sisstem termasu uk tamu. Seda angkan topik memungkin pen ngguna yang mempunyai hak akses minimal m siswa a untuk menulis sebuah info ormasi yang dapat diberi ta anggapan oleh pengguna lain sehingga mirip forum dialog. erfungsi seba agai media p penyimpanan n data yang c. Sisttem sharing file dapat be efek ktif untuk selu uruh penggun na sistem. Fungsi utama ssistem sharing g file adalah mem mberikan layanan kepada a pengguna agar a pengguna dapat salling berbagi data a atau file de engan pengg guna lain seh hingga sanga at jelas sistem ini dapat digu unakan sebag gai media pen nyimpanan da ata yang efekktif. d. Sisttem sharing file f dapat mendukung pros ses belajar m mengajar guru u dan siswa men njadi lebih mu udah dan me enarik. Semua a fitur dalam sistem sharin ng file dapat digu unakan seba agai media pendukung p kegiatan belajjar mengajarr. Fitur info dap pat digunakan n untuk meng gumumkan jad dwal ujian, nilai maupun kisi-kisi k soal. Sed dangkan fitur file dapat d digunakan un ntuk membag gikan materi atau modul pela ajaran dari gu uru. 5 5.2 Saran Penuliss menyadari bahwa b proyek dalam tuga as akhir ini ma asih jauh darri sempurna. Oleh karena itu O i penulis me emberikan be eberapa saran n agar sistem m ini dapat dik kembangkan s sehingga lebiih bermanfaatt: a. Sisttem sharing file masih d dapat dikembangkan dengan penam mbahan fitur cha atting yang memungkinkan m n pengguna dapat bertukkar informasi secara real time e dalam satu waktu. b. Sisttem ini dapat dikembangka an dengan pe enambahan ffitur import da ata user dari Ms. Excel sehing gga dalam pro oses input da ata user lebih cepat.
18
c. Sistem juga dapat dikembangkan dengan penambahan fitur status update dari user sehingga user dapat memberikan komentar ke user lain. d. Sistem sharing file lebih baik diimplementasikan dalam jaringan lokal karena bandwidth yang tersedia tidak terbatas. Hal ini dikarenakan fitur file dalam sistem sharing file membutuhkan bandwidth besar untuk melakukan transfer data maupun file. Daftar Pustaka Hakim, Lukmanul dan Uus Musalini. 2003. 150 Rahasia dan Trik Menguasai PHP. Yogyakarta: Elex Media Komputindo Hakim, Lukmanul, 2008. Jalan Pinta Menjadi Master PHP. Yogyakarta: Lokomedia Hakim, Lukmanul, 2008. Membongkar Trik Rahasia Para Master PHP. Yogyakarta: Lokomedia Nugroho, Bunafit. 2007. PHP Profesional Pengembangan Data Array dalam Aplikasi Web. Yogyakarta Sidik, Betha Ir. 2001. Pemrograman Web dengan PHP. Bandung Sunyoto, Andi. 2007. Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript & XML. Yogyakarta Tim Dosen, 2009. Pedoman Penyusunan Proposal Penelitian dan Laporan Tugas Akhir. STMIK AMIKOM YOGYAKARTA