BAB III ANALISIS SISTEM

Bab III Analisis Sistem

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 Analisis Sistem Yang Sedang Berjalan Berdasarkan hasil observasi dan wawancara yang telah dilakukan di bagian Program Studi Sistem Informasi Universitas Widyatama, penyampaian informasi mengenai Prodi Sistem Informasi kepada mahasiswa, dosen dan masyarakat masih belum dapat tersampaikan dengan baik dan menyeluruh dikarenakan website yang ada sebelumnya hanya menampilkan link-link saja dan tidak terdapatnya informasi di dalam link-link tersebut. Penyampaian informasi juga masih mengandalkan brosur dan papan pengumuman serta surat-surat pemberitahuan, disamping itu mengenai visi - misi, tujuan dan sasaran serta hasil pencapaian yang diharapkan oleh Prodi belum semuanya diketahui oleh mahasiswa, dikarenakan penyampaian informasi yang belum berjalan secara optimal. Dalam hal ini juga penyampaian berita serta kegiatan yang dilakukan oleh Prodi Sistem Informasi masih belum terposting dengan baik dikarenakan terdapat kendala yang harus di perbaiki. Kendala yang di hadapi tersebut adalah website yang sebelumnya dibuat tidak berjalan secara baik, karena tidak terdapatnya informasi dalam website tersebut, sehingga perlu pengembangan website lebih lanjut.

III - 1


Untuk mendapatkan informasi mengenai Prodi Sistem Informasi, mahasiswa, dosen dan masyarakat bisa mendapatkan melalui brosur atau harus secara langsung mendatangi sekretariat Program Studi Sistem Informasi. Disamping itu kegiatan yang akan dilaksanakan oleh Prodi Sistem Informasi dapat diketahui dari mulut ke mulut sehingga ada sebagian mahasiswa dan dosen yang tentunya tidak mendapatkan informasi yang seharusnya dipublikasikan kepada seluruh mahasiswa, khususnya mahasiswa Prodi Sistem Informasi serta masyarakat pada umumnya Cara seperti ini kurang optimal dan dapat memakan waktu yang lama. Selain itu, yang lebih di khawatirkan lagi adalah jika informasi yang tidak sampai, maka akan merugikan mahasiswa, dosen dan pihak Prodi pada khususnya serta masyarakat pada umumnya.

3.1.1

Kelemahan Sistem Lama 1. Pada website sebelumnya tampilan kurang menarik serta tidak terdapatnya informasi-informasi mengenai Prodi di dalamnya 2. Mahasiswa, dosen serta masyarakat hanya dapat mengetahui informasi melalui brosur atau papan pengumuman yang ada di Universitas

Widyatama,

dikarenakan

belum

terdapatnya

informasi-informasi terkait dengan Prodi Sistem Informasi pada website sebelumnya 3. Kegiatan yang dilakukan oleh pihak Prodi Sistem Informasi masih belum dipostingkan pada website sebelumnya. 4. Info-info penting ataupun agenda kegiatan yang akan dilaksanakan oleh Prodi belum tersampaikan secara baik dan menyeluruh.

III - 2


Gambar 3.1 Gambaran Sistem Lama Website Prodi

3.2 Hasil Analisis Setelah memahami dan menganalisis serta mengidentifikasi permasalahan di atas maka dapat di simpulkan bahwa perlu adanya pengembangan website yang dapat mengolah dan menyimpan serta mempublikasikan semua informasi tentang Program Studi Sistem Informasi agar informasi tersebut dapat di kelola dan dapat tersampaikan kepada mahasiswa, dosen, masyarakat serta institusi yang bekerjasama dengan Prodi Sistem Informasi Universitas Widyatama, dengan baik dan tepat waktu.

3.3 Analisis Sistem Baru Fungsi utama website Prodi Sistem Informasi ini antara lain : 1. Memudahkan pengelolaan dan penyebaran informasi mengenai Prodi Sistem Informasi. III - 3


2. Mempublikasikan kegiatan yang akan dilaksanakan oleh Prodi Sistem Informasi. 3. Sebagai etalase bagi Prodi Sistem Informasi Universitas Widyatama dalam menyajikan dan menjelaskan suasana Prodi Sistem. 4. Sebagai tautan ke sejumlah alamat website yang sudah dimiliki oleh Prodi Sistem Informasi.

Gambar 3.2 Gambaran Sistem Baru Website Prodi

3.4 Keunggulan Sistem Baru 1. Pada website yang baru ini sudah terdapat informasi-informasi mengenai Prodi Sistem Informasi.

III - 4


2. Informasi-informasi yang sudah dipostingkan pada website baru ini sudah dapat dilihat oleh mahasiswa, dosen, serta masyarakat pada umunya maupun institusi yang bekerjasama dengan Prodi Sistem Informasi Universitas Widyatama. 3. Berita, info penting serta kegiatan yang dilaksanakan oleh Prodi Sistem Informasi sudah dapat di posting pada website baru ini. 4. Website yang baru ini juga sudah menampilkan link-link yang berkaitan dengan Prodi maupun link-link kerjasama dengan institusi lain.

3.5 Skenario Proses Website Prodi Sistem Informasi 1. Penyedia informasi bisa langsung menginformasikan informasi penting kepada mahasiswa. 2. Sistem akan menampilkan informasi mengenai Prodi Sistem Informasi Universitas Widyatama. 3. Menampilkan berita / info terbaru serta kegiatan yang akan dilaksanakan oleh Prodi Sistem Informasi. 4. Sistem akan menampilkan link-link yang terkait dengan Prodi Sistem Informasi, serta link-link kerjasama dengan institusi lain. 5. Mahasiswa, dosen, masyarakat serta institusi yang bekerjasaman dengan Prodi Sistem Informasi dapat mengakses web dan melihat informasi 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.

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 website Prodi Sistem Informasi Universitas Widyatama adalah sebagai berikut :

III - 5


Tabel. 3.1 Deskripsi Aktor No

Aktor

Deskripsi 1. Melakukan login 2. Mengelola / memanipulasi (Insert, Update,

1

Admin

dan Delete) seluruh content dan informasi yang akan ditampilkan pada halaman website Prodi Sistem Informasi 1. Dapat melihat seluruh informasi yang ditampilkan pada halaman webiste

2

User 2. Dapat mengakses semua link yang ada pada halaman webiste 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 website Prodi Sistem Informasi adalah sebagai berikut : Tabel 3.2 Deskripsi Use Case No

Use Case

1

Login Admin

2

Manajemen User

3

Manajemen Modul

Deskripsi Admin harus melakukan Login menggunakan Username dan Password. Merupakan Proses pengelolaan user admin Merupakan Proses pengaturan manajemen menu dalam menu admin Merupakan proses pengelolaan agenda/kegiatan,

4

Manajemen Agenda

yaitu menambah agenda, menghapus agenda, dan mengubah agenda.

III - 6


5

Manajemen Berita

6

Menambah Berita

7

Menghapus Berita

8

Mengubah Berita

Merupakan pengelolaan berita, yaitu menambah berita, menghapus berita, dan mengubah berita. Merupakan

Manajemen Link

menambah

berita

pada

halaman website Merupakan proses menghapus berita pada halaman website Merupakan proses mengubah/mengupdate berita pada halaman webiste Merupakan

9

proses

proses

pengelolaan

link,

yaitu

menambah link, menghapus link, dan mengubah link

10

Menambah Link

Proses menambah link pada halaman website

11

Menghapus Link

Proses menghapus link pada halaman website

12

Mengubah Link

Proses mengubah link pada halaman webiste

Manajemen Sekilas

Merupakan

Info

menambah, mengubah, dan menghapus info

13

14

15

16

17

Manajemen Link Sekilas Prodi

Manajemen Main Menu

proses

pengelolaan

info

yaitu

Merupakan proses pengelolaan link pada sekilas prodi,

yaitu

menambah,

menghapus

dan

mengubah link Sekilas Prodi Merupakan proses pengelolaan menu utama, yaitu menambah, menghapus dan mengubah menu utama

Manajemen Sub

Merupakan proses pengelolaan sub menu, yaitu

menu

menambah, menghapus dan mengubah sub menu

Akses Link halaman

User dapat melakukan akses terhadap semua link

Website

yang terdapat pada halaman website

III - 7


18

Manajemen Dosen

3.6.3

Merupakan proses pengelolaan data dosen yaitu menambah, mengubah, dan menghapus

Use Case Website Prodi Sistem Informasi Diagram Use Case Website Prodi Sistem Informasi adalah sebagai

berikut:

Gambar 3.3 Use Case Diagram website Prodi Sistem Informasi

3.6.4

Skenario Use Case Website Prodi Sistem Informasi Skenario (flow of event) untuk masing-masing use case dari

Website Prodi Sistem Informasi adalah sebagai berikut : 1. Skenario Use Case Login Admin Tabel 3.3 Skrenario Use Case Login Admin Name

Login Admin

Level

Admin

III - 8


Aktor

Admin Untuk mengatur setiap informasi yang ditampilkan pada

Goal

halaman website

Precondition

Memasukan username dan passwrod Berhasil masuk ke halaman admin dan mulai

Postcondition

memasukan, mengedit, menghapus atau mengupdate informasi-informasi yang akan ditampilkan pada halaman website Aktor

1. 1. Memasukan username dan password Steps

Sistem 2. 4. 2. Melakukan validasi

3.

username dan password 6. 3. Menampilkan halaman

5.

admin

2. Skenario Use Case Menambah Berita Tabel 3.4 Skenario Use Case Menambah Berita Name

Menambah Berita (Merupakan proses menambah berita pada halaman website)

Level

Admin

Aktor

Admin

Goal

Menambah berita pada halaman website

Precondition

Masuk pada halaman manajemen berita

Postcondition Steps

Berhasil menambah berita Aktor

Sistem

III - 9


1. Admin

masuk

halaman

pada

menajemen

berita 2. Menampilkan halaman menajemen berita 3. Pilih tambah berita 4. Menampilkan halaman tambah berita 5. Memasukan judul 6. Memasukan isi berita 7. Memasukan gambar 8. Mengklik

tombol

simpan 9. Menerbitkan berita

3. Scenario Use Case Menghapus Berita Tabel 3.5 Skenario Use Case Menghapus Berita Name

Menghapus Berita (Merupakan proses menghapus berita pada halaman website)

Level

Admin

Aktor

Admin

Goal

Menghapus berita pada halaman website

Precondition


Postcondition Steps

Berhasil menghapus berita Aktor

Sistem

III - 10


1. Masuk pada halaman menajemen berita 2. Menampilkan halaman menajemen berita 3. Klik Hapus 4. Menghapus berita

4. Scenario Use Case Mengubah Berita Tabel 3.6 Skenario Use Case Mengubah Berita Name

Mengubah Berita (Merupakan proses mengubah berita pada halaman website)

Level

Admin

Aktor

Admin

Goal

Mengubah berita pada halaman website

Precondition


Postcondition

Berhasil mengubah berita Aktor

Sistem

1. Masuk pada halaman menajemen berita 1. Menampilkan Steps

halaman Menajemen berita 2. Klik Edit 3. Menampilkan halaman edit berita

III - 11


4. Edit judul 5. Edit isi berita 6. Edit gambar 7. Klik Update 8. Menyimpan perubahan

5. Scenario Use Case Menambah Link Tabel 3.7 Skenario Use Case Menambah Link Name

Menambah Link (Merupakan proses menambah link pada halaman website)

Level

Admin

Aktor

Admin

Goal

Menambah link pada halaman website

Precondition

Masuk pada halaman manajemen link

Postcondition

Berhasil menambah link Aktor 1.

Sistem

Masuk pada halaman menajemen link 2. Menampilkan halaman Menajemen

Steps

link 3. Klik

tombol

tambah

link 4. Menampilkan

III - 12


halaman tambah link

5. Masukan judul 6. Masukan url 7. Klik tombol simpan 8. Menerbitkan link

6. Scenario Use Case Menghapus Link Tabel 3.8 Skenario Use Case Menghapus Link Name

Menghapus Link (Merupakan proses menghapus link pada halaman website)

Level

Admin

Aktor

Admin

Goal

Menghapus link pada halaman website

Precondition


Postcondition

Berhasil menghapus link Aktor 1.

Sistem

Masuk pada halaman menajemen link 2. Menampilkan

Steps

halaman Menajemen link 3. Klik hapus 4. Menghapus link

III - 13


7. Scenario Use Case Mengubah Link Tabel 3.9 Skenario Use Case Mengubah Link Name

Mengubah Link (Merupakan proses mengubah link pada halaman website)

Level

Admin

Aktor

Admin

Goal

Mengubah link pada halaman website

Precondition


Postcondition

Berhasil mengubah link Aktor

Sistem

1. Masuk pada halaman menajemen link 2. Menampilkan Steps

halaman Menajemen link 3. Klik edit 4. Menampilkan halaman edit link 5. Ubah judul

6. Ubah url

7. Klik tombol update

8. Menyimpan perubahan

III - 14


8. Scenario Use Case Akses Link Tabel 3.10 Skenario Use Case Akses Link Name

Akses Link (User dapat melakukan akses terhadap semua link yang terdapat pada halaman website)

Level

User

Aktor

User

Goal

Melihat informasi yang ada pada halaman website

Precondition

Mengakses link-link yang terdapat di halaman website

Postcondition

Berhasil mengakses link Aktor

Sistem

1. User mencari link yang akan di akses Steps

2. User

mengklik

link

yang diinginkan 3. Menampilkan link

III - 15

Bab IV Perancangan Sistem

BAB IV PERANCANGAN SISTEM 4.1 Perancangan Sistem Pada Program Studi Sistem Informasi Universitas Widyatama akan dibuat sebuah website untuk Prodi Sistem Informasi itu sendiri. Perancangan aplikasi ini di bangun bertujuan untuk memudahkan mahasiswa/dosen Prodi Sistem Informasi pada khususnya dan mahasiswa Universitas Widyatama serta masyarakat pada umumnya dalam mendapatkan informasi mengenai Prodi Sistem Informasi, cukup dengan cara membuka website, informasi mengenai Prodi bisa langsung di lihat dari web tersebut. Perancangan aplikasi website Prodi Sistem Informasi yang di bangun ini bersifat object oriented (berorientasi objek) dengan menggunakan Unified Modeling Language (UML) sebagai bahasa pemodelan. Pembangunan website Prodi Sistem Informasi ini dilakukan dengan menggunakan tools utama sebagai berikut : 1. PHP sebagai framework aplikasi untuk membaca bahasa pemrograman PHP. 2. MySQL sebagai Database Server. 3. PHPMyAdmin sebagai tools untuk mengelola Database berbasis Web

4.2 Perancangan Modul Perancangan modul dari website Program Studi Sistem Informasi digambarkan sebagai berikut :

IV -1


Gambar 4.1 Perancangan Modul 4.3 Perancangan Menu Berikut ini merupakan perancangan menu dari website Prodi Sistem Informasi digambarkan sebagai berikut :

Gambar 4.2 Perancangan Menu IV -2


4.4 Model Use Case Model use case menjelaskan mengenai aktor-aktor yang terlibat dengan perangkat lunak yang dibangun beserta proses-proses yang ada didalamnya. 4.4.1 Use Case Diagram Diagram use case dari webiste Program Studi Sistem Informasi adalah sebagai berikut :

Gambar 4.3 Use Case Diagram Website Podi Sistem Informasi 4.4.2 Definisi Aktor Definisi aktor merupakan penjelasan dari apa yang dilakukan oleh aktoraktor yang terlibat dalam perangkat lunak yang dibangun. Adapun deskripsi dari aktor-aktor yang terlibat dalam website Program Studi Sistem Informasi sebagai berikut : Tabel 4.1 Definisi Aktor No

Aktor

Deskripsi 1. Melakukan login

1

Admin

2. Mengelola / memanipulasi (Insert, Update, dan Delete) seluruh content dan informasi IV -3


yang akan ditampilkan pada halaman website Prodi Sistem Informasi. 1. Dapat melihat seluruh informasi yang ditampilkan pada halaman webiste

2

User

2. Dapat mengakses semua link yang ada pada halaman webiste.

4.4.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 website Program Studi Sistem Informasi adalah sebagai berikut : Tabel 4.2 Definisi Use Case No

Use case

Deskripsi

Login

Validasi untuk Admin sistem sebelum masuk ke dalam sistem

2

Manajemen Berita

Melakukan proses pengolahan terhadap data berita yang terkait dengan Prodi

3

Manajemen Agenda/kegiatan

Melakukan proses pengolahan terhadap data Agenda/kegiatan pada Prodi Sistem Informasi

Manajemen Sekilas Info

Melakukan Proses pengolahan info-info terbaru terkait dengan Prodi.

1

4

4.4.4 Skenario Use Case Skenario (flow of event) use case dari website Program Studi Sistem Informasi adalah sebagai berikut :

IV -4


Tabel 4.3 Skenario Use Case Website Prodi Sistem Informasi No 1

Deskripsi

Use Case Login Admin

Admin harus melakukan Login menggunakan Username dan Password. Merupakan proses pengelolaan agenda/kegiatan,

2

Manajemen Agenda

yaitu menambah agenda, menghapus agenda, dan mengubah agenda.

3

Manajemen Berita

4

Menambah Berita

5

Menghapus Berita

6

Mengubah Berita

Merupakan pengelolaan berita, yaitu menambah berita, menghapus berita, dan mengubah berita. Merupakan

Manajemen Link

menambah

berita

pada

halaman website Merupakan proses menghapus berita pada halaman website Merupakan proses mengubah/mengupdate berita pada halaman website Merupakan

7

proses

proses

pengelolaan

yaitu

link,

menambah link, menghapus link, dan mengubah link

8

Menambah Link

Proses menambah link pada halaman website

9

Menghapus Link

Proses menghapus link pada halaman website

10

Mengubah Link

Proses mengubah link pada halaman webiste

Manajemen Sekilas

Merupakan

Info

menambah, mengubah, dan menghapus info

11

12


proses

pengelolaan

info

yaitu

Merupakan proses pengelolaan link pada sekilas prodi,

yaitu

menambah,

menghapus

dan

mengubah link Sekilas Prodi

IV -5


13

14

15

Merupakan proses pengelolaan menu utama,

Manajemen Main

yaitu menambah, menghapus dan mengubah

Menu

menu utama

Manajemen Sub

Merupakan proses pengelolaan sub menu, yaitu

menu

menambah, menghapus dan mengubah sub menu

Akses Link halaman

User dapat melakukan akses terhadap semua link

Website

yang terdapat pada halaman website

1. Skenario Use Case Login Aktor

: Admin

Tujuan

: Verifikasi Login

Deskripsi : Form admin digunakan untuk mengelola data dan informasi yang akan ditampilkan pada halaman website. Tabel 4.4 Skenario Use Case login Admin AKTOR 1. Admin

SISTEM

memanggil

alamat

adminweb 2. Sistem menampilkan form login. 3. Sistem meminta memasukan data username, dan password. 4. memasukan

data

username,

password. 5. Sistem memverifikasi data username dan password. 6. Sistem

membawa

pada

halaman

admin yang berhak diaksesnya.

IV -6


4.5 Activity Diagram Activity diagram adalah salah satu cara untuk memodelkan event-event yang terjadi dalam suatu use case. Berikut ini activity diagram dari Website Program Studi Sistem Informasi:

Gambar 4.4 Activity Diagram

4.5.1

Activity Diagram Use Case Menambah Agenda

Activity Diagram berikut menggambarkan proses menambah agenda terhadap isi web sebagai berikut:

IV -7


Gambar 4.5 Activity Diagram Use Case Menambah Agenda

4.5.2

Activity Diagram Use Case Menghapus agenda

Activity Diagram berikut menggambarkan proses menghapus agenda terhadap isi web sebagai berikut:

Gambar 4.6 Activity Diagram Use Case Menghapus Agenda IV -8


4.5.3

Activity Diagram Use Case Mengubah agenda

Activity Diagram berikut menggambarkan proses mengubah agenda terhadap isi web sebagai berikut:

Gambar 4.7 Activity Diagram Use Case Mengubah Agenda

4.5.4

Activity Diagram Use Case Menambah Berita

Activity Diagram berikut menggambarkan proses menambah berita terhadap isi web sebagai berikut:

IV -9


Gambar 4.8 Activity Diagram Use Case Menambah Berita

4.5.5

Activity Diagram Use Case Menghapus berita

Activity Diagram berikut menggambarkan proses menghapus berita terhadap isi web sebagai berikut:

Gambar 4.9 Activity Diagram Use Case Menghapus Berita IV -10


4.5.6

Activity Diagram Use Case Mengubah Berita

Activity Diagram berikut menggambarkan proses mengubah berita terhadap isi web sebagai berikut:

Gambar 4.10 Activity Diagram Use Case Mengubah Berita

4.5.7

Activity Diagram Use Case Manambah Info

Activity Diagram berikut menggambarkan proses menambah info terhadap isi web sebagai berikut:

IV -11


Gambar 4.11 Activity Diagram Use Case Menambah Info

4.5.8

Activity Diagram Use Case Menghapus Info

Activity Diagram berikut menggambarkan proses menghapus info terhadap isi web sebagai berikut:

Gambar 4.12 Activity Diagram Use Case Menghapus Info IV -12


4.5.9

Activity Diagram Use Case Mengubah Info

Activity Diagram berikut menggambarkan proses mengubah info terhadap isi web sebagai berikut:

Gambar 4.13 Activity Diagram Use Case Mengubah Info

4.5.10 Activity Diagram Use Case Menambah Link Sekilas Prodi Activity Diagram berikut menggambarkan proses menambah link sekilas prodi terhadap isi web sebagai berikut:

IV -13


Gambar 4.14 Activity Diagram Use Case Menambah Link Sekilas Prodi

4.5.11 Activity Diagram Use Case Menghapus Link Sekilas Prodi Activity Diagram berikut menggambarkan proses menghapus link sekilas prodi terhadap isi web sebagai berikut:

Gambar 4.15 Activity Diagram Use Case Menghapus Link Sekilas Prodi IV -14


4.5.12 Activity Diagram Use Case Mengubah Link Sekilas Prodi Activity Diagram berikut menggambarkan proses mengubah link sekilas prodi terhadap isi web sebagai berikut:

Gambar 4.16 Activity Diagram Use Case Mengubah Link Sekilas Prodi

4.5.13 Activity Diagram Use Case Menambah Link Konsentrasi Activity Diagram berikut menggambarkan proses menambah link konsentrasi terhadap isi web sebagai berikut:

IV -15


Gambar 4.17 Activity Diagram Use Case Menambah Link Konsentrasi

4.5.14 Activity Diagram Use Case Menghapus Link Konsentrasi Activity Diagram berikut menggambarkan proses menghapus link konsentrasi terhadap isi web sebagai berikut:

Gambar 4.18 Activity Diagram Use Case Menghapus Link Konsentrasi IV -16


4.5.15 Activity Diagram Use Case Mengubah Link Konsentrasi Activity Diagram berikut menggambarkan proses mengubahh link konsentrasi terhadap isi web sebagai berikut:

Gambar 4.19 Activity Diagram Use Case Mengubah Link Konsentrasi

4.5.16 Activity Diagram Use Case Menambah Menu Utama Activity Diagram berikut menggambarkan proses menambah menu uatama terhadap isi web sebagai berikut:

IV -17


Gambar 4.20 Activity Diagram Use Case Menambah Menu Utama

4.5.17 Activity Diagram Use Case Menambah Link Activity Diagram berikut menggambarkan proses menambah link terhadap isi web sebagai berikut:

IV -18


Gambar 4.21 Activity Diagram Use Case Menambah Link

4.5.18 Activity Diagram Use Case Menghapus Link Activity Diagram berikut menggambarkan proses menghapus link terhadap isi web sebagai berikut:

Gambar 4.22 Activity Diagram Use Case Menghapus Link IV -19


4.5.19 Activity Diagram Use Case Mengubah Link Activity Diagram berikut menggambarkan proses mengubah link terhadap isi web sebagai berikut:

Gambar 4.23 Activity Diagram Use Case Mengubah Link

4.5.20 Activity Diagram Use Case Akses Link Activity Diagram berikut menggambarkan proses akses link terhadap isi web sebagai berikut:

IV -20


Gambar 4.24 Activity Diagram Use Case Akses Link

4.6 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.6.1

Class Analysis Diagram

Class analysis Diagram merupakan penggambaran keterkaitan objekobjek yang ada dalam dalam lingkungan sistem informasi yang dikembangkan. Berikut adalah class analysis Diagram dari Website Prodi Sistem Informasi:

IV -21


Gambar 4.25 Class Analisis Diagram 4.6.2

Class Analysis Tabel 4.5 Class Analysis

No

Nama Kelas

Jenis

1

Validasi

Control

2

Login Admin

Boundary

3

Manajemen Agenda

Boundary

4

Manajemen Berita

Boundary

5


Boundary

6

Manajemen Link Bidang Konsentrasi

Boundary

7

Manajemen Sub Menu

Boundary

8

Manajemen Link

Boundary

9

View Agenda

Boundary

IV -22


10

View Berita

Boundary

11

View Link Sekilas Prodi

Boundary

12

View Link Bidang Konsentrasi

Boundary

13

View Sub Menu

Boundary

14

View Link

Boundary

15

Tabel Users

Entity

16

Tabel Agenda

Entity

17

Tabel Berita

Entity

18

Tabel Sekilas Prodi

Entity

19

Table Bidang Konsentrasi

Entity

20

Tabel Sub Menu

Entity

21

Tabel Link

Entity

4.6.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 website Prodi Sistem Informasi adalah sebagai berikut : Tabel 4.6 Tanggung Jawab dan Atribut Nama Kelas

FormLogin

Daftar Tanggung jawab

Daftar Atribut

1. Login 2. logout

1.Username

View agenda

1. get ViewAgenda

View Berita

get ViewBerita

1. 2. 3. 4. 5. 6. 1. 2. 3. 4.

2.Password Judul Tgl Posting Topik Tanggal Tempat Pukul Tgl Posting Judul Isi berita Gambar

IV -23


View Link Sekilas Prodi

get ViewSekilasProdi

1. 2.

Judul Isi

4.7 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.7.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 Website Program Studi Sistem Informasi Universitas Widyatama:

Gambar 4.26 Class Diagram IV -24


4.7.2

Kamus Data

Berikut ini akan dijelaskan tabel – tabel yang digunakan dalam perancangan proses Unified Modelling Language (UML). 1. Tabel Agenda Nama Tabel : Agenda Prymary Key : id_agenda Keterangan : Tabel ini berisikan data – data Agenda Tabel 4.7 Tabel Login Field

Type

Size

Keterangan

Id_agenda

Int

5

Nomor identitas untuk pengurutan agenda secara otomatis

tema

varchar

100

Berisi tema dari agenda

tema_seo

varchar

100

Berisi tema dari agenda untuk dapat ditempatkan pada judul url

Isi_agenda

text

tempat

varchar

30

Tempat pelaksanaan

pengirim

varchar

40

Pengirim/ pengundang

tgl_mulai

date

Tanggal mulai

tgl_selesai

date

Tanggal selesai

tgl_posting

date

Tanggal posting

jam

varchar

15

Waktu pelaksanaan

username

varchar

20

Nama username

Isi dari agenda

2. Tabel Berita Nama Tabel : berita Primary Key : id_berita Keterangan

: Tabel ini berisi berita yang diterbitkan pada website

IV -25


Tabel 4.8 Tabel Berita Type Size

Field

Keterangan

id_berita

Int

5

Nomor identitas untuk pengurutan berita secara otomatis

username

Varchar

20

Nama username

judul

Varchar

150

Judul berita

judul_seo

Varchar

100

Berisi judul dari berita untuk dapat ditempatkan pada url

isi_berita

Text

hari

Varchar

tanggal

Date

Tanggal posting berita

jam

Time

Waktu posting berita

gambar

Varchar

headline

enum(‘Y’,’N’)

Deskripsi dari berita 7

20

Hari

Gambar berita jika ada Menampilkan atau tidak menampilkan berita pada halaman web

3. Tabel Sekilas Info Nama tabel

: Sekilasinfo

Primary key : id_sekilas Keterangan Field

: tabel ini berisi sekilas info Tabel 4.9 Tabel Sekilas Info Type Size Keterangan

id_sekilas

int

5

Nomor identitas untuk pengurutan registrasi secara otomatis

info

varchar

100

Berisi info

Tgl_posting

date

gambar

varchar

Tanggal posting 20

Gambar info jika ada IV -26


4. Tabel Menu Utama Nama tabel

: mainmenu

Primary key : id_main Keterangan

: tabel ini berisi menu utama Tabel 4.10 Tabel Menu Utama Type Size Keterangan

Field id_main

Int

5


nama_menu

Varchar

20

Nama menu utama

isi_menu

Text

link

Varchar

aktif


Deskripsi isi menu 20

Link menu Menampilkan atau tidak menampilkan menu pada halaman web

5. Tabel Sub Menu Nama tabel

: submenu

Primary key : id_sub Keterangan Field

: tabel ini berisi sub menu dari menu utama Tabel 4.11 Tabel Sub Menu Type Size Keterangan

id_sub

int

5


nama_sub

varchar

25

Nama sub menu

isi

text

id_main

int

Deskripsi isi sub menu 5

Menggunakan id_main dari table menu utama untuk induk dari sub menu

IV -27


6. Tabel Link Sekilas Prodi Nama tabel

: sekilasprodi

Primary key : id_sub Keterangan

: tabel ini berisi link-link yang terkait dengan Prodi Tabel 4.12 Tabel Link Sekilas Prodi Type Size Keterangan

Field id_sekilasprodi

int

5


judul

varchar

35

Nama link

isi

text

Deskripsi isi link

tgl_posting

date

Tanggal posting

7. Tabel Link Bidang Konsentrasi Nama tabel

: bidangkonsentrasi

Primary key : id_sub Keterangan Field

: tabel ini berisi link yang terkait dengan bidang konsentrasi Tabel 4.13 Tabel Link Bidang Konsentrasi Type Size Keterangan

id_bidang

int

5


judul

varchar

35

Nama link

isi_bidang

text

Deskripsi isi link

tgl_posting

date

Tanggal posting

8. Tabel Link Nama tabel

: links

Primary key : id_link Keterangan

: tabel ini berisi link ke halaman website lain IV -28


Tabel 4.14 Tabel Link Type Size Keterangan

Field id_link

Int

5


judul

varchar

35

Nama link

url

varchar

50

Alamat link

tgl_posting

Date

Tanggal posting

9. Tabel User Nama tabel

: users

Primary key : id Keterangan

: tabel ini berisi user untuk admin Tabel 4.15 Tabel User Type Size Keterangan

Field username

varchar

20

Username

password

varchar

20

Password

Nama_lengkap

varchar

25

Nama admin

email

vachar

30

Email admin

No_telp

varchar

20

No. telepon admin

level

varchar

10

level

id_session

varchar

5

id session login

10. Tabel Banner Nama tabel

: banner

Primary key : id_banner Keterangan

: tabel ini berisi link ke website lain

IV -29


Field

Tabel 4.16 Tabel Banner Type Size Keterangan

id_banner

Int

5


judul

varchar

35

Nama link

url

varchar

50

Alamat link

gambar

varchar

20

Gambar link

tgl_posting

Date

Tanggal posting

11. Tabel Modul Nama tabel

: modul

Primary key : id_modul Keterangan

: tabel ini berisi link modul dari setiap tabel yang ada Tabel 4.17 Tabel Modul Type Size

Field

Keterangan

id_modul

int

5


nama_modul

Varchar

40

Nama modul

link

Varchar

25

Link modul

aktif


urutan

int

Aktif atau tidaknya modul pada menu halaman administrator 3

Urutan dari modul

12. Tabel Dosen Nama tabel

: dosen

Primary key : id_dosen Keterangan

: tabel ini berisi data dosen IV -30


Tabel 4.18 Tabel Dosen Type Size Keterangan

Field id_dosen

int

5


nama

varchar

40

Nama dosen

nik

varchar

12

Nomor Induk Kepegawaian/NIDN

keahlian

varchar

20

Keahlian dosen

jabatan

varchar

15

Jabatan dosen

pendidikan

varchar

15

Pendidikan dosen

Judul_penelitian

Text

Judul peneliti dosen

Tgl_posting

Date

Tanggal posting data

gambar

varchar

4.7.3

20

Gambar/foto dosen

Sequence Diagram Sequence Diagram adalah suatu diagram yang menggambarkan interaksi antar obyek dan mengindikasikan komunikasi diantara obyek-obyek tersebut. berikut Sequence Diagram pada website Program Studi Sistem Informasi Universitas Widyatama:

4.7.3.1 Sequence Diagram Login

: Admin

: Control Login

: Form Login

Validasi Login : tabel_login

Memilih Form Login Meminta username dan password Masukan Username dan password

mengirim username dan password

validasi login Login Berhasil

Gambar 4.27 Sequence Diagram login IV -31


4.7.3.2 Sequence Diagram Tambah Berita

Gambar 4.28 Sequence Diagram tambahBerita 4.7.3.3 Sequence Diagram Edit Berita

Gambar 4.29 Sequence Diagram Edit Berita

IV -32


4.7.3.4 Sequence Diagram Hapus Berita

Gambar 4.30 Sequence Diagram Hapus Berita

4.7.3.5 Sequence Diagram Tambah Agenda

Gambar 4.31 Sequence Diagram Tambah Agenda

IV -33


4.7.3.6 Sequence Diagram Tambah Sekilas Info

Gambar 4.32 Sequence Diagram Tambah Sekilas Info

4.7.3.7 Sequence Diagram Tambah Sub Menu

Gambar 4.33 Sequence Diagram Tambah Sub Menu IV -34


4.7.3.8 Sequence Diagram Tambah Links

Gambar 4.34 Sequence Diagram Tambah Links

4.7.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 website Prodi Sistem Informasi Universitas Widyatama:

IV -35


4.7.4.1 Collaboration Diagram Login 5: validasi login

6: login berhasil : tabel_login

: Admin 2: meminta username dan password 1: memilih Form Login 3: memasukan username dan password

4: pengiriman username dan password

: formLogin

Gambar 4.35 Collaboration Diagram Login

4.7.4.2 Collaboration Diagram Tambah Berita 1: masuk ke manajemen berita 3: klik tombol tambah berita 5: mengisi form berita 8: exit : Admin

7: data berita tersimpan

2: menampilkan form berita 4: menampilkan form tambah berita

: Layar Manajemen Berita 6: data di simpan

: Tabel Berita

Gambar 4.36 Collaboration Diagram Tambah Berita

IV -36


4.7.4.3 Collaboratin Diagram Edit Berita

: Admin

9: perubahan tersimpan

1: masuk ke manajemen berita 3: pilih berita 4: klik edit 6: mengedit informasi 7: klik update

2: menampilkan form berita 5: menampilkan form edit

: Layar Manajemen Berita 8: perubahan di simpan

: Tabel Berita

Gambar 4.37 Collaboration Diagram Edit Berita

4.7.4.4 Collaboration Diagram Hapus Berita

: Admin

1: masuk ke manajemen berita 3: pilih berita 4: klik hapus

2: menampilkan form berita 6: data berita terhapus

: Layar Manajemen Berita 5: berita di hapus

: Tabel Berita

Gambar 4.38 Collaboration Diagram Hapus Berita

IV -37


4.7.4.5 Collaboration Diagram Tambah Agenda

: Admin

7: data berita tersimpan

1: masuk ke manajemen agenda 3: klik tombol tambah agenda 4: menampilkan form tambah agenda 5: mengisi form berita 8: exit

2: menampilkan form agenda

: Layar Manajemen Agenda 6: data di simpan : Tabel Agenda

Gambar 4.39 Collaboration Diagram Tambah Agenda

4.7.4.6 Collaboration Diagram Tambah Sekilas Info

: Admin

7: data sekilas info tersimpan

1: masuk ke manajemen sekilas info 3: klik tambah sekilas info 5: mengisi form sekilas info 8: exit

2: menampilkan form sekilas info 4: menampilkan form tambah info

: Layar Manajemen Sekilas Info 6: data di simpan

: Tabel Sekilas Info

Gambar 4.40 Collaboration Diagram Tambah Sekilas Info

IV -38


4.7.4.7 Collaboration Diagram Tambah Sub Menu

: Admin

8: data sub menu tersimpan

1: masuk ke manajemen sub menu 3: klik tambah sub menu 5: mengisi form sub menu 6: klik simpan

2: menampilkan form sub menu 4: menampilkna form tambah sub menu

: Layar Manajemen Sub Menu 7: data di simpan

: Tabel Sub Menu

Gambar 4.41 Collaboration Diagram Tambah Sub Menu

4.7.4.8 Collaboration Diagram Tambah Link

: Admin

8: data link tersimpan

1: masuk ke manajemen links 3: klik tambah link 5: mengisi form link 6: klik simpan

2: menampilkan form manajemen link 4: menampilkan form tambah link

: Layar manajemen Links 7: data di simpan

: Tabel Links

Gambar 4.42 Collaboration Diagram Tambah Link

IV -39


4.8 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.9 Perangkat Lunak Perangkat lunak yang dibutuhkan dalam pembuatan website Prodi Sistem Informasi Universitas Widyatama ini adalah sebagai berikut: 1.

Sistem operasi Windows 7

2.

Software Macromedia Dreamweaver 8 Tools Pembangun

3.

MySQL sebagai tempat penyimpanan database.

4.

Rational Rose untuk membuat atau merancang UML

5.

Microsoft Office Visio sebagai tempat pembuatan layout website

4.10 Perangkat Keras Perangkat keras yang digunakan pada Pembuatan website Prodi Sistem Informasi Universitas Widyatama ini adalah sebagai berikut: a.

Intel Core 2 Duo Processor T6600

b.

Memory 2 GB

c.

Hard disk 320 GB

d.

Mouse, keyboard dan Jaringan Internet

4.11 Karakteristik Pengguna Kualifikasi dan hak akses yang harus dimiliki pengguna adalah sebagai berikut : Tabel 4.19 Karakteristik Pengguna Admin Pengguna Kualifikasi

Admin Yang Mengatur Isi web 1. Mempunyai kemampuan dasar di bidang komputer 2. Dapat mengoperasikan sistem operasi Windows

IV -40


Tabel 4.20 Karakteristik Pengguna User Pengguna

User 1. Dapat mengoperasikan Komputer

Kualifikasi

2. Dapat mengoperasikan browser/internet

4.12 Layout Antarmuka Layout antarmuka merupakan rancangan antarmuka yang akan digunakan sebagai perantara user dengan perangkat lunak yang dikembangkan. Layout antarmuka dari website Prodi Sistem Infromasi Universitas Widyatama adalah sebagai berikut: 4.12.1

Antarmuka Halaman Utama Date

Header Beranda

Profil

Kurikulum

Fasilitas

Kerjasama

Kontak

Berita

Gambar Link Sekilas Prodi

Seputar Prodi SI

Sekilas Info

Link Bidang Konsentrasi

Berita

Agenda

Link

Footer

Gambar 4.43 Antarmuka Halaman Utama

IV -41


4.12.2 Antarmuka Halaman Berita Date

Header Beranda

Profil

Kurikulum

Fasilitas

Kerjasama

Kontak

Berita

Link Sekilas Prodi Isi Berita Link Bidang Konsentrasi

Link Footer

Gambar 4.44 Antarmuka Halaman Berita

4.12.3 Antarmuka Login Admin

Header

Username Password Login

Footer

Gambar 4.45 Antarmuka Login Admin

IV -42


4.12.4. Antarmuka Halaman Administrator

Header

Menu

Gambar Link Menu

Date Footer

Gambar 4.46 Antarmuka Halaman Administrator

4.12.5 Antarmuka Manajemen Berita

Header

Tambah Berita

Menu

No

Judul

Tgl Posting

Aksi Edit

Hapus

Footer

Gambar 4.47 Antarmuka Manajemen Berita IV -43


4.12.6 Antarmuka Tambah Berita

Header

Judul Headline

Menu

Isi Berita

Gambar

browse

Simpan

Batal

Footer

Gambar 4.48 Antarmuka Tambah Berita

4.12.7 Antarmuka Manajemen Link Header

Tambah Link

Menu

No

Judul

Url

Tgl Posting

Aksi Edit

Hapus

Footer

Gambar 4.49 Antarmuka Manajemen Link IV -44


4.12.8 Antarmuka Tambah Link Header

Judul URL

Menu

Simpan

Batal

Footer

Gambar 4.50 Antarmuka Tambah Link

IV -45

Bab V Implementasi Sistem

BAB V IMPLEMENTASI SISTEM 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). Berikut ini aktifitas yang dilakukan dalam merancang

dan

mengimplementasikan

Website

Prodi

Sistem

Informasi

Universitas Widyatama. Tahap awal yang dilakukan dalam rangka instalasi perkakas apa saja yang dibutuhkan untuk membuat Website tersebut. 5.2 Kebutuhan Sumberdaya Kebutuhan sumber daya manusia yang dibutuhkan untuk pengujian hanya lah satu 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 (1.6 GHz) b. Memory 256 MB c. Hard disk 1,5 GB d. Mouse, keyboard dan Jaringan Internet

V- 1


5.2.2 Kebutuhan Perangkat Lunak (Software) Perangkat

lunak

yang

dipakai

adalah

sebagai

berikut

a. Sistem Operasi Windows Xp b. Macromedia Dreamweaver 8 c. xampp 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 Form Login Admin

Gambar 5.1 Antarmuka Form Login Admin

V- 2


2. Antarmuka Menu Admin

Gambar 5.2 Antarmuka Form Menu Admin 3. Antarmuka Menu Manajemen Berita

Gambar 5.3 Antarmuka Menu Manajemen Berita

V- 3


4. Antarmuka Tambah Berita

Gambar 5.4 Antarmuka Tambah Berita 5. Antarmuka Menu Manajemen Agenda

Gambar 5.5 Antarmuka Menu Manajemen Agenda

V- 4


6. Antarmuka Tambah Agenda

Gambar 5.6 Antarmuka Tambah Agenda 7. Antarmuka Manajemen Menu Utama

Gambar 5.7 Antarmuka Manajemen Menu Utama

V- 5


8. Antarmuka Manajemen Sub Menu

Gambar 5.8 Antarmuka Manajemen Sub Menu 9. Antarmuka Manajemen Links

Gambar 5.9 Antarmuka Manajemen Links

V- 6


10. Antarmuka Manajemen Sekilas Info

Gambar 5.10 Antarmuka Manajemen Sekilas Info 11. Antarmuka Manajemen Banner

Gambar 5.11 Antarmuka Manajemen Banner

V- 7


12. Antarmuka Halaman Utama

Gambar 5.12 Antarmuka Halaman Utama

V- 8


13. Antarmuka Page Sejarah

Gambar 5.13 Antarmuka Page Sejarah

V- 9


14. Antarmuka Page Peta Kurikulum

Gambar 5.14 Antarmuka Page Peta Kurikulum

V- 10


15. Antarmuka Page Sambutan Ketua Prodi

Gambar 5.15 Antarmuka Page Sambutan Ketua Prodi

V- 11


16. Antarmuka Page Kontak

Gambar 5.16 Antarmuka Page Kontak

V- 12


5.4 Hasil Pengujian Dengan Menggunakan Metode Black Box Sering disebut juga glass-box testing, merupakan metode testing yang menggunakan kontrol struktur dari rancangan prosedural untuk melakukan test case dan mengetahui internal dari website. Design test dijalankan pada semua internal dari website untuk memastikan mereka beroperasi berdasarkan spesifikasi dan desain. Tabel 5.1 Pengujian Perangkat No Fungsi yang . diuji 1 Form Login

Cara Pengujian Pada website Prodi

Hasil Yang Hasil diharapkan Pengujian Menampilkan form OK

Sistem

login dan berhasil

Informasi

menampilkan

form

login untuk masuk ke

Masuk

ke

dalam

halaman website.

dalam sistem admin 2

3

Form

Memilih

menu

Manajemen

Manajemen

Berita.

Berita

Kemudian

dapat

Menampilkan form OK Manajemen

Berita

dan berita dapat di

menambah, mengedit

tambah,

dan menghapus berita

maupun di hapus.

Form

Memilih

Menampilkan form OK

Manajemen

Manajemen

Agenda

Kemudia

menu

di

edit

agenda.

Manajemen Agenda

dapat

dan agenda dapat di

menambah, mengedit

tambah,

dan

maupun di hapus.

menghapus

di

edit

agenda 5

Form

Memilih

menu

Manajemen

Manajemen

Sekilas

Manajemen Sekilas

Sekilas Info

Info. Kemudian dapat

Info dan info dapat

menambah, mengedit

di tambah, di edit

dan

maupun di hapus

menghapus

Menampilkan form OK

sekilas info

V- 13


6

Form

Memilih

menu

Menampilkan form OK

Manajemen

Manajemen

Main

Manajemen

Main

Main Menu

Menu.

Kemudian

Menu

Menu

dapat

menambah,

mengedit

dan

menghapus

dan

dapat di tambah, di edit

maupun

di

main

hapus

menu

Menampilkan form OK

menu 7

Form

Memilih

Manajemen

Manajemen

Sub Menu

Menu. dapat

Manajemen

Sub

Kemudian

Menu

dan

Sub

menambah,

Menu

dapat

mengedit 8

9

tambah,

di

edit

maupun di hapus

Form

Memilih

Menampilkan form OK

Manajemen

Manajemen

menu Link

Manajemen

Link

Link Sekilas Sekilas

Prodi.

Sekilas Prodi dan

Prodi

dapat

link dapat di tambah,

menambah, mengedit

di edit maupun di

dan menghapus link

hapus

Form

Memilih

Menampilkan form OK

Manajemen

Manajemen

Konsentrasi

11

dan

di

menghapus sub menu

Kemudian

Link Bidang Bidang

10

Sub

menu Link

Konsentrasi.

Kemudian

dapat

Manajemen

Link

Bidang Konsentrasi dan link dapat di

menambah, mengedit

tambah,

dan menghapus link

maupun di hapus

Form

Memilih

menu

Menampilkan form OK

Manajemen

Manajemen

Links.

Manajemen

Links

Kemudian

dapat

dan link dapat di

Form

di

edit

Link

menambah, mengedit

tambah,

dan menghapus link

maupun di hapus

Memilih

Menampilkan form OK

menu

di

edit

V- 14


Manajemen

Manajemen

Banner

Kemudian

Banner.

Manajemen Banner

dapat

dan banner dapat di

menambah, mengedit

tambah,

dan

maupun di hapus

menghapus

di

edit

banner 12

Form

Memilih

menu

Manajemen

Manajemen

Dosen

Kemudian

Dosen.

Menampilkan form OK Manajemen

Dosen

dapat

dan data dosen dapat

menambah, mengedit

di tambah, di edit

dan menghapus data

maupun di hapus

dosen 12

View

Page Ketik

url

Halaman

utama.com,

Utama

muncul

siakan

halaman

utama website Prodi

Menampilkan

OK

Halaman Utama dari website

Prodi

Sistem Informasi

Sistem Informasi 13

View

Page Memilih menu Profil

Sejarah 14

15

16

View

– Sejarah Kurikulum

Kurikulum

Kurikulum

View

Sambutan

Ketua Prodi

Prodi

Kontak

menu –

Peta

Page Memilih menu link

Sambutan View

Sejarah

Page Memilih

Peta

Page Memilih Kontak

Menampilkan Page OK

Ketua

Menampilkan Page OK Peta Kurikulum Menampilkan Page OK Sambutan

Ketua

Prodi menu

Menampilkan Page OK Kontak

V- 15

Bab VI Penutup

BAB VI PENUTUP

Berdasarkan hasil pengembangan sistem yang telah penulis lakukan, penulis mencoba membuat suatu kesimpulan dan mengajukan beberapa saran-saran yang berhubungan dengan pembahasan yang telah dikemukakan di bab-bab sebelumnya.

6.1. Kesimpulan Dari berbagai penjelasan yang telah diuraikan dalam laporan ini, maka dapat disimpulkan beberapa hal sebagai berikut : 1. Aplikasi ini menyajikan data maupun informasi yang terkait dengan Prodi Sistem Informasi Universitas Widyatama yang di tujukan bagi mahasiswa, dosen maupun program studi lainnya sesuai kebutuhan. 2. Dengan adanya aplikasi ini, informasi maupun berita mengenai Prodi Sistem Informasi Universitas Widyatama dapat terpublikasi dengan baik. 3. Dengan dibuatnya aplikasi ini maka user dapat langsung mencari informasi maupun berita terbaru mengenai Prodi Sistem Informasi, sehingga informasi dapat mudah tersampaikan kepada seluruh mahasiswa ataupun dosen di Universitas Widyatama maupun masyarakat yang ingin mengetahui atau membutuhkan informasi terkait dengan Prodi Sistem Informasi Universitas Widyatama tanpa harus melalui brosur atau papan pengumuman karena website ini dapat diakses menggunakan internet.

6.2. Saran Adapun saran yang dapat penulis berikan untuk pengembangan dari sistem yang telah dibuat antara lain : 1. Perlunya pengembangan aplikasi ini agar dapat di kembangkan sampai kepada security atau keamanan website, sehingga keamanan website lebih terjamin. 2. Perlunya pengembangan tampilan website agar dibuat lebih menarik dan rapi sesuai dengan kebutuhan.

VI-1

DAFTAR PUSTAKA

[1]

Cushing, B. E. ( 1974). Accounting Information systems and Business Organizations . Philippines: Addision Weley Publishing Company.

[2]

Davis, R. A. (1983). Accounting Information systems. New Jersey: Prentice-Hall.

[3]

Dearden., R. N. (1980). Management Control Systems. Illionis: Richard D. Irwin.

[4]

Ellsworth, J. H. (1997). Pemasaran Di Internet. Jakarta: Tejemahan Yulianto. Grasindo

[5]

Fowler Martin., UML Distilled Panduan Singkat Bahasa pemodelan Objek Standar, Edisi 3., Andi Publishing, Yogyakarta.2004

[6]

Jogiyanto, Hartono. Sistem Teknologi Informasi : Edisi 3., Andi, Yogyakarta.2005

[7]

Mei Lenawati (2005). Macromedia Dreamweaver 8 dengan PHP.

[8]

Scot, G. M. ( 1986). Principles of Management information Systems. New York : McGraw-Hill.

[9]

Sommerville, Ian, (2003). Rekayasa Perangkat Lunak. Erlangga. Jakarta.

[10] www.id.wikipedia.org/wiki/PHP (diakses tanggal 19 Juli 2012) [11] www.id.wikiapedia.org/wiki/MySQL (diakses tanggal 19 Juli 2012) [12] www.scribd.com/doc/82523521/1/pengertian-PHP (diakses tanggal 19 Juli 2012)

xvi

BAB III ANALISIS SISTEM

Recommend Documents