1108015

SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM
INFORMASI UNIVERSITAS WIDYATAMA BERBASIS WEB
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat dalam Menempuh Ujian

Sidang Sarjana di Program Studi Teknik Sistem Informasi
Oleh :
CHARISMA UTAMA KALZA
1108015
PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK
UNIVERSITAS WIDYATAMA
BANDUNG
2012
LEMBAR PENGESAHAN
SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM

INFORMASI UNIVERSITAS WIDYATAMA BERBASIS WEB
Tugas Akhir
Program Studi Sistem Informasi
Fakultas Teknik
Universitas Widyatama
Oleh :
Charisma Utama Kalza
11.08.015
Telah disetujui dan disahkan di Bandung, Juni 2012
Pembimbing Kampus,
M. Rozahi Istambul, S.Kom., M.T.

NID. 0414106701
Ka.Prodi Sistem Informasi
Dekan Fakultas Teknik,
M. Rozahi Istambul, S.Kom., M.T.
Setiadi Yazid, Ir.,M.Sc.,Ph.D.
NID. 0414106701
NID. 0315085402
SURAT PERNYATAAN
Saya yang bertandatangan dibawah ini :
Nama
: Charisma Utama Kalza
NRP
: 1108015
Tempat dan Tanggal Lahir
: Pamekasan, 21 Agustus 1990
Alamat
: Kopo Permai II, A 4 No. 10 Bandung
Menyatakan bahwa laporan Tugas Akhir ini adalah benar hasil karya saya sendiri.
Bila terbukti tidak demikian, saya bersedia menerima segala akibatnya.
Bandung, Juni 2012
ii
ABSTRAK
Program Studi Sistem Informasi Universitas Widyatama merupakan

salah satu lembaga yang memiliki kewajiban untuk menyediakan media
komunikasi untuk memperkenalkan dan mempererat tali silaturahmi antara
mahasiswa dengan para lulusannya (alumni). Maka dari itu di butuhkan suatu
wadah atau media yang menyediakan informasi yang mampu memberikan
informasi yang sangat di butuhkan oleh para mahasiswa dan lulusannya, seperti
informasi tentang data alumni ataupun informasi tentang karir para lulusannya itu
sendiri. Dari tahun ke tahun jumlah mahasiswa - mahasiswi lulusan Program Studi
Sistem Informasi Universitas Widyatama semakin bertambah, secara otomatis
semakin tinggi juga angka kebutuhan untuk menjaring para alumni dalam suatu
wadah.
Tahapan yang dilakukan dalam penelitian adalah pengumpulan data
dilakukan berdasarkan studi lapangan yaitu melalui studi pengamatan, peninjauan
dilakukan secara langsung ke bagian Program Studi Sistem Informasi Universitas
Widyatama. Pengembangan sistem menggunakan analisa berorientasi objek
dengan metoda waterfall, yang dilanjutkan dengan perancangan yang meliputi
perancangan proses, perancangan basis data dan antarmuka. Implementasi hasil
perancangan yaitu pengkodean dengan menggunakan bahasa pemrograman yang
telah ditetapkan.
Hasilnya berupa aplikasi sistem informasi alumni Program Studi Sistem
Informasi Universitas Widyatama berbasis web yang dapat di implementasikan
melalui internet. Aplikasi ini dikembangkan memanfaatkan teknologi informasi
berbasis web, yaitu menggunakan analisa berorientasi objek dengan menggunakan
tools Unified Modeling Language (UML) dan menggunakan Software
Macromedia DreamWeaver 8, PHP sebagai bahasa skrip (script language) dan
MySQL untuk pengolahan database server dan tools PHPMyAdmin.
Kata Kunci : Sistem Informasi, alumni, basis data, web.
iii
ABSTRACT
Studies Program Information System Widyatama University is one

institution that has the obligation to provide the communications media to
introduce and strengthen ties between students and its graduates (alumni).
Therefore in need of a container or a media that provides information that can
provide information that is needed by the students and graduates, such as
information about the alumni of the data or information about the careers of the
graduates themselves. From year to year the number of students - graduate
student of the University Studies Program Information System Widyatama
increasing rapidly, automatically higher the number the need to recruit alumni in
a container.
Stages are conducted in this study is the collection of data was based on
field studies, namely through observational studies, a review is carried directly to
the University Studies Program Information System Widyatama. System
development using object-oriented analysis with the waterfall method, which
continued with the design process including design, database design and
interface. Implementation of the design of the encoding by using a programming
language that has been set.
The result is application of information systems alumni of the Widyatama
University Studies Program Information System Web-based which can be
implemented via the internet. This application was developed utilizing a webbased information technology, which uses object-oriented analysis tools by using
Unified Modeling Language (UML) and use the Software Macromedia
Dreamweaver 8, PHP as a scripting language (scripting language) and MySQL
database server for processing and tools PHPMyAdmin.
Keywords: Information Systems, alumni, databases, web.
iv
KATA PENGANTAR
Segala puji dan syukur penulis ucapkan kehadirat ALLAH SWT sehingga
penulis dapat menyelesaikan Laporan Tugas Akhir ini dengan judul SISTEM
INFORMASI
ALUMNI
PROGRAM
STUDI
SISTEM
INFORMASI
UNIVERSITAS WIDYATAMA
Dalam penyusunan Laporan Tugas Akhir ini penulis tidak jarang selalu
mendapat hambatan, tantangan dan kesulitan, hal ini disebabkan karena banyak
faktor dari keterbatasan dan kemampuan yang penulis miliki.
Penulis juga sadar sepenuhnya bahwa tanpa bantuan, bimbingan, petunjuk
serta dorongan dari berbagai pihak, tidak mungkin Laporan Tugas Akhir ini dapat
selesai, sehubungan dengan hal tersebut, maka penulis dalam kesempatan ini
dengan segala kerendahan hati penulis mengucapkan terima kasih kepada :
1. Allah SWT atas semua rahmat, karunia serta pertolongan-Nya yang telah
diberikan kepada penulis disetiap langkah dalam pembuatan program
hingga penulisan laporan tugas akhir ini.
2. Papa, Mama, dan Kakak - kakak tercinta, serta semua sanak sodara atas
doanya dan segala dukungan, motivasi, dan kasih sayangnya yang telah
diberikan kepada penulis.
3. Bapak M. Rozahi Istambul, S.komp., M.T. selaku Ketua Prodi Sistem
Informasi Universitas Widyatama, sekaligus Dosen Pembimbing Tugas
Akhir.
4. Ibu Maniah, Ir., M.T. selaku Dosen Wali yang telah memberikan dorongan
semangat kepada penulis dalam menyelesaikan Tugas Akhir.
5. Ibu Sri Lestari, Ir., M.T. selaku Dosen Prodi Sistem Informasi yang telah
memberikan dorongan semangat kepada penulis dalam masa perkuliahan.
6. Bapak Murnawan, S.T.,M.T. atas bimbingan dan bantuannya dalam
perancangan sistem yang penulis lakukan dan wawasannya.
7. Seluruh Dosen Jurusan Sistem Informasi yang telah banyak memberikan
ilmunya kepada penulis.
8. Teman - teman di Sistem Informasi 2008 pada khususnya: Abu, Soni, Yan,
Tomy, Aci, Ceprachman, Cepgondrong, dan kawan kawan, serta seluruh
teman teman Prodi Sistem Informasi pada umumnya yang tidak dapat
penulis sebutkan satu per satu.
9. Teman teman di Widyatama pada umumnya serta UKM Kelompok Seni
Mahasiswa dan UKM Kewirausahaan pada khususnya.
10. Teman teman band dan manajemen Jackbruno Band, atas segala
dukungan dan pengertiannya.
11. Especially Nitta Prasasti Eska, yang tidak dapat diungkapkan melalui
tulisan atau kata kata karena perannya terlalu penting dan sangat banyak
membantu penulis dalam menyelesaikan Tugas Akhir ini, Thanks For
Everything.
12. Bapak Dany dan Fauzi (Sekretariat Jurusan, Fakultas Teknik), Staff
Karyawan Universitas Widyatama yang telah membantu dalam urusan
administrasinya.
13. Semua pihak yang telah membantu, yang tidak dapat penulis sebutkan satu
per satu.
Penulis menyadari bahwa kajian yang penulis bahas masih jauh dari
sempurna. Namun walaupun demikian penulis mengharapkan semoga kajian pada
Laporan Tugas Akhir ini dapat bermanfaat baik bagi penulis maupun bagi yang
memerlukannya.
Tidak lupa penulis meminta maaf bila pada penyusunan Laporan Tugas
Akhir ini masih banyak kesalahan baik dari tulisan maupun bahasanya. Oleh
karena itulah segala teguran, kritik, serta saran-saran yang sifatnya membangun
sangat diharapkan penulis.
Bandung, Juni 2012
vi
DAFTAR ISI
Halaman
HALAMAN JUDUL
LEMBAR PENGESAHAN...........................................................................
SURAT PERNYATAAN .............................................................................. ii

ABSTRAK .................................................................................................... iii
ABSTRACT ................................................................................................... iv
KATA PENGANTAR................................................................................... v
DAFTAR ISI ................................................................................................. vii
DAFTAR GAMBAR..................................................................................... xi
DAFTAR TABEL ......................................................................................... xiv
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah .............................................................. I-1
1.2 Identifikasi Masalah .................................................................... I-2
1.3 Rumusan Masalah ....................................................................... I-2
1.4 Maksud dan Tujuan ..................................................................... I-3
1.5 Batasan Masalah .......................................................................... I-3
1.6 Metodologi Penelitian.................................................................. I-4
1.7 Rencana Aktifitas ........................................................................ I-4
1.8 Sistematika Penulisan .................................................................. I-5
BAB II LANDASAN TEORI

2.1 Sistem Informasi....................................................................... II-1
2.1.1 Definisi Sistem ................................................................ II-1
2.1.2 Definisi Informasi............................................................ II-1
2.1.3 Definisi Sistem Informasi ................................................ II-2
2.2 Definisi Alumni........................................................................ II-2
2.3 Pengertian Web Browser .......................................................... II-3
2.3.1 HTTP .............................................................................. II-3
2.3.2 Web Browser ................................................................... II-3
vii
2.3.3 Web Server ...................................................................... II-4

2.3.4 Worl Wide Web (WWW) .................................................. II-4
2.3.5 Hyper Text Markup Language (HTML) .......................... II-4
2.4 Metodologi Yang digunakan ..................................................... II-5
2.4.1 Waterfall Process Model.................................................. II-5
2.4.2 Object Oriented Programming (OOP) ............................. II-7
2.4.3 Unified Modeling Language (UML) ................................. II-8
2.5 Tools Macromedia Dreamweaver 8 ........................................... II-15
2.5.1 Tentang Macromedia Dreamweaver ................................ II-15
2.5.2 Ruang Kerja Macromedia Dreamweaver ......................... II-16
2.5.3 Personal Home Page (PHP) ............................................ II-18
2.5.4 Script PHP ...................................................................... II-19
2.5.5 Non Emmbedded Script ................................................... II-20
2.6 MySQL ...................................................................................... II-20
2.7 Apache ..................................................................................... II-21
BAB III ANALISIS SISTEM

3.1 Identifikasi Masalah .............................................................. III-1
3.2 Analisis Sistem Yang Sedang Berjalan ................................. III-2
3.2.1 Kelemahan Sistem Lama............................................... III-2
3.3 Hasil Analisis ........................................................................ III-3
3.4 Analisis Sistem Baru ............................................................. III-3
3.5 Skenario Proses Sistem Informasi Alumni ............................. III-4
3.6 Analisis Kebutuhan Perangkat Lunak Yang Dikembangkan
Dengan Model Use Case Bussiness ..................................... III-4
3.6.1 Definisi Aktor.................................................................. III-5
3.6.2 Deskripsi Use Case .......................................................... III-5
3.6.3 Use Case Sistem Informasi Alumni ................................. III-6
3.6.4 Skenario Use Case Sistem Informasi Alumni................... III-6
viii
BAB IV PERANCANGAN SISTEM

4.1 Perancangan Sistem .............................................................. IV-1
4.2 Perancangan Menu ................................................................ IV-2
4.3 Model Use Case ................................................................... IV-2
4.3.1 Use Case Diagram ....................................................... IV-2
4.3.2 Definisi Aktor .............................................................. IV-3
4.3.3 Definisi Use Case ........................................................ IV-4
4.3.4 Skenario Use Case ....................................................... IV-4
4.4 Activity Diagram .................................................................... IV-6
4.5 Realisasi Use Case Tahap Analisis ........................................ IV-6
4.5.1 Class Analisis Diagram ................................................ IV-6
4.5.2 Class Analisis .............................................................. IV-7
4.5.3 Tanggung Jawab dan Atribut........................................ IV-8
4.6 Realisasi Use Case Tahap Perancangan ................................. IV-9
4.6.1 Class Diagram ............................................................. IV-9
4.6.2 Kamus Data ................................................................. IV-10
4.6.3 Sequence Diagram ....................................................... IV-14
4.6.4 Collaboration Diagram ................................................ IV-17
4.7 Lingkungan Operasional ........................................................ IV-19
4.8 Perangkat Lunak .................................................................... IV-19
4.9 Perangkat Keras..................................................................... IV-20
4.10 Karakteristik Pengguna ........................................................ IV-20
4.11 Layout Antarmuka ............................................................... IV-20
4.11.1 Antarmuka Menu Utama ............................................ IV-21
4.11.2 Antarmuka Menu Alumni .......................................... IV-21
4.11.3 Antarmuka Detail Berita ............................................ IV-22
4.11.4 Antarmuka Menu Partisipasi ...................................... IV-22
4.11.5 Antarmuka Menu Login ............................................. IV-23
4.11.6 Antarmuka Menu Edit Profil ...................................... IV-23
4.11.7 Antarmuka Menu Posting Berita ................................ IV-24
4.11.8 Antarmuka Menu Partisipasi Sumbangan ................... IV-24
4.11.9 Antarmuka Menu Partisipasi Kegiatan ....................... IV-25
ix
BAB V IMPLEMENTASI
5.1 Implementasi ......................................................................... V-1
5.2 Kebutuhan Sumberdaya .......................................................... V-1
5.2.1 Kebutuhan Perangkat Keras (Hardware)....................... V-1
5.2.2 Kebutuhan Perangkat Lunak (Software) ........................ V-2
5.3 Implementasi Antarmuka........................................................ V-2
5.4 Hasil pengujian Dengan Menggunakan Metode Black Box ..... V-22
BAB VI PENUTUP
6.1 Kesimpulan ............................................................................. VI-1
6.2 Saran ....................................................................................... VI-1
DAFTAR PUSTAKA ..............................................................................

LAMPIRAN A
LAMPIRAN B
LAMPIRAN C
xvi
DAFTAR GAMBAR
1.
Gambar 2.1 Pemodelan Metode Waterfall ...........................................
II-5
2.
Gambar 2.2 Contoh Aktor ...................................................................
II-9
3.
Gambar 2.3 Contoh Use Case .............................................................
II-9
4.
Gambar 2.4 Contoh Class Diagram .....................................................
II-10
5.
Gambar 2.5 Contoh Start State dan Stop State .....................................
II-12
6.
Gambar 2.6 Contoh State Transistion ..................................................
II-12
7.
Gambar 2.7 Contoh Aktor pada Sequence Diagram .............................
II-13
8.
Gambar 2.8 Contoh Object Life Line ..................................................
II-13
9.
Gambar 2.9 Contoh Activation ...........................................................
II-13
10. Gambar 2.10 Contoh Message ............................................................
II-14
11. Gambar 2.11 Contoh Collaboration Diagram .....................................
II-14
12. Gambar 2.12 Contoh Activity Diagram ................................................
II-15
13. Gambar 2.13 Tampilan Halaman Awal Program Dreamweaver ...........
II-16
14. Gambar 2.14 Tampilan Ruang Kerja Dreamweaver ...........................
II-17
15. Gambar 2.15 Contoh Script ................................................................
II-19
16. Gambar 2.16 Koneksi Database XAMPP ............................................
II-21
17. Gambar 3.1 Gambaran Sistem Lama Informasi Alumni ......................
III-3
18. Gambar 3.2 Gambaran Sistem Baru Informasi Alumni ........................
III-4
19. Gambar 3.3 Use Case Diagram Sistem Informasi Alumni ...................
III-6
20. Gambar 3.4 Activity Diagram Use Case Login Admin .........................
III-7
21. Gambar 3.5 Activity Diagram Use Case Login Alumni .......................
III-8
22. Gambar 4.1 Perancangan Menu ...........................................................
IV-2
23. Gambar 4.2 Use Case Diagram Sistem Informasi Alumni ...................
IV-3
24. Gambar 4.3 Activity Diagram ..............................................................
IV-6
25. Gambar 4.4 Class Analysis Diagram ...................................................
IV-7
26. Gambar 4.5 Class Diagram ................................................................. IV-10

27. Gambar 4.6 Sequence Diagram Login ................................................. IV-14
28. Gambar 4.7 Sequence Diagram Posting Berita .................................... IV-15
29. Gambar 4.8 Sequence Diagram Informasi Alumni................................ IV-15
30. Gambar 4.9 Sequence Diagram Informasi Sumbangan ........................ IV-16
xi
31. Gambar 4.10 Sequence Diagram Informasi Kegiatan ........................... IV-16

32. Gambar 4.11 Collaboration Diagram Login ........................................ IV-17
33. Gambar 4.12 Collaboration Diagram Posting Berita ........................... IV-17
34. Gambar 4.13 Collaboration Diagram Informasi Alumni ..................... IV-18
35. Gambar 4.14 Collaboration Diagram Partisipasi Sumbangan .............. IV-18
36. Gambar 4.15 Collaboration Diagram Partisipasi Kegiatan .................. IV-19
37. Gambar 4.16 Antarmuka Menu Utama ................................................ IV-21
38. Gambar 4.17 Antarmuka Menu Alumni .............................................. IV-21
39. Gambar 4.18 Antarmuka Detail Berita ................................................ IV-22
40. Gambar 4.19 Antarmuka Menu Partisipasi .......................................... IV-22
41. Gambar 4.20 Antarmuka Menu Login ................................................. IV-23
42. Gambar 4.21 Antarmuka Menu Edit Profil ........................................... IV-23
43. Gambar 4.22 Antarmuka Menu Posting Berita .................................... IV-24
44. Gambar 4.23 Antarmuka Menu Partisipasi Sumbangan ....................... IV-24
45. Gambar 4.24 Antarmuka Menu Partisipasi Kegiatan ........................... IV-25
46. Gambar 5.1 Antarmuka Halaman Utama .............................................
V-2
47. Gambar 5.2 Antarmuka Halaman View Berita ....................................
V-3
48. Gambar 5.3 Antarmuka Halaman View Alumni ..................................
V-4
49. Gambar 5.4 Antarmuka Halaman View Data Alumni ..........................
V-5
50. Gambar 5.5 Antarmuka Halaman Login ..............................................
V-6
51. Gambar 5.6 Antarmuka Halaman Insert User ......................................
V-7
52. Gambar 5.7 Antarmuka Halaman Menu Edit ALumni .........................
V-8
53. Gambar 5.8 Antarmuka Halaman Edit Profil .......................................
V-9
54. Gambar 5.9 Antarmuka Halaman Edit Lampiran ................................. V-10

55. Gambar 5.10 Antarmuka Halaman Admin .......................................... V-11
56. Gambar 5.11 Antarmuka Halaman Update User ................................. V-12
57. Gambar 5.12 Antarmuka Halaman Delete User ................................... V-13
58. Gambar 5.13 Antarmuka Halaman Delete Berita ................................. V-14
59. Gambar 5.14 Antarmuka Halaman Insert Partisipasi Sumbangan ........ V-15
60. Gambar 5.15 Antarmuka Halaman Partisipasi Sumbangan ................. V-16
61. Gambar 5.16 Antarmuka Halaman Detail Sumbangan ......................... V-17
62. Gambar 5.17 Antarmuka Halaman Insert Partisipasi Kegiatan ............ V-18
xii
63. Gambar 5.18 Antarmuka Halaman Partisipasi Kegiatan ...................... V-19

64. Gambar 5.19 Antarmuka Halaman Detail Kegiatan ............................. V-20
65. Gambar 5.20 Antarmuka Halaman Posting Berita ............................... V-21
xiii
DAFTAR TABEL
1.
Tabel 1.1 Rencana Aktifitas ................................................................
I-4
2.
Tabel 3.1 Deskripsi Aktor ...................................................................
III-4
3.
Tabel 3.2 Deskripsi Use Case .............................................................
III-5
4.
Tabel 3.3 Skenario Use Case Login Admin .........................................
III-6
5.
Tabel 3.4 Skenario Use Case Login Alumni ........................................
III-7
6.
Tabel 4.1 Definisi Aktor .....................................................................
IV-3
7.
Tabel 4.2 Definisi Use Case ................................................................
IV-4
8.
Tabel 4.3 Skenario Use Case Sistem Informasi Alumni ......................
IV-4
9.
Tabel 4.4 Skenario Use Case Melihat Login ........................................
IV-5
10. Tabel 4.5 Skenario Use Case Login Alumni ........................................
IV-5
11. Tabel 4.6 Class Analysis .....................................................................
IV-7
12. Tabel 4.7 Tanggung Jawab dan Atribut ...............................................
IV-8
13. Tabel 4.8 Login ................................................................................... IV-10

14. Tabel 4.9 Posting ................................................................................ IV-11
15. Tabel 4.10 Alumni .............................................................................. IV-11
16. Tabel 4.11 Sumbangan ........................................................................ IV-13
17. Tabel 4.12 Kegiatan ............................................................................ IV-13
18. Tabel 4.13 Karakteristik Pengguna Admin .......................................... IV-20
19. Tabel 4.14 Karakteristik Pengguna Alumni ......................................... IV-20
20. Tabel 5.1 Pengujian Perangkat ............................................................
xiv
V-22
Bab I Pendahuluan
BAB 1
PENDAHULUAN
1.1 Latar Belakang Masalah
Program Studi Sistem Informasi Universitas Widyatama merupakan salah satu
lembaga yang memiliki kewajiban untuk menyediakan media komunikasi untuk
memperkenalkan dan mempererat tali silaturahmi antara mahasiswa dengan para
lulusannya (alumni). Maka dari itu di butuhkan suatu wadah atau media yang
menyediakan informasi yang mampu memberikan informasi yang sangat di
butuhkan oleh para mahasiswa dan lulusannya, seperti informasi tentang data
alumni ataupun informasi tentang karir para lulusannya itu sendiri. Tidak sedikit
mahasiswa yang sudah lulus kuliah lalu menganggur atau belum mendapat
pekerjaan karena kurangnya
informasi lowongan pekerjaan dan susah
mendapatkan data alumni pada saat dibutuhkan.

Alumni di Program Studi Sistem Informasi Universitas Widyatama memiliki
peranan yang sangat penting dalam pembangunan program studi itu sendiri yang
menekankan kemitraan dan kesamaan kepentingan, meningkatkan produktifitas
kampus, dan pada akhirnya mewujudkan masyarakat yang maju dan sejahtera.
Dari tahun ke tahun jumlah mahasiswa - mahasiswi lulusan Program Studi Sistem
Informasi Universitas Widyatama semakin bertambah, secara otomatis semakin
tinggi juga angka kebutuhan untuk menjaring para alumni dalam suatu wadah.
Program Studi Sistem Informasi Universitas Widyatama sebagai lembaga
pendidikan yang mampu menciptakan alumni yang berkualitas seperti lulusan dari
berbagai fakultas yang ada di universitas itu sendiri seharusnya mampu
menyalurkan para mahasiswanya agar setelah lulus nanti bisa mendapatkan
pekerjaan dan jaringan komunikasi yang baik. Untuk memenuhi suatu kebutuhan
mengenai informasi data alumni ataupun informasi Program Studi Sistem
Informasi maka dibutuhkan suatu pembangunan aplikasi yang dapat mendukung
semua informasi yang akan dihasilkan.
I-1
Bab I Pendahuluan
Berdasarkan latar belakang masalah di atas maka penulis mengambil judul :

Sistem Informasi Alumni Program Studi Sistem Informasi di Universitas
Widyatama Berbasis Web
Aplikasi ini dikembangkan memanfaatkan teknologi informasi berbasis web, yaitu
menggunakan PHP sebagai bahasa skrip (script language) dan MySQL untuk
pengolahan database.
1.2 Identifikasi Masalah

Berdasarkan hasil penelitian dan pengamatan penulis, diperlukan media
informasi alumni yang dapat membantu para mahasiswa yang telah lulus kuliah
agar mudah mendapatkan informasi yang dibutuhkan.
Maka dari itu penulis mencoba untuk mengidentifikasi masalah sebagai
berikut.
1. Belum tersedianya suatu wadah yang dapat merekam data alumni yang
mempermudah dalam memberikan informasi tentang alumni.
2. Data alumni Program Studi Sistem Informasi masih tersimpan secara
manual dan tidak beraturan.
3. Sulitnya para alumni dalam memberikan dan mencari informasi
informasi yang menyebabkan kurangnya efektivitas dan produktivitas
alumni dan pihak universitas dalam mengelola informasi.
1.3 Rumusan Masalah

1. Bagaimana membuat suatu wadah yang dapat merekam data yang
terkait alumni Program Studi Sistem Informasi?
2. Bagaimana
cara
menyimpan
data
informasi
alumni
dengan
komputerisasi agar tersimpan secara terstruktur?

3. Bagaimana cara mempermudah alumni dalam memberikan dan mencari
informasi informasi yang menyebabkan kurangnya efektivitas dan
produktivitas alumni dan pihak universitas dalam mengelola informasi?
I-2
Bab I Pendahuluan
1.4 Maksud dan Tujuan

Tujuan dari tugas akhir ini adalah untuk menghasilkan suatu perangkat lunak
yang memiliki kemampuan dalam mengolah data alumni Program Studi Sistem
Informasi Universitas Widyatama yaitu :
1. Membuat website sebagai media interaksi alumni sehingga dapat
berkomunikasi dengan baik dan saling bertukar informasi.
2. Membantu alumni dan pihak universitas dalam mencari informasi yang
dibutuhkan serta mampu membuka wawasan para pengguna sistem
informasi dalam hal ini mahasiswa untuk dapat memanfaatkan sumber
daya komputerisasi yang ada.
3. Mempermudah Program Studi Sistem Informasi untuk memperoleh
informasi terkait dengan data alumni, guna meningkatkan efektivitas dan
produktivitas alumni dan pihak universitas dalam mengelola informasi.
1.5 Batasan Masalah

Ketika kita membahas tentang suatu sistem informasi, tentulah cakupan
masalah yang terkandung di dalam suatu sistem informasi sangat banyak. Agar
penulis Tugas Akhir ini lebih terfokus dan terarah maka akan diberikan batasan
terhadap layanan yang akan dibahas, antara lain:
1. Informasi alumni ini di khususkan bagi alumni Program Studi Sistem
Informasi Universitas Widyatama.
2. User hanya dapat melihat biodata alumni, user tidak dapat menambah
atau mengubah seluruh data alumni.
3. Penulis memberikan hak akses update dan upload kepada alumni yang
terdaftar.
4. Menyediakan fasilitas meliputi curriculum vitae, partisipasi, dan
informasi lainnya terkait alumni.
I-3
Bab I Pendahuluan
1.6 Metodologi Penelitian

Tahapan yang dilakukan dalam penelitian adalah sebagai berikut :
1. Pengumpulan Data
Pengumpulan data dilakukan berdasarkan studi lapangan yaitu melalui
studi pengamatan, peninjauan dilakukan secara langsung ke bagian
Program Studi Sistem Informasi Universitas Widyatama.
2. Pengembangan Sistem
Pengembangan sistem menggunakan analisa berorientasi objek dengan
metoda waterfall, yang dilanjutkan dengan perancangan yang meliputi
perancangan proses, perancangan basis data dan antarmuka.
3. Pengimplementasian
Implementasi
hasil
perancangan
yaitu
pengkodean
dengan
menggunakan bahasa pemrograman yang telah ditetapkan.

1.7 Rencana Aktifitas
Semua aktifitas di atas di jelaskan dalam bentuk tabel dengan hitungan waktu
minggu, berikut ini tabelnya :
Aktifitas
Maret
1 2
3 4
April
5
6 7
Mei
8 9 10
11
12
Analisa Sistem
Desain Fungsi
Pemrograman
Pengujian Sistem
Pengembangan Sistem
Pemeliharaan Sistem
Dokumentasi Sistem
Tabel 1.1 Rencana Aktifitas
I-4
Bab I Pendahuluan
1.8 Sistematika Penulisan

Penyusunan laporan Tugas Akhir ini menggunakan kerangka pembahasan
yang terbentuk dalam susunan bab, dengan uraian sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini berisi tentang latar belakang, identifikasi masalah, rumusan masalah,
tujuan dan manfaat penelitian, pembatasan masalah atau ruang lingkup,
metodologi penelitian, rencana aktifitas dan sistematika penulisan.
BAB II LANDASAN TEORI
Pada bab ini memuat teori-teori yang menjadi dasar pengetahuan yang digunakan
dalam menyusun laporan untuk membangun Sistem Informasi Alumni Program
Studi Sistem Informasi di Universitas Widyatama Berbasis Web.
BAB III ANALISIS
Pada bab ini diuraikan mengenai analisa sistem yang sudah ada sebelumnya dan
sistem yang akan di buat.
BAB IV PERANCANGAN
Menguraikan tentang perancangan sistem yang mencakup perancangan basis data
dan pemodelan sistem dengan UML (Unified Modeling Language) dalam
menyelesaikan permasalahan yang ada.
BAB V IMPLEMENTASI
Berisi tentang implementasi hasil desain pada bab empat dan penyesuaian
kebutuhan sistem agar sistem berjalan dengan optimal.
BAB VI PENUTUP
Bab ini berisi tentang kesimpulan dan saran dari hasil penyusunan laporan Tugas
Akhir yang telah di susun.
I-5
Bab II Landasan Teori
BAB II
LANDASAN TEORI
2.1 Sistem Informasi
2.1.1
Definisi Sistem
Terdapat dua kelompok pendekatan didalam mendefinisikan
sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan

pada komponennya.
Pendekatan sistem yang lebih menekankan pada
prosedur mendefinisikan sistem sebagai berikut :

Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang
saling berhubungan, berkumpul bersama-sama untuk melakukan suatu
kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu.[8]
Prosedur didefinisikan oleh Richard F. Neuschel sebagai berikut.
Suatu prosedur adalah suatu urutan-urutan operasi klerikal (tulis-menulis),
biasanya melibatkan beberapa orang didalam satu atau lebih departemen,
yang diterapkan untuk menjamin penanganan yang seragam dari transaksi
bisnis yang terjadi.[7]
Pendekatan
sistem
yang
lebih
menekan
pada
elemennya
mendefinisikan sistem sebagai berikut :

Sistem adalah kumpulan elemen-elemen yang berinteraksi untuk
mencapai suatu tujuan tertentu.
2.1.2 Definisi Informasi
Robert N. Anthony dan John Dearden menyebutkan keadaan dari
sistem dalam hubungannya dengan keberakhirannya dengan istilah
entropy. Informasi yang berguna bagi sistem akan menghindari proses
entropy yang disebut dengan negative entropy atau negentropy.[3]
Apakah sebenarnya informasi itu, sehingga sangat penting artinya
bagi suatu sistem? Informasi dapat didefinisikan sebagai berikut:
Informasi adalah data yang diolah menjadi bentuk yang lebih baik berguna
dan lebih berarti bagi yang menerimanya.[4]
II - 1
Sumber dari informasi adalah data. Data merupakan bentuk jamak dari
bentuk tunggal data-item. Data adalah kenyataan yang menggambarkan
suatu kejadian-kejadian dan kesatuan yang nyata.
2.1.3 Definisi Sistem Informasi
Informasi dapat diperoleh dari sistem informasi (information
systems) atau disebut juga dengan processing systems. Sistem informasi
didefinisikan oleh Robert A. Leitch dan K. Roscoe Davis sebagai berikut:
Sistem Informasi adalah suatu sistem didalam organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung
operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan
menyediakan pihak luar tertentu dengan laporan-laporan.[2]
Sistem informasi manajemen sering dikenal dengan singkatan SIM,
merupakan penerapan sistem informasi didalam organisasi untuk
mendukung informasi-informasi yang dibutuhkan oleh semua tingkatan
manajemen. SIM didefinisikan oleh George M. scott sebagai berikut :
Suatu SIM adalah kumpulan dari interaksi-interaksi sistem-sistem
informasi yang menyediakan informasi baik untuk kebutuhan manajerial
maupun kebutuhan operasional.[11]
Menurut Barry E. Cushing :
Suatu SIM adalah kumpulan dari manusia dan sumber-sumber daya modal
didalam suatu organisasi yang bertanggung-jawab mengumpulkan dan
mengolah data untuk menghasilkan informasi yang berguna untuk semua
tingkatan manajemen di dalam kegiatan perencanaan dan pengendalian.[1]
2.2 Definisi Alumni

Alumni berasal dari kata alumnus (alumni jamak) adalah lulusan sekolah,
akademi, atau universitas. Sebuah alumni juga dapat menjadi anggota,
mantan karyawan, kontributor atau narapidana serta mantan mahasiswa.
Selain itu, alumni adalah lulusan perempuan atau mantan mahasiswa sebuah
sekolah, perguruan tinggi, atau universitas. Jika sebuah kelompok mencakup
kedua jenis kelamin, bahkan jika hanya ada satu laki-laki, alumni jamak
formulir digunakan.
II - 2
2.3 Pengertian Web Browser

Adapun beberapa istilah yang berkaitan dengan Aplikasi Bursa Kerja
Berbasis Web di Universitas Widyatama adalah sebagai berikut:
2.3.1 HTTP
Pengertian HTTP atau definisi HTTP (HyperText Transfer Protocol)
adalah sebuah protokol untuk meminta dan menjawab antara client
dan server. Sebuh client HTTP seperti web browser, biasanya
memulai permintaan dengan membuat hubungan TCP/IP ke port
tertentu
di tempat
yang
jauh
(biasanya
port
80).
Sebuah
server HTTP yang mendengarkan di port tersebut menunggu client

mengirim kode permintaan (request) yang akan meminta halaman
yang sudah ditentukan, diikuti dengan pesan MIME yang memiliki
beberapa informasi kode kepala yang menjelaskan aspek dari
permintaan tersebut, diikut dengan badan dari data tertentu.
2.3.2 Web Browser

Suatu sistem di internet yang memungkinkan siapapun agar bisa
menyediakan informasi. Dengan menggunakan teknologi tersebut,
informasi dapat diakses selama 24 jam dalam satu hari dan dikelola
oleh mesin. Untuk mengakses informasi yang disediakan web ini,
diperlukan berbagai perangkat lunak, yang disebut dengan web
browser.
Beberapa domain name :
1. co, com : perusahaan komersial
2. net : perusahaan networking
3. org, or : organisasi nonprofit atau yayasan
4. edu, ac, sch : lembaga pendidikan
5. mil : lembaga militer.
II - 3
2.3.3 Web Server

Web server adalah software yang menjadi tulang belakang dari world
wide web(www). Web server menunggu permintaan dari client yang
menggunakan browser seperti Netscape Navigator, Internet Explorer,
Modzilla, dan program browserlainnya. Jika ada
permintaan
dari browser, maka web server akan memproses permintaan itu

kemudian memberikan hasil prosesnya berupa data yang diinginkan
kembali ke browser. Data ini mempunyai format yang standar, disebut
dengan format SGML (standar
general
markup language). Data yang
berupa format ini kemudian akan ditampilkan oleh browser sesuai

dengan kemampuanbrowser tersebut. Contohnya, bila data yang
dikirim berupa gambar, browser yang hanya mampu menampilkan
teks (misalnya lynx) tidak akan mampu menampilkan gambar tersebut,
dan jika ada akan menampilkan alternatifnya saja. Web server, untuk
berkomunikasi dengan client-nya (web browser) mempunyai protokol
sendiri, yaitu HTTP (hypertext transfer protocol).
2.3.4 World Wide Web (WWW)

Www atau World Wide Web maupun Web saja adalah sebuah sistem
yang saling terkait dalam sebuah dokumen berformat hypertext yang
berisi beragam informasi, baik tulisan, gambar, suara, video, dan
informasi multimedia lainnya dan dapat diakses melalui sebuah
perangkat yang disebut web browser.
2.3.5 Hyper Text Markup Language (HTML)

HyperText Markup Language (HTML) adalah bahasa dari Worl Wide
Web (www) yang dipergunakan utntuk menyusun dan membentuk
dokumen agar dapat ditampilkan pada program web browser. HTML
juga dapat disebut sebagai protocol yang digunakan untuk mentransfer
data atau dokumen dari web server ke browser. HTMl inilah yang
II - 4
menjadi dasar bila akan menjelajah internet dan melihat halaman web
yang menarik[5].
Contoh dokumen HTML sederhana adalah seperti di bawah ini :
<!DOCTYPE html>
<html>
<head>
<title>'''Hello World''</title>
</head>
<body>
<p>Welcome to my site!</p>
</body>
</html>
2.4 Metodologi Yang Digunakan
Adapun metodologi yang digunakan dalam pengembangan sistem presensi
pegawai menggunakan pengenalan wajah antara lain meliputi : Waterfall Model
Process, Object Oriented Programming dan Unified Modeling Language (UML).
2.4.1 Waterfall Process Model

Model rekayasa piranti lunak salah satunya adalah waterfall model.
Model ini memberikan pendekatan-pendekatan sistematis dan berurutan bagi
pengembangan piranti lunak.
Berikut adalah gambar pengembangan sistem perangkat lunak dengan
proses SDLC (System Development Life Cycle) dengan model Waterfall.
.
Gambar 2.1 Pemodelan Metode Waterfall
II - 5
Penjelasan dari tahap-tahap waterfall model adalah sebagai berikut:

1. Perancangan Sistem (System Enginering)
Perancangan sistem sangat diperlukan, karena piranti lunak biasanya
merupakan bagian dari suatu sistem yang lebih besar. Pembuatan sebuah
piranti lunak dapat dimulai dengan melihat dan mencari apa yang dibutuhkan
oleh sistem. Dari kebutuhan sistem tersebut akan diterapkan kedalam piranti
lunak yang dibuat.
2. Analisa Kebutuhan Piranti Lunak (Software Requirement Analysis)
Merupakan proses pengumpulan kebutuhan piranti lunak. Untuk memahami
dasar dari program yang akan dibuat, seorang analisis harus mengetahui ruang
lingkup informasi, fungsi-fungsi yang dibutuhkan, kemampuan kinerja yang
ingin dihasilkan dan perancangan antarmuka pemakai piranti lunak tersebut.
3. Perancangan (Design)
Perancangan piranti lunak merupakan proses bertahap yang memfokuskan
pada empat bagian penting, yaitu: Struktur data, arsitektur piranti lunak, detil
prosedur, dan karakteristik antar muka pemakai.
4. Pengkodean (Coding)
Pengkodean piranti lunak merupakan proses penulisan bahasa program agar
piranti lunak tersebut dapat dijalankan oleh mesin.
5. Pengujian (Testing)
Proses ini akan menguji kode program yang telah dibuat dengan
memfokuskan pada bagian dalam piranti lunak. Tujuannya untuk memastikan
bahwa semua pernyataan telah diuji dan memastikan juga bahwa input yang
digunakan akan menghasilkan output yang sesuai.
Pada tahap ini pengujian ini dibagi menjadi dua bagian, pengujian internal
dan pengujian eksternal. Pengujian internal bertujuan menggambarkan bahwa
semua statement sudah dilakukan pengujian, sedangkan pengujian eksternal
bertujuan untuk menemukan kesalahan serta memastikan output yang
dihasilkan sesuai dengan yang diharapkan.
II - 6
6. Pemeliharaan (Maintenance)
Proses ini dilakukan setelah piranti lunak telah digunakan oleh pemakai atau
konsumen. Perubahan akan dilakukan jika terdapat kesalahan, oleh karena itu
piranti lunak harus disesuaikan lagi untuk menampung perubahan kebutuhan
yang diinginkan konsumen.[5]
2.4.2 Object Oriented Programming (OOP)

Object Oriented Programming (OOP) adalah suatu metode pemrograman
yang berbasiskan pada objek, secara singkat pengertian dari OOP adalah koleksi
objek yang saling berinteraksi dan saling memberikan informasi satu dengan yang
lainnya. Suatu program disebut dengan pemrograman berbasis obyek (OOP)
karena terdapat :
1. Encapsulation (pembungkusan)
-
Variabel dan method dalam suatu obyek dibungkus agar terlindungi
Untuk mengakses, variabel dan method yang sudah dibungkus tadi perlu
interface
Setelah variabel dan method dibungkus, hak akses terhadapnya bisa

ditentukan.
Konsep pembungkusan ini pada dasarnya merupakan perluasan dari tipe

data struktur
2. Inheritance (pewarisan)
-
Sebuah class bisa mewariskan atribut dan method-nya ke class yang lain
Class yang mewarisi disebut superclass
Class yang diberi warisan disebut subclass
Sebuah subclass bisa mewariskan atau berlaku sebagai superclass bagi

class yang lain
disebut multilevel inheritance.
Keuntungan Penggunaan Pewarisan

-
Subclass memiliki atribut dan method yang spesifik yang membedakannya

dengan superclass, meskipun keduanya mirip (dalam hal kesamaan atribut
dan method).
II - 7
Dengan
demikian
pada
pembuatan
subclass,
programmer
menggunakan ulang source code dari superclass yang ada
bisa
ini yang
disebut dengan istilah reuse.

-
Class-class yang didefinisikan dengan atribut dan method yang bersifat

umum yang berlaku baik pada superclass maupun subclass disebut dengan
abstract class.
3. Polymorphism (polimorfisme perbedaan bentuk)

Polimorfisme artinya penyamaran dimana suatu bentuk dapat memiliki
lebih dari satu bentuk.
2.4.3 Unified Modeling Language ( UML )

Unified Modeling Language (UML) adalah keluarga notasi grafis yang
didukung oleh meta-model tunggal, yang membantu pendeskripsian dan desain
sistem perangkat lunak, khususnya sistem yang dibangun menggunakan
pemrograman berorientasi objek (OO).[5]
Selain itu UML adalah bahasa pemodelan yang menggunakan konsep
orientasi object. UML dibuat oleh Grady Booch, James Rumbaugh, dan Ivar
Jacobson di bawah bendera Rational Software Corp. UML menyediakan notasinotasi yang membantu memodelkan sistem dari berbagai perspektif. UML tidak
hanya digunakan dalam pemodelan perangkat lunak, namun hampir dalam semua
bidang yang membutuhkan pemodelan. UML dideskripsikan oleh beberapa
diagram, diantaranya:[4]
1. Use Case Diagram
Use Case Diagram digunakan untuk menggambarkan sistem dari sudut
pandang pengguna sistem tersebut (user), sehingga pembuatan use case diagram
lebih dititikberatkan pada fungsionalitas yang ada pada sistem, bukan berdasarkan
alur atau urutan kejadian. Sebuah use case diagram merepresentasikan sebuah
interaksi antara aktor dengan sistem.
II - 8
Komponen-komponen yang terlibat dalam use case diagram :

a. Aktor
Pada dasarnya aktor bukanlah bagian dari use case diagram, namun untuk
dapat terciptanya suatu use case diagram diperlukan aktor, dimana aktor tersebut
mempresentasikan seseorang atau sesuatu (seperti perangkat atau sistem lain)
yang berinteraksi dengan sistem yang dibuat. Sebuah aktor mungkin hanya
memberikan informasi inputan pada sistem, hanya menerima informasi dari
sistem atau keduanya menerima dan memberi informasi pada sistem. Aktor hanya
berinteraksi dengan use case, tetapi tidak memiliki kontrol atas use case. Aktor
digambarkan dengan stick man.
Actor
Gambar 2.2 Contoh Aktor

b. Use Case
Gambaran fungsionalitas dari suatu sistem, sehingga pengguna sistem
paham dan mengerti kegunaan sistem yang akan dibangun.
use case
Gambar 2.3 Contoh Use Case

Ada beberapa relasi yang terdapat pada use case diagram:
1. Association, menghubungkan link antar element.
2. Generalization, disebut juga pewarisan (inheritance), sebuah elemen dapat
merupakan spesialisasi dari elemen lainnya.
3. Dependency, sebuah element bergantung dalam beberapa cara ke element
lainnya.
II - 9
4. Aggregation, bentuk association dimana sebuah elemen berisi elemen

lainnya.
Tipe relasi yang mungkin terjadi pada use case diagram:

1. <<include>>, yaitu kelakuan yang harus terpenuhi agar sebuah event dapat
terjadi, dimana pada kondisi ini sebuah use case adalah bagian dari use
case lainnya.
2. <<extends>>, kelakuan yang hanya berjalan di bawah kondisi tertentu
seperti menggerakkan peringatan.
3. <<communicates>>, merupakan pilihan selama asosiasi hanya tipe
relationship yang dibolehkan antara aktor dan use case.
c. Class Diagram
Class adalah sebuah spesifikasi yang akan menghasilkan sebuah objek dan
merupakan inti dari pengembangan dan desain berorientasi objek. Class
menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan
layanan untuk memanipulasi keadaan tersebut (metode/fungsi). Class Diagram
menggambarkan struktur dan deskripsi Class, Package dan objek beserta
hubungan satu sama lain seperti pewarisan, asosiasi, dan lain-lain.
Customer
+Name: String
+CreditRating()
Gambar 2.4 Contoh Class Diagram

Class memiliki tiga area pokok :
1. Nama (Class Name)
2. Atribut
3. Metode (Operations)
II - 10
Pada UML, class digambarkan dengan segi empat yang dibagi beberapa
bagian. Bagian atas merupakan nama dari class. Bagian yang tengah merupakan
struktur dari class (atribut) dan bagian bawah merupakan sifat dari class
(metode/operasi).
Atribut dan metode dapat memiliki salah satu sifat berikut :
1. Private , tidak dapat dipanggil dari luar class yang bersangkutan.
2. Protected ,anya dapat dipanggil oleh class yang bersangkutan dan class
lain yang mewarisinya.
3. Public, dapat dipanggil oleh class lain.
Hubungan antar class:

Asosiasi, yaitu hubungan statis antar class. Umumnya menggambarkan class yang
memiliki atribut berupa class lain, atau class yang harus mengetahui eksistensi
class lain.
1. Agregasi, yaitu hubungan yang menyatakan bagian (terdiri atas).
2. Pewarisan, yaitu hubungan hirarki antar class. Class dapat diturunkan dari
class lain dan mewarisi semua atribut dan metode class asalnya serta bisa
menambahkan fungsionalitas baru. Sehingga class tersebut disebut anak
dari class yang diwarisinya.
3. Hubungan dinamis, yaitu rangkaian pesan (message) yang di- class dari
satu class kepada class lain. Hubungan dinamis dapat digambarkan dengan
menggunakan sequence diagram yang akan dijelaskan kemudian.
d. Statechart Diagram
Menggambarkan semua state (kondisi) yang dimiliki oleh suatu objek dari
suatu class dan keadaan yang menyebabkan state berubah. Statechart diagram
tidak digambarkan untuk semua class, hanya yang mempunyai sejumlah state
yang terdefinisi dengan baik dan kondisi class berubah oleh state yang berbeda.
II - 11
State adalah sebuah kondisi selama kehidupan sebuah objek atau ketika
objek memenuhi beberapa kondisi, melakukan beberapa aksi atau menunggu
sebuah event. State dari sebuah objek dapat dikarakteristikkan oleh nilai dari satu
atau lebih atribut-atribut dari class. State dari sebuah objek ditemukan dengan
pengujian/pemeriksaan pada atribut dan hubungan dari objek. Notasi UML untuk
state adalah persegipanjang/bujur sangkar dengan ujung yang dibulatkan.
Start State
Stop State
Gambar 2.5 Contoh Start State dan Stop State

Masing-masing diagram harus mempunyai satu dan hanya satu start state ketika
objek mulai dibuat. Sebuah objek boleh mempunyai banyak stop state.
Gambar 2.6 Contoh State Transition

Sebuah state transition dapat mempunyai sebuah aksi dan/atau sebuah
kondisi penjaga (guard condition) yang terasosiasi dengannnya, dan mungkin juga
memunculkan sebuah event. Sebuah aksi adalah kelakuan yang terjadi ketika state
transition terjadi. Sebuah event adalah pesan yang dikirim ke objek lain di sistem.
Kondisi penjaga adalah ekspresi boolean (pilihan Ya atau Tidak) dari nilai atributatribut yang mengijinkan sebuah state transition hanya jika kondisinya benar.
Kedua aksi dan penjaga adalah kelakuan dari objek dan secara tipikal menjadi
operasi.
e. Sequence Diagram
Menggambarkan interaksi antara sejumlah objek dalam urutan waktu.
Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara objek juga
interaksi antar objek yang terjadi pada titik tertentu dalam eksekusi sistem.
Dibawah merupakan simbol yang digunakan pada sequence diagram :
II - 12
: Actor
Gambar 2.7 Contoh Aktor pada Sequence Diagram

Actor adalah pesan dari seseorang atau sistem lain yang bertukar informasi
dengan sistem yang lainnya, kemudian lifeline berhenti atau mulai pada titik yang
tepat.
Object
Gambar 2.8 Contoh Object Lifeline
Object lifeline menunjukkan keberadaan dari sebuah objek terhadap waktu. Yaitu
objek dibuat atau dihilangkan selama suatu periode waktu diagram ditampilkan,
kemudian lifeline berhenti atau mulai pada titik yang tepat.
Gambar 2.9 Contoh Activation

Activation menampilkan periode waktu selama sebuah objek atau aktor
melakukan aksi. Dalam object lifeline, activation berada diatas lifeline dalam
bentuk kotak persegi panjang, bagian atas dari kotak merupakan inisialisasi waktu
dimulainya suatu kegiatan dan yang dibawah merupakan akhir dari waktu.
II - 13
Gambar 2.10 Contoh Message

Message adalah komunikasi antar objek yang membawa informasi dan hasil
pada sebuah aksi. Message menyampaikan dari lifeline sebuah objek kepada
lifeline yang lain, kecuali pada kasus sebuah message dari objek kepada objek itu
sendiri, atau dengan kata lain message dimulai dan berakhir pada lifeline yang
sama.
f. Collaboration Diagram
Diagram ini menggambarkan interaksi objek yang diatur objek
sekelilingnya dan hubungan antara setiap objek dengan objek yang lainnya.
Dalam menunjukkan pertukaran pesan, collaboration diagram menggambarkan
objek dan hubungannya (mengacu ke konteks). Jika penekannya pada waktu atau
urutan gunakan sequence diagram, tapi jika penekanannya pada konteks gunakan
collaboration diagram.
1 : message()
Object
: Actor
2 : message()
Object1
Gambar 2.11 Contoh Collaboration Diagram

g. Activity Diagram
Menggambarkan rangkaian aliran dari aktivitas, digunakan untuk
mendeskripsikan aktivitas yang dibentuk dalam suatu operasi sehingga dapat juga
digunakan untuk aktifitas lainnya. Diagram ini sangat mirip dengan flowchart
II - 14
karena memodelkan workflow dari satu aktivitas ke aktivitas lainnya atau dari
aktivitas ke status. Pembuatan activity diagram pada awal pemodelan proses dapat
membantu memahami keseluruhan proses. Activity diagram juga digunakan untuk
menggambarkan interaksi antara beberapa use case.
Activity1
Activity2
Activity3
Gambar 2.12 Contoh Activity Diagram

2.5 Tools Macromedia Dreamweaver 8
2.5.1 Tentang Macromedia Dreamweaver
Macromedia Dreamweaver merupakan salah satu software dari
kelompok Macromedia yang banyak digunakan untuk mendesain situs Web.
Adapun Macromedia Dreamweaver itu sendiri adalah sebuah HTML editor
profesional untuk mendesain secara visual dan mengelolah situs
atau
halaman Web. Dreamweaver 8 memiliki performa yang lebih baik dan

memiliki tampilan yang memudahkan anda untuk membuat halaman web,
baik dalam jendela desain maupun dalam
jendela kode rumus.
Dreamweaver 8 didukung dengan cara pemakaian yang praktis dan standar,

dan juga didukung untuk pengembangan penggunaan CSS, XML, dan RSS,
dan kemudahan-kemudahan lain yang diperlukan.
Dreamweaver merupakan software yang digunakan oleh Web desainer
maupun Web programmer dalam mengembangkan Web. Hal ini disebabkan
ruang kerja, fasilitas, dan kemampuan Dreamweaver yang mampu
meningkatkan produktivitas dan efektivitas dalam desain maupun
membangun sebuah situs Web.[6]
II - 15
Gambar 2.13 Tampilan Halaman Awal Program Dreamweaver
Jika ingin membuat file HTML baru, klik pilihan HTML pada bagian
Create New, sedangkan untuk file yang menggunakan kode program PHP
atau bahasa pemrograman yang lainnya yang tercantum dalam pada pilihan
maka klik pilihan. Hal ini karena kemudahan dalam bekerja dengan
Macromedia Dreamweaver 8 sehingga sekaligus dapat menggunakan
bahasa pemrograman lainnya.
2.5.2 Ruang kerja Macromedia Dreamweaver

Perhatikan ruang kerja Macromedia Dreamweaver 8 pada gambar di
bawah ini. Ruang kerja pada Dreamweaver 8.0 memiliki komponenkomponen yang memberikan fasilitas dan ruang untuk menuangkan kreasi
saat bekerja. Sebelum memulai untuk merancang sebuah web, pemakai
harus mengenal tampilan layar dari Macromedia Dreamweaver 8.0.
Tampilan layer Macromedia 11 Dreamweaver 8.0 terbagi menjadi enam
area utama, yaitu Insert Bar, Document Toolbar, Document Window, Panel
Groups, Tag Selector, dan Property Inspector dimana area ini digunakan
II - 16
sebagai workspace untuk mendesain, membuat layout, membuat script dan

lain-lain. Setiap tool - tool yang ada pada toolbox dapat dipergunakan untuk
membangun dan merancang suatu website mulai dari dasar.
Dibawah ini merupakan gambar tampilan layar kerja dari Macromedia

Dreamweaver.
Gambar 2.14 Tampilan Ruang kerja Dreamweaver
Keterangan :
1. Document Window, berfungsi untuk menampilkan dokumen di mana
anda sekarang bekerja.
2. Insert Bar, berisi tombol-tombol untuk menyisipkan berbagai macam
objek seperti image, table, dan frame ke dalam dokumen.
II - 17
3. Dokumen Toolbar, berisi tombol-tombol dan menu pop-up yang

menyediakan tampilan berbeda dari Document Window, misalnya Code
Split, atau Design.
4. Coding Toolbar, berisi tombol-tombol yang digunakan untuk
mempermudah pekerjaan pada jendela Code.
5. Panels Group, adalah Kumpulan panel yang saling berkaitan satu sama
lainnya yang dikelompokkan di bawah satu judul.
6. Tag selector, berfungsi untuk menampilakan hirarki tag di sekitar
pilihan yang aktif pada Design view.
7. Property Inspector, digunakan untuk melihat dan mengubah berbagai
property objek yang terpilih.
8. Status Bar, Hand Tool dan Zoom, menampilkan status pekerjaan anda
dan mengatur tampilan jendela desain.
9. Ruler, mempermudah pengukuran secara akurat.
10. Files Panel, digunakan untuk mengatur file-file dan folder-folder yang
membentuk situs web anda
Apabila pada tampilan, Workspace Setup, anda memilih Coder, maka
akan tampil ruang kerja Code yang sama seperti pada tampilan jendela
Designer. Pada ruang kerja tipe Coder ini anda bisa bekerja dengan
menggunakan kodekode program PHP ataupun bahasa pemrograman
lain.
2.5.3 PHP (Personal Home Page)

PHP ( Hypertext Preprocessor ) merupakan bahasa pemrograman
berbasis web dengan menggunakan server. Dengan menggunakan PHP
maka kemudahan dalam berinteraksi dengan banyak database dan karena
script ini bersifat open source. PHP atau Personal Home Page dibuat
pertama kali pada tahun 1994 oleh Rasmus Lerdoff, Pada waktu itu PHP
masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan
script yang digunakan untuk mengolah data form dari web.
II - 18
Kemudian pada tahun 1997, sebuah perusahaan bernama Zend menulis

ulang interpreter PHP hingga sampai kemudian setelah empat kali revisi,
pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter
PHP mengalami perubahan besar. Versi ini juga memasukkan model
pemrograman berorientasi objek ke dalam PHP untuk menjawab
perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
2.5.4 Script PHP

Setiap program PHP disebut dengan script. Script berupa file text yang
dapat dibuat dengan menggunakan program editor file text biasa seperti
notepad, edit, dan lainya. Script PHP diawali dengan tag <? Dan diakhiri
dengan tag ?>. Setiap baris atau statement harus diakhiri dengan
menggunakan tanda titik koma ( ; ) dan umumnya setiap statement
dituliskan dalam satu baris. Script PHP merupakan script yang digunakan
untuk menghasilkan halaman-halaman web.
Cara penulisan script juga dibedakan menjadi 2, yaitu Embedded Script dan
Non Embedded Script[6].
2.5.5 Embedded Script

Adalah script PHP yang disisipkan diantara tag-tag HTML. Script
PHP digunakan apabila isi dari suatu dokumen HTML diinginkan dari hasil
eksekusi suatu script PHP
Gambar 2.15 Contoh Script
II - 19
2.5.6 Non Embedded Script

Script PHP dalam non embedded script ini digunakan sebagai murni
pembuatan program dengan PHP, tag HTML yang dihasilkan untuk
membuat dokumen merupakan bagian dari script PHP.
PHP merupakan singkatan dari "PHP: Hypertext Preprocessor",
adalah sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar
sintaks mirip dengan bahasa C, Java, asp dan Perl, ditambah beberapa
fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah untuk
memungkinkan perancang web untuk menulis halaman web dinamik dengan
cepat.
Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun
kekuatan yang paling utama PHP adalah pada konektivitasnya dengan
system database di dalam web.
Sistem database yang dapat didukung oleh PHP adalah :
1. Oracle
2. MySQL
3. Ms. Access
4. Sybase
5. PostgreSQL
PHP dapat berjalan di berbagai system operasi seperti windows
98/NT, UNIX/LINUX, solaris maupun macintosh. Keunggulan lainnya dari
PHP adalah, PHP juga mendukung komunikasi dengan layanan seperti
protocol IMAP, SNMP, NNTP, POP3 bahkan HTTP.
2.6 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(bahasa Inggris: database management system) atau DBMS yang multithread,
multi-user, MySQL adalah Relational Database Management System (RDBMS)
yang didistribusikan secara gratis dibawah lisensi GPL (General Public License).
Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh
II - 20
dijadikan produk turunan yang bersifat closed source atau komersial. MySQL
sebenarnya merupakan turunan salah satu konsep utama dalam database sejak
lama, yaitu SQL (Structured Query Language).
SQL adalah sebuah konsep pengoperasian database, terutama untuk

pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian
data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database
(DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses
perintah-perintah SQL, yang dibuat oleh user maupun program-program
aplikasinya.Sebagai database server, MySQL dapat dikatakan lebih unggul
dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk
query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali
lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.
Gambar 2.16 Koneksi Database XAMPP

2.7 Apache
APACHE merupakan salah satu jenis program yang bertujuan untuk
mengirimkan kembali sintaks yang telah diberikan oleh user dan menampilkan
II - 21
kembali dalam bentuk dalam format hasilnya saja. Program APACHE ini hanya
terdapat pada sebuah server yang terdapat pada ISP (Internet Service Provider)
atau di Indonesia disebut Jasa Penyelenggara Internet. Saat ini program yang
paling banyak terdapat pada server-server di dunia adalah APACHE. Hal ini
disebabkan karena beberapa keunggulan yang diberikan.
Keunggulan-keunggulan tersebut antara lain :
1. Memiliki kemapuan pembacaan yang tinggi dan mudah disesuaikan
2. Memiliki tingkat keamanan yang tinggi. Hal ini dibutuhkan bagi para
penyimpan data yang memiliki tingkat kerahasian tertentu
3. Dapat dijalankan untuk berbagai macam operasi sistem
II - 22
Bab III Analisis
BAB III
ANALISIS SISTEM
Analisis sistem adalah metode untuk menemukan kelemahan-kelemahan

sistem guna memperoleh gambaran terhadap sistem yang akan dikembangkan
sehingga dapat diusulkan perbaikannya.
Tahapan dalam menganalisa sistem diawali dengan mempelajari
bagaimana mengidentifikasi masalah-masalah yang dihadapi, mengidentifikasi
pengguna (user) sistem serta spesifikasi perangkat lunak yang akan di
kembangkan.
Analisis kebutuhan sistem dimaksudkan untuk mengetahui faktor-faktor
apa saja yang mempengaruhi sistem. Faktor-faktor tersebut akan menjadi tolak
ukur dalam proses pengembangan sistem selanjutnya. Pada bab ini pembahasan
analisa sistem dijabarkan ke dalam sub bab berikut :
3.1 Identifikasi Masalah

Berdasarkan hasil penelitian dan pengamatan, diperlukan sistem informasi
alumni yang dapat membantu para mahasiswa aktif dan yang telah lulus
kuliah serta Program Studi Sistem Informasi agar mudah mendapatkan
informasi yang dibutuhkan.
Maka dari itu penulis mencoba untuk mengidentifikasi masalah sebagai
berikut.
1. Belum
tersedianya
media
yang
dapat
mempermudah
dalam
menampung informasi data alumni sesuai kebutuhan user.

2. Pemberitahuan mengenai informasi masih terbatas hanya melalui
facebook dan data manual seperti arsip atau dokumen.
3. Tidak semua alumni mengetahui tentang informasi alumni yang
sedang berkembang saat ini, sehingga menyebabkan informasi yang
ada tidak tersampaikan kepada mahasiswa, alumni, dan Program Studi
Sistem Informasi.
III - 1
Bab III Analisis
3.2 Analisis Sistem Yang Sedang Berjalan

Berdasarkan hasil observasi dan wawancara yang telah dilakukan di
bagian Program Studi Sistem Informasi Universitas Widyatama hanya
mengandalkan fasilitas email, telepon genggam dan surat jika ada informasi
yang
ingin
disampaikan
kepada
para
alumni.
Dalam
penyampaian
informasinya masih belum optimal karena banyak kendala yang harus di

perbaiki. Kendala yang di hadapi tersebut adalah penyampaian informasi
curriculum vitae yang ada selama ini dilakukan dengan cara, mencari data
secara manual dan selain itu disebarkan melalui situs jejaring sosial yaitu
facebook.
Untuk mendapatkan informasi para mahasiswa dan alumni harus

mendatangi
sekretariat
Program
Studi
Sistem
Informasi
Universitas
Widyatama untuk mengetahui informasi tersebut. Bagi alumni yang sudah

bergabung dengan account facebook tersebut dan sedang mencari informasi
bisa langsung menghubungi pihak yang bersangkutan secara langsung. Cara
seperti ini memakan waktu yang cukup lama. Selain itu yang lebih di
khawatirkan lagi adalah jika informasi yang tidak sampai pada alumni, bila ini
terjadi maka akan menyebabkan kerugian pada orang yang membutuhkan
informasi alumni.
3.2.1 Kelemahan Sistem Lama

1. Mahasiswa / alumni jarang yang mengetahui tentang informasi
alumni yang di pasang lewat papan pengumuman Universitas
Widyatama.
2. Pihak Universitas sangat sulit mendapatkan informasi terkait
alumni karena masih tersimpan manual dan tidak sesuai
kebutuhan.
3. Informasi yang di sebarkan melalui situs jejaring sosial
facebook
hanya untuk mahasiswa / alumni yang sudah
bergabung dengan account facebook Widyatama Bersatu saja.
III - 2
Bab III Analisis
Alumni
Sek. prodi
start
Form Wisuda
arsip
Data alumni
Informasi
Alumni
end
Gambar 3.1 Gambaran Sistem Lama Informasi Alumni
3.3 Hasil Analisis

Setelah memahami dan menganalisis serta mengidentifikasi permasalahan
di atas maka dapat di simpulkan bahwa perlu adanya media yang dapat
mengolah dan menyimpan semua informasi tentang mahasiswa lulusan
Program Studi Sistem Informasi agar informasi tersebut dapat di kelola dan
dapat tersampaikan kepada alumni Universitas Widyatama, dengan baik dan
tepat waktu.
3.4 Analisis Sistem Baru

Fungsi utama sistem informasi alumni berbasis web ini antara lain :
1. Memudahkan pencarian informasi tentang alumni di Program Studi Sistem
Informasi Universitas Widyatama.
2. Memudahkan pengelolaan sistem informasi terkait alumni di Program
Studi Sistem Informasi Universitas Widyatama.
3. Memudahkan penyebaran informasi tentang alumni di Program Studi
Sistem Informasi Universitas Widyatama.
III - 3
Bab III Analisis
4. Sistem informasi alumni Program Studi Sistem Informasi Universitas

Widyatama dapat diakses melalui internet, sehingga dapat meningkatkan
efektivitas dan produktivitas bagi pengguna.
mahasiswa
Sek. prodi
start
Form alumni
Input data alumni
db_alumni
Informasi alumni
end
Gambar 3.2 Gambaran Sistem Baru Informasi Alumni

3.5 Skenario Proses Sistem Informasi Alumni
1. Penyedia informasi bisa langsung menginformasikan informasi penting
kepada mahasiswa lulusan Program Studi Sistem Informasi Universitas
Widyatama.
2. Sistem menampilkan informasi curriculum vitae para lulusan Program
Studi Sistem Informasi Universitas Widyatama.
3. Mahasiswa / alumni dapat mengakses web dan melihat informasi alumni
yang ada di website tersebut.
3.6 Analisis Kebutuhan Perangkat Lunak yang di Kembangkan dengan

Model Use Case Business
Analisis di deskripsikan dengan menggunakan Use Case Business
Diagram dan Scenario Use Case Business.
III - 4
Bab III Analisis
3.6.1 Definisi Aktor

Deskripsi aktor merupakan penjelasan dari apa yang dilakukan
oleh aktor-aktor yang terlibat dalam perangkat lunak yang akan dibangun.
Adapun deskripsi dari aktor-aktor yang terlibat dalam Sistem Informasi
Alumni Program Studi Sistem Informasi Universitas Widyatama Berbasis
Web adalah sebagai berikut :
No
Aktor
Deskripsi
Melakukan tugas login dan memanipulasi
Admin
(Insert, Update, dan Delete) semua isi content

sistem informasi alumni.
Alumni
User
Melakukan login dan mengisi profil dan

memasang informasi yang dibutuhkan.
Melihat informasi terkait alumni.
Tabel. 3.1 Deskripsi Aktor
3.6.2 Deskripsi Use Case

Deskripsi Use Case merupakan penjelasan dari use case atau
proses-proses yang berlangsung di dalam kegiatan sistem. Adapun
deskripsi dari Use Case Sistem Sistem Informasi Alumni Berbasis Web
adalah sebagai berikut :
No
Use Case
Login admin.
Login alumni.
Deskripsi
Admin Login menggunakan Username dan
Password.
Alumni Login menggunakan Username dan
Password.
Tabel 3.2 Deskripsi Use Case
III - 5
Bab III Analisis
3.6.3 Use Case Sistem Informasi Alumni

Diagram Use Case Sistem Informasi Alumni adalah sebagai
berikut:
Gambar 3.3 Use Case Diagram Sistem Informasi Alumni
3.6.4 Skenario Use Case Sistem Informasi Alumni

Skenario (flow of event) untuk masing-masing use case dari Sistem
Sistem Informasi Alumni Berbasis Web adalah sebagai berikut :
1. Skenario Use Case Login Admin
Name
Login Admin
Level
Level Pengguna
Actor
Admin
Goal
Precondition
Untuk menjaga keamanan data (security), serta untuk

memasuki halaman administrator
Admin belum valid dan belum berhasil masuk ke
halaman admin
III - 6
Bab III Analisis
Postcondition
Admin telah valid untuk masuk halaman administrator

. Admin memasukkan username dan password
Steps
. Admin menekan tombol login

Admin telah berhasil login memasuki ke halaman admin.
Tabel 3.3 Skenario Use Case Login Admin
2. Activity Diagram Use Case Login Admin

Activity Diagram adalah salah satu cara untuk memodelkan eventevent yang terjadi dalam suatu Use Case. Activity Diagram berikut
menggambarkan proses login admin tehadap isi web sebagai berikut:
Gambar 3.4 Activity Diagram Use Case Login Admin
3. Skenario Use Case Login Alumni

Name
Alumni
Level
Level Pengguna
Actor
Alumni
Goal
Precondition
Alumni melakukan login dan mengisi profil yang ada di

website.
Alumni belum valid dan belum mendapatkan hak akses
III - 7
Bab III Analisis
Postcondition
Alumni telah valid untuk mengisi profil dan memasang

informasi yang dibutuhkan.
1. Alumni memasukkan username dan password
Steps
2. Alumni menekan tombol login

3. Sistem memasuki halaman alumni
Tabel 3.4 Skenario Use Case Login Alumni
4. Activity Diagram Use Case Login Alumni

Activity Diagram adalah salah satu cara untuk memodelkan eventevent yang terjadi dalam suatu Use Case. Activity Diagram berikut
menggambarkan proses login alumni tehadap isi web sebagai berikut:
Gambar 3.5 Activity Diagram Use Case Login Alumni
III - 8
Bab IV Perancangan
BAB IV
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Pada Program Studi Sistem Informasi Universitas Widyatama akan dibuat
sebuah aplikasi sistem informasi alumni berbasis web. Perancangan aplikasi ini di
bangun bertujuan untuk memudahakan para mahasiswa lulusan universitas dalam
mendapatkan informasi alumni, serta mempermudah alumni dan pihak Universitas
Widyatama dalam mendapatkan data alumni dan curriculum vitae, cukup dengan
cara membuka website, informasi alumni bisa langsung di informasikan atau
mengetahui informasi dari web tersebut.
Perancangan aplikasi sistem informasi alumni berbasis web yang di bangun ini
bersifat object oriented (berorientasi objek) dengan menggunakan Unified
Modeling Language (UML) sebagai bahasa pemodelan. Pembangunan website
sistem informasi alumni berbasis web ini dilakukan dengan menggunakan tools
utama sebagai berikut :
1. PHP sebagai frame work aplikasi untuk membaca bahasa pemrograman
PHP.
2. MySQL sebagai Database Server.
3. PHPMyAdmin sebagai tools untuk mengelola Database berbasis Web
IV -1
Bab IV Perancangan
4.2 Perancangan Menu

Berikut ini merupakan menu Sistem Informasi Alumni Program Studi Sistem
Informasi Berbasis Web digambarkan sebagai berikut :
Gambar 4.1 Perancangan Menu

4.3 Model Use Case
Model use case menjelaskan mengenai aktor-aktor yang terlibat dengan
perangkat lunak yang dibangun beserta proses-proses yang ada didalamnya.
4.3.1 Use Case Diagram
Diagram use case dari Sistem Informasi Alumni Program Studi
Sistem Informasi Berbasis Web adalah sebagai berikut :
IV -2
Bab IV Perancangan
Gambar 4.2 Use Case Diagram Sistem Informasi Alumni
4.3.2 Definisi Aktor

Definisi aktor merupakan penjelasan dari apa yang dilakukan oleh aktoraktor yang terlibat dalam perangkat lunak yang dibangun. Adapun deskripsi dari
aktor-aktor yang terlibat dalam Sistem Informasi Alumni Program Studi Sistem
Informasi Berbasis Web sebagai berikut :
No
Aktor
Deskripsi
Admin

sistem informasi alumni.
Alumni
User
Melakukan login dan mengisi profil dan

memasang informasi yang dibutuhkan.
Melihat informasi terkait alumni.
Tabel 4.1 Definisi Aktor
IV -3
Bab IV Perancangan
4.3.3 Definisi Use Case

Use case adalah urutan transaksi/proses yang dilakukan oleh sistem, dimana
menghasilkan sesuatu yang dapat dilihat/diamati oleh actor tertentu. Deskripsi
dari use case yang ada dalam dari Sistem Informasi Alumni Program Studi
Sistem Informasi Berbasis Web adalah sebagai berikut :
No
Use case
Deskripsi
Login
Validasi untuk user sistem

sebelum masuk ke dalam sistem
Pengisian data user
Melakukan proses
profil data pribadi
Penambahan Berita
Melakukan
penambahan
terhadap data berita alumni
pengisian
Tabel 4.2 Definisi Use Case
4.3.4 Skenario Use Case

Skenario (flow of event) use case dari Sistem Informasi Alumni Program
Studi Sistem Informasi Berbasis Web adalah sebagai berikut :
No
1.
Use Case
Login admin.
Deskripsi
Sistem Informasi Alumni.
2.
Login Alumni
Melakukan login, mengisi profil, melihat dan

menambahkan berita alumni.
3.
4.
Alumni
Mengisi Mengisi data profil pribadi untuk informasi
Profil data pribadi
data agar dapat terlihat apabila dibutuhkan.
Alumni
Menambahkan
menambahkan
informasikan kepada alumni .
berita
yang
perlu
di
berita
Tabel 4.3 Skenario Use Case Sistem Informasi Alumni
IV -4
Bab IV Perancangan
1. Skenario Use Case Melihat Login

AKTOR
SISTEM
1. Alumni memanggil alamat

web
2. Alumni login menggunakan
username dan password
3. Sistem
mengecek
username
dan
password.
4. User berhasil login
5. Sistem menampilkan isi menu utama
dari menu user selanjutnya user
beserta menu utama lainnya seperti
menu home, posting.
6. Alumni masuk ke sub-sub
menu sesuai dengan otoritas
account yang di pakainya.
Tabel 4.4 Skenario Use Case Melihat Login
2. Skenario Use Case Login

Aktor
: Alumni
Tujuan
: Verifikasi Login
Deskripsi : Form login Alumni digunakan untuk verifikasi account alumni.

AKTOR
SISTEM
1. Alumni memanggil alamat web

2. Sistem menampilkan form login.
3. Sistem meminta user memasukan data
user name, dan password.
4. Alumni memasukan data user
name, password.
5. Sistem memverifikasi data user name
dan password.
IV -5
Bab IV Perancangan
6. Sistem
membawa
alumni
pada
halaman yang berhak diakses oleh

alumni tersebut.
Tabel 4.5 Skenario Use Case Login Alumni
4.4
Activity Diagram
Activity diagram adalah salah satu cara untuk memodelkan event-event yang
terjadi dalam suatu use case. Berikut ini activity diagram dari Sistem Informasi
Alumni Program Studi Sistem Informasi Berbasis Web:
Gambar 4.3 Activity Diagram
4.5
Realisasi Use Case Tahap Analisis

Realisasi use case tahap analisis terdiri dari class analisis Diagram yang
menggambarkan interaksi setiap objek dari kelas analisis yang terlibat di dalam
use case tersebut.
4.5.1 Class Analisis Diagram
Class analysis Diagram merupakan penggambaran keterkaitan objekobjek yang ada dalam dalam lingkungan sistem informasi yang
IV -6
Bab IV Perancangan
dikembangkan. Berikut adalah class analysis Diagram dari Sistem

Informasi Alumni :
Gambar 4.4 Class Analysis Diagram
4.5.2 Class Analisis

No
Nama Kelas
Jenis
Control Login
Control
Login Admin
Boundary
Manajemen Berita
Boundary
Manajemen User
Boundary
Manajemen Partisipasi
Boundary
Login Admin
Boundary
Berita Alumni
Boundary
Data Alumni
Boundary
IV -7
Bab IV Perancangan
Data Partisipasi
Boundary
10
Tabel Login
Entity
11
Tabel Posting
Entity
12
Tabel Alumni
Entity
13
Tabel Sumbangan
Entity
14
Tabel Kegiatan
Entity
Tabel 4.5 Class Analysis
4.5.3 Tanggung Jawab dan Atribut

Tanggung jawab merupakan proses-proses yang dilakukan pada kelas
kontrol, sedangkan atribut merupakan keterangan dari setiap boundary,
entity dan control. Daftar tanggung jawab dan atribut dari Sistem Informasi
Alumni adalah sebagai berikut :
Nama Kelas
Daftar Tanggung jawab
Daftar Atribut
Login
logout
1.Username
FormBerita
get Berita
Profil Alumni
get Alumni
1. Nama Alumni
2. Judul Berita
3. Isi Berita
4. Foto Berita
1. Id_alumni
2. Username
3. Password
4. Email
5. Nama
6. Jenis kelamin
7. Tahun masuk
8. Tahun lulus
9. Npm
10. Ipk
11. Kesanpesan
12. Ttl
13. Alamat
14. Kota
15. Propinsi
16. Kodepos
17. Telepon
18. Handphone
19. Tempat kerja
20. Alamat kantor
FormLogin
2.Password
IV -8
Bab IV Perancangan
FormSumbangan
get Sumbangan
FormKegiatan
get Kegiatan
21.
22.
23.
24.
25.
26.
27.
28.
29.
1.
2.
3.
4.
5.
6.
7.
1.
2.
3.
4.
5.
6.
7.
8.
Posisi
Pendapatan
Tahun bekerja
Testimonial
Foto
Sk
Cv
Tugas akhir
Ijazah
Id
Nama
Angkatan
Sumbangan
Waktu
Jumlah
Tanda bukti
Id
Nama
Angkatan
Kegiatan
Waktu
Tempat
Posisi
Tanda bukti
Tabel 4.7 Tanggung Jawab dan Atribut
4.6 Realisasi Use Case Tahap Perancangan

Realisasi use case tahap perancangan digambarkan dalam class Diagram dan
sequence Diagram, collabaration yang menggambarkan interaksi setiap objek dari
kelas perancangan yang terlibat di dalam use case tersebut.
4.6.1 Class Diagram

Class diagram adalah diagram yang digunakan untuk menampilkan
beberapa kelas yang ada dalam sistem perangkat lunak yang akan
dikembangkan. Class Diagram menunjukkan hubungan antar class dalam
sistem yang sedang dibangun dan bagaimana mereka saling berkolaborasi
untuk mencapai suatu tujuan. Berikut ini digambarkan class diagram dari
Sistem Informasi Alumni Program Studi Sistem Informasi Universitas
Widyatama:
IV -9
Bab IV Perancangan
Gambar 4.5 Class Diagram

4.6.2 Kamus Data
Berikut ini akan dijelaskan tabel tabel yang digunakan dalam perancangan
proses Unified Modelling Language (UML).
1. Tabel Log In
Nama Tabel : Login
Prymary Key : id
Keterangan : Tabel ini berisikan data data Login
Field
Type
Size
Keterangan
Id
int
Nomer id untuk pengurutan

registrasi secara otomatis
Username
varchar
20
Berisi nama orang yang

melakukan registrasi
Password
varchar
20
Password
Email
varchar
20
Alamat email user
Tabel 4.8 Login

IV -10
Bab IV Perancangan
2. Tabel Berita
Nama Tabel : Posting
Primary Key : id
Keterangan
: Tabel ini berisi berita yang di posting oleh alumni
Field
Type
Size
5
Keterangan
Nomer identitas untuk pengurutan
id
int
Username
varchar 20
Nama username
Judul
varchar 30
Judul berita
Isi
varchar 1000 Deskripsi dari berita
Gambar
file
50
Gambar berita jika ada
Tabel 4.9 Posting
3. Tabel Alumni
Nama tabel
: Alumni
Primary key : id
Keterangan
Field
: tabel ini berisi data-data alumni

Type
Size
Keterangan
id
Int

Nama
varchar
20
Nama lengkap alumni
Jeniskelamin
varchar
10
Jenis kelamin alumni
Tahunmasuk
varchar
Tahun masuk kuliah alumni
Tanggallulus
date
10
Tanggal kelulusan alumni
Npm
varchar
Nomor pokok mahasiswa alumni
Ipk
varchar
Indeks prestasi kumulatif alumni
Ttl
varchar
25
Tempat, tanggal lahir alumni
IV -11
Bab IV Perancangan
Alamat
varchar
50
Alamat alumni
Kota
varchar
25
Kota dari alamat alumni
Propinsi
varchar
25
Propinsi dari alamat alumni
Kodepos
varchar
Kode pos dari alamat alumni
Telepon
varchar
10
Nomor telepon alumni
Handphone
varchar
25
Nomor telepon genggam alumni
Tempatkerja
varchar
50
Tempat bekerja alumni
Alamatkantor
varchar
50
Alamat kantor tempat bekerja alumni
Posisi
varchar
20
Posisi pekerjaan alumni
Divisi
varchar
Divisi pekerjaan alumni
Pendapatan
varchar
10
Pendapatan alumni
Tanggalbekerja
date
10
Tanggal mulai alumni bekerja
Foto
file
50
Foto alumni
Sk
file
50
Surat keterangan / kerja alumni
Cv
file
50
Curriculum vitae alumni
Tugasakhir
file
50
Abstraksi tugas akhir alumni
Ijazah
file
50
Ijazah kelulusan alumni
Tabel 4.10 Alumni
4. Tabel Sumbangan
Nama Tabel : Sumbangan
Primary Key : id
Keterangan
Field
: Tabel ini berisi berita partisipasi sumbangan oleh alumni

Type
Size
id
int
Nama
varchar 20
Keterangan
Nama lengkap alumni.
IV -12
Bab IV Perancangan
Angkatan
varchar 4
Tahun masuk alumni.
Kategori
varchar 10
Bentuk kategori sumbangan alumni.
Spesifikasi
varchar 100
Spesifikasi sumbangan alumni.
Waktu
date
Waktu pelaksanaan sumbangan.
Jumlah
varchar 20
Jumlah banyaknya sumbangan.
Tanda bukti
File
File tanda bukti sumbangan.
10
50
Tabel 4.11 Sumbangan
5. Tabel Kegiatan
Nama Tabel : Kegiatan
Primary Key : id
Keterangan
Field
: Tabel ini berisi berita partisipasi kegiatan oleh alumni

Type
Size
5
Keterangan
id
int
Nama
varchar 20
Nama lengkap alumni.
Angkatan
varchar 4
Tahun masuk alumni.
Kegiatan
varchar 100
Bentuk kegiatan alumni.
Waktu
date
Waktu pelaksanaan kegiatan.
Tempat
varchar 20
Tempat pelaksanaan kegiatan.
Posisi
varchar 20
Posisi alumni saat kegiatan.
Tanda bukti
file
File tanda bukti sumbangan.
10
50
Tabel 4.12 Kegiatan
IV -13
Bab IV Perancangan
4.6.3 Sequence Diagram

Sequence Diagram adalah suatu diagram yang menggambarkan
interaksi antar obyek dan mengindikasikan komunikasi diantara
obyek-obyek tersebut. berikut Sequence Diagram Use Case Login
admin Sistem Informasi Alumni Program Studi Sistem Informasi
Universitas Widyatama:
4.6.3.1 Sequence Diagram Login
: Admin
: Control Login
: Form Login
Memilih Form Login
Validasi Login :
tabel_login
Meminta username dan password

Masukan Username dan password
mengirim username dan password
validasi login
Login Berhasil
Gambar 4.6 Sequence Diagram Login
4.6.3.2 Sequence Diagram Posting Berita
Gambar 4.7 Sequence Diagram Posting Berita

IV -14
Bab IV Perancangan
4.6.3.3 Sequence Diagram Informasi Alumni
Gambar 4.8 Sequence Diagram Informasi Alumni
4.6.3.4 Sequence Diagram Informasi Sumbangan
Gambar 4.9 Sequence Diagram Informasi Sumbangan
IV -15
Bab IV Perancangan
4.6.3.5 Sequence Diagram Informasi Kegiatan
Gambar 4.10 Sequence Diagram Informasi Kegiatan
4.6.4 Collaboration Diagram

Collaboration Diagram digunakan untuk memodelkan interaksi antar objek
didalam sistem, berbeda dengan sequence Diagram, yang lebih menonjolkan
kronologis dari operasi-operasi yang dilakukan, collaboration Diagram lebih fokus
pada pemahaman atas keseluruhan operasi yang dilakukan objek. Berikut ini
collaboration Diagram dari Sistem Informasi Alumni Program Studi Sistem
Informasi Universitas Widyatama:
IV -16
Bab IV Perancangan
4.6.4.1 Collaboration Diagram Login
5: validas i login
6: login berhas il
: tabel_login
: Admin
2: meminta us ernam e dan pas sword
1: memilih Form Login
3: memas ukan us ername dan pas s word
4: pengiriman username dan pass word
: formLogin
Gambar 4.11 Collaboration Diagram Login
4.6.4.2 Collaboration Diagram Posting Berita
Gambar 4.12 Collaboration Diagram Posting Berita
IV -17
Bab IV Perancangan
4.6.4.3 Collaboration Diagram Informasi Alumni
Gambar 4.13 Collaboration Diagram Informasi Alumni
4.6.4.4 Collaboration Diagram Partisipasi Sumbangan
Gambar 4.14 Collaboration Diagram Partisipasi Sumbangan
IV -18
Bab IV Perancangan
4.6.4.5 Collaboration Diagram Partisipasi Kegiatan
Gambar 4.15 Collaboration Diagram Partisipasi Kegiatan
4.7 Lingkungan Operasional

Lingkungan operasional merupakan kebutuhan-kebutuhan perangkat lunak
pada saat diimplementasikan, baik itu perangkat lunak, perangkat keras, maupun
karakteristik dari pengguna perangkat lunak tersebut.
4.8 Perangkat Lunak

Perangkat lunak yang dibutuhkan dalam Sistem Informasi Alumni Program
Studi Sistem Informasi Universitas Widyatama ini adalah sebagai berikut:
1.
Sistem operasi Windows XP Profesional, Windows Vista, Windows 7
2.
Software Macromedia Dreamweaver 8 Tools Pembagun
3.
MySQL versi 5 sebagai tempat penyimpanan database.
4.
Rational Rose untuk membuat atau merancang UML
5.
Microsoft Office Visio sebagai tempat pembuatan layout website
IV -19
Bab IV Perancangan
4.9 Perangkat Keras

Perangkat keras yang digunakan pada Sistem Informasi Alumni Program
Studi Sistem Informasi Universitas Widyatama ini adalah sebagai berikut:
a.
Intel Core 2 Duo Processor T6400
b.
Memory 2 GB
c.
Hard disk 320 GB
d.
Mouse, keyboard dan Jaringan Internet
4.10 Karakteristik Pengguna

Kualifikasi dan hak akses yang harus dimiliki pengguna adalah sebagai
berikut:
Pengguna
Kualifikasi
Admin Yang Mengatur Isi web

1. Mempunyai kemampuan dasar di bidang komputer
2. Dapat mengoperasikan sistem operasi Windows
Tabel 4.13 Karakteristik Pengguna Admin
Pengguna
Alumni
1. Melakukan Login terlebih dahulu
Kualifikasi
2. Mengisi profil alumni

3. Mendapatkan informasi alumni
Tabel 4.14 Karakteristik Pengguna Alumni
Pengguna
User
1. Membuka website sistem informasi alumni
Kualifikasi
2. Memilih menu
3. Mendapatkan informasi alumni
Tabel 4.15 Karakteristik Pengguna User
IV -20
Bab IV Perancangan
4.11 Layout Antarmuka

Layout antarmuka merupakan rancangan antarmuka yang akan digunakan
sebagai perantara user dengan perangkat lunak yang dikembangkan. Layout
antarmuka dari Sistem Informasi Alumni adalah sebagai berikut:
4.11.1 Antarmuka Menu Utama
header
home
alumni
partisipasi
login
Gambar
berita
isi home
links
footer
Gambar 4.16 Antarmuka Menu Utama
IV -21
Bab IV Perancangan
4.11.2 Antarmuka Menu Alumni
header
home
alumni
partisipasi
login
Gambar
berita
data alumni
links
footer
Gambar 4.17 Antarmuka Menu Alumni
4.11.3 Antarmuka Detail Berita
header
home
alumni
partisipasi
login
Gambar
berita
detail berita
links
footer
Gambar 4.18 Antarmuka Detail Berita
IV -22
Bab IV Perancangan
4.11.4 Antarmuka Menu Partisipasi
header
home
alumni
partisipasi
login
Gambar
berita
data partisipasi
links
footer
Gambar 4.19 Antarmuka Menu Partisipasi
4.11.5 Antarmuka Menu Login
header
home
alumni
partisipasi
login
Gambar
berita
form login
links
footer
Gambar 4.20 Antarmuka Menu Login

IV -23
Bab IV Perancangan
4.11.6 Antarmuka Menu Edit Profil
header
home
alumni
partisipasi
logout
gambar
berita
form edit profil

links
footer
Gambar 4.21 Antarmuka Menu Edit Profil

4.11.7 Antarmuka Menu Posting Berita
header
home
alumni
partisipasi
logout
gambar
berita
form posting berita

links
footer
Gambar 4.22 Antarmuka Menu Posting Berita
IV -24
Bab IV Perancangan
4.11.8 Antarmuka Menu Partisipasi Sumbangan
Header
home
alumni
partisipasi
logout
gambar
berita
form partisipasi sumbangan

links
footer
Gambar 4.23 Antarmuka Menu Partisipasi Sumbangan
4.11.9 Antarmuka Menu Partisipasi Kegiatan
header
home
alumni
partisipasi
logout
gambar
berita
form partisipasi kegiatan

links
footer
Gambar 4.24 Antarmuka Menu Partisipasi Kegiatan

IV -25
Bab V Implementasi
BAB V
IMPLEMENTASI
Bab ini berisi uraian mengenai tahapan untuk membangun / mewujudkan
rancangan sistem baru secara nyata. Kegiatan yang dibahas meliputi pengujian
perangkat lunak. Diagram UML untuk implementasi seperti Component Diagram
atau Deployment Diagram dapat digunakan pula pada bab ini.
5.1 Implementasi
Penjelasan yang meliputi cara, langkah-langkah serta jadwal pelaksanaan
untuk mengimplementasikan rancangan perangkat lunak. Jadwal implementasi
ini juga menjelaskan tentang aktifitas-aktifitas yang akan dilakukan (mulai dari
konstruksi/coding, pengujian sistem). Penggambaran bisa menggunakan Gantt
Chart.
Berikut
ini
aktifitas
yang
dilakukan
dalam
merancang
dan
mengimplementasikan Sistem Informasi Alumni Program Studi Sistem Informasi

Universitas Widyatama Berbasis Web, sebagai tahap awal yang dilakukan dalam
rangka instalasi perkakas apa saja yang dibutuhkan untuk membuat Sistem
Informasi Alumni Program Studi Sistem Informasi Universitas Widyatama
Berbasis Web.
5.2 Kebutuhan Sumberdaya

Kebutuhan sumber daya manusia yang dibutuhkan untuk pengujian hanya
lah dua pengguna saja. Sedangkan kebutuhan hardware dan software nya
kemungkinan sama pada saat implementasi aplikasi ini. Ataupun sebagai berikut:
5.2.1 Kebutuhan Perangkat Keras (Hardware)

Konfigurasi minimal perangkat keras untuk mendukung sistem yang
dirancang, adalah sebagai berikut :
a. Processor Intel (2.4 GHz)
b. Memory 2 GB
c. Hard disk 320 GB
d. Mouse, keyboard dan Jaringan Internet
V- 1
Bab V Implementasi
5.3.2 Kebutuhan Perangkat Lunak (Software)

Perangkat lunak yang dipakai adalah Sistem Operasi Windows 7 Ultimate.
5.3 Implementasi Antarmuka

Implementasi rancangan
antarmuka
dengan
menggunakan
bahasa
pemrograman PHP, tahapan yang harus dilakukan untuk hosting di internet

website yang dihasilkan, mulai dari tahapan persiapan hosting di internet sampai
dengan website siap digunakan beserta petunjuk umum penggunaan website yang
digambarkan pada Halaman Website.
1. Antarmuka Halaman Utama
Gambar 5.1 Antarmuka Halaman Utama
V- 2
Bab V Implementasi
2. Antarmuka Halaman View Berita
Gambar 5.2 Antarmuka Halaman View Berita
V- 3
Bab V Implementasi
3. Antarmuka Halaman View Alumni
Gambar 5.3 Antarmuka Halaman View Alumni
V- 4
Bab V Implementasi
4. Antarmuka Halaman View Data Alumni
Gambar 5.4 Antarmuka Halaman View Data Alumni
V- 5
Bab V Implementasi
5. Antarmuka Halaman Login
Gambar 5.5 Antarmuka Halaman Login
V- 6
Bab V Implementasi
6. Antarmuka Halaman Insert User
Gambar 5.6 Antarmuka Halaman Insert User
V- 7
Bab V Implementasi
7. Antarmuka Halaman Menu Edit Alumni
Gambar 5.7 Antarmuka Halaman Menu Edit Alumni
V- 8
Bab V Implementasi
8. Antarmuka Halaman Edit Profil
Gambar 5.8 Antarmuka Halaman Edit Profil
V- 9
Bab V Implementasi
9. Antarmuka Halaman Edit Lampiran
Gambar 5.9 Antarmuka Halaman Edit Lampiran
V- 10
Bab V Implementasi
10. Antarmuka Halaman Admin
Gambar 5.10 Antarmuka Halaman Admin
V- 11
Bab V Implementasi
11. Antarmuka Halaman Update User
Gambar 5.11 Antarmuka Halaman Update User
V- 12
Bab V Implementasi
12. Antarmuka Halaman Delete User
Gambar 5.12 Antarmuka Halaman Delete User
V- 13
Bab V Implementasi
13. Antarmuka Halaman Delete Berita
Gambar 5.13 Antarmuka Halaman Delete Berita
V- 14
Bab V Implementasi
14. Antarmuka Halaman Insert Partisipasi Sumbangan
Gambar 5.14 Antarmuka Insert Partisipasi Sumbangan
V- 15
Bab V Implementasi
15. Antarmuka Halaman Partisipasi Sumbangan
Gambar 5.15 Antarmuka Halaman Partisipasi Sumbangan
V- 16
Bab V Implementasi
16. Antarmuka Halaman Detail Sumbangan
Gambar 5.16 Antarmuka Halaman Detail Sumbangan
V- 17
Bab V Implementasi
17. Antarmuka Halaman Insert Partisipasi Kegiatan
Gambar 5.17 Antarmuka Halaman Insert Partisipasi Kegiatan
V- 18
Bab V Implementasi
18. Antarmuka Halaman Partisipasi Kegiatan
Gambar 5.18 Antarmuka Halaman Partisipasi Kegiatan
V- 19
Bab V Implementasi
19. Antarmuka Halaman Detail Kegiatan
Gambar 5.19 Antarmuka Halaman Detail Kegiatan
V- 20
Bab V Implementasi
20. Antarmuka Posting Berita
Gambar 5.20 Antarmuka Halaman Posting Berita
V- 21
Bab V Implementasi
5.4 Hasil Pengujian Dengan Menggunakan Metode Black Box

Black box testing adalah pengujian yang dilakukan hanya mengamati hasil
eksekusi melalui data uji dan memeriksa fungsional dari perangkat lunak.
Jadi dianalogikan seperti kita melihat suatu kotak hitam , kita hanya bisa
melihat penampilan luarnya saja, tanpa tau ada apa dibalik bungkus hitamnya.
Sama seperti pengujian black box, mengevaluasi hanya dari tampilan luarnya
(interface-nya), fungsionalitasnya. Tanpa mengetahui apa sesungguhnya yang
terjadi dalam proses detailnya (hanya input dan output-nya). Berikut ini adalah
hasil pengujian Sistem Informasi Alumni Program Studi Sistem Informasi
Berbasis Web menggunakan metode Black Box:
No Fungsi yang
.
diuji
1
Insert User
Cara Pengujian
Membuat
account
Hasil Yang
Hasil
diharapkan
Pengujian
Dapat
login OK
untuk bisa masuk ke
menggunakan
dalam website.
account yang telah

di buat.
Halaman
Pada
website
ini
Login
menampilkan
halaman login dan
halaman login untuk
berhasil Masuk ke
masuk
dalam
sebagai
alumni.
3
Halaman
Edit
OK
halaman
alumni.
berhasil
Profil masuk pada website
Alumni
Setelah
Menampilkan
Menampilkan
OK
halaman edit profil
ini pilih menu edit
alumni dan mengisi
profil.
profil.
View Profil Memilih menu profil
Menampilkan semua OK
Alumni
alumni yang ada di
data alumni sesuai
website sesuai menu
menu tampilan yang
tampilan yang dipilih
dipilih
pada sistem informasi
pada website sistem
alumni.
informasi alumni.
yang
ada
V- 22
Bab V Implementasi
Posting
Pada website sistem
Menampilkan
OK
Berita
informasi alumni pilih
halaman posting dan
halaman
posting
membuat
kemudian
mengisi
baru.
berita
berita.
6
View Berita
Pada website sistem
Menampilkan berita OK
informasi
yang telah di isi oleh
alumni,
pilih menu berita.
user.
Insert
Masuk dengan akses
Merekam data yang OK
Sumbangan
admin
dimasukkan
lalu
halaman
ke
insert
sumbangan, dan isi
halaman
pada
insert
sumbangan
lalu simpan
8
Insert
Masuk dengan akses
Merekam data yang OK
Kegiatan
admin
dimasukkan
lalu
halaman
ke
insert
halaman
kegiatan, dan isi lalu
kegiatan
pada
insert
simpan
9
View
Pada
website
Sumbangan
masuk
ke
ini
halaman
Menampilkan
yang
data OK
dimasukkan
sumbangan, dan pilih
pada halaman insert
kategori yang akan
sumbangan
ditampilkan
dapat menampilkan
dan
sesuai kategori yang

dipilih
10
View
Pada
website
Kegiatan
masuk
ke
kegiatan,
view
ini
halaman
dan
klik
Menampilkan
yang
data OK
dimasukkan
pada halaman insert

kegiatan
Tabel 5.1 Pengujian Perangkat
V- 23
Bab VI Penutup
BAB VI
PENUTUP
Berdasarkan hasil pengembangan sistem yang telah penulis lakukan, penulis

mencoba membuat suatu kesimpulan dan mengajukan beberapa saran-saran yang
berhubungan dengan pembahasan yang telah dikemukakan di bab-bab
sebelumnya.
6.1. Kesimpulan
Dari berbagai penjelasan yang telah diuraikan dalam laporan ini, maka dapat
disimpulkan beberapa hal sebagai berikut :
1. Aplikasi ini dapat di merekam data terkait alumni yang menghasilkan
sistem informasi bagi alumni, mahasiswa, dan program studi sistem
informasi sesuai kebutuhan.
2. Aplikasi ini merekam data dengan menggunakan basis data sehingga data
alumni tersimpan secara terstruktur dengan memiliki id pada masing
masing alumni.
3. Dengan dibuatnya aplikasi ini maka user dapat langsung mencari data
alumni dan menyampaikan informasi sehingga informasi dapat mudah
tersampaikan kepada alumni dan yang membutuhkan informasi terkait
alumni karena tidak perlu menunggu pihak ketiga memberikan informasi
alumni (placement office), karena dapat diakses menggunakan internet.
6.2. Saran
Adapun saran yang dapat penulis berikan untuk pengembangan dari sistem
yang telah dibuat antara lain :
1. Aplikasi ini dapat di kembangkan sampai kepada laporan tentang siapa
alumni yang mendapat penghasilan terbanyak dalam kurun waktu tertentu
(perbulan/pertahun), dan persentase atau jumlah lulusan dari total
keseluruhan mahasiswa Program Studi Sistem Informasi Universitas
Widyatama.
VI-1
Bab VI Penutup
2. Aplikasi ini dapat di kembangkan sampai kepada proses pemberitahuan

informasi lowongan kerja otomatis kepada alumni yang belum bekerja
secara online.
VI-2

1108015

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

1108015

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM

INFORMASI UNIVERSITAS WIDYATAMA BERBASIS WEB

Diajukan Untuk Memenuhi Salah Satu Syarat dalam Menempuh Ujian

PROGRAM STUDI SISTEM INFORMASI

SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM

Telah disetujui dan disahkan di Bandung, Juni 2012

M. Rozahi Istambul, S.Kom., M.T.

Ka.Prodi Sistem Informasi

Dekan Fakultas Teknik,

M. Rozahi Istambul, S.Kom., M.T.

Setiadi Yazid, Ir.,M.Sc.,Ph.D.

Saya yang bertandatangan dibawah ini :

: Charisma Utama Kalza

Tempat dan Tanggal Lahir

: Pamekasan, 21 Agustus 1990

: Kopo Permai II, A 4 No. 10 Bandung

Bandung, Juni 2012

Charisma Utama Kalza

Program Studi Sistem Informasi Universitas Widyatama merupakan

Kata Kunci : Sistem Informasi, alumni, basis data, web.

Studies Program Information System Widyatama University is one

Keywords: Information Systems, alumni, databases, web.

Bandung, Juni 2012

Charisma Utama Kalza

SURAT PERNYATAAN .............................................................................. ii

BAB II LANDASAN TEORI

2.3.3 Web Server ...................................................................... II-4

BAB III ANALISIS SISTEM

BAB IV PERANCANGAN SISTEM

DAFTAR PUSTAKA ..............................................................................

Gambar 2.1 Pemodelan Metode Waterfall ...........................................

Gambar 2.2 Contoh Aktor ...................................................................

Gambar 2.3 Contoh Use Case .............................................................

Gambar 2.4 Contoh Class Diagram .....................................................

Gambar 2.5 Contoh Start State dan Stop State .....................................

Gambar 2.6 Contoh State Transistion ..................................................

Gambar 2.7 Contoh Aktor pada Sequence Diagram .............................

Gambar 2.8 Contoh Object Life Line ..................................................

Gambar 2.9 Contoh Activation ...........................................................

10. Gambar 2.10 Contoh Message ............................................................

11. Gambar 2.11 Contoh Collaboration Diagram .....................................

12. Gambar 2.12 Contoh Activity Diagram ................................................

13. Gambar 2.13 Tampilan Halaman Awal Program Dreamweaver ...........

14. Gambar 2.14 Tampilan Ruang Kerja Dreamweaver ...........................

15. Gambar 2.15 Contoh Script ................................................................

16. Gambar 2.16 Koneksi Database XAMPP ............................................

17. Gambar 3.1 Gambaran Sistem Lama Informasi Alumni ......................

18. Gambar 3.2 Gambaran Sistem Baru Informasi Alumni ........................

22. Gambar 4.1 Perancangan Menu ...........................................................

24. Gambar 4.3 Activity Diagram ..............................................................

25. Gambar 4.4 Class Analysis Diagram ...................................................

26. Gambar 4.5 Class Diagram ................................................................. IV-10

31. Gambar 4.10 Sequence Diagram Informasi Kegiatan ........................... IV-16

47. Gambar 5.2 Antarmuka Halaman View Berita ....................................

48. Gambar 5.3 Antarmuka Halaman View Alumni ..................................

49. Gambar 5.4 Antarmuka Halaman View Data Alumni ..........................

50. Gambar 5.5 Antarmuka Halaman Login ..............................................

51. Gambar 5.6 Antarmuka Halaman Insert User ......................................

52. Gambar 5.7 Antarmuka Halaman Menu Edit ALumni .........................

53. Gambar 5.8 Antarmuka Halaman Edit Profil .......................................

54. Gambar 5.9 Antarmuka Halaman Edit Lampiran ................................. V-10

63. Gambar 5.18 Antarmuka Halaman Partisipasi Kegiatan ...................... V-19

Tabel 1.1 Rencana Aktifitas ................................................................

Tabel 3.1 Deskripsi Aktor ...................................................................