My First Research

1. EKSPLORA INFORMATIKA
Penelitian dan Pengabdian Masyarakat (P2M) STIKOM Bali
Jl. Raya Puputan no. 86 Renon - Denpasar  1
 L-2
Situs Jejaring Sosial Alumni STIKOM BALI Berbasis Web Dengan Menggunakan .Net Framework
Made Doddy Adi Pranatha 1), Dian Pramana 2), Ida Bagus Suradarma 3)
Program Studi Sistem Informasi
Sekolah Tinggi Manajemen Informatika dan Teknik Komputer (STMIK) STIKOM BALI
Jl. Raya Puputan no. 86 Renon, Denpasar, Bali, Indonesia Tlp : (0361) 244445 Fax : (0361) 264773
e-mail: 1)pranathadoddy@gmail.com , 2)dian@stikom-bali.ac.id , 3)suradarma@stikom-bali.ac.id
Abstrak
Alumni memiliki peranan yang penting dalam pembangunan suatu universitas itu sendiri dengan
melihat dari kualitas pekerjaan yang didapat oleh masing-masing alumni sehingga mencerminkan bahwa
Lulusan dari universitas tersebut mampu berguna didalam masyarakat. STIKOM BALI telah memiliki
website khusus untuk alumni, namun dalam penerapannnya situs tersebut tidak dimanfaatkan secara
maksimal oleh pihak alumni dikarenakan situs tersebut hanya menyediakan informasi tentang kegiatan-
kegiatan kampus dan bukan sebagai media untuk saling menghubungkan antar satu alumni dengan alumni
yang lain. Dengan memanfaatkan fasilitas internet maka dibuat sebuah situs jejaring sosial untuk alumni
STIKOM BALI yang dapat mempermudah komunikasi antar para alumni. Situs ini dibuat dengan
memulai perancangan sistem terebih dahulu menggunakana UML kemudian dilanjutkan dengan
pembuatan user interface dan algoritma pemrograman. Hasil dari rancangan tersebut kemudian
diimplementasikan ke dalam bahasa pemrograman VB.Net dan dengan menggunakan platform ASP.Net
serta menggunakan SQL SERVER 2008 sebagai manajemen basis data. Sehingga dihasilkan sebuah situs
jejaring sosial alumni yang dapat memudahkan penyebaran informasi pada alumni. Situs ini masih
memiliki beberapa kekurangan diantaranya pada keamanan situs ini yang masih kurang.
Kata kunci : Jejaring Sosial, Alumni STIKOM BALI, ASP.NET
Abstract
Alumni have an important role in the development of the university itself with the view of the
quality of work obtained by each alumnus to reflect that the graduates of the university is able to be
useful in society. STIKOM BALI hasa special website for the alumni, but in penerapannnya the site is not
fully utilized by the Alumni because the site only provides information about campus activities and not as
a means to interconnect between the alumni and other alumni. By utilizing the internet facility then
created a social networking site for alumni of STIKOM BALI who can facilitate communication among
the alumni. This site was created by starting the system design using current UML terebih first and then
proceed with the creation of the user interface and programming algorithms. The results of the design is
then implemented into the programming language by using VB.Net and ASP.Net platform and using SQL
SERVER 2008 as database management. Thus produced an alumni social networking sites can facilitate
the dissemination of information on alumni. The site still has some drawbacks including the security of
the site is still lacking.
Keywords: Social Network,Alumni STIKOM BALI, ASP.Net
1. Pendahuluan
STIKOM BALI sebagai lembaga pendidikan yang mampu menciptakan alumni berkualitas dari
berbagai jurusan yang ada di perguruan tinggi itu sendiri memiliki jumlah alumni yang bertambah setiap
tahunnya seiring dengan tingkat kelulusannya. Alumni tersebut semakin banyak dan terpisahkan oleh
jarak yang sangat jauh sehingga para alumni mengalami kesulitan untuk berkomunikasi diantara mereka.
Berdasarkan latar belakang tersebut maka dibuatlah “SITUS JEJARING SOSIAL ALUMNI STIKOM
BALI BERBASIS WEB DENGAN MENGGUNAKAN .NET FRAMEWORK”, sehingga diharapkan
dengan adanya jejaring sosial tersebut komunikasi antar alumni dapat berjalan dengan lancar tanpa
terhalang ruang dan waktu serta mendapatkan informasi yang mereka anggap penting seperti lowongan
pekerjaan dari perusahaan yang menjadi rekanan, kegiatan atau aktifitas yang dilakukan oleh kampus.

2. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
2
2. Metode Perekayasaan
Metode perekayasaan yang digunakan dalam perekayasaan Jejaring Sosial Alumni STIKOM
Bali antara lain :
2.1. System/ Information Engineering and Modeling
Permodelan ini diawali dengan mencari kebutuhan dari keseluruhan sistem yang akan dibangun.
Hal ini sangat penting, mengingat sistem yang akan dibangun harus dapat berinteraksi dengan elemen -
elemen yang lain seperti hardware, database, dsb.
2.2. System Analisis
Proses pencarian kebutuhan diintensifkan dan difokuskan pada sistem yang akan dibangun.
Untuk mengetahui sifat dari program yang akan dibangun, maka harus mengerti tentang informasi dari
software, misalnya fungsi yang dibutuhkan, user interface, dsb. Dari aktivitas tersebut (pencarian
kebutuhan sistemdan software) harus didokumentasikan dan ditunjukkan kepada pengguna.
2.3. Design
Dalam perancangan dan desain sistem ini menggunakan object oriented dengan standarisasi
pemodelannya yaitu dengan menggunakan UML (Unified Modelling Language) yang mencakup use case,
activity diagram, sequence diagram, dan class diagram. Selain itu perancangan dan desain sistem ini
munggunakan ERD (Entity Relationship Diagram) dan konseptualdatabase untukperancangan database.
2.4 Coding
Dalam tahap pembuatan aplikasi ini menggunakan bahasa pemograman VB.Net dan platform
ASP.net serta SQL Server 2008 untuk pembuatan database.
2.5. Testing
Sesuatu yang dibuat haruslah diujicobakan. Demikian juga dengan sistem ini. Semua fungsi -
fungsi sistem harus diujicobakan, agar bebas dari error, dan hasilnya harus benar - benar sesuai dengan
kebutuhan yang sudah didefinisikan sebelumnya.
2.6. Maintenance
Pemeliharaan suatu sistem diperlukan, termasuk di dalamnya adalah pengembangan, karena
sistemyang dibuat tidak selamanya hanya seperti itu.
3. Tinjauan Pustaka
3.1. Sistem
Sistem merupakan sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk
mencapai suatu tujuan. Adapun elemen tersebut yaitu tujuan (goal), masukan (input), keluaran (output),
proses (process), mekanisme pengendalian (control mechanism), dan umpan balik ( feed back) [1].
3.2. Jejaring Sosial
Jejaring sosial merupakan suatu struktur sosial yang terdiri dari elemen-elemen individual atau
organisasi. Jejaring ini menunjukkan jalan dimana mereka berhubungan karena kesamaan sosialitas,
mulai dari mereka yang dikenal sehari-hari sampai dengan keluarga. Istilah ini diperkenalkan oleh
professor J.A.Barnes di tahun 1954[2].
3.3. UML
UML (Unified Modeling Language) adalah ‘bahasa’ pemodelan untuk sistem atau perangkat
lunak yang berparadigma ‘berorientasi objek’. Pemodelan (modeling) sesungguhnya digunakan untuk
penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah
dipelajari dan dipahami”[3].
3.4. Use case diagram
Use case diagram menampilkan sekumpulan use case dan actor dan hubungan diantara use
case dan actor tersebut. Use case diagram digunakan untuk penggambaran use case dari suatu sistem.
Use case diagram penting dalam mengatur dan memodelkan kelakuan dari suatu sistem[3].

3. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
3
3.5. Activity Diagram
Activity Diagram merupakan state diagram khusus yang sebagian besar state adalah action dan
sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu
Activity Diagram tidak menggambarkan behaviour internal sebuah sistem(dan interaksi antar subsistem)
secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari level atas secara
umum[3].
3.6. Sequence Diagram
Sequence Diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem
(termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu.
Sequence Diagram terdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait)
[3].
3.7. ERD (Entity Relationship Diagram)
ERD (Entity Relationship Diagram) merupakan salah satu cara dalam memodelkan data-data
yang berada didalam suatu kumpulan data yang saling berhubungan (relasi) satu sama lain [4].
3.8. Konseptual Database
Konseptual database digunakan untuk memodelkan database yang akan dibuat. Di dalam
pembuatan database, harus dilakukan analisa terlebih dahulu mengenai entitas-entitas yang terlibat,
entitas yang dimaksud merupakan objek dalam dunia nyata [5].
3.9. ASP.Net
ASP.Net merupakan teknologi Microsoft yang dikhususkan untuk pengembangan aplikasi
berbasis web dinamis berbasis platform .NET Framework. ASP.Net didesain untuk memberikan
kemudahan pada pengembang web untuk membuat aplikasi berbasis web dengan cepat, mudah dan
efisien karena meminimalkan penulisan kode program dengan bantuan komponen-komponen yang
tersedia sehingga dapat meningkatkan produktifitas[6].
3.10. SQL Server
SQL Server adalah sebuah sistem berarsitektur terbuka yang memungkinkan para pengembang
program memperluas dan menambahkan fungsi-fungsi ke dalam database tersebut[7].
4. Analisa Perancangan Sistem dan Hasil
Pada bagian ini menjelaskan masing-masing hasil analisis dan perancangan Sistus Jejaring Sosial
Alumni STIKOM Bali.
4.1. Analisa Sistem
Kebutuhan fungsional ini merupakan fitur-fitur yang terdapat pada perangkat lunak yang dibuat.
Dalam sistem ini kebutuhan fungsionalnya terdapat 4 macam, yaitu kebutuhan mengatur pintu akses
pengguna, kebutuhan akan komunikasi antar pengguna, kebutuhan akan pengelolaan data pengguna dan
kebutuhan akan kontrol terhadap pengguna.
1. Kebutuhan mengatur pintu akses pengguna
2. Kebutuhan akan komunikasi antar pengguna
3. Kebutuhan akan pengelolaan data pengguna
4. Kebutuhan akan kontrol terhadap pengguna
4.2. Perancangan Sistem
Perancangan Situs Jejaring Sosial Alumni STIKOM Bali menggunakan UML (Unified
Modelling Language) yang terdiri dari use case, activity diagram, sequence diagram, dan class diagram.
Untuk memodelkan database pada sistem ini menggunakan ERD (Entity Relationship Diagram) dan
Konseptual Database.

4. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
4
4.2.1. Use Case Diagram
Use case diagram adalah salah satu diagram dalam UML yang membuat gambaran umum dari
situs jejaring sosial alumni STIKOM BALI. Berikut adalah use case diagram yang digunakan dalam
perancangan sistemini :
Gambar 1 Use Case Diagram
4.2.2. Activity Diagram
Activity Diagram menggambarkan segala aktifitas dan proses bisnis yang terjadi pada setiap use
case pada use case diagram. Berikut merupakan Activity Diagram pada jejaring sosial alumni STIKOM
BALI.
a. Activity Diagram Import Data Sekolah
Berikut merupakan Activity Diagram proses post status dimulai dengan sistem menampilkan
form input status kemudian user menginputkan status dan sistem akan menyimpan status ke dalam
database.
Gambar 2 Activity Diagram Post Status
4.2.3. Sequence Diagram
Sequence Diagram adalah suatu diagram yang memperlihatkan atau menampilkan interaksi-
interaksi antar objek di dalam sistemyang disusun pada sebuah urutan atau rangkaian waktu.
System
User
Post Status
Add Like
Comment Status
Manage Photo Admin
Manage Alumni
Send Message
Manage Event
Login
Activation Account
Edit Profile
Manage Tahun Lulusan
Manage Jurusan
DeleteStatus
Manage Angkatan
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
Add Photo
<<extend>>
Delete Photo
<<extend>>
User System
Menginputkan Status Menampilkan Form Input Status
Menyimpan Status Ke Dalam Database

5. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
5
a. Sequence Diagram Post Status
Menggambarkan objek yang berurutan ketika melakukan proses post status. 1.:TypeStatus()
User mengetikkan status. 2:UploadStatus() Melakukan proses pengiriman variabel status dan username
ke database.3:SaveStatus Menyimpan data status dan username ke database.4:returnSuccess()
Mengirimkan pesan bahwa status telah berhasil disimpan.5:Success() Menginformasikan bahwa status
telah berhasil disimpan.
Gambar 6 Sequence Diagram Post Status
4.2.4 Class Diagram
Class diagram digunakan untuk memberikan gambaran tentang kelas-kelas dan paket-paket di
dalam sistem. Biasanya, dibuat beberapa class diagram untuk sistem tunggal. Beberapa diagram akan
menampilkan subset dari kelas-kelas dan kelasnya. Berikut merupakan class diagram dari jejaring sosial
alumni STIKOM BALI.
Gambar 10 Class Diagram

6. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
6
4.2.5. ERD (Entity Relationship Diagram)
Berikut adalah ERD (Entity Relationship Diagram) yang digunakan pada sistemini :
Tb_Alumni Tb_Status Tb_Notification
Tb_Foto
Tb_Pesan
Tb_Like
Tb_KomentarTb_Angkatan
Tb_Tahun_Lulusan
Tb_Jurusan
Gambar 11 Entity Relationship Diagram
4.2.6. Konseptual Database
Konseptual database menggambarkan relasi antar tabel di dalam database. Berikut merupakan
konseptual database dari situs jejaring sosial alumni STIKOM BALI.
Tb_Alumni
PK Username
NIM
Nama
Password
Angkatan
Jurusan
Lulusan
Judul
Email
Activation
Gambar_Besar
Gambar_Kecil
Tb_Status
PK IdStatus
Status
Date
Username
UserDinding
Tb_Notification
PK IdNotification
Username
UserPenerima
Subject
IdStatus
Date
Status
Tb_Komentar
PK IdKomentar
Komentar
IdStatus
Username
Date
Tb_Jurusan
PK IdJurusan
NamaJurusan
Tb_Tahun_Lulusan
PK IdTahun
Tahun
Tb_Foto
PK IdFoto
Username
IdStatus
Date
Tb_Like
PK IdLike
IdStatus
Username
Date
Tb_Angkatan
PK IdAngkatan
Angkatan
FK
FK
FK
FK
FK
FK
FK
FK
FK
FK
FK
FK
Tb_Pesan
PK IdPesan
Subject
Pesan
Pengirim
Penerima
Status
Date
FK
FK
Tb_Event
PK IdEvent
NamaEvent
Date
TimeStart
TimeFinish
Deskripsi
Tb_Admin
PK Username
Password
Nama
E-mail
Tb_Galeri
PK IdGaleri
Deskripsi
Gambar
Date
Gambar 12 Konseptual Database

7. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
7
4.3. Implementasi Sistem
Dalam implementasi Situs Jejaring Sosial Alumni STIKOM Bali terdapat tampilan seperti
berikut :
a. Halaman Login User
Halaman login user dapat diakses dengan masuk ke menu login pada halaman utama. Halaman
login user dapat digunakan oleh user setelah melakukan aktifasi user. Halaman login user berguna untuk
masuk ke halaman utama situs jejaring sosial alumni.
Gambar 13 Halaman Login User
b. Halaman Timeline
Halaman timeline menampilkan data status, komentar , dan gambar yang diupload oleh para
user. Juga terdapat event yang diupload oleh admin.
Gambar 14 Halaman Timeline

8. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
8
c. Halaman Profil
Halaman profil menampilkan data status, komentar , dan gambar yang diupload oleh para user.
Pada sidebar terdapat menu wall, photo dan profil.
Gambar 15 Halaman Profil
e. Halaman Galeri Photo
Halaman photo dapat diakses dengan memilih menu photo pada sidebar halaman profil.
Halaman photo menampilkan data photo yang diupload oleh user.Berikut merupakan tampilan dari
halaman photo.
Gambar 16 Halaman Galeri Photo

9. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
9
f. Halaman Profil Data Diri
Halaman profil data diri dapat diakses dengan memilih menu profil pada sidebar halaman profil.
Halaman profil data diri menampilkan data diri dari masing masing user.Berikut merupakan tampilan dari
halaman profil data diri.
Gambar 17 Halaman Profil Data Diri
g. Halaman edit profil
Halaman edit profil dapat diakses dengan memilih menu tombol edit profil pada pojok kanan
atas halaman profil data diri. Halaman edit profil digunakan untuk melakukan edit profil pada user yang
sedang online saat itu.Berikut merupakan tampilan dari halaman edit profil.
Gambar 18 Halaman edit profil

10. 
 L-2 Situs Jejaring Sosial Alumni STIKOM Bali Berbasis Web Dengan Menggunakan .Net Framework
(Made Doddy Adi Pranatha,Dian Pramana, Ida Bagus Suradarma)
10
h. Halaman Send Message
Halaman send message dapat diakses dengan memilih icon pesan pada halaman profil user lain
pada halaman profil. Halaman send message digunakan untuk melakukan pengiriman pesan pada user
lain.Berikut merupakan tampilan dari halaman send message.
Gambar 19 Halaman edit profil
5. Kesimpulan dan Saran
5.1. Kesimpulan
Berdasarkan dari perekayasaan yang telah dilakukan maka dapat disimpulkan bahwa:
1. Jejaring sosial dibuat berbasis web menggunakan platform ASP.NET dan bahasa pemrograman
VB.NET dengan database SQL Server 2008
2. Dengan adanya situs jejaring sosial maka alumni dapat terhubung satu sama lain tanpa dibatasi
jarak dan juga waktu.
3. Dengan adanya situs jejaring sosial maka akan membantu pihak STIKOM BALI untuk
melakukan proses pendataan terhadap alumni.
4. Jejaring sosial sebagai tempat untuk berbagi ilmu pengetahuan, pekerjaan dll bagi para alumni
pengguna situs jejaring sosial tersebut.
5. Para alumni juga mendapat informasi tentang pelaksanaan event alumni di STIKOM BALI
5.2. Saran
Agar kedepannya situs ini menjadi lebih baik maka disarankan untuk:
1. Membangun tampilan situs menjadi lebih responsive sehingga para alumni dapat mengkases
melalui perangkat mobile atau tablet.
2. Menambahkan fitur grup, chat, sharing video, konektivitas ke jejaring soaial lainnya,
geolocation dan dapat berjalan pada platform mobile pada situs jejaring sosial alumni STIKOM
BALI.
Daftar Pustaka
[1] Jogiyanto. Analisis dan Desain Sistem Informasi. Yogyakarta: Andi Offset.(2005).
[2] Hermawan, A.. Website Jejaring Sosial STIKOM BALI v2. Denpasar: STMIK STIKOM BALI.
(2013).
[3] Adi Nugroho. Rekayasa Perangkat Lunak Berbasis Objek dengan Metode USDP.
Yogyakarta:Andi Offset. (2010).
[4] Sholiq, 2006. Pemodelan Sistem Informasi Berorientasi Objek dengan UML. Yogyakarta: Graha
Ilmu.
[5] Sumariyana, I Komang. 2011. Sistem Pakar Mendeteksi Kerusakan pada Handphone Berbasis
Web Dengan Metode Dempster Shafer. Denpasar : STMIK STIKOM BALI.
[6] Kurniawan, E. Cepat Mahir ASP.Net 3.5 Untuk Aplikasi Web Interaktif. Yogyakarta: Andi
Publisher. (2010).
[7] Dharmayudha, K. Program Aplikasi Client Server Dengan VB.Net dan Sql`Server 2007.
Bandung: Informatika. (2007).