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

A M I K O M YOGYAKARTA

2011

1

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

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 Hak Akses Tamu Siswa Guru Admin INFO Public Public Public Public Public

FILE Public, Private, Protect

Public Public, Private

Public, Private, Protect

Public, Private, Protect

TOPIK Public, Private Public Public,

Private Public, Private

Public, Private

PESAN Private Private Private Private Private

4. 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 Deskripsi Kebutuhan dalam Sistem Tamu 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

Siswa 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

Guru 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

Admin 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:

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

Web Browser Web Server Database Server

A

B

C

D

6

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

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):

Gambar 1.4 Tabel dan Relasi

tbl_user tbl_psn

tbl_info

tbl_rom

tbl_tpk

tbl_tcom

tbl_fcom

tbl_file

tbl_kat

tbl_kls

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]

idKls* [int 1] nama [vchr 10] ket [vchr 35]

idPsn* [int 3] jdl [vchr 55] isi [text] tgl [date] utk [char 5] idUser** [chr 5]

idKat* [int 1] nama [vchr 15] ket [vchr 55] tgl [date] idUser** [chr 5]

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]

idFCom* [int 3] isi [text] tgl [date] idFile** [int 3] idUser** [chr 5]

idInfo* [int 3] jdl [vchr 55] isi [text] gbr[vchr 35] tgl [date] baca [int 1] idUser** [chr5]

idRom* [int 1] nma [vchr 15] ket [vchr 55] tgl [date] idUser** [chr 5]

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]

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

4

4

4.4 Impleme

4.4.1 Implem

Berikut ima. Hala

b. Hala

c. Hala

entasi Interfa

mentasi Tam

mplementasi aman Tamu

aman Home

aman File

ace

u

interface untu

Gambar 1.1

Gambar 1.1

uk pengguna

8 Implemen

9 Implemen

dengan hak a

ntasi Tamu

ntasi Home

akses tamu:

13

4

d. Hala

4.4.2 Implem

Berikut ima. Hal

aman Topik

mentasi Sisw

mplementasi laman Siswa

Gambar 1.

Gambar 1.2

wa

interface untu

Gambar 1.2

20 Impleme

21 Implemen

uk pengguna

2 Implemen

ntasi File

ntasi Topik

dengan hak a

ntasi Siswa

akses siswa:

14

b. HalHal

c. HalHal

d. HalHal

e. Hal

f. Hal

g. Hal

aman Home aman Home aman File aman File Sisaman Topik aman Topik Saman Profil

aman Fileku

aman Topikk

Siswa sama d

swa sama de

Siswa sama d

Gambar 1.2

Gambar 1.24

u

dengan Halam

ngan Halama

dengan Halam

23 Implemen

4 Implemen

man Home T

an File Tamu

man Topik Ta

ntasi Profil

tasi Fileku

amu

amu

15

h. Hal

i. Hal

j. Hal

G

aman Teman

aman Inbox

aman Outbox

G

Gambar 1.25

n

Gambar 1

Gambar 1.2

x

Gambar 1.28

5 Implementa

.26 Halaman

27 Implemen

8 Implement

asi Topikku

n Teman

ntasi Inbox

tasi Outbox

16

5

5

m

5

Os

k. Hal

5. PENUTU

5.1 Kesimpu

Berdasmaka dapat d

a. Komlebipemterspermdendenhan

b. SistyanmensebTOPkeppeninfodial

c. Sistefekmemdatadigu

d. SistmendigudapSedpela

5.2 Saran

PenulisOleh karena isehingga lebi

a. Sistchatime

b. SistMs.

aman Logout

UP

ulan

sarkan prosesdiambil kesimmputer serverh maksimal

manfaatan komsebut. Kompumintaan klien

ngan baik. Jangan adanya nya untuk mentem sharing g efektif bagndukung pro

bagai media PIK. Fitur info

pada seluruh pngguna yang ormasi yang dog. tem sharing ktif untuk selumberikan laya atau file deunakan sebagtem sharing fnjadi lebih muunakan sebapat digunakandangkan fitur ajaran dari gu

s menyadari bitu penulis meih bermanfaattem sharing

atting yang me dalam satu tem ini dapat Excel sehing

t

Gambar 1.29

s yang telahpulan bahwar dan jaringandengan implemputer serveuter server mn sehingga aringan lokasistem shar

ngakses interfile dapat dii sekolah kar

oses penyampenyampaia

o memungkinpengguna sismempunyai apat diberi ta

file dapat beuruh penggunanan kepadaengan pengggai media penfile dapat meudah dan me

agai media pn untuk meng

file dapat duru.

bahwa proyeemberikan bet: file masih d

memungkinkanwaktu. dikembangka

gga dalam pro

9 Implement

h dilakukan d: n lokal di sekementasi sist

er yang sudahmemiliki kempenerapan sl di sekolah

ring file karenrnet namun juigunakan sebrena terdapatmpaian informn informasi

nkan guru dastem termasuhak akses m

anggapan ole

erfungsi sebana sistem. Fua pengguna aguna lain sehnyimpanan dandukung pros

enarik. Semuapendukung kgumumkan jaddigunakan un

k dalam tugaeberapa saran

dapat dikemn pengguna

an dengan peoses input da

tasi Logout

dalam pembu

kolah akan metem sharing

h sesuai dengmampuan yansistem sharin juga akan na pemanfaa

uga untuk menbagai media t beberapa fitmasi. Fitur ada dua man admin untu

uk tamu. Sedaminimal siswah pengguna l

agai media pngsi utama sagar pengguhingga sangaata yang efekses belajar ma fitur dalam egiatan belajdwal ujian, ni

ntuk membag

as akhir ini man agar sistem

bangkan dedapat bertuk

enambahan fata user lebih

uatan sistem

emberikan mfile. Hal ini d

gan fungsi dang lebih untung file dapat

berfungsi leatan jaringanngakses intrapenyampaia

tur di dalam syang dapat acam, yaitu: uk memberikaangkan topik a untuk menain sehingga

penyimpanansistem sharingna dapat salat jelas sistektif. mengajar gurusistem sharinjar mengajarlai maupun k

gikan materi

asih jauh darm ini dapat dik

ngan penamkar informasi

fitur import dacepat.

17

sharing file

anfaat yang dikarenakan ri perangkat

uk melayani t terlaksana ebih optimal lokal tidak

anet. an informasi sistem yang

digunakan INFO dan

an informasi memungkin ulis sebuah mirip forum

n data yang g file adalah ling berbagi m ini dapat

u dan siswa ng file dapat r. Fitur info kisi-kisi soal. atau modul

ri sempurna. kembangkan

mbahan fitur secara real

ata user dari

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