SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

100
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

Transcript of SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Page 1: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

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

Page 2: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

i

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

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

NID. 0414106701

Dekan Fakultas Teknik,

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

NID. 0315085402

Page 3: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

ii

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

Charisma Utama Kalza

Page 4: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

iii

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.

Page 5: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

iv

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 web-

based 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.

Page 6: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

v

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.

Page 7: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

vi

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

Charisma Utama Kalza

Page 8: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

vii

DAFTAR ISI

Halaman

HALAMAN JUDUL

LEMBAR PENGESAHAN........................................................................... i

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

Page 9: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

viii

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

Page 10: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

ix

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

Page 11: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

x

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 .............................................................................. xvi

LAMPIRAN A

LAMPIRAN B

LAMPIRAN C

Page 12: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

xi

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

Page 13: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

xii

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

Page 14: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

xiii

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

Page 15: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

xiv

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 ............................................................ V-22

Page 16: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab I Pendahuluan

I - 1

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.

Page 17: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab I Pendahuluan

I - 2

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?

Page 18: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab I Pendahuluan

I - 3

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.

Page 19: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab I Pendahuluan

I - 4

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 April Mei

1 2 3 4 5 6 7 8 9 10 11 12 Analisa Sistem

Desain Fungsi

Pemrograman

Pengujian Sistem

Pengembangan Sistem

Pemeliharaan Sistem

Dokumentasi Sistem Tabel 1.1 Rencana Aktifitas

Page 20: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab I Pendahuluan

I - 5

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.

Page 21: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 1

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]

Page 22: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 2

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.

Page 23: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 3

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.

Page 24: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 4

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

Page 25: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 5

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

Page 26: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 6

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.

Page 27: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 7

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

Page 28: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 8

- Dengan demikian pada pembuatan subclass, programmer bisa

menggunakan ulang source code dari superclass yang ada 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 notasi-

notasi 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.

Page 29: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 9

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.

Gambar 2.2 Contoh Aktor

b. Use Case

Gambaran fungsionalitas dari suatu sistem, sehingga pengguna sistem

paham dan mengerti kegunaan sistem yang akan dibangun.

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.

use case

Actor

Page 30: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 10

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.

Gambar 2.4 Contoh Class Diagram

Class memiliki tiga area pokok :

1. Nama (Class Name)

2. Atribut

3. Metode (Operations)

Customer

+Name: String

+CreditRating()

Page 31: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 11

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.

Page 32: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 12

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 atribut-

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

Page 33: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 13

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

Page 34: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 14

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.

Object

Object1

: Actor

1 : message()

2 : message()

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

Page 35: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 15

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]

Page 36: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 16

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 komponen-

komponen 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

Page 37: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 17

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.

Page 38: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 18

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.

Page 39: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 19

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

Page 40: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 20

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

Page 41: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 21

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

Page 42: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab II Landasan Teori

II - 22

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

Page 43: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 1

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.

Page 44: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 2

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.

Page 45: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 3

start

Alumni Sek. prodi

Form Wisuda arsip

Data alumni

end

Informasi Alumni

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.

Page 46: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 4

4. Sistem informasi alumni Program Studi Sistem Informasi Universitas

Widyatama dapat diakses melalui internet, sehingga dapat meningkatkan

efektivitas dan produktivitas bagi pengguna.

start

mahasiswa Sek. prodi

Form alumni

end

Input data alumni

db_alumni

Informasi alumni

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.

Page 47: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 5

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

1 Admin

Melakukan tugas login dan memanipulasi

(Insert, Update, dan Delete) semua isi content

sistem informasi alumni.

2 Alumni Melakukan login dan mengisi profil dan

memasang informasi yang dibutuhkan.

3 User 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 Deskripsi

1 Login admin. Admin Login menggunakan Username dan

Password.

2 Login alumni. Alumni Login menggunakan Username dan

Password.

Tabel 3.2 Deskripsi Use Case

Page 48: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 6

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 Untuk menjaga keamanan data (security), serta untuk

memasuki halaman administrator

Precondition Admin belum valid dan belum berhasil masuk ke

halaman admin

Page 49: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 7

Postcondition Admin telah valid untuk masuk halaman administrator

Steps . Admin memasukkan username dan password

. 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 event-

event 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 Alumni melakukan login dan mengisi profil yang ada di

website.

Precondition Alumni belum valid dan belum mendapatkan hak akses

Page 50: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab III Analisis

III - 8

Postcondition Alumni telah valid untuk mengisi profil dan memasang

informasi yang dibutuhkan.

Steps

1. Alumni memasukkan username dan password

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 event-

event 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

Page 51: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -1

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

Page 52: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -2

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 :

Page 53: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -3

Gambar 4.2 Use Case Diagram Sistem Informasi Alumni

4.3.2 Definisi Aktor

Definisi aktor merupakan penjelasan dari apa yang dilakukan oleh aktor-

aktor 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

1 Admin

Melakukan tugas login dan memanipulasi

(Insert, Update, dan Delete) semua isi content

sistem informasi alumni.

2 Alumni Melakukan login dan mengisi profil dan

memasang informasi yang dibutuhkan.

3 User Melihat informasi terkait alumni.

Tabel 4.1 Definisi Aktor

Page 54: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -4

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

1 Login Validasi untuk user sistem sebelum masuk ke dalam sistem

2 Pengisian data user Melakukan proses pengisian profil data pribadi

3 Penambahan Berita Melakukan penambahan terhadap data berita alumni

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 Use Case Deskripsi

1. Login admin. Melakukan tugas login dan memanipulasi

(Insert, Update, dan Delete) semua isi content

Sistem Informasi Alumni.

2. Login Alumni Melakukan login, mengisi profil, melihat dan

menambahkan berita alumni.

3. Alumni Mengisi

Profil data pribadi

Mengisi data profil pribadi untuk informasi

data agar dapat terlihat apabila dibutuhkan.

4. Alumni

menambahkan

berita

Menambahkan berita yang perlu di

informasikan kepada alumni .

Tabel 4.3 Skenario Use Case Sistem Informasi Alumni

Page 55: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -5

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.

Page 56: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -6

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 objek-

objek yang ada dalam dalam lingkungan sistem informasi yang

Page 57: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -7

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

1 Control Login Control

2 Login Admin Boundary

3 Manajemen Berita Boundary

4 Manajemen User Boundary

5 Manajemen Partisipasi Boundary

6 Login Admin Boundary

7 Berita Alumni Boundary

8 Data Alumni Boundary

Page 58: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -8

9 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

FormLogin Login logout

1.Username

2.Password

FormBerita get Berita 1. Nama Alumni 2. Judul Berita 3. Isi Berita 4. Foto Berita

Profil Alumni get Alumni

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

Page 59: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -9

21. Posisi 22. Pendapatan 23. Tahun bekerja 24. Testimonial 25. Foto 26. Sk 27. Cv 28. Tugas akhir 29. Ijazah

FormSumbangan get Sumbangan 1. Id 2. Nama 3. Angkatan 4. Sumbangan 5. Waktu 6. Jumlah 7. Tanda bukti

FormKegiatan get Kegiatan 1. Id 2. Nama 3. Angkatan 4. Kegiatan 5. Waktu 6. Tempat 7. Posisi 8. 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:

Page 60: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -10

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 5 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

Page 61: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -11

2. Tabel Berita

Nama Tabel : Posting

Primary Key : id

Keterangan : Tabel ini berisi berita yang di posting oleh alumni

Field Type Size Keterangan

id int 5 Nomer identitas untuk pengurutan registrasi secara otomatis

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 : tabel ini berisi data-data alumni

Field Type Size Keterangan

id Int 5 Nomer identitas untuk pengurutan registrasi secara otomatis

Nama varchar 20 Nama lengkap alumni

Jeniskelamin varchar 10 Jenis kelamin alumni

Tahunmasuk varchar 4 Tahun masuk kuliah alumni

Tanggallulus date 10 Tanggal kelulusan alumni

Npm varchar 8 Nomor pokok mahasiswa alumni

Ipk varchar 4 Indeks prestasi kumulatif alumni

Ttl varchar 25 Tempat, tanggal lahir alumni

Page 62: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -12

Alamat varchar 50 Alamat alumni

Kota varchar 25 Kota dari alamat alumni

Propinsi varchar 25 Propinsi dari alamat alumni

Kodepos varchar 6 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 6 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 : Tabel ini berisi berita partisipasi sumbangan oleh alumni

Field Type Size Keterangan

id int 5 Nomer identitas untuk pengurutan registrasi secara otomatis

Nama varchar 20 Nama lengkap alumni.

Page 63: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -13

Angkatan varchar 4 Tahun masuk alumni.

Kategori varchar 10 Bentuk kategori sumbangan alumni.

Spesifikasi varchar 100 Spesifikasi sumbangan alumni.

Waktu date 10 Waktu pelaksanaan sumbangan.

Jumlah varchar 20 Jumlah banyaknya sumbangan.

Tanda bukti File 50 File tanda bukti sumbangan.

Tabel 4.11 Sumbangan

5. Tabel Kegiatan

Nama Tabel : Kegiatan

Primary Key : id

Keterangan : Tabel ini berisi berita partisipasi kegiatan oleh alumni

Field Type Size Keterangan

id int 5 Nomer identitas untuk pengurutan registrasi secara otomatis

Nama varchar 20 Nama lengkap alumni.

Angkatan varchar 4 Tahun masuk alumni.

Kegiatan varchar 100 Bentuk kegiatan alumni.

Waktu date 10 Waktu pelaksanaan kegiatan.

Tempat varchar 20 Tempat pelaksanaan kegiatan.

Posisi varchar 20 Posisi alumni saat kegiatan.

Tanda bukti file 50 File tanda bukti sumbangan.

Tabel 4.12 Kegiatan

Page 64: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -14

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 : Form Login : Control Login

Validasi Login : tabel_login

Memilih Form Login

Meminta username dan password

Masukan Username dan passwordmengirim username dan password

validasi loginLogin Berhasil

Gambar 4.6 Sequence Diagram Login

4.6.3.2 Sequence Diagram Posting Berita

Gambar 4.7 Sequence Diagram Posting Berita

Page 65: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -15

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

Page 66: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -16

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:

Page 67: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -17

4.6.4.1 Collaboration Diagram Login

: Admin

: formLogin

: tabel_login

1: memilih Form Login

2: meminta username dan password

3: memasukan username dan password

4: pengiriman username dan password

5: validasi login

6: login berhasil

Gambar 4.11 Collaboration Diagram Login

4.6.4.2 Collaboration Diagram Posting Berita

Gambar 4.12 Collaboration Diagram Posting Berita

Page 68: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -18

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

Page 69: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -19

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

Page 70: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -20

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 Admin Yang Mengatur Isi web

Kualifikasi 1. Mempunyai kemampuan dasar di bidang komputer

2. Dapat mengoperasikan sistem operasi Windows

Tabel 4.13 Karakteristik Pengguna Admin

Pengguna Alumni

Kualifikasi

1. Melakukan Login terlebih dahulu

2. Mengisi profil alumni

3. Mendapatkan informasi alumni

Tabel 4.14 Karakteristik Pengguna Alumni

Pengguna User

Kualifikasi

1. Membuka website sistem informasi alumni

2. Memilih menu

3. Mendapatkan informasi alumni

Tabel 4.15 Karakteristik Pengguna User

Page 71: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -21

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

Page 72: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -22

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

Page 73: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -23

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

Page 74: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -24

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

Page 75: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab IV Perancangan

IV -25

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

Page 76: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 1

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

Page 77: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 2

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

Page 78: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 3

2. Antarmuka Halaman View Berita

Gambar 5.2 Antarmuka Halaman View Berita

Page 79: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 4

3. Antarmuka Halaman View Alumni

Gambar 5.3 Antarmuka Halaman View Alumni

Page 80: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 5

4. Antarmuka Halaman View Data Alumni

Gambar 5.4 Antarmuka Halaman View Data Alumni

Page 81: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 6

5. Antarmuka Halaman Login

Gambar 5.5 Antarmuka Halaman Login

Page 82: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 7

6. Antarmuka Halaman Insert User

Gambar 5.6 Antarmuka Halaman Insert User

Page 83: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 8

7. Antarmuka Halaman Menu Edit Alumni

Gambar 5.7 Antarmuka Halaman Menu Edit Alumni

Page 84: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 9

8. Antarmuka Halaman Edit Profil

Gambar 5.8 Antarmuka Halaman Edit Profil

Page 85: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 10

9. Antarmuka Halaman Edit Lampiran

Gambar 5.9 Antarmuka Halaman Edit Lampiran

Page 86: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 11

10. Antarmuka Halaman Admin

Gambar 5.10 Antarmuka Halaman Admin

Page 87: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 12

11. Antarmuka Halaman Update User

Gambar 5.11 Antarmuka Halaman Update User

Page 88: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 13

12. Antarmuka Halaman Delete User

Gambar 5.12 Antarmuka Halaman Delete User

Page 89: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 14

13. Antarmuka Halaman Delete Berita

Gambar 5.13 Antarmuka Halaman Delete Berita

Page 90: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 15

14. Antarmuka Halaman Insert Partisipasi Sumbangan

Gambar 5.14 Antarmuka Insert Partisipasi Sumbangan

Page 91: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 16

15. Antarmuka Halaman Partisipasi Sumbangan

Gambar 5.15 Antarmuka Halaman Partisipasi Sumbangan

Page 92: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 17

16. Antarmuka Halaman Detail Sumbangan

Gambar 5.16 Antarmuka Halaman Detail Sumbangan

Page 93: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 18

17. Antarmuka Halaman Insert Partisipasi Kegiatan

Gambar 5.17 Antarmuka Halaman Insert Partisipasi Kegiatan

Page 94: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 19

18. Antarmuka Halaman Partisipasi Kegiatan

Gambar 5.18 Antarmuka Halaman Partisipasi Kegiatan

Page 95: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 20

19. Antarmuka Halaman Detail Kegiatan

Gambar 5.19 Antarmuka Halaman Detail Kegiatan

Page 96: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 21

20. Antarmuka Posting Berita

Gambar 5.20 Antarmuka Halaman Posting Berita

Page 97: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 22

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

Cara Pengujian Hasil Yang diharapkan

Hasil Pengujian

1 Insert User Membuat account

untuk bisa masuk ke

dalam website.

Dapat login

menggunakan

account yang telah

di buat.

OK

2 Halaman

Login

Pada website ini

menampilkan

halaman login untuk

masuk sebagai

alumni.

Menampilkan

halaman login dan

berhasil Masuk ke

dalam halaman

alumni.

OK

3 Halaman

Edit Profil

Alumni

Setelah berhasil

masuk pada website

ini pilih menu edit

profil.

Menampilkan

halaman edit profil

alumni dan mengisi

profil.

OK

4 View Profil

Alumni

Memilih menu profil

alumni yang ada di

website sesuai menu

tampilan yang dipilih

pada sistem informasi

alumni.

Menampilkan semua

data alumni sesuai

menu tampilan yang

dipilih yang ada

pada website sistem

informasi alumni.

OK

Page 98: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab V Implementasi

V- 23

5 Posting

Berita

Pada website sistem

informasi alumni pilih

halaman posting

kemudian mengisi

berita.

Menampilkan

halaman posting dan

membuat berita

baru.

OK

6 View Berita Pada website sistem

informasi alumni,

pilih menu berita.

Menampilkan berita

yang telah di isi oleh

user.

OK

7 Insert

Sumbangan

Masuk dengan akses

admin lalu ke

halaman insert

sumbangan, dan isi

lalu simpan

Merekam data yang

dimasukkan pada

halaman insert

sumbangan

OK

8 Insert

Kegiatan

Masuk dengan akses

admin lalu ke

halaman insert

kegiatan, dan isi lalu

simpan

Merekam data yang

dimasukkan pada

halaman insert

kegiatan

OK

9 View

Sumbangan

Pada website ini

masuk ke halaman

sumbangan, dan pilih

kategori yang akan

ditampilkan

Menampilkan data

yang dimasukkan

pada halaman insert

sumbangan dan

dapat menampilkan

sesuai kategori yang

dipilih

OK

10 View

Kegiatan

Pada website ini

masuk ke halaman

kegiatan, dan klik

view

Menampilkan data

yang dimasukkan

pada halaman insert

kegiatan

OK

Tabel 5.1 Pengujian Perangkat

Page 99: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab VI Penutup

VI-1

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.

Page 100: SISTEM INFORMASI ALUMNI PROGRAM STUDI SISTEM ...

Bab VI Penutup

VI-2

2. Aplikasi ini dapat di kembangkan sampai kepada proses pemberitahuan

informasi lowongan kerja otomatis kepada alumni yang belum bekerja

secara online.