ISSN : 2338-4018
PEMBUATAN SITUS SOCIAL NETWORK UNTUK MAHASISWA DAN DOSEN DI STMIK SINAR NUSANTARA SURAKARTA MENGGUNAKAN AJAK, PHP DAN MYSQL DALAM INTRANET DI LINGKUNGAN STMIK SINAR NUSANTARA SURAKARTA Frandita Agustino Ardiartoro (
[email protected]) Wawan Laksito YS (
[email protected]) Teguh Susyanto (
[email protected])
ABSTRAK Dalam menjalani aktifitas perkuliahan di STMIK Sinar Nusantara Surakarta tentunya tidak bisa lepas dari kegiatannya untuk bersosialisasi antara mahasiswa dengan dosen dan untuk bersosialisasi itulah manusia memerlukan komunikasi sehingga akibatnya timbul interaksi dalam kehidupan manusia, maka ketika seseorang melakukan proses komunikasi dengan orang lain dibutuhkan kesamaan makna sehingga diharapkan agar proses komunikasi yang sedang terjadi dapat berlangsung efektif. Situs jejaring sosial merupakan salah satu bentuk media sosial yang bisa digunakan untuk berkomunikasi. Situs jejaring sosial yang pada awalnya digunakan untuk tujuan pertemanan (mencari, menemukan dan menambah teman) kini telah dapat digunakan sebagai media untuk berkomunikasi. Komunikasi dengan menggunakan situs jejaring sosial dapat menumbuhkan rasa kebersamaan, keakraban dan keterikatan yang lebih kental jika dibandingkan dengan media komunikasi lain yang ada di Internet. Penulis mencoba membuat aplikasi yang dapat memungkinkan terjadinya interaksi dan sosialisasi serta sebagai media sharing antara mahasiswa dan dosen dalam intranet di lingkungan STMIK Sinar Nusantara Surakarta, dalam pembuatan situs social network ini penulis menggunakan teknologi Asynchronous JavaScript and XML (AJAX), PHP dan MySQL. Alasan penulis menggunakan AJAX adalah karena kemampuan teknologi AJAX melakukan request data kepada server tanpa harus melakukan pergantian halaman dan hasil akhirnya nanti berupa aplikasi Situs Social Network dalam intranet dilingkungan STMIK Sinar Nusantara Surakarta. Kata Kunci: Situs Social Network, AJAX, PHP, Chat. I.
PENDAHULUAN Dalam menjalani aktifitas perkuliahan di STMIK Sinar Nusantara Surakarta tentunya tidak bisa lepas dari kegiatannya untuk bersosialisasi antara mahasiswa dengan dosen dan untuk bersosialisasi itulah manusia memerlukan komunikasi sehingga akibatnya timbul interaksi dalam kehidupan manusia, maka ketika seseorang melakukan proses komunikasi dengan orang lain dibutuhkan kesamaan makna sehingga diharapkan agar proses komunikasi yang sedang terjadi dapat berlangsung efektif. Seiring dengan perkembangan zaman, kebutuhan manusia akan informasi menyebabkan semakin meningkat pula perkembangan teknologi dalam hal pemenuhan kebutuhan akan informasi. Melalui situs social network seseorang dapat saling berbagi pengalaman dan informasi mengenai topik yang sedang dibahas tanpa harus saling tatap muka.Penulis ingin membuat sebuah situs social networkyang dapat memungkinkan 42
terjadinya interaksi dan sebagai media sharing antara mahasiswa dan dosen dalam intranet di lingkungan STMIK Sinar Nusantara Surakarta.Dalam pembuatan situs social network ini penulis menggunakan teknologi Asynchronous JavaScript and XML (AJAX), PHP dan MySQL.Alasan penulis menggunakan AJAX adalah karena kemampuan teknologi AJAX melakukan request data kepada server tanpa harus melakukan pergantian halaman. II. METODE PENELITIAN 2.1. Sumber Data Metode Penelitian a) Sumber Data Penelitian Data utama yang dibutuhkan dalam pembuatan situs social network di STMIK Sinar Nusantara, yang meliputi Daftar Mahasiswa,daftar alumni, dan Daftar dosen. Data sekunder diperoleh dari buku, jurnal ilmiah, makalah dan materi–materi lainnya yang berhubungan dengan topik dari judul.
Jurnal TIKomSiN
b) Observasi Tahap pengumpulan data dengan mengadakan penelitian dan peninjauan langsung terhadap permasalahan yang diambil, sehingga penulis mengetahui kriteria menu sistem yang nantinya akan dibuat dan yang dibutuhkan dalam pembuatan situs social network. c) Wawancara Penulis bertanya langsung kepada pihakpihak yang terkait antara lain mahasiswa, alumni dan dosen di STMIK Sinar Nusantara Surakarta. Metode ini dilakukan dengan lisan.Cara ini dilakukan untuk mendapat keterangan-keterangan pelengkap guna kelancaran kegiatan penelitian.
dokumen HTML hypermedia dan database, dan lainya) untuk menyediakan lingkungan internet dalam perusahaan untuk berbagi informasi, komunikasi, kolaborasi, dan dukungan dari proses [2].
2.2. Metode Pengolahan Data Metode yang digunakan dalam pembangunan perangkat lunak adalah metode (Process Oriented) berbasis perancangan terstruktur. Alat bantu yang digunakan yaitu Entity Relationship Diagram (ERD) untuk relasi data, dan Data Flow Diagram (DFD) untuk alur data dalam proses di dalam sistem.
3.4. AJAX AJAX (Asynchronous JavaScript and XML) adalah suatu teknik yang memungkinkan untuk membuat aplikasi web yang interaktif. Aplikasi web dapat berinteraksi dengan server di latar belakang sehingga tidak mempengaruhi halaman web secara keseluruhan [4].Dengan AJAX, Javascript dapat langsung berkomunikasi dengan server dengan menggunakan objek XMLHttpRequest. Dengan objek ini, javascript dapat melakukan transaksi data dengan server web, tanpa harus me-reloading halaman web tersebut secara keseluruhan. Teknologi-teknologi yang berada di balik AJAX, antara lain: HTML/XHTML (Hypertext/Extensible Markup Language), CSS (Cascading Stylesheet) , DOM (Document Object Model), XML (Extensible Markup Language), XSLT (Extensible Stylesheet Language), XMLHttpRequest, JavaScript. Dengan memanfaatkan karakteristik AJAX ini dapat dihasilkan aplikasi web yang semakin interaktif dan dinamis.Salah satu kegunaannya adalah pemisahan antara interaksi antara aplikasi dengan server dengan interaksi aplikasi dengan pengguna.Selagi AJAX melakukan request dan menunggu respon, user tetap dapat berinteraksi dengan antar muka aplikasi.Dalam model AJAX, aksi dari sisi klien dibagi menjadi dua bagian, yaitu layer user interface dan layer AJAX. Arsitektur model AJAX dapat dilihat pada gambar 1.
2.3. Prosedur Penelitian Metode yang digunakan dalam mengerjakan penelitian ini adalah metode SDLC (System Development Life Cycle), dengan model Evolutionary yang merupakan metode SDLC model waterfall yang dikombinasikan dengan metode SDLC model spiral. Langkah – langkah atau urutan – urutan yang harus dilalui atau dikerjakan dalam penelitian ini adalah dimulai dengan tahapan requirement, analysis, design, spesifikasi, implementasi dan pengujian sistem. III. TINJAUAN PUSTAKA 3.1. Jejaring Sosial Jejaring sosial adalah suatu struktur sosial yang dibentuk dari simpul-simpul (yang umumnya adalah individu atau organisasi) yang diikat dengan satu atau lebih tipe relasi spesifik seperti nilai, visi, ide, teman, keturunan, dan lain-lain [1]. 3.2. Intranet Intranet adalah sebuah jaringan di dalam sebuah organisasi yang menggunakan teknologi internet (seperti web browser dan server, TVP / IP protokol jaringan, penerbitan Jurnal TIKomSiN
3.3. PHP PHP singkatan dari Hypertext Preprosesor yaitu bahasa pemrograman server-side yang bersifat open source.PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server-side HTML embedded scripting).PHP adalah script yang digunakan untuk membuat halaman website dinamis.Dinamis berarti halaman website yang ditampilkan dibuat saat halaman itu diminta oleh client [3].
Gambar 1. Arsitektur Model AJAX
43
Ketika user mengklik sebuah link atau mengirimkan sebuah form maka input tersebut akan ditangani oleh layer AJAX dan diinteraksikan dengan server, kemudian mengupdate user interface (UI). Jadi, dalam AJAX, interaksi UI secara logika terpisah dengan interaksi jaringan. Pendekatan yang digunakan AJAX adalah bagaimana mengirimkan jumlah data yang kecil dari dan ke server atas request dari user.
3.5. Database Database adalah Struktur penyimpanan data.Untuk menambah, mengakses dan memperoses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database seperti MYSQL Server [6]. 3.6. Mysql MySQL merupakan RDBMS (atau server database) yang mengelola database dengan cepat menampung dalam jumlah sangat besar dan dapat diakses oleh banyak user [7]. 3.7. Metode SDCL Model Evolusi Metode SDLC (System Development Life Cycle) model evolusi merupakan metode SDLC model waterfall yang dikombinasikan dengan metode SDLC model spiral.SDLC model evolusi dapat dilihat pada gambar 3.
Gambar 2. Perbandingan Model Aplikasi Web Tradisional dengan Model Web AJAX
Dari gambar 2dapat dilihat bahwa aplikasi web AJAX menggunakan engine yang dibangun dengan AJAX sebagai penghubung komunikasi browser-server.Untuk komunikasi web, AJAX menggunakan XML sebagai media pertukaran data. Selain itu, yang membedakan antara web AJAX dengan web tradisional adalah kemampuannya bekerja di belakang layar secara asynchronousyang berarti mengirim dan menerima data dari user ke server tanpa perlu me-load kembali seluruh halaman, melainkan hanya melakukan penggantian pada bagian web yang hendak diubah. AJAX Menggunakan asynchronouse data transfer (pada HTTP request) antara browser dan web server, yang memperbolehkan halaman web me-request bit yang kecil atau seluruh informasi dari server. Sedangkan pada web tradisionalbekerja harus bergantian dan saling menunggu [5].Teknik AJAX membuat internet menjadi kecil, cepat dan lebih user-friendly.Cara kerja AJAX secara asynchronous memungkinkan antar muka browser dapat terus beraktivitas seiring dengan kerja AJAX Engine secara bersama.
44
Gambar 3.SDLC Model Evolusi
Tahapan requirement, tahapan desain serta tahapan spesifikasi dilakukan simultant tahap demi tahap seperti yang dilakukan dalam metode SDLC waterfall.Ketika tahapan requirement sudah selesai dan berlanjut ke tahapan desain ternyata terdapat kebutuhan baru (new requirements) yang dibutuhkan dalam pengembangan sistem. Maka tahapan desain tidak bisa kembali ke tahapan awal yaitu tahapan requirements tetapi tahapan requirements yang akan mencari dan menghasilkan kembali kebutuhan. Metode SDLC model evolusi maka perubahan atas kebutuhan sistem akan mudah untuk mencari dan menemukan arsitektur yang berubah karena perubahan tersebut. Metode SDLC model evolusi mengharapkan modifikasi terjadi hanya pada arsitektur sistem yang berhubungan dengan perubahan kebutuhan (requirements), arsitektur sistem yang lain yang tidak berhubungan dengan perubahan Jurnal TIKomSiN
kebutuhan dapat dibiarkan mengalami modifikasi [8].
dan
tidak
3.8. Entity Relationship Diagram Entity Relationship Diagram (ERD) yaitu model konseptual yang menjabarkan hubungan antar penyimpanan data dan hubungan data. Pada Entity Relationship Diagram (ERD) terdapat simbol-simbol dengan himpunan relasi yang masing-masing memiliki atribut untuk menjelaskan suatu relasi secara keseluruhan atau melakukan aktivitas permodelan data [9]. 3.9. Data Flow Diagram Data Flow Diagram (DFD) yaitu salah satu alat dalam perancangan sistem yang menggunakan simbol-simbol untuk menggambarkan aliran data melalui serangkaian proses yang saling berhubungan. DFD merupakan alat yang cukup popular sekarang ini, karena dapat menggambarkan arus data didalam sistem dengan terstruktur dan jelas.Lebih lanjut DFD juga merupakan dokumentasi yang baik [9]. IV. HASIL DAN PEMBAHASAN 4.1. Penggunaan AJAX Pada Sistem Sistem website ini dibangun dengan menggunakan PHP dan databasenya menggunakan MySQL. Untuk pembuatan desain menu pada situs social network di STMIK Sinar Nusantara Surakarta digunakan skrip CSS diembedded ke kode html dimana kode html bertanggung jawab hanya dengan struktur situs sedangkan style situs diatur oleh kode CSS. Digunakan juga client side script dalam hal ini JavaScript.Agar situs social network interaktif, dinamis dengan waktu pemuatan halaman baru lebih cepat maka diaplikasikan teknologi AJAX dalam pembuatannya. Pada website apabila tanpa menggunakan AJAX jika kita mengklik suatu tombol atau link tertentu maka browser akan melakukan refresh dimana document HTML akan di baca dari awal dan layar browser akan menjadi blank sesaat karena pada saat itu browser sedang meminta atau merequest data dari web server. Pada pembuatan chat maupun update status, komentar, dan like status apabila tanpa menggunakan AJAX maka sebuah web perlu merefresh atau mereload seluruh halaman seluruhnya untuk menampilkan data kembali yang direquest atau dikirim oleh pengguna dan hal itulah yang Jurnal TIKomSiN
membuat aplikasi website menjadi kurang interaktif dan responsif. AJAX digunakan untuk memecahkan masalah tersebut, AJAX membuat aplikasi website menjadi lebih interaktif dan responsif serta memiliki kecepatan dalam memproses request ke server. Arsitektur pemrograman AJAX mengijinkan kita untuk mengirimkan request dalam ukuran yang lebih kecil pada server.Halaman yang terpakai hanya termodifikasi untuk menampilkan hasil, bukan tergantikan dengan sebuah halaman baru. Faktor penting yang lain dari arsitektur AJAX adalah request dan response dijalankan secara asinkron. AJAX tidak melarang user untuk melakukan proses lain pada halaman yang dipakai. User dapat mengisi dan menggunakan area lain pada halaman, sedangkan AJAX bekerja pada background. Dengan teknik menggunakan AJAX, maka JavaScript yang ada pada sebuah halaman web dapat berkomunikasi langsung ke server, menggunakan objek JavaScript XMLHttpRequest.Dengan objek ini, kode JavaScript dapat mengkases data di server tanpa harus me-reload seluruh halaman web.Objek XHR (XMLHttpRequest) adalah inti dari AJAX engine. XHR merupakan objek yang memberikan kemampuan sebuah halaman untuk mendapatkan data (menggunakan metode GET) atau mengirim data (menggunakan metode POST) dari server yang prosesnya terjadi dibelakang layar, itu berarti refresh browser tidak diperlukan sepanjang proses ini.Semua AJAX request dimulai dengan interaksi disisi klien yang diatur oleh JavaScript. JavaScript menciptakan objek XHR dan membuat sebuah HTTP Request ke server.Hal inilah yang menjadi faktor kunci dalam memberikan kelebihan aplikasi kepada user. User tidak perlu mengetahui proses sehingga dapat fokus dengan pekerjaan yang dilakukan. Bagian menu atas notifikasi dirancang dengan teknologi AJAX sebagai tempat menampilkan informasi notifikasi langsung bila terdapat pemberitahuan yang masuk seperti notifikasi pesan masuk, notifikasi komentar, notifikasi like status, dan notifikasi permintaan pertemanan yang masuk tanpa harus merefresh halaman secara keseluruhan. Penggunaan AJAX juga terdapat pada menu update status, komentar dan like status sehingga sewaktu user mengupdate status, komentar dan like status data yang dikirimkan langsung diproses dan ditampilkan langsung 45
tanpa me-reload halaman secara keseluruhan. Begitu juga ketika pengguna ingin chat dengan teman dan chatroom teknik menggunakan AJAX diterapkan juga pada menu chat, chatroom sehingga data chat yang dikirim akan langsung tampil tanpa harus merefresh halaman secara keseluruhan. 4.2. Analisis Sistem 4.2.1. Spesifikasi Kebutuhan Perangkat Lunak Pada kebutuhan perangkat lunak ini, terdapat beberapa fungsi yang harus dibuat, diantaranya: sistem menyediakan layanan pendaftaran akun, login, update status,komentar status, like status, pertemanan,follow, upload album foto, membuat catatan, upload/download file, pesan, block/unblockmengolah data akun, mengolah data group, chat antar teman, chatroom, pesan notifikasi untuk pengguna. Sistem dapat mengolah data mahasiswa, data dosen, dan data alumni, privacy web, maintenance web, syarat pendaftaran, chatroom, file upload, info kampus, memonitoring aktifitas anggota, chat anggota dan chatroom. 4.2.2. Analisis Kebutuhan Non Fungsional a) Analisis Pengguna Sistem situs social network di STMIK Sinar Nusantara Surakarta yang akan dibangun hanya digunakan oleh empat orang pengguna, yaitu Admin, Dosen, Mahasiswa dan Alumni. b) Analisis Perangkat Keras Tabel 1.Analisis Perangkat Keras Untuk Client dan Server. No 1 2. 3 4. 5. 6. 7. 8. 9. 10. 11.
Perangkat Keras Prosesor Memori Harddisk VGA Lan Card Wi-Fi Monitor Keyboard Mouse Kabel Konektor Kabel
Spesifikasi Client Server Inter/AMD 2.0 Intel/AMD 2.0 Ghz GHz 512 MB 1 GB 160 GB 160 GB 256 MB 256 MB 10/100Mbps 10/100Mbps Standar Standar 14 inch 14 inch Standar Standar Standar Standar UTP UTP RJ45 RJ45
c) Analisis Perangkat Lunak Perangkat lunak / software yang dibutuhkan dalam membangun situs social network dapat dilihat pada tabel 2. 46
Tabel 2. Analisis Perangkat Lunak No 1.
Perangkat Lunak Sistem Operasi
2. 3.
Media Penyimpanan Web Browser
4. 5.
Web Server Tools Program
Keterangan Windows XP / Windows 7 / Windows 8 MySQL Mozilla Firefox, Google Chrome, Comodo Dragon, Opera XAMPP Dreamweaver, Notepad++
d) Analisis Jaringan Pada sisi server penggunaan Apache Web Server, PHP 5 dan database MySQL menggukan XAMPP sebagai Web Server untuk menjalakan aplikasi situs social network Di STMIK Sinar Nusantara Surakarata. Infrastruktur intranet di STMIK Sinar Nusantara Surakarta menggunakan dua jaringan yaitu jaringan dengan kabel (menggunakan LAN) dan jaringan nirkabel (menggunakan wireless) sehingga Mahasiswa, Alumni dan Dosen dapat mengakses situs social network dengan terhubung dengan jaringan intranet di STMIK Sinar Nusantara Surakarta. 4.2.3. Analisis Kebutuhan Fungsional Analisis kebutuhan fungsional diperlukan untuk memodelkan sistem. Pemodelan yang digunakan untuk memodelkan system situs social network di STMIK Sinar Nusantara Surakarta ini adalah pemodelan terstruktur. 4.3. Desain Perancangan Sistem 4.3.1. Diagram Konteks Diagram Konteks sistem situs social network di STMIK Sinar Nusantara Surakarta dapat dilihat pada gambar 4. Pada gambar 4 menggambarkan keseluruhan proses dalam sistem yang telah dirancang terdapat empat entity yaitu Mahasiswa, Alumni, Dosen, Dan Admin. Mahasiswa
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Info data anggota situs social network Info data akun anggota Info data profil Info data pesan Info data komentar Info data like status Info data post dinding Info data perteman login Info data follow Dosen Info data block akun anggota Info data catatan informasi profil Info data album foto pertemanan Info data group block Info data chatroom pesan Info data info kampus post dinding Info data file komentar Info data chat like status
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
login Mahasiswa akun anggota informasi profil pertemanan block pesan post dinding komentar like status catatan foto album group chat chatroom
catatan foto album group file chat chatroom
Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info
data data data data data data data data data data data data data data data data data data data data data
mahasiswa alumni dosen akun profil block pesan komentar status post dinding like status pertemanan catatan album foto group chatroom aktifitas anggota file kampus chat setting web akun anggota
Situs Social Network
Dosen Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info
data data data data data data data data data data data data data data data data data
anggota situs social network akun anggota profil pesan komentar like status post dinding Data login perteman Data Alumni follow Data akun anggota block Data informasi profil catatan Data pertemanan album foto Data block group Data pesan chatroom Data post dinding info kampus Data komentar file Data like status chat Data catatan Data foto album Data group Data chat Data chatroom
Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info
Admin
data data data data data data data data data data data data data data data data data
anggota situs social network akun anggota profil pesan komentar like status post dinding perteman follow block catatan album foto group chatroom info kampus file chat
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
login mahasiswa alumni dosen informasi profil block pertemanan pesan post dinding komentar status like status catatatan album foto group file Chatroom info kampus chat setting web akun anggota
Alumni
Gambar 4.Context Diagram Situs Social Network
Jurnal TIKomSiN
4.4. HIPO 0 Situs Social Network
TOP LEVEL
1
2
3
4
Setting Web / Input Master
Pendaftaran Anggota
Aktifitas Anggota
Monitoring
Level-0
1.1
1.2
1.3
1.4
1.5
1.6
1.7
1.8
1.9
2.1
2.2
4.1
4.2
4.3
datamhs
dataalumni
datadosen
Syarat pendaftaran
Setting Privacy Web
Setting Maintenance
Setting Chat Room
File Manager
Input info kampus
Reg Anggota
Akun Anggota
Monitoring aktifitas anggota
Monitoring chat anggota
Monitoring Chat Room
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
3.9
3.10
3.11
Login
Status
Profil
Cari Anggota
Album Foto
Catatan
Group
File
Info Kampus
Chat
Logout
Level-1
3.2.1
3.2.2
3.2.3
3.4.1
3.4.2
3.4.3
3.6.1
3.6.2
3.6.3
3.6.4
3.8.1
3.8.2
3.8.3
3.8.4
Update Status
Komentar status
Status Suka
Cari Anggota
Tambah Teman
Follow
Buat Catatan
Data cataan
Edit Catatan
Hapus catatan
Upload File
Data File
Edit File
Hapus File
3.3.1
3.3.2
3.3.3
3.3.4
3.3.5
3.3.6
3.5.1
3.5.2
3.5.3
3.5.4
3.7.1
3.7.2
3.7.3
3.7.4
3.7.5
3.10.1
3.10.2
Setting Privacy
Ubah Password
Edit Info Profil
Rubah Foto Profil
Pesan
Block/ Unblock
Buat Album Foto
Data Album Foto
Edit Album Foto
Hapus Album Foto
Buat Group
Data Group
Setting/edit Group
Hapus Group
Gabung Group
Chat teman
Chat Room
Level-2
Gambar 5. HIPO Situs Social Network
4.5. DFD Pada gambar 6 DFD lv 0 ini terdapat entity yaitu Mahasiswa, alumni, dosen, dan admin menggambarkan proses yang ada, dengan memiliki empat proses yaitu: a) proses 1 yakni proses mengolah setting web atau input master Entity yang berhubungan langsungdengan proses mengolah setting web atau input master yaitu entity admin yang dapat diuraikan sebagai berikut: Input : Data mahasiswa, data alumni, data dosen, data setting web, data syarat pendaftaran, data maintenanceweb, data file, data info kampus Output :info data mahasiswa, info data alumni, info data dosen, info data gagal masuk mhs, info data gagal masuk alumni, info data gagal masuk dosen, info setting web detail, info syarat pendaftaran, info maintenanace web, info file, dan info kampus b) proses 2 yakni proses mengolah member pendaftaran anggota Entity yang berhubungan langsung dengan proses mengolah member pendaftaran anggota yaitu entity admin, mahasiswa, alumni dan dosen. Adapun uraiain dari masingmasing entity yang berhubungan dengan proses 2 dapat diuraikan sebagai berikut: Untuk entity Admin terdapat input data aktifasi dan output data akun anggota detail.
Jurnal TIKomSiN
Sedangkan entity Mahasiswa, Alumni dan Dosen memiliki input data pendaftaran dan output data akun anggota detail dan data true/false. c) proses 3 yakni proses aktifitas anggota Empat buah entity yang berhubungan langsung dengan proses aktifitas anggota yaitu entity admin, mahasiswa, alumni dan dosen yang dapat diuraikan sebagai berikut: Input : Login, update status, koementar status, like status, album foto, cari anggota, buat catatan, tambah teman, follow, block/unblock, kirim pesan, gabung group, download file, chat, chatroom, logout. Output : data login detail, data akun detail, data update status detail, data komentar status, data status suka detail, data album foto, data anggota detail, data catatan detail, data teman detail, data follow detail, data block/unblock detail, data pesan detail, data file detail, info kampus detail, data gabung group detail, data chat detail, data chat room detail d) proses 4 yakni proses monitoring. Entity yang berhubungan langsung dengan proses monitoring yaitu entity admin yang dapat diuraikan sebagai berikut: Input : Cari data anggota, data status dinding, data chat, data chat. Output : Info data anggota detail, info data status dinding detail, info data chat detail, info data chat room detail.
47
Data Akun anggota detail Data Akun anggota
2 Data mhs detail
Reg dosen Data Akun anggota detail, Data dosen True/false
D1
Data alumni detail
Pendaftaran Anggota
Data Aktifasi
Reg mahasiswa
Mahasiswa
Data Akun anggota detail, Data mahasiswa True/false
D8
datadosen
D3
Data dosen detail
Data link Akun anggota detail Data link Akun anggota
Data Akun anggota detail
Dosen
Input Data dosen
sinus_akunlink
Input Data Mahasiswa, Alumni dan Dosen Input Data setting web Input Syarat pendaftaran Input Maintenance Web Input Data file Input data info kampus
Admin Reg alumni
Info data anggota detail Info data status dinding detail Info data chat detail Info data chat room detail
4
D8
D9
Data chat Cari Data chat
D24 D33
Data room chat detail
D12
sinus_statusdinding
D9
Data update status Data update status detail
berita D6
info kampus detail
uploadfile
D5
berita
Data setting web
Sinus_setting_web
D6
Data setting web detail
Data kategori
kategori
D30
tgagalmhs
D25
sinus_akunanggota sinus_akunlink
tgagalalumni
D26
Data alumni gagal input detail Data dosen gagal input Data dosen gagal input detail Data jenjang Data jenjang detail
sinus_statusdinding
D27
tgagaldosen
D28
sinus_jenjang
Data jurusan
sinus_chatteman
Data jurusan detail
sinuschat_message
D29
sinus_jurusan
D31
sinus_infoweb
sinuschat_rooms
Data syarat pendaftaran detail Data konfigurasi chatroom Data konfigurasi chatrom detail D14
D32
sinuschat_config
Admin
sinus_status_suka
sinus_user_aktifitas
Data upload foto, catatan detail Data upload foto, catatan
sinus_foto_album
D15
Login, Update Status, Komentar Status, Status Suka, Upload Album Foto, Cari Anggota, Buat Catatan, Tambah Teman, Follow, Block/ Unblock, Kirim Pesan, Upload file, Buat Group, Gabung Group, Chat, Buat Chat Room, Logout
Data Login detail, Data akun detail, Data Update Status detail, Data Komentar Status detai, Data Status Suka detail, Data Album Foto detail, Data Anggota detail, Data Catatan detail, Data Teman detail, Data Follow detail, Data Block/Unblock detail, Data Pesan detail, Data Buat Group detail, Data file detail, Info kampus, Data Gabung Group detail, Data Chat detail, Data chat room
Data file detail Data file Data kampus Data info kampus detail
Data foto album Data foto album detail
sinus_request_teman
D16
Data request teman Data request teman detail
uploadfile
D4 D5
D13
Data status suka detail
Data komentar status Data komentar status detail
D34
Data status suka
Data pesan masuk, Data Pemberitahuan
sinus_komentar
D10
Setting Web/ Input Master
sinus_psn_masuk
Data pesan masuk detail, Data pemberitahuan detail
Data status pemberitahuan detail
D4
Data syarat pendaftaran
Data chat room detail Cari Data chat room
Data status pemberitahuan
Data file detail Data info kampus
Data alumni gagal input D7
Data status dinding detail Cari Data status dinding
sinus_statusnotif
sinus_akunanggota
D7
Data file
Data mhs gagal input detail
Data akun anggota detail Cari Data akun anggota Data akun link detail
D11
1
Data kategori detail Data mhs gagal input
Cari data anggota, data status dinding, data chat, data chat room
Monitoring
Input Data alumni Data alumni detail Data mahasiswa detail Input Data mahasiswa
Info Data Mhs, alumni, dosen detail, Info data gagal mhs, alumni, dosen detail, Info setting web detail, Info Syarat pendaftaran detail, Info Maintenance Web detail, Info File, Info kampus
Data Akun anggota detail, Data mahasiswa True/false
Alumni
dataalumni
D2
Data dosen detail
datamhs
3
Sinus_setting_web
D8
Data user block
Data akun anggota Data akun anggota detail Data akun link Data akun link detail
Aktifitas Anggota
Alumni
Data pesan keluar detail Data pesan keluar Data group detail Data group
Login, Update Status, Komentar Status, like status, Album Foto, Cari Anggota, Buat Catatan, Tambah Teman, Follow, Block/Unblock, Kirim Pesan, Gabung Group, Download file, Chat, Chatroom, Logout Data Login detail, Data akun detail, Data Update Status detail, Data Komentar Status detai, Data Status Suka detail, Data Album Foto detail, Data Anggota detail, Data Catatan detail, Data Teman detail, Data Follow detail, Data Block/Unblock detail, Data Pesan detail, Data file detail, Info Kampus, Data Gabung Group detail, Data Chat detail, data chat room detail
Mahasiswa
sinus_teman
D18
sinus_followers
Data user block detail
sinus_akunanggota sinus_akunlink
D17
Data followers detail Data followers
Data setting web detail Data setting web
D7
Data teman detail Data teman
D19
sinus_user_block
D20
sinus_psn_keluar
D21
sinus_setprivgroup
Data anggota group request join Data anggota group request join detail
D22
sinus_anggota_grouprequest
Data anggota group Data anggota group detail
D23
Data chat teman Data chat teman detail Data chat room Data chat room detail Data room chat Data room chat detail
Login, Update Status, Komentar Status, like status, Album Foto, Cari Anggota, Buat Catatan, Tambah Teman, Follow, Block/Unblock, Kirim Pesan, Gabung Group, Download file, Chat, Chatroom, Logout Data Login detail, Data akun detail, Data Update Status detail, Data Komentar Status detai, Data Status Suka detail, Data Album Foto detail, Data Anggota detail, Data Catatan detail, Data Teman detail, Data Follow detail, Data Block/Unblock detail, Data Pesan detail, Data file detail, Info Kampus, Data Gabung Group detail, Data Chat detail, data chat room detail
sinus_chatteman
D33
sinuschat_message
D34
Login, Update Status, Komentar Status, Status Suka, Upload Album Foto, Cari Anggota, Buat Catatan, Tambah Teman, Follow, Block/Unblock, Kirim Pesan, Upload file, Buat Group, Gabung Group, Chat, Chatroom, Logout
sinus_anggotjoingrup
D24
sinuschat_rooms
Dosen
Data Login detail, Data akun detail, Data Update Status detail, Data Komentar Status detai, Data Status Suka detail, Data Album Foto detail, Data Anggota detail, Data Catatan detail, Data Teman detail, Data Follow detail, Data Block/Unblock detail, Data Pesan detail, Data Buat Group detail, Data file detail, Info kampus, Data Gabung Group detail, Data Chat detail, Data Chat Room detail
Gambar 6. DFD Level 0
48
Jurnal TIKomSiN
4.5.1. Perancangan Prosedural a) Flowchart Update Status Flowchart update status dapat dilihat pada gambar 7. Mulai
Pengecekkan akun aktif/tidak
Aktif?
Pending
Tidak
Ya
Input Update Status Ya
Ya
Cek validasi boleh update status
Tampil pesan Akun anda tidak dapat di akses
Pengecekkan kosong/tidak field update status
Button Tidak Aktif
Boleh
Kosong
Ya
Suspen
Tidak
Ya
Cek data input udpate status
Tidak
Tampil Pesan Kesalahan
Tampil pesan “Maaf Posting anda sudah melewati batas untuk akun yang belum aktif”
Tidak
4.6. Implementasi Sistem Halaman login sebagai halaman untuk masuk kedalam sistem atau untuk mengakses halaman utama sesuai dengan hak akses pengguna.Didalam halaman utama ini terdapat beberapa menu antara lain: menu update status, info kampus, catatan, album foto, group, download, chatroom, chat, pencarian, dan menu notifikasi. Pengguna bisa pindah ke halaman lain dengan cara mengklik link yang tersedia. Tampilan halaman utama bisa dilihat pada gambar 10.
Sudah Sesuai?
Tidak
Ya
Tampil data udpate status
Selesai
Gambar 7. Flowchart Update Status
b) Flowchart Gabung Group Flowchartgroup dapat dilihat pada gambar 8. Mulai
Pengecekkan akun aktif/tidak
Aktif?
Tidak
Pending
Tidak
Gambar 10. Halaman Utama Tampilan Halaman Profil dapat dilihat pada gambar 11.
Suspen
Ya
Ya
Cari Group
Tampil pesan Maaf, Akun anda tidak dapat di akses
Ya
Gabung Group
Tampil pesan “Maaf Akun Anda belum aktif, Menunggu Persetujuan Dari Admin”
Cek setting gabung group
Tampil Halaman Group
Perlu Persetujuan?
Tidak
Tampil Pesan Menunggu Persetujuan
Ya
Selesai
Gambar 8.Flowchart Gabung Group
c) Flowchart Penambahan Album Foto Flowchart tampil data update status dapat dilihat pada gambar 9. Mulai
Pengecekkan akun aktif/tidak
Aktif?
Tidak
Pending
Tidak
Ya
Input judul dan deskripsi album foto
Tampil pesan Akun anda tidak dapat di akses
Ya
Ya
Kosong
Tampil pesan “Maaf Akun Anda belum aktif, Menunggu Persetujuan Dari Admin”
Tidak
Tampil Pesan Kesalahan
Cek File Foto
Sudah Sesuai?
Suspen
Ya
Pengecekkan kosong tidak field judul foto
Tampil pesan kesalahan
Input File Foto
Ya
Gambar 12. Halaman Download File
Cek data input judul
Tidak
Upload
Sudah Sesuai?
Ya
Upload Foto
Tidak Tidak
Ya
Gambar 11. Halaman Profil Tampilan halaman download file dapat dilihat pada gambar 12. Pada halaman ini terdapat menu untuk mengupload file dan mendownload file.
Tampil Foto
Selesai
Gambar 9.Flowchart Penambahan Album Foto
Jurnal TIKomSiN
Pada menu panel admin dibuat sehingga memungkinkan administrator dapat mengelola situs social network di STMIK Sinar Nusantara Surakarta dengan baik.Pada menu panel admin terdapat menu daftar anggota digunakan untuk mengelola dan menampilkan data anggota situs social network.Menu daftar group digunakan untuk mengelola dan 49
menampilkan data group.Proses input, delete dan update mahasiswa, alumni dan dosendilakukan di pada menu tambah data mahasiswa, alumni dan dosen. Pada menu panel admin terdapat juga menu setting privacy web, setting web maintenance, setting syarat pendaftaran anggota, setting chat room, menu file manager, menu input info kampus, menu monitoring aktifitas anggota, monitoring chat anggota dan monitoring chat room anggota.Menupanel admin bisa dilihat pada gambar 13.
Gambar 13. Halaman Admin
4.7. Rencana Penggunaan Situs Social Network Pada Infrastruktur Intranet Infrastruktur jaringan intranet di STMIK Sinar Nusatara Surakarta dapat dilihat pada gambar 14.
Gambar 14. Infrastruktur Intranet Pada gambar 13.terdapat Network Operation Center (NOC) yaitu sebagai tempat administrator yang mengawasi, memantau dan mengamankan jaringan komunikasi yang didalamnya terdapat server situs social network dan radius server. XAMPP sebagai web server yang di dalamnya terdapat Apache web server, PHP 5 dan database MySQL yang digunakan untuk menjalankan aplikasi situs social network di STMIK Sinar Nusantara Surakarta. RADIUS (Remote Authentication Dial-In User Service) yaitu sebagai sebuah protokol keamanan komputer yang digunakan untuk melakukan autentikasi, otorisasi, dan pendaftaran akun pengguna secara terpusat
50
untuk mengakses jaringan dalam Intranet di STMIK Sinar Nusantara Surakarta Infrastruktur Intranet di STMIK Sinar Nusantara Surakarta terdapat dua jaringan yaitu jaringan dengan kabel (menggunakan LAN) dan jaringan nirkabel (menggunakan wireless) sehingga Mahasiswa, Alumni dan Dosen di STMIK Sinar Nusantara Surakarta dapat mengakses situs social network dengan terhubung dengan jaringan intranet di STMIK Sinar Nusantara Surakarta. Mahasiswa, Alumni maupun Dosen dapat mengakses situs social network pada jaringan nirkabel (wireless) yang terdapat pada gedung A, gedung B dan Gedung C di area STMIK Sinar Nusantara Surakarta yaitu dengan menggunakan laptop atau komputer yang mempunyai WLAN PCI Card untuk terhubung dengan jaringan wireless. Dosen juga dapat mengakses situs sosial network pada ruang dosen yang sudah terdapat beberapa komputer yang terkoneksi dengan jaringan intranet menggunakan jaringan kabel (menggunakan LAN). Komputer dengan jaringan kabel (menggunakan LAN) yang terhubung langsung pada intranet di STMIK Sinar Nusantara Surakarta juga terdapat pada ruang Lab komputer, ruang perpustakaan, dan beberapa tempat dekat tangga di setiap gedung. Penggunaan jaringan intranet memudahkan dalam mengakses situs social network di STMIK Sinar Nusantara Surakarta dalam lingkungan di STMIK Sinar Nusantara Surakarta. 4.8. Pengujian Black Box Pengujian sistem dengan metode black box hasil kebenaran pengujian dilihat dari keluaran yang dihasilkan dari data atau kondisi masukan yang diberikan untuk fungsi yang ada tanpa melihat bagaimana proses untuk mendapatkan keluaran tersebut. a) Pengujian Update Status Tabel 3.pengujian update status
Jurnal TIKomSiN
b) Pengujian Kirim Pesan Tabel 4.pengujian kirim pesan
[2] O'Brien, J. A. and G.M. Marakas, 2011, Management Information System (10 edition.), New York, McGraw-Hill. [3] Anhar ST, 2010, Panduan PHP & MySQL secara Otodidak, Media Kita, Jakarta. [4] Kadir, Abdul, 2009.Mastering AJAX dan PHP, Andi, Yogyakarta.
c) Pengujian Input Album Foto Tabel 5.pengujian input album foto
[5] Akhmad Deniar P. K., Fazmah Arif Yulianto, Yanuar Firdaus A.W., 2009.Upload File Berbasis Web Menggunakan Ajax Dan Web Services .Net Dengan Metode Chunking, Jurnal Fakultas Informatika Institut Teknologi Telkom, Bandung. [6] Kustiyahningsih, Yeni. 2011, Pemrograman Basis Data Berbasis Web Menggunakan PHP & MySQL, Graha Ilmu, Jakarta.
V. PENUTUP 5.1. Kesimpulan 1. Penerapan penggunaan teknologi AJAX membuat web yang dibuat menjadi interaktif dan responsif serta memiliki kecepatan dalam memproses request ke server, membuat permintaan kepada server tanpa memuat kembali (me-reload) halaman secara keseluruhan. 2. AJAX dapat diterapkan pada pembuatan menu update status, like status, komentar status, notifikasi, upload file, pencarian data dan chat pada situs social network Di STMIK Sinar Nusantara Surakarta.
[7] Raharjo,Budi. 2011. Belajar Otodidak Membuat Database Menggunakan MySQL. Informatika, Bandung. [8] Herwin Anggeriana, 2012, Software Testing Life Cycle for SDLC evolution modeling, Jurnal IT Ilmiah. [9] Rizky Dhanta, 2009, Pengantar Ilmu Komputer, Indah,Surabaya.
5.2. Saran 1. Sistem masih dapat dibangun lebih lengkap seperti penambahan fitur untuk pembuatan album kenangan, tampilan nilai siakad dan penambahan fitur webcam chat. 2. Sistem dapat dibuat menarik lagi seperti perubahan tampilan yang dapat diubahubah sesuai dengan keinginan pengguna. DAFTAR PUSTAKA [1] Wahana Komputer, 2010, Seri Belajar Sekejap Marketing Gratis dengan Facebook, Andi Publiser, Semarang.
Jurnal TIKomSiN
51
