Studi Mengenai Sharing File Berbasis Internet dengan Menggunakan PHP dan MySQL

(1)

STUDI MENGENAI SHARING FILE BERBASIS INTERNET

DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

WINDA MEIRIZA

092406115

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

(2)

STUDI MENGENAI SHARING FILE BERBASIS INTERNET

DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

WINDA MEIRIZA

092406115

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

(3)

PERSETUJUAN

Judul : STUDI MENGENAI SHARING FILE BERBASIS

INTERNET DENGAN MENGGUNKAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : WINDA MEIRIZA

NIM : 092406115

Program Studi : D-III TEKNIK INFORMARTIKA Departemen : MATEMATIKA

Fakultas : FAKULTAS DAN ILMU PENGETAHUAN ALAM

M (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Mei 2012

Diketahui/Disetujui oleh:

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

(4)

PERNYATAAN

STUDI MENGENAI SHARING FILE BERBASIS INTERNET DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Mei 2012

WINDA MEIRIZA 092406115

(5)

PENGHARGAAN

Puji dan syukur Penulis panjatkan kepada Allah Subhanahuwataala atas limpahan rahmat dan hidayah-Nya sehingga tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.

Tugas akhir ini merupakan syarat untuk dapat menyelesaikan pendidikan di program Studi D-III Teknik Informatika Fakultas Matemaika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.

Pada kesempatan ini penulis juga menyampaikan terima kasih kepada seluruh pihak yang sudah banyak membantu, antara lain:

1. Bapak Drs. Bambang Irawan, M.Sc., selaku Dosen pembimbing pada penyelesaian tugas akhir ini yang telah memberikan bimbingan dan saran kepada Penulis sehingga dapat menyelesaikan tugas akhir ini.

2. Bapak Syahril Effendi, S.Si., M.IT., selaku Ketua Jurusan Program D-III Teknik Informatika.

3. Bapak Prof. Drs. Tulus, Vordilp.Math, M.Si, Ph.D., selaku Ketua Departemen Matematika di Universitas Sumatera Utara.

(6)

5. Erwin Willi Putra dan Sri Hartati, ke dua orang tua tercinta Penulis yang selalu mendo’akan dan memberikan semangat untuk Penulis agar dapat menyelesaikan tugas akhir ini.

6. Ika Febrianti, Ananda Tri Yulianti dan Masdewita Naipospos, saudara perempuan Penulis yang selalu memberikan semangat kepada Penulis.

7. Muhammad Ashari Naipospos, S.Sos. yang selalu menjadi yang terbaik untuk Penulis dan selalu menjadi penyemangat agar Penulis secepatnya menyelesaikan tugas akhir ini.

8. Evi Wulandari, Tarida Yanti Nasution, Wilda Yulianun Siregar, Wita Clarisa Ginting dan Febrina Hasibuan yang selalu menjadi sahabat terbaik untuk Penulis.

9. Semua dosen pada Departemen Matematika FMIPA USU, Pegawai di FMIPA USU dan rekan-rekan kuliah.

(7)

ABSTRAK

Pada penulisan tugas akhir ini, Penulis membuat Web sharing file. Sharing file merupakan sebuah media untuk para pengguna internet yang dapat berbagi file dengan pengguna internet lainnya. Sistem ini dikembangkan menggunakan sistem PHP dan MySQL. Cara kerja sharing file yang dibuat adalah bahwa pengguna atau member mendownload dan mengupload file yang dinginkan dan yang telah tersedia. Hasil rancangan dari sharing file ini adalah tipe-tipe file yang didownload dan diupload oleh pengguna atau member.

(8)

DAFTAR ISI

Halaman

PERSETUJUAN ii

PERNYATAAN iii

PENGHARGAAN iv

ABSTRAK vi

DAFTAR ISI vii

DAFTAR GAMBAR vii DAFTAR TABEL ix

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Rumusan Masalah 3

1.3 Tujuan Penelitian 4

1.4 Metode Penelitian 4

1.5 Batasan Masalah 5

1.6 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI

2.1 Pengertian Internet 8

2.2 Tipe File 10

(9)

2.4 Pengertian PHP 15

2.5 Pengertian SQL 16

2.6 Pengertian MySQL 19

BAB 3 ANALISA DAN PERANCANGAN SISTEM

3.1 Analisis 22

3.2 Analisis dan Kebutuhan Non Fungsional 23

3.3 Perancangan Data 29

3.4 Rancangan User Interface 34

3.5 Flowchart 41

BAB 4 IMPLEMENTASI SISTEM

4.1 Implementasi Sistem 47

4.2 Tampilan Program 49

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 60

5.2 Saran 61

(10)

(11)

DAFTAR GAMBAR

Halaman Gambar 1.1 Struktur Sistem Kerja Sharing File 3

Gambar 2.1 Tipe File 11

Gambar 3.1 Diagram Konteks Website File Sharing 25

Gambar 3.2 DFD Level 0 26

Gambar 3.3 DFD Level 1 27

Gambar 3.4 DFD Level 2 28

Gambar 3.5 DFD Level 3 29

Gambar 3.6 Skema Relasi Tabel 32

Gambar 3.7 Rancangan Output Halaman Home 34

Gambar 3.8 Rancangan Output Halaman Detail File 35 Gambar 3.9 Rancangan Output Data File Halaman Admin 36 Gambar 3.10 Rancangan Output Data User Halaman Admin 36 Gambar 3.11 Rancangan Output Poses Download oleh user biasa 37

Gambar 3.12 Rancangan Input Data Member 38

Gambar 3.13 Rancangan Input File Oleh Member 39

Gambar 3.14 Rancangan Halaman Login 40

Gambar 3.15 Flowchart Login Admin 41

Gambar 3.16 Flowchart Pengolahan Data Member oleh Admin 42 Gambar 3.17 Flowchart Pengolahan File Oleh Admin 43

(12)

Gambar 3.19 Flowchart Pendaftaran user 45

Gambar 3.20 Flowchart Download Oleh User 46

Gambar 4.1 Tampilan Halaman Awal Website 49

Gambar 4.2 Halaman Detail File 50

Gambar 4.3 Halaman Proses Countdown Download 51

Gambar 4.4 Halaman Login 52

Gambar 4.5 Halaman Member 53

Gambar 4.6 Halaman Data File Member 54

Gambar 4.7 Halaman Admin 55

Gambar 4.8 Halaman Data File di Halaman Admin 56

Gambar 4.9 Halaman Data Member 57

Gambar 4.10 Halaman Register member 58

(13)

DAFTAR TABEL

Halaman

Tabel 2.1 Daftar Standar SQL 17

Tabel 2.2 Tipe Data Menurut ANSI SQL 18

Tabel 3.1 Tabel member 30

Tabel 3.2 Tabel File 30

Tabel 3.3 Tabel Komentar 31

(14)

ABSTRAK

(15)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Sejak perkembangan aplikasi Web yang semakin pesat dengan munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan informasi. Perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi dan lembaga atau organisasi lainnya telah banyak memanfaatkan aplikasi Web dalam kegiatan belajar, penjualan, promosi dan kegiatan lainnya. Aplikasi Web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Aplikasi Web pada mulanya hanya berupa situs Web yang bersifat statis yang lebih banyak digunakan sebagai brosur produk atau perusahaan online. Pada saat ini aplikasi Web telah banyak digunakan dalam sistem informasi dan telekomunikasi. diaksess tanggal 14 Februari 2012).

(16)

Sebagai salah satu contohnya adalah teknologi dari jaringan internet yang mulai ditemukan pada tahun 1995. Jaringan internet merupakan sebuah konsep dari LAN dengan penggunaan standar komunikasi dan segala fasilitas dalam internet. Dengan kata lain, semua fasilitas internet dapat digunakan untuk kebutuhan internal sebuah perusahaan. Sebagai contoh fasilitas internet yang dapat digunakan di dalam jaringan internet adalah penggunaan protocol FTP, yang merupakan pelayanan file sharing dalam interne

Munculnya pelayanan file sharing di internet dengan jaringan, user dapat saling berbagi file kepada user lain yang sangat membutuhkan file untuk membantu pekerjaannya. Contohnya ketika user ingin mendownload lagu atau video yang dinginkan, user bisa mengunjungi situs sharing file dan menetikkan judul lagu atau video yang ingin didownload ke form pencari dan user ini pun mendapatkan file yang dibutuhkannya dan langsung mendownload dari aplikasi situs ini dengan gratis. Sebaliknya ketika user ini ingin mengirimkan file kerja ke temannya yang ukurannya cukup besar, user bisa mengupload file tersebut lalu teman user tersebut bisa langsung mengupload file tersebut.

Dari pembicaraan sebelumnya, Penulis merasa tertarik membahas tugas akhir yang berjudul “Studi Mengenai Sharing File Berbasis Internet dengan Menggunakan

(17)

PHP dan MySQL”. Penulis berharap dengan membuat aplikasi ini, user dapat dengan

mudah mencari file yang dibutuhkannya dengan cepat dan tepat.

Berikut ini adalah sistem kerja Sharing File Berbasis Internet dengan menggunakan PHP dan MySQL:

Gambar 1.1 Struktur Sistem Kerja Sharing File

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan sebelumnya, permasalahan yang akan dibahas pada Tugas Akhir ini adalah bagaimana membagi (sharing) file berbasis

Input : Pengguna Registrasi Member Member:

a. Upload File b. Hapus File c. Download File

(18)

1.3. Tujuan Penelitian

Tujuan dari Tugas Akhir Studi sharing file berikut ini adalah:

a. Menyediakan layanan menyimpan file dan berbagi file kepada user dengan mudah dan cepat.

b. User dapat dengan mudah mencari file yang diinginkan dan mengupload file dengan mudah.

1.4 Metode Penelitian

Metode penelitian merupakan suatu cara atau teknik yang sistematik untuk mengerjakan atau menyelesaikan suatu masalah. Adapun metode penelitian yang penulis gunakan untuk menyelesaikan permasalahan yang terjadi di atas adalah:

a. Penelitian Kepustakaan: merupakan jenis metode penelitian yang dilakukan dengan mengumpulkan data yang berhubungan dengan topik permasalahan yang penulis angkat dari judul yang telah penulis ajukan yang bersifat teoritis.

(19)

b. Penelitian Lapangan: merupakan metode tanya jawab kepada setiap orang tentang pentingnya mencari dan mempelajari referensi–referensi yang berkaitan dengan masalah yang ingin diselesaikan, terutama yang berkaitan dengan sharing file dan bahasa pemrograman Web seperti PHP dan aplikasi penyimpanan data seperti MySQL.

1.5 Batasan Masalah

a. Aplikasi yang dibuat adalah online storage berbasis Web dengan

menggunakan program berbasis Web dan penyimpanan data dilakukan di MySQL.

b. Tidak ada pembatasan jumlah hak akses download kepada member. c. Sistem diuji pada jaringan internet.

d. File yang diupload user nantinya mempunyai file minimal 100 Kb dan maksimal file sebesar 40 MB.

(20)

1.6 Sistematika Penulisan

Tugas akhir ini terdiri dari abstrak yang membahas mengenai ringkasan dari tugas akhir secara umum, kata pengantar, daftar isi, daftar gambar dan daftar tabel. Kemudian isi dari buku tugas akhir ini terdiri dari beberapa bab, yang masing-masing dijelaskan sebagai berikut:

BAB I Pendahuluan

Bab ini menjelaskan beberapa hal, antara lain: latar belakang pembuatan tugas akhir, tujuan pembuatan tugas akhir, permasalahan, batasan permasalahan, metodologi pembuatan dan sistematika penulisan tugas akhir.

BAB II Landasan Teori

Bab ini membahas beberapa teori penunjang yang berhubungan dengan pokok pembahasan dalam tugas akhir ini.

BAB III Analisa dan Perancangan Aplikasi

Bab ini membahas mengenai desain dan perancangan aplikasi. Desain aplikasi meliputi desain data, desain proses dan desain antar muka.

(21)

BAB IV Implementasi Sistem

Dalam bab ini dijelaskan mengenai implementasi pembuatan aplikasi berdasarkan hasil rancangan yang telah dibuat sebelumnya.

BAB V Kesimpulan dan Saran

Bab ini berisi tentang kesimpulan yang dapat diambil dari pelaksanaan Tugas Akhir ini, serta saran untuk pengembangan.

(22)

BAB 2

LANDASAN TEORI

Dalam penulisan laporan tugas akhir ini, Penulis akan memberikan beberapa pengertian yang berhubungan dengan masalah yang diajukan karena tanpa pengertian yang jelas akan menyebabkan informasi yang disajikan tidak sesuai dengan yang diharapkan.

2.1 Pengertian Internet

Internet berasal dari kata interconnection-networking, merupakan sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar Internet Protocol Suite untuk melayani miliyaran pengguna di seluruh dunia. Internet ialah sistem komputer umum yang terhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (switching communication protocol)

(23)

dengan kaedah ini dinamakan internet working. Pengertian internet menurut segi ilmu pengetahuan adalah sebuah perpustakaan besar yang di dalamnya terdapat jutaan (bahkan milyaran) informasi atau data yang dapat berupa teks, grafik, audio maupun animasi dan lain-lain dalam bentuk media elektronik. Semua orang bisa berkunjung ke perpustakaan tersebut kapan saja serta dari mana saja. Dari segi komunikasi, internet adalah sarana yang sangat efektif dan efesien untuk melakukan pertukaran informasi jarak jauh maupun jarak dekat seperti di dalam lingkungan perkantoran, tempat pendidikan ataupun instansi terkait. Pada awalnya internet adalah suatu jaringan komputer yang dibentuk oleh Departemen Amerika Serikat pada awal tahun 60-an. Pada awal tahun 60-an mereka mendemonstrasikan hardware dan software komputer berbasis UNIX melakukan komunikasi dalam jarak yang jauh melalui saluran telepon. Dulunya internet dikenal sebagai suatu wadah bagi para peneliti untuk saling bertukar informasi yang kemudian dimanfaatkan oleh perusahaan komersil sebagai sarana bisnis mereka dan pada saat ini pengguna internet tersebar di seluruh dunia telah mencapai jumlah lebih dari dua ratus lima puluh juta orang dan jumlah itu masih akan terus bertambah lagi. Bertambahnya jumlah pengguna akses internet tersebut memang sangat wajar sekali, saat ini internet bukan hanya digunakan sebagai sarana

(24)

murah dibandingkan dengan beberapa tahun yang lalu dan pengguna akses internet pun bukan hanya orang yang berada di wilayah perkotaan saja bahkan orang yang

tinggal di pedesaan pun juga dapat mengakses internet

2.2 Tipe File

File (berkas) adalah entitas dari data yang disimpan di dalam diakses dan diatur oleh pengguna. Sebuah file memiliki nama yang unik dalam

ditempatkan diistilahkan dengan path. Sebuah file berisi aliran data (data stream) yang berisi sekumpulan data yang saling berkaitan serta atribut file (yang bersifat wajib atau opsional), yang disebut properties yang berisi informasi yang berkaitan dengan file yang bersangkutan. Ukuran sebuah file umumnya direpresentasikan dalam

satua

byte, maka dapat menggunakan satuan KiB (Kibibyte, yang berarti 1,024 byte), MiB (Mebibyte, yang berarti 1,048,576 byte), GiB (Gibibyte, yang berarti 1,073,741,824 byte), dan TiB (Tebibyte, yang berarti 1,099,511,627,776 byte), selain tentunya menggunakan satuan KB (kilobyte, yang berarti 1,000 byte), MB (Megabyte, yang

(25)

berarti 1,000,000 byte), GB (Gigabyte, yang berarti 1,000,000,000 byte), dan TB

(Terabyte, yang berarti 1,000,000,000,000 byte)

tanggal 5 Maret 2012).

Berikut ini adalah gambar tipe file.

File

Musik Kompres Video

Powerpoint Dokumen

PDF

MP3

Doc

Xls

FLV Winrar

(26)

Gambar 2.1 Tipe File

Berikut ini adalah penjelasan dari tipe file yaitu:

a. Dokumen

Tipe file dokumen terbagi menjadi beberapa bagian yaitu powerpoint, PDF, word dan excel.

1. Powerpoint

Powerpoint (PPT) digunakan untuk mempresentasikan laporan. Dengan menggunakan powerpoint, presentasi menjadi lebih berkualitas karena didukung dengan sistem multimedia.

2. PDF

File pdf dibuat oleh Adobe System Incorporated yang dirancang untuk membuat, melihat, memanipulasi dan mengatur fileyang ada di dalam pdf.

3. Doc

File Doc terkait dengan Microsoft Word yang biasanya digunakan untuk membuat dan membagikan dokumen dengan menggunakan writing tools yang sudah digunakan.

(27)

4. Xls

File Xls terkait dengan Microsoft Excel yang biasanya digunakan untuk memperhitungkan, mempresentasi data, menganalisa dan lain-lain.

b. Musik

Tipe file musik antara lain adalah MP3. MP3 adalah format berkas pengodean suara yang memiliki kompresi yang baik sehingga ukuran berkas bisa memungkinkan menjadi lebih kecil.

c. Kompres

Kompres data yaitu winrar. Winrar adalah sebuah software yang sangat bagus untuk membuat dan mengontrol file. Fitur winrar yaitu mendukung arsip Rar dan Zip.

d. Video

Tipe file video yaitu FLV. FLV adalah format pilihan standard untuk file video di Web. Situs yang biasanya mencantumkan format file video FLV adalah YouTube, Google, dan lain-lain.

(28)

2.3 Sharing File

File adalah data yang tersimpan dalam media yang mempunyai informasi besar file, tanggal dan jam penyimpanan file, nama file, ciri file dan atribut file

Sharing file adalah suatu fasilitas yang digunakan untuk membagi suatu file, perangkat dan koneksi internet untuk digunakan secara bersama-sama dengan tujuan untuk menghemat biaya dan perangkat. Sharing dapat dilakukan terhadap file

dokumen, musik, video, image dan lain-lain

tanggal 6 Maret 2012).

Sharing file adalah aktifitas di mana para pengguna internet dapat berbagi file dengan pengguna internet lainnya dengan cara penyedia file terlebih dahulu mengupload file ke komputer server dan kemudian para pengguna internet yang lainnya dapat mendownload file tersebut dan komputer server (http://studyunnur.files.wordpress.com diakses tanggal 6 Maret 2012).

(29)

2.4 Pengertian PHP

PHP singkatan dari PHP Hypertext Preprocessor. PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasil dari PHP ini yang dikirimkan ke klien, tempat pemakai menggunakan browser. Secara khusus, PHP dirancang untuk membentuk Web dinamis. Artinya, PHP tersebut dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, Penulis bisa menampilkan isi database ke halaman Web.

PHP bersifat bebas dipakai. Tidak perlu bayar apapun untuk menggunakan

perangkat lunak ini. Dapat mendownload melalui situs

windows, dapat memperoleh kode biner dan untuk versi Linux bisa mendapatkan kode sumber secara langsung. Salah satu kelebihan PHP adalah mampu berkomunikasi dengan berbagai database yang terkenal. Dengan demikian, menampilkan data yang bersifat dinamis, yang diambil dari database merupakan hal yang mudah untuk diimplementasikan. Itulah sebabnya sering dikatakan bahwa PHP sangat cocok untuk membangun halaman-halaman Web (Abdul Kadir. 2002. hal: 6).

(30)

2.5 Pengertian SQL

MySQL merupakan database yang dikembangkan dari bahasa SQL. SQL merupakan bahasa terstruktur yang digunakan untuk interaksi antara script program dengan database server dalam hal pengolahan data. Dengan SQL, dapat dibuat tabel yang akan diisi data, memanipulasi data seperti menambah, menghapus dan meng-update data, serta membuat suatu perhitungan berdasarkan data yang ditemukan (Sugiri, Haris. 2008. hal: 56).

Sebuah model SQL terdiri dari tabel, baris, field dan elemen. Setiap user pada suatu sistem dapat memiliki database yang terpisah dan independent antara yang satu dengan yang lainnya. Suatu tabel pada database memiliki kolom dan baris yang berisi data. Pada tabel tersebut tidak boleh ada dua data atau lebih yang sama persis (Sugiri,Haris. 2008. hal: 57).

SQL adalah kependekan dari Structured Query Language. Bahasa ini merupakan standar yang digunakan untuk mengakses basis data relasional. Standar SQL mula-mula diperkenalkan oleh ISO (Internasional Standards Organization) dan ANSI (American National Standards Institute) yang dikenal dengan sebutan SQL86. seiring dengan perjalanan waktu, sejumlah standar telah ditetapkan. Tabel 2.2

(31)

memperlihatkan keseluruhan standard yang pernah dibuat (Abdul Kadir. 2002. hal: 11).

Tabel 2.1 Daftar standar SQL

Standar SQL Keterangan

SQL 86 Standar pertama SQL, yang mendefinisikan fungsi-fungsi minimal dalam produk-poduk SQL.

SQL89 Standar kedua yang menambahkan mekanisme untuk mengimplementasikan hubungan kunci asing (integritas referensial).

SQL92 Menentukan hal-hal yang menjadi fitur SQL sebagai bahasa di masa mendatang. Banyak produk DBMS yang mengacu standar ini.

SQL99 Memperluas SQL92, yang antara lain menyatakan integritas terhadap pendekatan berorientasi objek.

(32)

Tabel 2.2 Tipe data menurut ANSI SQL

Tipe Data Keterangan

CHAR atau CHARACTER Menyatakan deretan karakter atau string.

NUMERIC Menyatakan data numerik real.

DECIMAL atau DEC Identik dengan NUMERIC dan bisa mengandung pecahan.

INTEGER Menyatakan tipe data bilangan bulat.

SMALLINT Menyatakn tipe data bilangan bulat yang

jangkauannya lebih kecil daripada INTEGER.

FLOAT Tipe data bilangan real.

DOUBLE Tipe data bilangan real dengan presisi lebih tinggi daripada FLOAT.

Selain tipe-tipe data di atas, banyak dijumpai tipe-tipe data perluasan yang didukung oleh beberapa DBMS, seperti DATE (untuk menyatakan tanggal), TIME (untuk menyatakan waktu), TIMESTAMP (untuk menyatakan tanggal dan waktu), VARCHAR (untuk menyatakan string dengan panjang tidak tetap), BLOB (untuk menyatakan data biner yang berguna untuk menyimpan gambar atau suara)

(33)

2.6 Pengertian MySQL

MySQL termasuk dalam kategori database management system yaitu suatu database yang terstruktur dalam pengolahan dan penampilan datanya. MySQL merupakan database yang bersifat client server, di mana data diletakkan di server yang bisa diakses melalui komputer client. Pengaksesan dapat dilakukan komputer telah terhubung dengan server. Berbeda dengan database desktop, di mana pemrosesan data harus dilakukan pada komputer yang bersangkutan (Sugiri, Haris. 2008. hal: 1).

Bila diinstall pada sistem operasi Microsoft Windows, maka MySQL berlisensi shareware, tetapi tidak mempunyai expired date (batas waktu). Sedangkan, bila diinstall pada sistem operasi lainnya, maka berlisensi free sesuai dengan General Public Licence (GPL). Namun demikian ada beberapa hal yang tidak bersifat free yaitu:

1. Me-link program dengan kode pemrograman dari sourec code MySQL server. Misalnya menggunakan MySQL sebagai embedded server dalam suatu program atau menambahkan suatu ekstensi yang tidak gratis pada MySQL server.

2. Program komersial yang hanya bekerja pada MySQL dan menggunakan aplikasi MySQL server.

(34)

3. Memiliki distribusi MySQL, tetapi tidak mempunyai kode sumber (source code) dari MySQL server sebagaimana yang telah dijelaskan pada lisensi GPL.

Versi komersial dari MySQL hanya ditekankan pada penggunaan server saja. Sedangkan clientnya dibebaskan untuk mengubah dan meng compile ulang source codenya, dangan catatan harus juga melepasnya dengan lisensi GPL. Penggunaan

MySQL juga diperbolehkan untuk hal-hal yang bersifat komersial. Dari pihak pengembang juga menawarkan dukungan teknis (technical support) ketika kita mempunyai masalah. MySQL dapat juga dikatakan sebagai Relational Database Management System (RDMS), yaitu hubungan antar tabel yang berisi data pada suatu database. Dengan demikian dapat mempercepat pencarian suatu data. Tabel-tabel tersebut di-link oleh suatu relasi yang memungkinkan kombinasi data dari beberapa tabel ketika user menginginkan tampilnya informasi dari suatu database (Sugiri, Haris. 2008. hal: 2).

Ketika membandingkan antara MySQL dengan system manajemen database yang lain, perlu diperhitungkan seperti performa, support, fitur-fitur, kondisi kemanan dalam license atau masalah harga. Berdasarkan pertimbangan berbagai hal tersebut,

(35)

database MySQL memiliki beberapa kelebihan dan keuntungan dibanding database lain, diantaranya adalah (Safri, Fadly. 2011. hal: 10):

a. Banyak ahli berpendapat MySQL merupakan server tercepat dan mempunyai performa yanng tinggi tapi simpel.

b. Bersifat Open Source , MySQL didistribusikan secara open source (gratis), yaitu software ini bersifat free atau bebas digunakan oleh perseorangan atau instansi tanpa harus membeli atau membayar kepada pembuatnya, di bawah lisensi GNU General Public Licence (GPL).

c. Database MySQL mengerti bahasa SQL (Structured Query Language). Selain itu, MySQL memiliki kecepatan yang lebih baik dalam menangani query (perintah SQL). Dengan kata lain, dapat memproses lebih banyak SQL persatuan waktu.

d. MySQL dapat berjalan dengan stabil pada berbagai sistem operasi, seperti Windows, Linux, FreeBSD, Mac os X Server, Solaris, dan masih banyak lagi. e. Bersifat Multiuser, MySQL dapat digunakan oleh beberapa user dalam waktu

yang bersamaan tanpa mengalami masalah.

MySQL merupakan database yang mampu menyimpan data berkapasitas besar, sampai berukuran Gigabyte.

(36)

BAB 3

ANALISA DAN PERANCANCANGAN SISTEM

Pada bab ini dijelaskan analisis dan perancangan untuk melakukan implementasi Aplikasi Sharing File berbasis internet dengan menggunakan PHP dan MySQL.

3.1 Analisis

Fungsionalitas utama dari pembuatan Website ini adalah membuat form untuk menginput data user ke member. Setelah user berhasil menjadi member, proses penginputan file dilakukan dan file yang diinput oleh member akan tersimpan ke Web server. File-file yang sudah tersimpan akan ditampilkan di Website dan siap untuk

disharing ke user atau member lainnya.

3.1.1 Analisis Kebutuhan

(37)

1. Mampu menyimpan file-file yang diupload member ataupun admin ke Web server Website.

2. Dapat menampilkan file-file yang diupload member ataupun admin di halaman utama Website.

3. Mampu menjalankan segala operasi pengolahan file, seperti penginputan file dan penghapusan file dari Web server.

4. Dapat menampilkan link download file yang telah disharing ke user atau member dari Website yang akan dirancang.

3.1.2 Analisis Masalah

Analisis masalah Website yang akan dibangun adalah Bagaimana membuat Website file sharing yang dapat direpresentasikan oleh user agar dapat menyebarkan file yang dimilikinya ke user yang lain.

3.2 Analisis dan Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional menggambarkan kebutuhan penggunaan dan pembuatan aplikasi Website file sharing yang mencakup analisa user, analisa perangkat lunak (software) dan analisa perangkat keras (Hardware).

(38)

3.2.1 Analisa User

Spesifikasi kemampuan umum yang dimiliki oleh pengguna Website adalah sebagai berikut:

a. Kemampuan menggunakan komputer secara umum. b. Kemampuan menggunakan internet secara umum. c. Terbiasa menggunakan aplikasi berbasis Web.

3.2.2 Analisa Perangkat Lunak

Perangkat lunak yang dipakai dalam pembuatan aplikasi Web sharing adalah: Sistem Operasi : Windows 7 Professionall

Software : Adobe Dreamwever CS5 dan XAMPP 1.7.7

3.2.3 Analisa Perangkat Keras

Perangkat keras dalam suatu program aplikasi sangatlah mendukung agar menghasilkan kerja suatu informasi yang sesuai dengan yang diharapkan. Adapun perangkat keras yang dihasilkan dalam pembuatan Website ini adalah:

Processor : AMD Turion(tm) II Dual-Core Mobile M500, ~2.2GHz

Harddisk : 250 GB

(39)

3.2.4 Perancangan Diagram Konteks

Diagram konteks merupakan alat untuk struktur analisis. Pendekatan struktur ini untuk menggambarkan sistem secara garis besar atau secara keseluruhan. Pada diagram konteks ini website yang dibuat akan menghasilkan sumber informasi seperti file-file apa saja yang dapat diunduh lewat Website dan alamat file/link file yang akan diunduh.

Gambar 3.1 Diagram Konteks Website File Sharing

3.2..5 Perancangan Data Flow Diagram

Data Flow Diagram (DFD) digunakan untuk menggambarkan sistem sebagai sebuah jaringan dari proses-proses secara fungsional yang dihubungkan satu dengan yang

(40)

aliran data, proses, dan penyimpanan data. Berikut ini merupakan DFD Website file sharing yang akan dibuat.

DFD yang dirancang untuk pembuatan Website ini sendiri adalah 4 level. Yang pertama adalah DFD Level 0, DFD Level 1, DFD Level 2, DFD Level 3.

DFD Level 0

(41)

DFD Level 1

Gambar 3.3 DFD Level 1

DFD Level 1 di atas mempunyai alur kerja seperti berikut ini:

1. Proses 1.0 merupakan proses di mana admin/member menginput data file ke database yang tersimpan di tabel file.

2. Proses 1.1 merupakan proses di mana admin/member ingin mengubah data file yang masuk ke database yang tersimpan atau direkam di tabel file.

3. Proses 1.2 merupakan proses di mana admin/member ingin menghapus data file yang sudah tersimpan di database yang terekam di tabel file.

(42)

DFD Level 2

Gambar 3.4 DFD Level 2

DFD Level 2 di atas mempunyai alur kerja seperti berikut ini:

1. Proses 2.0 merupakan proses di mana admin ingin mengubah data member yang masuk ke database yang tersimpan atau direkam di tabel member.

2. Proses 2.1 merupakan proses di mana admin ingin menghapus data member yang sudah tersimpan di database yang terekam di tabel member.

(43)

DFD Level 3

Gambar 3.5 DFD Level 3

DFD Level 3 di atas mempunyai alur kerja seperti berikut ini:

3. Proses 3.0 merupakan proses di mana admin ingin mengubah data komentar yang masuk ke database yang tersimpan atau direkam di tabel komentar.

4. Proses 3.1 merupakan proses di mana admin ingin menghapus data komentar yang sudah tersimpan di database yang terekam di tabel komentar.

(44)

3.3.1 Struktur Tabel

Nama Database : sharing Nama Tabel :

1 Tabel Member

Tabel member merupakan tabel yang menampung atau merekap data user yang menjadi member di Website ini.

Tabel 3.1 Tabel Member

Field Type Ukuran Keterangan

id_member (*) int 10 Primary Key

name varchar 20

email varchar 20

gender varchar 10

password varchar 15

1 Tabel File

Tabel file merupakan tabel yang menampung file yang diupload oleh member. Tabel 3.2 Tabel File

Field Type Ukuran Keterangan

id_file (*) int 20 Primary Key

id_member (**) int 10 Foreign Key

nama_file varchar 50

size_file varchar 30

tipe_file varchar 20

description text

(45)

1 Tabel Komentar

Tabel komentar merupakan tabel yang menampung komentar-komentar yang diupload oleh member.

Tabel 3.3 Tabel Komentar

Field Type Ukuran Keterangaan

id_komentar (*) int 10 Primary Key

id_member (**) int 10 Foreign Key

id_file (**) int 10 Foreign Key

komentar text

date date

1 Tabel Download_Manager

Tabel download manager merupakan tabel yang berisikan berapa banyak file yang telah didownload oleh user ataupun member.

Tabel 3.4 Tabel Download Manager

Field Type Ukuran Keterangaan

id_komentar int 10 Primary Key

id_member (**) int 10 Foreign Key

id_file (**) int 10 Foreign Key

komentar text

(46)

3.3.2 Skema Relasi

Gambar 3.6 Skema Relasi Tabel Tabel Member id_member (*) name email gender password Tabel File id_file (*) id_member (**) nama_file size tipe_file description date Tabel Komentar id_komentar (*) id_member (**) id_file (**) komentar date

Tabel download manager Id_komentar (*)

Id_member (**) id_file (**) komentar date

(47)

Berikut ini adalah penjelasan dari Gambar 3.6, yaitu:

1. Tabel member ke tabel file mempunyai hubungan one to one (satu ke satu) di mana seorang member yang diwakili oleh atribut id-member mengupload file ke tabel file. Id_member tersebut akan menjadi foreign key dari tabel file. Id_member (*) pada tabel member adalah primary key dan id_member pada tabel file (**) adalah foreign key.

2. Tabel member ke tabel komentar di mana ke dua tabel ini mempunyai hubungan one to many (satu ke banyak) yang artinya seorang member yang di dalam tabel member yang di wakili oleh atribut id_member (*) memberikan komentar ke tabel komentar yang diwakili oleh atribut id_member (**). Id_member (*) pada tabel member adalah primary key dan id_member (**) pada tabel komentar adalah foreign key.

3. Tabel file ke tabel komentar mempunyai hubungan one to many (satu ke banyak) di mana file yang diwakili oleh atribut id_file (*) akan dikomentari oleh member dan id_file (**). Id_file (*) pada tabel file adalah primary key dan id_file (**) pada tabel komentar adalah foreign key.

4. Tabel file ke tabel download_manager mempunyai hubungan one to many (satu ke banyak) di mana file yang didownload oleh user ataupun member yang diwakili oleh atribut id_file(*) pada tabel file akan tersimpan di tabel download_manager. File yang tersimpan diwakili oleh atribut id_file (**). Id file (*) pada tabel file adalah primary key dan id_file pada tabel download_manager adalah foreign key.

(48)

3.4 Rancagan User Interface

Rancangan user interface adalah kerangka awal dari tampilan desain Website yang akan dibangun yang di dalam tampilan rancangan ini terdapat interaksi antara user dan komputer.

3.4.1 Rancangan Output

1.Halaman Home Website File Sharing

Nama File : |||

Ukuran File : |||

Tipe File : |||

Diupload Tanngal : |||

3.7 Rancangan Output Halaman Home File Sharing & Management File

Home Login

Kategori File Dokumen Music Kompress Video Search Detail File Download Keseluruhan Most Document Download Most Music Download Most Video Download 1 2 Next >>

(49)

2. Halaman Detail File

Diupload Oleh : |||

Nama File : |||

Ukuran File : |||

Tipe File : |||

Diupload Tanggal : |||

Deskripsi File : |||

Komentar | Download | Lihat Komentar Related File

Nama File : |||

Ukuran File : |||

Tipe File : |||

Diupload Tanngal : |||

Gambar 3.8 Rancangan Output Halaman Detail File File Sharing & Management File

Home Login

Kategori File Dokumen Music Kompress Video Search Download Keseluruhan Most Document Download Most Music Download Most Video Download

(50)

3. Output Data File dari Halaman Admin

Welcome Admin | Logout

Data File From User cari file

Nama File Tipe File Ukuran

||| ||| |||

Halaman Admin Website File Sharing @ Winda 2012 Gambar 3.9 Rancangan Output Data File Halaman Admin

4. Output Data User dari Halaman Admin

Welcome Admin | Logout

Data Member cari member

Nama Member Email Gender Password Aksi

||| ||| ||| ||| Edit Delete

Halaman Admin Website File Sharing @ Winda 2012 Gambar 3.10 Rancangan Output Data User Halaman Admin Management File and Sharing

Dashboard File Member Downloads

Management File and Sharing

File Member Downloads Dashboard

1 2

(51)

1 Halaman Output Proses Download Oleh User Biasa

Gambar 3.11 Rancangan Output Proses Download oleh user biasa File Sharing & Management File

Home Login

Kategori File Dokumen Music Kompress

Video

Download Keseluruhan Most Document Download

Most Music Download

Most Video Download 20

Terima Kasih Telah Mendownload File |||

(52)

3.4.2 Rancangan Input

1. Halaman Input Member Baru

Username :

Email :

Password :

Gender :

Gambar 3.12 Rancangan Input Data Member File Sharing & Management File

Home Login

Kategori File Dokumen Music Kompress Video Search Download Keseluruhan Most Document Download Most Music Download Most Video Download Submit V

(53)

2. Halaman Input File oleh Member

File :

Deskripsi File

File Sharing & Management File

Home |||

Kategori File Dokumen Music Kompress Video Download Keseluruhan Most Document Download Most Music Download Most Video Download Browse Pengaturan File Data File Upload FIle Privacy Setting Ubah Password

Ubah Data Anda

(54)

3. Halaman Login Member

Belum Punya Akun, Daftar

Gambar 3.14 Rancangan Halaman Login File Sharing & Management File

Home Login

Kategori File Dokumen Music

Kompress Video

Download Keseluruhan Most Document Download Most Music Download Most Video Download USERNAME

(55)

1.5 Flowchart

Perancangan procedural pada website ini menggunakan flowchart yang berguna untuk menggambarkan tahap penyelesaian suatu masalah dengan menggunakan simbol-simbol.

(56)

2. Flowchart Pengolahan Data Member Oleh Admin

(57)

3. Flowchart Pengolahan Data File Oleh Admin

(58)

4. Flowchart Login Member

(59)

5. Flowchart Pendaftaran User Menjadi Member

(60)

6. Flowchart download oleh user

(61)

BAB 4

IMPLEMENTASI SISTEM

4.1 Implementasi Sistem

Implementasi Sistem merupakan prosedur yang dilakukan untuk menyelesaikan desain sistem yang ada dalam dokumen desain yang disetujui, menguji sistem, menginstal, dan memulai sistem baru yang telah dibuat.

4.1.1 Komponen Utama Dalam Sistem

Dalam pembuatan program webs ini, dan data lainnya yang sudah dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (Brainware). Adapun hardware, software, dan Brainware yang dibutuhkan adalah sebagai berikut:

a. Perangkat Keras (Hardware)

(62)

sistem operasi Microsoft Windows 7 Professional. Tapi, program ini juga dapat dijalankan dengan konfigurasi minimal komputer sebagai berikut:

1. Processor Intel Pentium 166 MHz, atau yang lebih tinggi (disarankan Pentium II 400 MHz).

2. RAM 256MB untuk Windows 98.

3. Operating System Windows 98, Windows 2000, Windows XP. 4. Hard disk 475 MB.

5. VGA Card 256 color, 640x480 pixel. 6. Mouse.

7. Keyboard.

b. Perangkat Lunak (Software)

Software yang digunakan untuk sistem ini adalah:

1. Minimal sistem operasi Windows 98.

2. Browser untuk menjalankan sistem ini seperti Mozilla Firefox, Google Chrome, Opera, dan lain-lain.

(63)

Dalam mengolah dan menggunakan sistem ini diperlukan tenaga dan sumber daya manusia untuk menjalankan program ini. Pemakai pertama adalah user yang melihat website ini dan admin yang mengelola secara keseluruhan website ini.

4.2 Tampilan Program

Subbab ini menampilkan tampilan program yang telah dibuat dari hasil perancangan dari bab-bab sebelumnya.

4.2.1 Tampilan Halaman Awal Website

Gambar di bawah ini adalah halaman depan dari tampilan website sistem yang telah dibangun dari hasil perancangan sebelumnya.

(64)

Gambar 4.1 Tampilan Halaman Awal Website

4.2.2 Halaman Detail File

Halaman ini adalah halaman detail file dimana halaman ini menampilkan link untuk komentar, download, dan lihat komentar.

(65)

(66)

4.2.3 Halaman Link Download

Halaman ini adalah halaman yang menampikan proses countdown untuk menampilkan link download bagi user yang tidak menjadi member di website ini.

(67)

4.2.4 Halaman Login

Halaman ini halaman login bagi member yang telah daftar di website ini dan ingin masuk ke halaman akun si member tersebut.

(68)

4.2.5 Halaman Member

Halaman ini adalah halaman untuk menampilkan halaman member itu sendiri dimana member dapat mengupload, mengolah file yang telah diupload, dan mengubah password dan data yang telah terinput sebelumnya.

(69)

(70)

Halaman ini adalah halaman yang menampilkan file yang diupload si member sebelumnya dimana member dapat menghapus ataupun mendownload file tersebut sebelumnya.

(71)

4.2.7 Halaman Admin

Halaman ini menampilkan Halaman Admin dimana di halaman admin ini admin dapat melihat data file yang diupload member dan data member itu secara keseluruhan.

(72)

4.2.8 Halaman Data File di Halaman Admin

Halaman ini adalah halaman yang menampilkan file-file yang diupload member dan ditampilkan di halaman admin.

(73)

4.2.9 Halaman Data Member di Halaman Admin

Halaman ini adalah halaman untuk menampilkan user yang terdaftar dan telah menjadi member dari website ini.

(74)

Gambar 4.9 Halaman Data Member

4.2.10 Halaman Register Member

Halaman ini adalah halaman yang berfungsi untuk user yang ingin menjadi menjadi member dimana si user harus mendaftar dan mengisi form pengisian data secara lengkap di form ini.

(75)

(76)

Halaman ini adalah halaman di mana member ingin mengupload file yang ingin diuploadnya.

(77)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan mengenai perancangan sistem dalam membuat sharing file. Sehingga penulis dapat membuat kesimpulan:

1. Tahapan analisis dalam melakukan perancangan ini adalah dengan melakukan analisa-analisa terhadap Website file sharing yang sudah ada sebelumnya.

2. Setelah analisa Website dilakukan, selanjutnya dilakukan tahapan perancangan pembuatan data base yang terdiri dari 4 tabel kemudian dari tabel-tabel tersebut direlasikan.

3. Dalam tahapan desain, dilakukan perancangan user interface untuk pembuatan desain terlebih dahulu.

4. Setelah pembuatan user interface dan pembuatan database kemudian dilakukan tahap implementasi atau pembuatan program.

(78)

1. Sebaiknya Website ini dilengkapi dengan sistem keamanan yg cukup baik.

2. Agar Web yang dirancang dibuat semenarik mungkin seperti dari sisi grafis, sehingga pengguna lebih sering menggunan situs ini.

3. Agar Web ini di kemudian hari dapat disebarluaskan dengan cara menghostingkan Website tersebut ke Internet sehingga dapat dipergunakan oleh banyak pengguna.

(79)

DAFTAR PUSTAKA

Sugiri dan Haris Saputro. “Pengelolaan DataBase MySQL dengan PhpMyAdmin”. 2008. Yogyakarta: Graha Ilmu.

Kadir, Abdul. “Dasar Pemrograman WEB Dinamis menggunakan PHP”. 2002. Yogyakarta: Andi.

M, Duff Jon dan James Mohler. “Desain Grafik dan Halaman WEB”. 1997. Jakarta: Elex Media Komputindo.

Lubis, Muhammad Safri dan Mohammad Faadly Syahputra. “Teknologi Pengembangan Aplikasi WEB”. 2011. Medan: USU Press.

Februari, 2012.

(80)

Source Code Halaman Index.php <?php session_start(); header('Cache-control: private'); include 'config.php';

$nim = $_POST['nim'];

$password = $_POST['password']; if(isset($_GET['login'])){

if(isset($nim) && isset($password)){

$sql = "SELECT b.username, b.id_data, a.nim, b.password FROM data_diri b, identitas a WHERE a.id_nim=b.id_nim and nim='$nim' and

password='$password'";

$query = mysql_query($sql);

$array = mysql_fetch_array($query);

if($nim == $array['nim'] && $password == $array['password']){ $_SESSION['access'] = true;

$_SESSION['id_data'] = $array['id_data']; $_SESSION['nim'] = $array['nim'];

$_SESSION['username'] = $array['username'];

header('location:home.php?username=' . $_SESSION['username']); }

else {

$_SESSION['access'] = FALSE; $_SESSION['nim'] = null;

header('Location: 401.php'); }

} else {

$_SESSION['access'] = FALSE; $_SESSION['nim'] = null;

header('Location: 401.php'); }

(81)

exit(); }

else if(isset($_GET['logout'])){

if (isset($_COOKIE[session_name()])) {

setcookie(session_name(), '', time() - 42000, '/'); }

$_SESSION = array(); session_unset(); session_destroy(); }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(document).ready(function(){

//prepend span tag

$(".jquery h1").prepend("<span></span>");

});

</script>

(82)

{ var X=$(this).attr('id'); if(X=='signup') { $("#login").removeClass('select'); $("#signup").addClass('select'); $("#loginbox").slideUp(); $("#signupbox").slideDown(); $("#panel").css({ height:800 }); } else { $("#signup").removeClass('select'); $("#login").addClass('select'); $("#signupbox").slideUp(); $("#loginbox").slideDown(); $("#panel").css({ height:300}) } }); }); </script> </script> <style type="text/css"> html {

background:url(images/blue_background_abstract-wide.jpg) no-repeat center center fixed;

-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

(83)

} #container { width:500px; padding-top:90px; padding-left: 400px; } #tabbox { height:40px } img#refresh{ float:left; margin-top:30px; margin-left:4px; cursor:pointer; } #panel { height:300px; width: 500px; } .tab {

background: #dedede;display: block;height: 40px; line-height: 40px;text-align: center;

width: 80px;float: right;font-weight: bold; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 4px 4px 0px 0px; }

a {

color: #000; margin: 0;

(84)

.signup { margin-left:8px; } .select { background-color:#FFF; } #loginbox { min-height:200px; padding-top: 20px; padding-right: 90px; padding-bottom: 90px; padding-left: 90px; } .loginsize{ height:300px; } #signupbox { min-height:200px; padding:10px; display:none; }

.tab1 {background: #dedede;display: block;height: 40px; line-height: 40px;text-align: center;

width: 80px;float: right;font-weight: bold; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 4px 4px 0px 0px; }

.tab2 {background: #dedede;display: block;height: 40px; line-height: 40px;text-align: center;

width: 80px;float: right;font-weight: bold; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 4px 4px 0px 0px;

(85)

} #username { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;

font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; color:#FFF; text-transform: none; font-weight: normal; position: relative; } .texbox { width: 300px;

border: medium double #000; }

.daftar {

background-color: #093;

font-family: Verdana, Geneva, sans-serif; color: #FFF; cursor:pointer; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; width: 190px; height: 39px; text-align: center; font-size: 16px; }

(86)

color: #FFF; cursor:pointer; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; width: 190px; height: 39px; text-align: center; font-size: 16px; } .login { background-color: #B22222;

#container #panel #loginbox h1 {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #006400;

}

.boxtex {

(87)

height: 20px;

font-family: Tahoma, Geneva, sans-serif; font-size: 14px; } #apDiv1 { position:absolute; width:440px; height:800px; float: left; background-color: #000; } #apDiv2 { position:absolute; width:200px; height:115px; z-index:1; } #right { float: left; width: 300px; } #apDiv3 { position:absolute; width:584px; height:115px; z-index:1; left: 4px; top: 5px; } h1 {

font: bold 330%/100% "Comic Sans MS", cursive; position: relative;

margin: 30px 0; color: white; text-align: center; text-shadow: 0 1px 0 #bbb,

(88)

0 5px 0 #999, 0 6px 1px #000, 0 0px 3px #000, 0 1px 3px #000, 0 3px 5px #000,

0 5px 10px #000, 0 5px 20px #000;} #apDiv4 { position:absolute; width:200px; height:114px; z-index:1; left: 16px; top: 473px; } </style> </head> <body>

<h1><span></span>KOMUNITAS D3 TEKNIK INFORMATIKA USU<br /> </h1>

<div id="apDiv4"><img src="images/usu.png" width="151" height="151" /></div> <div id="tabbox"> <a href="#" id="signup" class="tab signup">Signup</a> <a href="#" id="login" class="tab select">Login</a></div>

<form action=" <?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>?login" method="post">

<p>

<p>

(89)

</label> </p> <p>

</p>

</form> </div>

</tr> <tr>

<td><label id="username">Username</label></td>

</tr> <tr>

<td><label id="username">Nama Lengkap</label></td>

</tr>

<tr>

<td><label id="username">Password</label></td>

(90)

<td><label id="username">Ulangi Password</label></td>

</tr>

<tr>

<td><label id="username">Kategori</label></td>

<td width="64%"><select name="kategori" id="kategori" class="boxtex"> <option value="">Jenis Kategori</option>

<option value="A">Alumni</option> <option value="M">Mahasiswa</option> </select></td> </tr> <tr> <td><label id="username">Email</label></td>

</tr>

<tr>

<td><label id="username">HP/Telepon</label></td> <td width="64%">

<input type="text" name="telepon" id="telepon" class="boxtex"> </td> </tr> <tr> <td><label id="username">Birthday</label></td> <td width="64%"><?php

$months = array(1 => 'Januari', 'Februari' , 'Maret',

(91)

$days = range(1,31); $years = range(1930,2030);

echo '<select name="months" id="months" class="boxtex">'; foreach($months as $key => $value){

echo "<option value=\"$key\">$value</option>\n"; }

echo '</select>';

echo '<select name="days" id="days" class="boxtex">'; foreach($days as $value){

echo "<option value=\"$value\">$value</option>\n"; }

echo '</select>';

echo '<select name="years" id="years" class="boxtex">'; foreach($years as $value){

echo "<option value=\"$value\">$value</option>\n"; }

echo '</select>'; ?> </td>

</tr> <tr>

<td><label id="username">Masukkan Text yang anda lihat</label> </td> <td width="64%">

</td>

<tr>

(92)

<tr>

<input name="submit2" type="reset" class="Batal" value="Batal Daftar" /></td> </tr> </table> </form> </div></div> </body> </html> Halaman Balas.php <?php include('config.php'); if($_POST) { $isi_balasan=$_POST['isi_balasan']; $id_pesan=$_POST['id_pesan']; $pengirim=$_POST['pengirim']; $dari=$_POST['dari'];

$waktu = date("H:i d M Y");

mysql_query("INSERT INTO balas_pesan VALUES

('','$id_pesan','$waktu','$isi_balasan','$pengirim','$dari', 'N')"); }

else { } ?>

<?php echo $pengirim . " (" . $waktu . ")<br>";?> <?php echo $isi_balasan; ?>

(93)

</li>

Halaman cari.php <?php

include 'config.php'; if($_POST['search'] == ''){

echo "Anda Tidak Mengisi Kata Apapun"; } else {

$search = $_POST['search']; $id = $_GET['id'];

$sql = "SELECT a.*, b.nim from data_diri a, identitas b where a.id_nim=b.id_nim and a.nama_lengkap like '%$search%'";

$query = mysql_query($sql) or die(mysql_error()); $array = mysql_fetch_array($query);

-webkit-transform:scale(1.5) translate(20px, 40px); -moz-transform:scale(1.5) translate(20px, 40px); -O-transform:scale(1.5) translate(20px, 40px); } ul.galery li{ float:left; margin:0 10px; padding:10px; list-style:none;

border:1px solid #ddd; }

(94)

echo "<center>Hasil Pencarian Untuk Kata <strong>$search</strong><Br><br></center>";

$sql2 = mysql_query("select b.*, a.nama_gambar from gambar a,data_diri b where a.id_data=b.id_data and a.status='foto_profile' and b.nama_lengkap like

'%$search%'") or die(mysql_error());

while($array2 = mysql_fetch_array($sql2)){

if(strlen($array2[nama_gambar])<=0) echo"<ul><li>

<a href='#'><img src=\"gambar/no_disp.jpg\" class='small_face' height='50px' width='50px'></a></li></ul><br>";

else echo"<ul class='galery'><li>

<a href='#'><img src=\"foto/$array2[nama_gambar]\" height='200px' width='200px'></a></li></ul>";

if($array['kategori'] == "M"){ $kategori = "Mahasiswa"; } else {

$kategori = "Alumni"; }

echo "NIM : " . $array['nim']. "<br><br>";

echo "Nama Lengkap : " . $array['nama_lengkap']. "<br><br>"; echo "Email : " . $array['email']. "<br><br>";

echo "<br><br><br><br><br><br><br><br><br><br>"; } } ?> Halaman loginexex.php <?php session_start(); header('Cache-control: private');

(95)

include 'config.php'; $nim = $_POST['nim'];

$password = $_POST['password']; if(isset($nim) && isset($password)){

$sql = "SELECT b.username, b.id_data, a.nim, b.password FROM data_diri b, identitas a WHERE a.id_nim=b.id_nim and nim='$nim' and

password='$password'";

$query = mysql_query($sql);

$array = mysql_fetch_array($query);

if($nim == $array['nim'] && $password == $array['password']){ $_SESSION['access'] = true;

$_SESSION['id_data'] = $array['id_data']; $_SESSION['nim'] = $array['nim'];

$_SESSION['username'] = $array['username'];

header('location:home.php?id_data=' . $_SESSION['id_data']); }

else {

$_SESSION['access'] = FALSE; $_SESSION['nim'] = null;

echo "anda salah"; }

} else {

$_SESSION['access'] = FALSE; $_SESSION['nim'] = null;

echo "anda salah"; }

exit();

(96)

$(document).ready(function(){$("#stexpand<?php echo

$id_informasi;?>").oembed("<?php echo $array['isi']; ?>",{maxWidth: 400, maxHeight: 300});}); </script> <style type="text/css"> .morebox { font-weight:bold; color:#333333; text-align:center;

border:solid 1px #333333; padding:8px;

margin-top:8px; margin-bottom:8px;

-moz-border-radius: 6px;-webkit-border-radius: 6px; }

.morebox a{ color:#333333; text-decoration:none} .morebox a:hover{ color:#333333; text-decoration:none} </style> <?php include_once 'includes/time_stamp.php'; include_once 'includes/session.php'; include 'config.php'; include_once 'includes/tolink.php'; if(isset($_GET['id'])){ $id=$_GET['id'];

echo '<div id="updates">';

$sql = mysql_query("select b.username, a.id_informasi, a.up, a.down, a.id_data, a.isi, a.time from informasi a, data_diri b where a.id_data=b.id_data and b.id_data='$id' order by a.id_informasi desc LIMIT 4") or die(mysql_error());

} else {

echo '<div id="updates">';

$sql = mysql_query("select b.username, a.id_informasi, a.up, a.down, a.id_data, a.isi, a.time from informasi a, data_diri b where a.id_data=b.id_data order by

(97)

}

while($array = mysql_fetch_array($sql)){ $id_informasi = $array['id_informasi']; $pecahisi= explode("-",$array['isi']); $isi=$pecahisi[1]; $gambar=$pecahisi[0]; $up=$array['up']; $down=$array['down']; ?>

<?php

$sql2 = mysql_query("select a.nama_gambar, b.username from gambar a,data_diri b where a.id_data=b.id_data and a.status='foto_profile' and

a.id_data='$array[id_data]'");

$array2 = mysql_fetch_array($sql2);

if(strlen($array2[nama_gambar])<=0) echo"<img src=\"gambar/no_disp.jpg\" class='small_face' height='50px' width='50px'><br>";

else echo"<img src=\"foto/$array2[nama_gambar]\" height='50px' width='50px'>";

?> </div>

(98)

else if(strlen($isi) != "" AND strlen($gambar) != "") { echo tolink($isi) . "<br>";

echo "<img src=\"uploads/$gambar\" border=0 width=\"200\" height=\"200\">"; }

else if(strlen($gambar) != "" AND strlen($isi) == "") {

echo "<img src=\"uploads/$gambar\" border=0 width=\"200\" height=\"200\">"; } ?> </div> <?php if($id_data==$array['id_data']){ ?>

<span class="delete_button"><a href="#" id="<?php echo $id_informasi;?>" class="delete_update">Delete</a></span>

<?php } else { ?>

<a href="#" id="<?php echo $id_informasi;?>" class="delete_update"></a> <?php

}?>

<div class="sttime"><?php time_stamp($array['time']);?> | <a href='#'

class='commentopen' id='<?php echo $id_informasi;?>' title='Comment'>Comment </a>

<div class='down'><a href='' class='vote' id='<?php echo $id_informasi; ?>' name='down'><?php echo $down; ?></a> Tidak Suka</div>

(99)

<?php include('load_comments.php') ?>

</div>

<?php

$sql4 = mysql_query("select a.nama_gambar, b.username from gambar a,data_diri b where a.id_data=b.id_data and a.status='foto_profile' and a.id_data='$id_data'"); $array4 = mysql_fetch_array($sql4);

if(strlen($array4[nama_gambar])<=0) echo"<img src=\"gambar/no_disp.jpg\" class='small_face' height='50px' width='50px'><br>";

else echo"<img src=\"foto/$array4[nama_gambar]\" height='50px' width='50px'>"; ?>

</div>

(100)

</div> </div>

<?php } ?>

</div> <?php

if($_GET['id']){ }else{

<div id="more<?php echo $id_informasi ; ?>" class="morebox<?php echo $id ; ?>">

</div> <?php } ?>

Halaman load_comments.php <?php

include 'config.php';

include_once 'includes/tolink.php'; include_once 'includes/time_stamp.php';

(1)

contentclass: "submenu", //Shared CSS class name of contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"

mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover

collapseprev: true, //Collapse previous content (so only one open at any time)? true/false

defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content

onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)

animatedefault: false, //Should contents open by default be animated into view?

persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]

togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)

animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"

oninit:function(headers, expandedindices){ //custom code to run when headers have initalized

//do nothing },

onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed

//do nothing }

})

</script>

$(document).ready(function() { $('.ask').jConfirmAction(); });

(2)

</script>

$('.jclock').jclock(); });

</script>

<body>

<div class="right_header">Welcome <?php echo

$_SESSION['username'];?>,<a href="logout.php" class="logout">Logout</a></div> <div class="jclock"></div>

</div>

<li><a class="current" href="index.html">Admin Home</a></li> <li><a href="login.html">Manage Users</a>

<ul>

<li><a href="homeadmin.php?page=nim" title="">Input NIM</a></li> <li><a href="homeadmin.php?page=mahasiswa"

title="">Alumni/Mahasiswa</a></li>

</ul>

</li>

<li><a href="#">Manage Informasi</a> <ul>

</li>

(3)

<li><a href="homeadmin.php?page=informasi" title="">Informasi</a></li>

</ul>

</li>

<li><a href="">Manage Admin</a>

<ul>

<li><a href="homeadmin.php?page=inputadmin" title="">Input Admin</a></li>

<li><a href="homeadmin.php?page=dataadmin" title="">Data Admin</a></li>

</ul> </div>

<div class="sidebar_box"> <div class="sidebar_box_top"></div> <div class="sidebar_box_content"> <h3>Alumni/Mahasiswa</h3>

<img src="images/info.png" alt="" title="" class="sidebar_icon_right" /> <?php

$aktif = mysql_query("select count(*) AS aktif from identitas where active = 'Y'"); $jum_aktif = mysql_fetch_array($aktif);

$inaktif = mysql_query("select count(*) AS inaktif from identitas where active = 'N'");

$jum_inaktif = mysql_fetch_array($inaktif); ?>

<p>

<?php echo "NIM Yang Sudah Aktif : " . $jum_aktif['aktif'] . "<br>";

(4)

</p> </div>

<div class="sidebar_box_top"></div> <div class="sidebar_box_content"> <h4>Posting Terbaru</h4>

<?php

$informasi = mysql_query("SELECT a.id_data, a.username, b.time, b.isi,

b.id_informasi FROM data_diri a, informasi b where a.id_data=b.id_data ORDER BY b.id_informasi DESC LIMIT 5") or die(mysql_error());

while($row=mysql_fetch_array($informasi)){

$isi_berita = nl2br($row['isi']); // membuat paragraf pada isi $isi = substr($isi_berita,0,50); // ambil sebanyak 900 karakter

echo $isi . ".... Oleh <strong>" . $row['username'] . "</strong><br><br>"; }

?> </p> </div>

<div class="sidebar_box_top"></div> <div class="sidebar_box_content"> <h5>Posting Paling Dibahas</h5>

<?php

$dibahas = mysql_query(" select a.id_informasi, count(a.id_informasi) as jum_komen, b.isi from komentar a, informasi b where a.id_informasi=b.id_informasi GROUP BY a.id_informasi DESC LIMIT 5");

while($dibahas_row = mysql_fetch_array($dibahas)){ $jum_komen = $dibahas_row['jum_komen'];

(5)

$isi_berita2 = nl2br($dibahas_row['isi']); // membuat paragraf pada isi $isi2 = substr($isi_berita,0,50); // ambil sebanyak 900 karakter

echo $isi2 . "... ($jum_komen Komentar) " . $dibahas_row['username'] . "<br>";

}

?> </p> </div>

</div>

<?php

if(isset($_GET['page'])){

$page=htmlentities($_GET['page']); }else{

$page="artikel"; }

$file="$page.php"; $cek=strlen($page);

if($cek>30 || !file_exists($file) || empty($page)){ include ("index2.php");

}else{

include ($file); }

</div>

</div>

(6)

</div>

<div class="left_footer">IN ADMIN PANEL | Powered by <a href="http://indeziner.com">INDEZINER</a></div>

</div> </div> </body> </html>

Studi Mengenai Sharing File Berbasis Internet dengan Menggunakan PHP dan MySQL

STUDI MENGENAI SHARING FILE BERBASIS INTERNET

DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

WINDA MEIRIZA

092406115

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

STUDI MENGENAI SHARING FILE BERBASIS INTERNET

DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

WINDA MEIRIZA

092406115

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

BAB 1

PENDAHULUAN

BAB 2

LANDASAN TEORI

BAB 3

ANALISA DAN PERANCANCANGAN SISTEM

BAB 5

KESIMPULAN DAN SARAN

DAFTAR PUSTAKA

Parts

Dokumen yang terkait

Sistem Informasi Penjualan Rumah Secara Online Menggunakan PHP Dan MYSQL

Perancangan Dan Implementasi Sistem Informasi E-Learning Untuk Pembelajaran Bahasa Pemrograman Php

Perancangan Sistem Infomasi pada SMA Negeri 6 Menggunakan PHP dan MySQL

Perancangan Sistem E-Learning Simulasi Tes TOEFL Menggunakan Pemrograman PHP dan MySQL

Pembuatan website Perkenalan Wisata Alam Danau Toba Menggunakan PHP Dan MySQL

Perancangan Sistem Informasi Berbasis Web Dengan Menggunakan PHP Dan MYSQL Pada SMA Negeri 1 Lawe Sigala Gala

Aplikasi perancangan website menggunakan pemrograman PHP dan MySQL berbasis internet

Source Code Halaman Index.php

BAB 2 LANDASAN TEORI - Studi Mengenai Sharing File Berbasis Internet dengan Menggunakan PHP dan MySQL

2. File Indek (index.php) - Aplikasi Try Out Snmptn Online Berbasis Web Dengan Menggunakan PHP Dan MYSQL

Dokumen yang Anda mencari sudah siap untuk unduhkan