bab 3 analisa dan perancangan 3.1 latar belakang ...thesis.binus.ac.id/doc/bab3/2009-2-00586-if bab...

141
BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang Perusahaan Dalam latar belakang perusahaan ini akan dibahas mengenai sejarah perusahaan, visi dan misi, serta struktur organisasi perusahaan. 3.1.1 Sejarah Perusahaan PT Sapta Bina Globalindo merupakan perusahaan yang bergerak di bidang pelatihan, pendidikan, impor-ekspor, dan menyediakan jasa konsultasi, terutama mengenai ekspor-impor, dan menjadi trading house bagi perusahaan-perusahaan, terutama UKM di Indonesia untuk memasarkan produknya di luar negeri, dan pada saat yang sama menyediakan jasa memasarkan produk perusahaan asing di Indonesia. PT SBG didirikan pada tanggal 7 Maret 2007, dengan Akta Notaris No. 03 di Notaris Bambang Wiweko di Jakarta. PT SBG didirikan oleh 7 orang alumni PPEI (Pendidikan dan Pelatihan Ekspor- Impor), sebuah badan di bawah Departemen Perdagangan Republik Indonesia yang bertujuan mengembangkan kemampuan ekspor-impor perusahaan Indonesia. PT SBG beralamat di Gedung PPEI Jl. Letjen S. Parman 112, Grogol, Jakarta 11440 Sebagai alumni PPEI, ketujuh orang pendiri PT SBG berkomitmen menerapkan dan mengembangkan pengetahuan dan kemampuan yang dimiliki untuk membantu mengembangkan 42

Upload: buianh

Post on 31-Mar-2019

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

42

BAB 3

ANALISA DAN PERANCANGAN

3.1 Latar Belakang Perusahaan

Dalam latar belakang perusahaan ini akan dibahas mengenai sejarah

perusahaan, visi dan misi, serta struktur organisasi perusahaan.

3.1.1 Sejarah Perusahaan

PT Sapta Bina Globalindo merupakan perusahaan yang bergerak

di bidang pelatihan, pendidikan, impor-ekspor, dan menyediakan jasa

konsultasi, terutama mengenai ekspor-impor, dan menjadi trading house

bagi perusahaan-perusahaan, terutama UKM di Indonesia untuk

memasarkan produknya di luar negeri, dan pada saat yang sama

menyediakan jasa memasarkan produk perusahaan asing di Indonesia.

PT SBG didirikan pada tanggal 7 Maret 2007, dengan Akta

Notaris No. 03 di Notaris Bambang Wiweko di Jakarta. PT SBG

didirikan oleh 7 orang alumni PPEI (Pendidikan dan Pelatihan Ekspor-

Impor), sebuah badan di bawah Departemen Perdagangan Republik

Indonesia yang bertujuan mengembangkan kemampuan ekspor-impor

perusahaan Indonesia. PT SBG beralamat di Gedung PPEI Jl. Letjen S.

Parman 112, Grogol, Jakarta 11440

Sebagai alumni PPEI, ketujuh orang pendiri PT SBG

berkomitmen menerapkan dan mengembangkan pengetahuan dan

kemampuan yang dimiliki untuk membantu mengembangkan

42

Page 2: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

43

kemampuan perusahaan-perusahaan, terutama UKM di Indo sebagai

complementer bagi PPEI.

3.1.2 Visi dan Misi Perusahaan

PT Sapta Bina Globalindo (SBG) memiliki visi sebagai berikut :

“Menjadi perusahaan jasa berorientasi ekspor-impor dengan layanan

berstandar internasional”

PT SBG bermisi :

1. Memberi layanan pelatihan berstandar internasional

2. Menyediakan jasa konsultasi agar klien dapat menjadi perusahaan

perusahaan yang efisien dan berkemampuan ekspor-impor yang

handal

3. Menyediakan jasa trading house untuk perusahaan dalam dan luar

negeri berbasis aturan global

4. Mensinergikan kemampuan pelatihan, konsultasi, dan jasa trading

house untuk kemajuan perusahaan klien bilamana diperlukan

5. Memanfaatkan kompetensi ekspor-impor dan teknologi informasi

bagi kepentingan perusahaan dan klien secara global

Page 3: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

44

3.1.3 Struktur Organisasi

Berikut adalah struktur organisasi pada PT Sapta Bina Globalindo:

Gambar 3.1 Struktur Organisasi PT Sapta Bina Globalindo

3.1.4 Tugas dan Wewenang

Tugas dan Wewenang dari masing-masing bagian:

• Direktur Utama

1. Mengatur dan mengawasi semua kegiatan perusahaan.

2. Menyusun agenda perusahaan.

3. Menandatangani surat-surat penting perusahaan.

Page 4: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

45

• Direktur Operasional

1. Membantu direktur utama dalam mengatur dan mengawasi

Operasional perusahaan secara keseluruhan.

2. Membuat rencana operasional perusahaan.

• Direktur Keuangan

1. Membantu direktur utama dalam mengatur dan mengawasi

keuangan perusahaan secara keseluruhan.

2. Membuat rencana keuangan perusahaan.

• Kepala Divisi Trading House

1. Membantu direktur operasional dalam mengatur dan mengawasi

divisi trading house perusahaan secara keseluruhan

2. Membuat rencana ke depan untuk Trading House perusahaan.

• Kepala Divisi Pelatihan

1. Membantu direktur operasional dalam mengatur dan mengawasi

divisi Pelatihan perusahaan secara keseluruhan

2. Membuat rencana ke depan untuk Pelatihan

• Kepala Divisi Konsultasi

1. Membantu direktur operasional dalam mengatur dan mengawasi

divisi Konsultasi perusahaan secara keseluruhan

Page 5: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

46

2. Membuat rencana ke depan untuk Konsultasi

• Kepala Divisi Keuangan

1. Membantu direktur keuangan dalam mengatur dan mengawasi

divisi Keuangan perusahaan secara keseluruhan

2. Membuat rencana ke depan untuk Divisi Keuangan

• Kepala Divisi Akuntansi

1. Membantu direktur keuangan dalam mengatur dan mengawasi

divisi akuntansi perusahaan secara keseluruhan.

2. Membuat rencana ke depan untuk Divisi Akuntansi

3. Memeriksa hasil laporan keuangan perusahaan.

• Kepala Bagian Ekspor

1. Membantu kepala divisi trading house dalam mengatur dan

mengawasi bagian ekspor perusahaan secara keseluruhan.

2. Membuat rencana ke depan untuk Bagian Ekspor

• Kepala Bagian Import

1. Membantu kepala divisi trading house dalam mengatur dan

mengawasi bagian impor perusahaan secara keseluruhan.

2. Membuat rencana ke depan untuk Bagian Impor

Page 6: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

47

• Kepala Bagian In-House

1. Membantu kepala Divisi Pelatihan dalam mengatur dan

mengawasi Bagian In-house perusahaan secara keseluruhan.

2. Membuat rencana ke depan untuk Bagian In-house

3. Mengatur sumberdaya perusahaan.

• Kepala Bagian Diklat

1. Membantu kepala Divisi Pelatihan dalam mengatur dan

mengawasi Bagian Diklat perusahaan secara keseluruhan.

2. Membuat rencana ke depan untuk Bagian Diklat

• Kepala Bagian Komersial

1. Membantu kepala Divisi Konsultasi dalam mengatur dan

mengawasi Bagian Komersial perusahaan secara keseluruhan.

2. Membuat rencana ke depan untuk Bagian Komersial

• Kepala Bagian UKM

1. Membantu kepala Divisi Konsultasi dalam mengatur dan

mengawasi Bagian UKM perusahaan secara keseluruhan.

2. Membuat rencana ke depan untuk Bagian UKM

Page 7: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

48

3.2 Analisis Sistem yang Sedang Berjalan

Berikut ini analisa sistem pelatihan ekspor-impor yang sedang berjalan :

1. ADMIN memberikan jadwal ke PENGAJAR, dengan jadwal yang ditentukan

pengajar mengajar peserta pelatihan.

2. PENGAJAR datang ke tempat pelatihan dan mengabsen PESERTA pelatihan di

kelas.

3. PESERTA pelatihan memilih kelas.

4. PESERTA pelatihan mengikuti ujian di tempat pelatihan.

5. PESERTA pelatihan datang ke tempat pelatihan untuk mengikuti bimbingan di

kelas secara tatap muka.

6. PESERTA pelatihan melihat laporan nilai di tempat pelatihan.

7. ADMIN melakukan pengecekan terhadap absen peserta pelatihan dan pengajar.

8. PENGAJAR menyusun materi pelatihan.

9. PENGAJAR menilai jawaban ujian dan memberikan nilai kepada PESERTA

pelatihan.

10. PESERTA pelatihan mengumpulkan tugas yang diberikan PENGAJAR di kelas.

3.3 Wawancara

Bagaimana proses pembelajaran yang diterapkan dalam proses pembelajaran masih

sama seperti yang dahulu dimana peserta mendengarkan pengajar yang sedang

menjelaskan dan mencatatdari apa yang diterangkan oleh pengajar?

1. Bagaimana cara pengumuman disampaikan kepada peserta untuk liburan atau

sebagainya ?

Page 8: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

49

2. Apakah pembagian laporan hasil ujian peserta/i masih harus dibagikan

langsung atau dilihat melalui web?

3. Bagaimana cara data-data peserta dan pengajar disimpan ?

4. Bagaimana cara mencari data peserta dan pengajar apabila data tersebut ada

yang berubah?

5. Apakah ada interaksi antara Pengajar dan Peserta apabila ditempat pelatihan

dalam keadaan libur?

3.4 Analisis SWOT (Strength, Weakness, Opportunity, Threat)

Strength

• Pendiri PT SBG adalah alumni PPEI, sehingga tahu tentang ekspor-impor.

• PPEI berada di bawah Departemen Perdagangan, sementara pemimpin SBG

adalah alumni PPEI. Oleh sebab itu, PT SBG mudah menjalin hubungan dengan

Departemen Perdagangan.

• Para pengurus SBG adalah orang yang menguasai Teknologi Informasi dengan

baik.

Weakness

• Pengajar berasal dari berbagai bidang bisnis, sehingga pengajar jarang bisa datang

langsung mengajar di kelas.

• Kurangnya wadah komunikasi antar pengajar dan peserta pelatihan.

• Keterbatasan kapasitas tempat pelatihan untuk menampung peserta pelatihan.

• Peserta pelatihan sering datang terlambat ke tempat pelatihan.

Page 9: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

50

Opportunities

• Teknologi informasi memungkinkan Pelatihan berbasis web.

• Sebagian besar peserta pelatihan sudah bisa menggunakan internet.

• Infrastruktur internet yang sudah tersedia secara luas.

Threat

• Sudah ada pusat pelatihan lain yang menyediakan pelatihan ekspor-impor

berbasis web.

3.5 Identifikasi Permasalahan

Dari hasil wawancara mengenai hasil analisis sistem yang sedang berjalan penulis

menemukan permasalahan yang dimiliki oleh PT. SAPTA BINA GLOBALINDO

bahwa proses pembelajaran masih dilakukan secara manual dimana dalam setiap

minggu peserta pelatihan dan pengajar harus bertemu untuk melakukan proses

pembelajaran dan kurangnya komunikasi antara peserta pelatihan dengan pengajar

diluar jadwal yang telah ditentukan.

Disamping permasalahan itu peserta juga mempunyai beberapa masalah.

Masalah-masalah tersebut dapat disebabkan beberapa faktor antara lain:

• Kurangnya wadah komunikasi antara peserta pelatihan dengan pengajar ditempat

pelatihan akibat tidak tersedianya fasilitas yang memadai.

• Para pengajar biasanya berasal dari berbagai bidang bisnis sehingga pengajar

jarang ada yang bisa datang ke tempat pelatihan.

Page 10: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

51

• Apalagi bila materi pelajaran yang akan disampaikan tergolong banyak dan cukup

sulit untuk dipahami, pengajar membutuhkan waktu yang lebih banyak dalam

mengajar dan suasana belajar yang lebih tenang agar peserta pelatihan dapat

memahami materi yang diajarkan.

• Para peserta pelatihan sering datang terlambat sehingga mengganggu proses

pembelajaran.

• Kapasitas tempat pembelajaran yang tidak memadai di tempat pelatihan.

3.6 Usulan untuk Pemecahan Masalah

Dari analisis permasalahan yang ada, diusulkan suatu sistem informasi

dengan memanfaatkan teknologi internet. Sistem baru yang diusulkan adalah

dengan membuat suatu sistem berbasiskan web yang disebut E-Learning. Melalui E-

Learning ini diharapkan :

1. Menampilkan jadwal mengajar para pengajar, jadwal pelajaran peserta pelatihan,

nilai peserta pelatihan, kegiatan pelatihan, informasi dan pengumuman seputar

pelatihan.

2. Pencatatan nilai lebih mudah untuk pengajar karena tidak harus dilakukan secara

manual dan nilai peserta pelatihan dapat di print sehingga peserta pelatihan dapat

melihat langsung nilai nya melalui internet.

3. Adanya fasilitas forum yang dapat mempermudah komunikasi antara peserta

pelatihan dan pengajar.

Fitur-fitur yang akan ada dalam e-learning ini sebagai berikut:

Page 11: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

52

1. Forum untuk wadah komunikasi antar pengajar dan peserta

2. Upload tugas dan materi pelajaran untuk pengajar

3. Download tugas dan materi pelajaran untuk peserta

4. Upload file jawaban tugas untuk peserta

5. Buat materi tambahan untuk pengajar

3.7 Perancangan Perangkat Lunak

Berdasarkan usulan pemecahan masalah di atas, maka dilakukan perancangan

perangkat lunak yang meliputi perancangan UML, rancangan basis data, struktur

menu, rancangan layar, dan spesifikasi proses

Page 12: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

53

3.7.1 Class Diagram

Gambar 3.2 Class Diagram

Page 13: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

54

3.7.2 Use Case Diagram

Gambar 3.3 Use Case Diagram

Page 14: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

55

3.7.3 Usecase narasi admin

Actors Admin

Precondition Admin membuka login Admin

Flow of events 1. Input data pengajar dan peserta

Postcondition Admin telah menginput dosen, dan peserta.

Tabel 3.1 use case narasi admin

3.7.4 Usecase narasi peserta

Actors Peserta

Precondition Peserta membuka login LMS

Flow of events 1. Upload Jawaban Tugas Individu

2. Download Materi pelajaran

3. Diskusi di forum

Postcondition Peserta telah mendapatkan tugas individu, materi pelajaran,

diskusi dengan pengajar, mengumpulkan tugas.

Tabel 3.2 use case narasi peserta

Page 15: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

56

3.7.5 Usecase narasi pengajar

Actors Pengajar

Precondition Pengajar membuka login LMS

Flow of events 1. Diskusi di Forum

2. Upload materi pelajaran

3. Upload tugas mandiri

Postcondition Pengajar telah, menupload materi, diskusi kelas.

Tabel 3.3 use case narasi pengajar

Page 16: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

57

3.7.6 Usecase narasi data inputter

Actors Data Inputter

Precondition Data Inputter membuka login Data Inputter

Flow of events 1. Buat Kelas

2. Buat Subject

3. Tambah Peserta ke Kelas

4. Tambah Pengajar ke Kelas

Postcondition Data Inputter Buat Kelas, Buat Subject, Tambah Peserta ke

Kelas, Tambah Pengajar ke Kelas.

Tabel 3.4 use case narasi data inputter

Page 17: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

58

3.7.7 Sequence Diagram

3.7.7.1 Create User

Gambar 3.4 Sequence Create User

Admin melakukan create user melalui web. Admin

menginput data user yang akan dibuat. Admin melakukan create

user dengan menekan tombol create user.

Page 18: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

59

3.7.7.2 Delete User

Gambar 3.5 Sequence Delete User

Admin melakukan delete user melalui web. Admin

memilih user mana yang akan didelete .Admin melakukan delete

dengan menekan tombol delete selected user setelah memilih

user yang akan dihapus.

Page 19: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

60

3.7.7.3 Create Subject

Gambar 3.6 Sequence Create Subject

Data Inputter melakukan create subject melalui web.

Data Inputter menginput data subject yang akan dibuat. Data

Inputter melakukan create subject dengan menekan tombol

submit.

Page 20: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

61

3.7.7.4 Create Kelas

Data Inputter

Window add peserta kekelas

<<create>>

Pilih Peserta

getAllKelas

tambahPesertaKeKelas

Result

getPesertaTidakDalamKelas

Gambar 3.7 Sequence Create Kelas

Data Inputter melakukan create kelas melalui web. Data

Inputter menginput data kelas yang akan dibuat. Data Inputter

melakukan create kelas dengan menekan tombol submit.

Page 21: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

62

3.7.7.5 Add Peserta Kelas

Data Inputter

Window add peserta kekelas

<<create>>

Pilih Peserta

Web Server

getAllKelas

tambahPesertaKeKelas

Result

Gambar 3.8 Sequence Add Peserta Kelas

Data Inputter melakukan Add Peserta Kelas melalui web.

Data Inputter memilih peserta yang akan dimasukkan ke kelas.

Data Inputter melakukan Add Peserta Kelas dengan menekan

tombol insert.

Page 22: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

63

3.7.7.6 Add Pengajar Kelas

Data Inputter

Window add peserta kekelas

<<create>>

Pilih pengajar

Web Server

getAllKelas

tambahPengajarKeKelas

Result

getPengajarTidakDalamKelas

Gambar 3.9 Sequence Add Pengajar Kelas

Data Inputter melakukan Add Pengajar Kelas melalui

web. Data Inputter memilih pengajar yang akan dimasukkan ke

kelas. Data Inputter melakukan Add Pengajar Kelas dengan

menekan tombol insert.

Page 23: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

64

3.7.7.7 Add Materi Kelas

Gambar 3.10 Sequence Add Materi Kelas

Pengajar melakukan Add Materi Kelas melalui web.

Pengajar menginput data kelas. Pengajar melakukan Add Materi

Kelas dengan menekan tombol submit.

Page 24: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

65

3.7.7.8 Tambah Bahan Materi

Gambar 3.11 Sequence Tambah Bahan Materi

Pengajar melakukan Tambah Bahan Materi melalui web.

Pengajar menginput data bahan materi. Pengajar melakukan

Tambah Bahan Materi dengan menekan tombol submit.

Page 25: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

66

3.7.7.9 Hapus Bahan Materi

Gambar 3.12 Sequence Hapus Bahan Materi

Pengajar melakukan Hapus Bahan Materi melalui web.

Pengajar memilih bahan materi yang akan dihapus. Pengajar

melakukan Hapus Bahan Materi dengan menekan tombol hapus

yang dipilih.

Page 26: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

67

3.7.7.10 Tambah Tugas

Gambar 3.13 Sequence Tambah Tugas

Pengajar melakukan Tambah Tugas melalui web.

Pengajar menginput data tugas. Pengajar melakukan Tambah

Tugas dengan menekan tombol submit.

Page 27: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

68

3.7.7.11 Hapus Tugas

Pengajar

Window hapus tugas<<create>>

Pilih Tugas

Web Server

deleteTugas

Result

Gambar 3.14 Sequence Hapus Tugas

Pengajar melakukan Hapus Tugas melalui web. Pengajar

memilih bahan materi yang akan dihapus. Pengajar melakukan

Hapus Tugas dengan menekan tombol hapus yang dipilih.

Page 28: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

69

3.7.7.12 Upload Jawaban Tugas

Gambar 3.15 Sequence Upload Jawaban Tugas

Peserta melakukan Upload Jawaban Tugas melalui web.

Peserta menginput data jawaban tugas. Peserta melakukan

Upload Jawaban Tugas dengan menekan tombol submit.

Page 29: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

70

3.7.8 Rancangan Database

• ERD Entity Relationship Diagram

aspnet_Applications

ApplicationNameLoweredApplicationNameDescription

FK1 UserID

aspnet_Membership

PK,FK1 UserID

PasswordPasswordFormatPasswordSaltMobilePINEmailLoweredEmailPasswordQuestionPasswordAnswerIsApprovedIsLockedOutCreateDateLastLoginDateLastPasswordChangedDateLastLockedOutDateFailedPasswordAttemptCountFailedAttemptWindowStartFailedAnswerAttemptCountFailedPasswordAnswerAttemptWindowStart

aspnet_Roles

PK RoleID

ApplicationIDRoleNameLoweredRoleNameDescription

aspnet_Users

PK UserID

FK1 ApplicationIDUserNameLoweredUserNameMobileAliasIsAnonymousLastActivityDate

aspnet_UserInRoles

PK,FK1 UserIDPK,FK2 RoleID

Kelas

PK IDKelas

AktifDateAddedNamaKelas

UserDalamKelas

PK,FK1 UserIDPK,FK2 IDKelas

Subject

PK IDSubject

NamaSubjectDateAddedDeskripsiAktif

MateriDariKelas

PK,FK1 IDMateriPK,FK2 IDKelas

Materi

PK IDMateri

DateAddedAktifNamaMateriDeskripsiReferensiUserID

ThreadDalamKelas

PK,FK2 IDThreadPK,FK3 IDKelas

Thread

PK IDThread

FK1 UserIDNamaThreadDateAddedLastPost

Post

PK IDPost

FK2 UserIDCreateDateContent

Tugas

PK IDTugas

DeadlineDateAddedPhysicalPath

FK1 UserIDNamaTugasFileNameURLPath

JawabanTugas

PK IDJawabanTugas

TanggalSubmitPhysicalPAth

FK2 UserIDFileNameURLPAth

TugasDalamMateri

PK,FK2 IDMateriPK,FK1 IDTugas

BahanMateri

PK IDBahanMateri

NamaBahanMateriDateAddedPhysicalPathFileNameURLPath

PostDariThread

PK,FK1 IDThreadPK,FK2 IDPost

SubjectDariKelas

PK,FK2 IDKelasPK,FK1 IDSubject

JawabanTugasDariTugas

PK,FK1 IDTugasPK,FK2 IDJawabanTugas

1..*

1..*

1

1

1

1

*

1

1

1

1..*

1..*

1..*

*

1..*

*

*

1

*

1..*

*1

BahanMateridariMateri

PK,FK1 IDMateriPK,FK2 IDBahanMateri

1

1

MateriDariSubject

PK,FK1 IDSubjectPK,FK2 IDMateri

1..*

1

TugasDariUser

PK,FK1 IDTugasPK,FK2 UserID

*

1

 

Gambar 3.16 ERD (Entity Relationship Diagram)

Page 30: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

71

Berikut ini merupakan spesifikasi file database yang digunakan dalam

pembuatan aplikasi :

• Tabel Aspnet_Membership

Primary Key : UserId

Foreign Key : ApplicationId

Keterangan : Aspnet_Membership merupakan database yang

disediakan langsung oleh .Net Framework untuk

menangani membership (keanggotaan)

Nama Field Tipe Data Status Keterangan

ApplicationId uniqueidentifier FK1 ID Aplikasi

UserId uniqueidentifier PK ID User

Password nvarchar(128) Password User

PasswordFormat Int Format Password

PasswordSalt nvarchar(128) -

MobilePin nvarchar(16) PIN Mobile

Email nvarchar(256) Alamat Email User

LoweredEmail nvarchar(256) Alamat Email User (huruf

kecil semua)

PasswordQuestion nvarchar(256) Pertanyaan jika User Lupa

Page 31: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

72

Password

PasswordAnswer nvarchar(128) Jawaban dari Pertanyaan

jika User Lupa Password

IsApproved Bit Status Apakah User Sudah

Diaktifkan

IsLockedOut Bit Status Apakah User

Dinonaktifkan

CreateDate Datetime Tanggal User Dibuat

LastLoginDate Datetime Tanggal User Terakhir Kali

Login

LastPasswordChangedDat

e

Datetime Tanggal User Terakhir Kali

Mengubah Password

LastLockoutDate Datetime Tanggal User Terakhir Kali

Dinonaktifkan

FailedPasswordAttemptCo

unt

Int Jumlah User Salah

Memasukkan Password

FailedPasswordAttemptW

indowStart

Datetime Tanggal User Salah

Memasukkan Password

FailedPasswordAnswerAtt

emptCount

Int Jumlah User Salah

Memasukkan Jawaban dari

Pertanyaan Apabila Lupa

Password

FailedPasswordAnswerAtt

emptWindowStart

Datetime Tanggal User Salah

Memasukkan Jawaban dari

Pertanyaan Apabila Lupa

Page 32: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

73

Password

Comment Ntext Komentar Tentang User

Tabel 3.5 Tabel Aspnet_Membership

• Tabel Aspnet_Application

Primary Key : ApplicationId

Keterangan : Aspnet_Application merupakan database yang

disediakan langsung oleh .Net Framework

mengenai keterangan aplikasi

Nama Field Tipe Data Status Keterangan

ApplicationId uniqueidentifier PK ID Aplikasi

ApplicationName nvarchar(256) Nama Aplikasi

LoweredApplicationName nvarchar(256) Nama Aplikasi dengan

Huruf Kecil Semua

Description nvarchar(256) Deskripsi Aplikasi

Tabel 3.6 Tabel Aspnet_Application

Page 33: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

74

• Tabel Aspnet_Roles

Primary Key : RoleId

Foreign Key : ApplicationId

Keterangan : Aspnet_Application merupakan database yang

disediakan langsung oleh .Net Framework untuk

menangani Roles (peran)

Nama Field Tipe Data Status Keterangan

ApplicationId uniqueidentifier FK1 ID Aplikasi

RoleId uniqueidentifier PK ID Peran

RoleName nvarchar(256) Nama Peran

LoweredRoleName nvarchar(256) Nama Peran dengan Huruf

Kecil Semua

Description nvarchar(256) Deskripsi Peran

Tabel 3.7 Tabel Aspnet_Roles

Page 34: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

75

• Tabel Aspnet_Users

Primary Key : UserId

Foreign Key : ApplicationId

Keterangan : Aspnet_Users merupakan database yang

disediakan langsung oleh .Net Framwework untuk

menangani Users (pengguna)

Nama Field Tipe Data Status Keterangan

ApplicationId uniqueidentifier FK1 ID Aplikasi

UserId uniqueidentifier PK ID User

UserName nvarchar(256) Nama User untuk Login

LoweredUserName nvarchar(256) Nama User untuk Login

dengan Huruf Kecil Semua

MobileAlias nvarchar(16) -

IsAnonymous Bit Status Apakah User Masuk

Sebagai Guest Walaupun

Telah Login

LastActivityDate Datetime Tanggal Terakhir Kali User

Aktif

Tabel 3.8 Tabel Aspnet_Users

Page 35: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

76

• Tabel Aspnet_UsersInRoles

Primary Key : RoleId, UserId

Keterangan : Aspnet_Application merupakan database yang

disediakan langsung oleh .Net Framework untuk

menghubungkan Users (pengguna) dan Roles

(peran)

Nama Field Tipe Data Status Keterangan

UserId uniqueidentifier PK ID User

RoleId uniqueidentifier PK ID Peran

Tabel 3.9 Tabel Aspnet_UsersInRoles

Page 36: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

77

• Tabel BahanMateri

Primary Key : IDBahanMateri

Foreign Key : IDMateri

Keterangan : BahanMateri merupakan table yang menampung

data mengenai Bahan Materi Pelajaran

Nama Field Tipe Data Status Keterangan

IDBahanMateri nchar(20) PK ID Bahan Materi

DateAdded Datetime Tanggal Bahan Materi

dibuat

PhysicalPath varchar(MAX) Lokasi File Bahan Materi

di dalam server

FileName varchar(MAX) Nama File bahan Materi

URLPath varchar(MAX) Lokasi File di URL

Tabel 3.10 Tabel BahanMateri

Page 37: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

78

• Tabel JawabanTugas

Primary Key : IDJawabanTugas

Foreign Key : IDTugas

Keterangan : JawabanTugas merupakan table yang menampung

detail tentang jawaban tugas yang sudah di upload

Nama Field Tipe Data Status Keterangan

IDJawabanTugas nvarchar(20) PK ID Jawaban Tugas

UserID nvarchar(20) FK2 IDUser yang mengupload

jawaban tugas

URLPath varchar(MAX) Lokasi File di URL

TanggalSubmit varchar(MAX) Lokasi File Jawaban Tugas

di dalam server

FileName varchar(MAX) Nama File Jawaban Tugas

PhysicalPath varchar(MAX) Lokasi File Jawaban Tugas

di web server

Tabel 3.11 Tabel JawabanTugas

Page 38: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

79

• Tabel Kelas

Primary Key : IDKelas

Keterangan : KelasdanJadwal merupakan table yang

menampung data Kelas

Kelas Tipe Data Status Keterangan

IDKelas Nvarchar(20) PK ID dari Kelas

DateAdded Datetime Tanggal kelas dibuat

NamaKelas nvarchar(50) Nama dari kelas

Aktif bit Kelas sudah tidak aktif atau

aktif

Tabel 3.12 Tabel Kelas

Page 39: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

80

• Tabel Materi

Primary Key : IDMateri

Foreign Key : UserID

Keterangan : Materi merupakan table yang menampung detail

data materi

Nama Field Tipe Data Status Keterangan

IDMateri nvarchar(20) PK ID Materi

DateAdded Datetime Tanggal materi dibuat

NamaMateri varchar(50) Nama dari materi

Deskripsi Text Deskripsi dari materi

Referensi Text Referensi dari materi

UserID uniqueidentifier FK1 ID dari user yang

membuat materi

Aktif bit Materi sudah tidak aktif

atau aktif

Tabel 3.13 Tabel Materi

Page 40: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

81

• Tabel MateriDariKelas

Primary Key : IDMateri, IDKelas

Keterangan : MateriDariKelas merupakan table relationship

penghubung antara tabel materi dan IDKelas

Nama Field Tipe Data Status Keterangan

IDMateri nvarchar(20) PK ID Materi

IDKelas nvarchar(20) PK ID Kelas

Tabel 3.14 Tabel MateriDariKelas

Page 41: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

82

• Tabel Subject

Primary Key : IDSubject

Keterangan : Subject merupakan table yang menampung detail

data Subject

Nama Field Tipe Data Status Keterangan

IDSubject nvarchar(20) PK ID Subject

NamaSubject nvarchar(50) Nama dari subject

DateAdded Datetime Tanggal subject dibuat

Deskripsi nText Deskripsi dari subject

Aktif bit Subject sudah tidak aktif atau

aktif

Tabel 3.15 Tabel Subject

Page 42: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

83

• Tabel Tugas

Primary Key : IDTugas

Keterangan : Tugas merupakan Table yang menampung detail

data tugas

Nama Field Tipe Data Status Keterangan

IDTugas nvarchar(20) PK ID Tugas

DateAdded Datetime Tanggal tugas dibuat

UserID uniqueidentifier FK ID User yang membuat

tugas

NamaTugas nvarchar(50) Nama tugas

URLPath varchar(MAX) Lokasi File di URL

PhysicalPath varchar(MAX) Lokasi File Jawaban Tugas

di dalam server

FileName varchar(MAX) Nama File Tugas

Deadline Datetime deadline dari tugas

Tabel 3.16 Tabel Tugas

Page 43: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

84

• Tabel TugasDalamMateri

Primary Key : IDTugas, IDMateri

Keterangan : TugasDalamMateri merupakan table relationship

antara table Tugas dan Materi

Nama Field Tipe Data Status Keterangan

IDTugas nvarchar(20) PK ID Tugas

IDMateri nvarchar(20) PK ID Materi

Tabel 3.17 Tabel TugasDalamMateri

• Tabel TugasDariUser

Primary Key : UserID, IDJawabanTugas

Keterangan : TugasUser merupakan relationship table yang

menampung relasi antara jawaban tugas dan user

Nama Field Tipe Data Status Keterangan

UserID uniqueidentifier PK ID User

IDJawabanTugas nvarchar(20) PK ID Jawaban Tugas

Tabel 3.18 Tabel TugasDariUser

Page 44: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

85

• Tabel Thread

Primary Key : IDThread

Foreign Key : UserID

Keterangan : Tabel Thread merupakan Table yang menampung

detail data Thread

Nama Field Tipe Data Status Keterangan

IDThread nvarchar(20) PK ID Thread

UserID uniqueidentifier FK ID User

NamaThread nvarchar(50) NamaThread

DateAdded DateTime Tanggal dibuat

LastPost DateTime Tanggal pos terakhir

Tabel 3.19 Tabel Thread

Page 45: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

86

• Tabel ThreadDalamKelas

Primary Key : IDThread, IDKelas

Keterangan : Tabel ThreaddariKelas merupakan relationship

table yang menampung relasi antara Thread dan

Kelas

Nama Field Tipe Data Status Keterangan

IDThread nvarchar(20) PK ID Thread

IDKelas nvarchar(20) PK ID Kelas

Tabel 3.20 Tabel ThreaddariKelas

Page 46: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

87

• Tabel Post

Primary Key : IDPost

Foreign Key : UserID

Keterangan : Tabel Post merupakan Table yang menampung

detail data Post

Nama Field Tipe Data Status Keterangan

IDPost nvarchar(20) PK ID Post

UserID uniqueidentifier FK ID User

DateAdded DateTime Tanggal Post dibuat

Content Text Isi Post

Tabel 3.21 Tabel Post

Page 47: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

88

• Tabel PostdariThread

Primary Key : IDPost

Foreign Key : UserID

Keterangan : Tabel Post merupakan Table yang menampung

detail data Post

Nama Field Tipe Data Status Keterangan

IDThread nvarchar(20) PK ID Thread

IDPost nvarchar(20) PK ID Post

Tabel 3.22 Tabel PostdariThread

Page 48: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

89

• Tabel UserDalamKelas

Primary Key : UserID, IDKelas

Keterangan : Tabel UserDalamKelas merupakan Table Relasi

untuk User dan Kelas

Nama Field Tipe Data Status Keterangan

UserID uniqueidentifier PK ID User yang ada di dalam

kelas

IDKelas nvarchar(20) PK ID dari Kelas

Tabel 3.23 Tabel UserDalamKelas

• Tabel SubjectDariKelas

Primary Key : IDSubject, IDKelas

Keterangan : Tabel SubjectDariKelas merupakan Table Relasi

untuk Subject dan Kelas

Nama Field Tipe Data Status Keterangan

IDKelas nvarchar(20) PK ID dari Kelas

IDSubject nvarchar(20) PK ID dari Subject

Tabel 3.24 Tabel SubjectDariKelas

Page 49: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

90

• Tabel MateriDariSubject

Primary Key : IDSubject, IDMateri

Keterangan : Tabel MateriDariSubject merupakan Table Relasi

untuk Materi dan Subject

Nama Field Tipe Data Status Keterangan

IDSubject nvarchar(20) PK ID dari Subject

IDMateri nvarchar(20) PK ID dari Materi

Tabel 3.25 Tabel MateriDariSubject

• Tabel JawabanTugasDariTugas

Primary Key : IDJawabanTugas, IDTugas

Keterangan : Tabel JawabanTugasDariTugas merupakan Table

Relasi untuk JawabanTugas dan Tugas

Nama Field Tipe Data Status Keterangan

IDTugas nvarchar(20) PK ID dari Tugas

IDJawabanTugas nvarchar(20) PK ID dari Jawaban Tugas

Tabel 3.26 Tabel JawabanTugasDariTugas

Page 50: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

91

• Tabel BahanMateriDariMateri

Primary Key : IDBahanMateri, IDMateri

Keterangan : Tabel BahanMateriDariMateri merupakan Table

Relasi untuk BahanMateri dan Materi

Nama Field Tipe Data Status Keterangan

IDMateri nvarchar(20) PK ID dari Materi

IDBahanMateri nvarchar(20) PK ID dari Bahan Materi

Tabel 3.27 Tabel BahanMateriDariMateri

Page 51: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

92

3.7.9 Rancangan Layar

3.7.9.1 Perancangan Layar Halaman Login

Rancangan Layar Halaman Login Peserta dan Pengajar

Gambar 3.17 Rancangan Layar Halaman Login Peserta dan Pengajar

 

LOGO 

Sapta Bina Globalindo Online Learning 

Username 

Password 

Login 

Login

Page 52: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

93

Rancangan Layar Halaman Login Administrator

Gambar 3.18 Rancangan Layar Halaman Login Administrator

 

LOGO 

Sapta Bina Globalindo Administrator Login 

Username 

Password 

Login 

Login

Page 53: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

94

Rancangan Layar Halaman Login Data Inputter

Gambar 3.19 Rancangan Layar Halaman Login Data Inputter

 

LOGO 

Sapta Bina Globalindo Data InputterLogin 

Username 

Password 

Login 

Login

Page 54: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

95

3.7.9.2 Perancangan Layar Halaman Admin

Rancangan Layar Halaman Home Admin

Gambar 3.20 Rancangan Layar Halaman Home Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password

Selamat Datang di Halaman Admin

Logout

Page 55: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

96

Rancangan Layar Halaman Create User Admin

Gambar 3.21 Rancangan Layar Halaman Profile Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password Logout

Nama 

Tempat dan Tanggal Lahir 

Tempat 

Tanggal 

Alamat 

Alamat 

No 

Kode Pos 

Kota 

Propinsi 

NamaUser 

 

 

 

 

 

TempatLahirUser 

TanggalLahirUser 

Change Profile

Page 56: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

97

Rancangan Layar Halaman User Management Admin

Gambar 3.22 Rancangan Layar Halaman User Management Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password Logout

Pengajar 

Peserta 

Admin 

Data Inputter 

Page 57: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

98

Rancangan Layar Halaman Manage User Pengajar Admin

Gambar 3.23 Rancangan Layar Halaman Manage User Pengajar Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password Logout

List User

Delete Selected

UserName Email

UserName

UserName 

Email

Email 

Role

Role

Role 

Create Date 

CreateDate 

CreateDate 

Last Login

LastLogin

LastLogin 

 Add User

UserNameNamaTempat LahirTanggal lahirAlamatNoKode PosKotaPropinsiNo TeleponNo HandphoneEmail

Create User

Page 58: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

99

Rancangan Layar Halaman Manage User Peserta Admin

Gambar 3.24 Rancangan Layar Halaman Manage User Peserta Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password Logout

List User

Delete Selected

UserName Email

UserName

UserName 

Email

Email 

Role

Role

Role 

Create Date 

CreateDate 

CreateDate 

Last Login

LastLogin

LastLogin 

 Add User

UserNameNamaTempat LahirTanggal lahirAlamatNoKode PosKotaPropinsiNo TeleponNo HandphoneEmail

Create User

Page 59: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

100

Rancangan Layar Halaman Manage Admin

Gambar 3.25 Rancangan Layar Halaman Manage Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password Logout

List User

Delete Selected

UserName Email

UserName

UserName 

Email

Email 

Role

Role

Role 

Create Date 

CreateDate 

CreateDate 

Last Login

LastLogin

LastLogin 

 Add User

UserNameNamaTempat LahirTanggal lahirAlamatNoKode PosKotaPropinsiNo TeleponNo HandphoneEmail

Create User

Page 60: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

101

Rancangan Layar Halaman Manage User Data Inputter Admin

Gambar 3.26 Rancangan Layar Halaman Manage User Data Inputter Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password Logout

List User

Delete Selected

UserName Email

UserName

UserName 

Email

Email 

Role

Role

Role 

Create Date 

CreateDate 

CreateDate 

Last Login

LastLogin

LastLogin 

 Add User

UserNameNamaTempat LahirTanggal lahirAlamatNoKode PosKotaPropinsiNo TeleponNo HandphoneEmail

Create User

Page 61: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

102

Rancangan Layar Halaman Change Password Admin

Gambar 3.27 Rancangan Layar Halaman Change Password Admin

 

LOGO 

 

 Home  Profile  User Management 

Navigation 

Home  Change Password Logout

Password SekarangPassword BaruKonfirmasi Password 

Change Password

Page 62: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

103

3.7.9.3 Perancangan Layar Halaman Data Inputter

Rancangan Layar Halaman Home Data Inputter

Gambar 3.28 Rancangan Layar Halaman Home Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

Page 63: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

104

Rancangan Layar Halaman Profile Data Inputter

Gambar 3.29 Rancangan Layar Halaman Profile Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

Nama 

Tempat dan Tanggal Lahir 

Tempat 

Tanggal 

Alamat 

Alamat 

No 

Kode Pos 

Kota 

Propinsi 

NamaUser 

 

 

 

 

 

TempatLahirUser 

TanggalLahirUser 

Change Profile

Page 64: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

105

Rancangan Layar Halaman Manage Subject Data Inputter

Gambar 3.30 Rancangan Layar Halaman Manage Subject Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

List Subject

Delete Selected

Nama Subject

NamaSubject

NamaSubject 

Date Added

DateAdded

DateAdded   

Edit Subject 

Edit Subject 

 Create Subject

Nama Subject

Deskripsi

Create Subject

Page 65: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

106

Rancangan Layar Halaman Edit Subject Data Inputter

Gambar 3.31 Rancangan Layar Halaman Edit Subject Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

Nama Subject

Deskripsi  

Update Subject

Page 66: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

107

Rancangan Layar Halaman Manage Subject Data Inputter

Gambar 3.32 Rancangan Layar Halaman Manage Subject Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

List Materi

Delete Selected

Nama Subject

NamaSubject

NamaSubject 

Date Added 

DateAdded 

DateAdded 

 

 

 

Edit Materi

Edit Materi

 Create Materi

Nama Materi

Deskripsi  

Create Materi

Nama  Materi

NamaMateri

NamaMateri 

Referensi  

Page 67: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

108

Rancangan Layar Halaman Edit Materi Data Inputter

Gambar 3.33 Rancangan Layar Halaman Edit Materi Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

Update Materi

Nama Materi

Deskripsi  

Referensi  

Page 68: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

109

Rancangan Layar Halaman Manage Kelas Data Inputter

Gambar 3.34 Rancangan Layar Halaman Manage Kelas Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

List Kelas

Delete Selected

Nama Subject

NamaSubject

NamaSubject 

Date Added 

DateAdded 

DateAdded 

 

 

 

Edit Kelas

Edit Kelas

 Create Kelas

Nama Kelas

Pilih Subject

Create Kelas

Nama  Kelas

NamaKelas

NamaKelas 

Page 69: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

110

Rancangan Layar Halaman Edit Kelas Data Inputter

Gambar 3.35 Rancangan Layar Halaman Edit Kelas Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

Nama Kelas

Pilih Subject

Update Kelas

Page 70: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

111

Rancangan Layar Halaman Manage Pengajar Kelas Data Inputter

Gambar 3.36 Rancangan Layar Halaman Manage Pengajar Kelas Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

List Kelas

Nama Subject

NamaSubject

NamaSubject 

Date Added

DateAdded

DateAdded   

Tambah/EditPengajar  Kelas

Nama  Kelas

NamaKelas

NamaKelas  Tambah/EditPengajar  Kelas

Page 71: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

112

Rancangan Layar Halaman Tambah/Edit Pengajar Kelas Data Inputter

Gambar 3.37 Rancangan Layar Halaman Tambah/Edit Pengajar Pengajar Kelas Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

Detail Pengajar

Update Kelas

Nama

Tempat Lahir

AlamatNoKode PosKotaPropinsi

No TeleponNo HandphoneEmail

Tanggal Lahir

Tempat dan Tanggal 

Alamat

Contact

Nama

TempatLahir

AlamatNoKodePosKotaPropinsi

NoTelpNo HPEmail

TanggalLahir

Page 72: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

113

Rancangan Layar Halaman Manage Peserta Kelas Data Inputter

Gambar 3.38 Rancangan Layar Halaman Manage Peserta Kelas Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

List Kelas

Nama Subject

NamaSubject

NamaSubject 

Date Added

DateAdded

DateAdded 

 

 

 

Tambah/Edit Peserta  Kelas

Nama  Kelas

NamaKelas

NamaKelas  Tambah/Edit Peserta  Kelas

Jumlah Peserta

JumlahPeserta

JumlahPeserta 

Page 73: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

114

Rancangan Layar Halaman Tambah/Edit Peserta Kelas Data Inputter

Gambar 3.39 Rancangan Layar Halaman Tambah/Edit Peserta Kelas Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

List Peserta Kelas

UseName Peserta

Username

UserName 

Nama  Kelas

NamaKelas

NamaKelas 

Keluarkan Peserta yang Dipilih dari Kelas

List Peserta

UseName Peserta

Username

UserName 

Masukkan Peserta yang Dipilih ke Kelas

Page 74: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

115

Rancangan Layar Halaman Change Password Data Inputter

Gambar 3.40 Rancangan Layar Halaman Change Password Data Inputter

 

LOGO 

 

 Home  Profile  Manage Subject  Manage Materi  Manage Kelas  Manage Pengajar Kelas  Manage Peserta Kelas 

Navigation 

Home  Change Password Logout

Password SekarangPassword BaruKonfirmasi Password 

Change Password

Page 75: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

116

3.7.9.4 Perancangan Layar Halaman Pengajar

Rancangan Layar Halaman Home Pengajar

Gambar 3.41 Rancangan Layar Halaman Home Pengajar

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

Page 76: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

117

Rancangan Layar Halaman Profile Pengajar

Gambar 3.42 Rancangan Layar Halaman Profile Pengajar

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home 

Nama 

Tempat dan Tanggal Lahir 

Tempat 

Tanggal 

Alamat 

Alamat 

No 

Kode Pos 

Kota 

Propinsi 

NamaUser 

 

 

 

 

 

TempatLahirUser 

TanggalLahirUser 

Change Profile

Change Password LogoutForum 

Page 77: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

118

Rancangan Layar Halaman Kelas Pengajar

Gambar 3.43 Rancangan Layar Halaman Kelas Pengajar

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

Subject

NamaSubject

NamaSubject 

Kelas

NamaKelas

NamaKelas 

Page 78: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

119

Rancangan Layar Halaman Subject Pengajar

Gambar 3.44 Rancangan Layar Halaman Subject Pengajar

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

List Materi Tambahan

Hapus yang Dipilih

 

Edit Materi

Edit Materi

 Create Materi

Nama Materi

Deskripsi

Create Materi

Materi

NamaMateri

NamaMateri 

Referensi  

List Materi

Materi

NamaMateri

NamaMateri 

 

DeskripsiSubject 

Deskripsi Subject

Page 79: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

120

Rancangan Layar Halaman Detail Materi Pengajar

Gambar 3.45 Rancangan Layar Halaman Detail Materi Pengajar

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

       Tambah Bahan Materi 

 

 

Bahan Materi 

Hapus yang Dipilih

 

Download 

Download 

 

 

 

 

Tugas 

Bahan Materi

NamaBahanMateri

NamaBahanMateri 

 

Referensi Materi 

Referensi Materi

 

Materi 

Deskripsi Materi

Date Added

DateAdded

DateAdded 

Nama Materi

Deskripsi

Tambah Bahan Materi

Hapus yang Dipilih

 

Lihat Jawaban Tugas 

Lihat Jawaban Tugas 

Tugas

NamaTugas

NamaTugas 

Download

Download 

Browse 

Tambah TugasNama Materi

Deskripsi

Tambah Bahan Materi

Browse 

Page 80: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

121

Rancangan Layar Halaman Change Password Pengajar

Gambar 3.46 Rancangan Layar Halaman Change Password Pengajar

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

Password SekarangPassword BaruKonfirmasi Password 

Change Password

Page 81: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

122

3.7.9.5 Perancangan Layar Halaman Peserta

Rancangan Layar Halaman Home Peserta

Gambar 3.47 Rancangan Layar Halaman Home Peserta

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

Page 82: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

123

Rancangan Layar Halaman Profile Peserta

Gambar 3.48 Rancangan Layar Halaman Profile Peserta

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home 

Nama 

Tempat dan Tanggal Lahir 

Tempat 

Tanggal 

Alamat 

Alamat 

No 

Kode Pos 

Kota 

Propinsi 

NamaUser 

 

 

 

 

 

TempatLahirUser 

TanggalLahirUser 

Change Profile

Change Password LogoutForum 

Page 83: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

124

Rancangan Layar Halaman Kelas Peserta

Gambar 3.49 Rancangan Layar Halaman Kelas Peserta

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

Subject

NamaSubject

NamaSubject 

Kelas

NamaKelas

NamaKelas 

Page 84: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

125

Rancangan Layar Halaman Subject Peserta

Gambar 3.50 Rancangan Layar Halaman Subject Peserta

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

List Materi Tambahan

Materi

NamaMateri

NamaMateri 

List Materi

Materi

NamaMateri

NamaMateri 

 

DeskripsiSubject 

Deskripsi Subject

Page 85: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

126

Rancangan Layar Halaman Detail Materi Peserta

Gambar 3.51 Rancangan Layar Halaman Detail Materi Peserta

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

      

Bahan Materi 

Download 

Download 

 

 

 

Tugas 

Bahan Materi

NamaBahanMateri

NamaBahanMateri 

 

Referensi Materi 

Referensi Materi

 

Materi 

Deskripsi Materi

Date Added

DateAdded

DateAdded 

 

 

 

Upload Jawaban Tugas

Upload Jawaban Tugas

Tugas

NamaTugas

NamaTugas 

Download

Download 

Deadline

Deadline

Deadline 

Page 86: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

127

Rancangan Layar Halaman Upload Jawaban Tugas Peserta

Gambar 3.52 Rancangan Layar Halaman Upload Jawaban Tugas Peserta

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

  Upload Browse

Page 87: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

128

Rancangan Layar Halaman Change Password Peserta

Gambar 3.53 Rancangan Layar Halaman Change Password Peserta

 

LOGO 

 

 Home  Kelas  Profile  

Navigation 

Home  Change Password LogoutForum 

Password SekarangPassword BaruKonfirmasi Password 

Change Password

Page 88: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

129

Rancangan Layar Halaman Forum

Gambar 3.54 Rancangan Layar Halaman Forum

 

LOGO 

Home  Logout 

Pilih Kelas :

Thread  Author  Last Post  Replies 

NamaThread 

NamaThread 

NamaThread 

NamaThread 

ThreadAuthor 

ThreadAuthor 

ThreadAuthor 

ThreadAuthor 

LastPostDate 

LastPostDate 

LastPostDate 

LastPostDate 

JlhReply 

JlhReply 

JlhReply 

JlhReply 

List Kelas

Page 89: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

130

3.7.10 Spesifikasi Proses

Untuk menerangkan proses-proses yang terdapat dalam setiap

tampilan web, maka perincian proses tersebut dapat dilihat pada

modul-modul berikut ini :

• Modul Login Admin

Awal modul

Tampilkan halaman login admin

Jika tombol login di klik, validasi

user

Jika Validasi user gagal, tampilkan

pesan error

Jika Validasi user sukses, tampilkan

halaman home admin

Akhir Jika

Akhir modul

Page 90: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

131

• Modul Login Peserta dan Pengajar

Awal modul

Tampilkan halaman login peserta dan

pengajar

Jika tombol login di klik, validasi

user

Jika Validasi user gagal,

tampilkan pesan error

Jika Validasi user sukses,

tampilkan halaman home LMS

Akhir Jika

Akhir modul

Page 91: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

132

• Modul Login Data Inputter

Awal modul

Tampilkan halaman login data inputter

Jika tombol login di klik, validasi

user

Jika Validasi user gagal,

tampilkan pesan error

Jika Validasi user sukses,

tampilkan halaman home data

inputter

Akhir Jika

Akhir modul

Page 92: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

133

• Modul Home Admin

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman home admin

Jika link Profile User di klik,

tampilkan halaman Profile user

Jika link User Management di klik,

tampilkan halaman user management

Jika link Change Password di klik,

tampilkan halaman Change Password

Akhir modul

Page 93: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

134

• Modul Profile Admin

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman Profile

Jika link User Management di klik,

tampilkan halaman user management

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika tombol change profile di klik,

Jika Textbox alamat belum diisi,

tampilkan pesan error

Jika Textbox no belum diisi,

tampilkan pesan error

Jika Textbox kodepos belum diisi,

tampilkan pesan error

Jika Textbox kota belum diisi,

tampilkan pesan error

Jika Textbox propinsi belum diisi,

tampilkan pesan error

Page 94: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

135

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Change Password Admin

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman Change Password

Jika link User Management di klik,

tampilkan halaman user management

Jika tombol change password di klik,

Jika Textbox password sekarang

belum diisi, tampilkan pesan error

Jika Textbox password baru belum

diisi, tampilkan pesan error

Jika Textbox konfirmasi password

baru belum diisi, tampilkan pesan

error

Page 95: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

136

Jika isi Textbox password baru dan

Textbox konfirmasi password baru

tidak sama, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul UserManagement

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman user management

Akhir modul

• Modul Manage Pengajar

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman manage pengajar

Jika link Profile User di klik,

tampilkan halaman Profile user

Page 96: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

137

Jika link User Management di klik,

tampilkan halaman user management

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika button delete selected di klik,

Hapus user yang dipilih di

gridview list user dan tampilkan

jumlah user yang dihapus

Akhir Jika

Jika button Create User di klik,

Jika textbox username belum diisi,

tampilkan pesan error

Jika textbox nama belum diisi,

tampilkan pesan error

Jika textbox tempat lahir belum

diisi, tampilkan pesan error

Jika textbox tanggal lahir belum

diisi, tampilkan pesan error

Jika textbox alamat belum diisi,

tampilkan pesan error

Page 97: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

138

Jika textbox no belum diisi,

tampilkan pesan error

Jika textbox kode pos belum diisi,

tampilkan pesan error

Jika textbox kota belum diisi,

tampilkan pesan error

Jika textbox propinsi belum diisi,

tampilkan pesan error

Jika textbox no telepon belum

diisi, tampilkan pesan error

Jika textbox no handphone belum

diisi, tampilkan pesan error

Jika textbox email belum diisi,

tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

Page 98: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

139

• Modul Manage Peserta

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman manage peserta

Jika link Profile User di klik,

tampilkan halaman Profile user

Jika link User Management di klik,

tampilkan halaman user management

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika button delete selected di klik,

Hapus user yang dipilih di

gridview list user dan tampilkan

jumlah user yang dihapus

Akhir Jika

Jika button Create User di klik,

Jika textbox username belum diisi,

tampilkan pesan error

Page 99: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

140

Jika textbox nama belum diisi,

tampilkan pesan error

Jika textbox tempat lahir belum

diisi, tampilkan pesan error

Jika textbox tanggal lahir belum

diisi, tampilkan pesan error

Jika textbox alamat belum diisi,

tampilkan pesan error

Jika textbox no belum diisi,

tampilkan pesan error

Jika textbox kode pos belum diisi,

tampilkan pesan error

Jika textbox kota belum diisi,

tampilkan pesan error

Jika textbox propinsi belum diisi,

tampilkan pesan error

Jika textbox no telepon belum

diisi, tampilkan pesan error

Jika textbox no handphone belum

diisi, tampilkan pesan error

Page 100: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

141

Jika textbox email belum diisi,

tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Manage Admin

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman manage admin

Jika link Profile User di klik,

tampilkan halaman Profile user

Jika link User Management di klik,

tampilkan halaman user management

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika button delete selected di klik,

Page 101: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

142

Hapus user yang dipilih di

gridview list user dan tampilkan

jumlah user yang dihapus

Akhir Jika

Jika button Create User di klik,

Jika textbox username belum diisi,

tampilkan pesan error

Jika textbox nama belum diisi,

tampilkan pesan error

Jika textbox tempat lahir belum

diisi, tampilkan pesan error

Jika textbox tanggal lahir belum

diisi, tampilkan pesan error

Jika textbox alamat belum diisi,

tampilkan pesan error

Jika textbox no belum diisi,

tampilkan pesan error

Jika textbox kode pos belum diisi,

tampilkan pesan error

Page 102: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

143

Jika textbox kota belum diisi,

tampilkan pesan error

Jika textbox propinsi belum diisi,

tampilkan pesan error

Jika textbox no telepon belum

diisi, tampilkan pesan error

Jika textbox no handphone belum

diisi, tampilkan pesan error

Jika textbox email belum diisi,

tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Data Inputter

Awal modul

Jika bukan admin, tampilkan halaman

login admin

Tampilkan halaman manage data inputter

Page 103: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

144

Jika link Profile User di klik,

tampilkan halaman Profile user

Jika link User Management di klik,

tampilkan halaman user management

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika button delete selected di klik,

Hapus user yang dipilih di

gridview list user dan tampilkan

jumlah user yang dihapus

Akhir Jika

Jika button Create User di klik,

Jika textbox username belum diisi,

tampilkan pesan error

Jika textbox nama belum diisi,

tampilkan pesan error

Jika textbox tempat lahir belum

diisi, tampilkan pesan error

Jika textbox tanggal lahir belum

diisi, tampilkan pesan error

Page 104: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

145

Jika textbox alamat belum diisi,

tampilkan pesan error

Jika textbox no belum diisi,

tampilkan pesan error

Jika textbox kode pos belum diisi,

tampilkan pesan error

Jika textbox kota belum diisi,

tampilkan pesan error

Jika textbox propinsi belum diisi,

tampilkan pesan error

Jika textbox no telepon belum

diisi, tampilkan pesan error

Jika textbox no handphone belum

diisi, tampilkan pesan error

Jika textbox email belum diisi,

tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

Page 105: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

146

• Modul Home Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman home data inputter

Jika link Change Password ke kelas di

klik, tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Kelas di klik,

tampilkan halaman Manage Kelas

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Page 106: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

147

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Akhir modul

• Modul Change Password Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman change password data

inputter

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Kelas di klik,

tampilkan halaman Manage Kelas

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Page 107: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

148

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol change password di klik,

Jika Textbox password sekarang

belum diisi, tampilkan pesan error

Jika Textbox password baru belum

diisi, tampilkan pesan error

Jika Textbox konfirmasi password

baru belum diisi, tampilkan pesan

error

Jika isi Textbox password baru dan

Textbox konfirmasi password baru

tidak sama, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

Page 108: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

149

• Modul Profile Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Profile data inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Kelas di klik,

tampilkan halaman Manage Kelas

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol change profile di klik,

Page 109: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

150

Jika Textbox alamat belum diisi,

tampilkan pesan error

Jika Textbox no belum diisi,

tampilkan pesan error

Jika Textbox kodepos belum diisi,

tampilkan pesan error

Jika Textbox kota belum diisi,

tampilkan pesan error

Jika Textbox propinsi belum diisi,

tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

Page 110: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

151

• Modul Manage Subject Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Manage Subject data

inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Kelas di klik,

tampilkan halaman Manage Kelas

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Delete Selected di klik,

Page 111: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

152

Tampilkan jumlah subject yang

dihapus

Akhir Jika

Jika tombol Create Subject di klik,

Jika Textbox nama subject belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Jika Tombol Edit Subject di klik,

tampilkan halaman Edit Subject Kelas

Akhir modul

• Modul Edit Subject Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Edit Subject data

inputter

Page 112: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

153

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Kelas di klik,

tampilkan halaman Manage Kelas

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Update Subject di klik,

Jika Textbox nama subject belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

Page 113: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

154

• Modul Manage Materi Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Manage Materi data

inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Kelas di klik,

tampilkan halaman Manage Kelas

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Page 114: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

155

Jika tombol Delete Selected di klik,

Tampilkan jumlah materi yang

dihapus

Akhir Jika

Jika tombol Create Materi di klik,

Jika Textbox nama materi belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Jika tombol Edit Materi di klik,

tampilkan halaman Edit Materi

Akhir modul

• Modul Edit Materi Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Page 115: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

156

Tampilkan halaman Edit Materi data

inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Kelas di klik,

tampilkan halaman Manage Kelas

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Update Materi di klik,

Jika Textbox nama materi belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Page 116: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

157

Akhir Jika

Akhir modul

• Modul Manage Kelas Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Manage Kelas data

inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Page 117: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

158

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Delete Selected di klik,

Tampilkan jumlah kelas yang

dihapus

Akhir Jika

Jika tombol Create kelas di klik,

Jika Textbox nama kelas belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Jika tombol Edit Kelas di klik,

tampilkan halaman Edit Kelas

Akhir modul

• Modul Edit Kelas Data Inputter

Awal modul

Page 118: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

159

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Edit Kelas data

inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Update kelas di klik,

Jika Textbox nama kelas belum

diisi, tampilkan pesan error

Page 119: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

160

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Manage Pengajar Kelas Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Manage Pengajar Kelas

data inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Page 120: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

161

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Tambah/Edit Pengajar Kelas

di klik, tampilkan halaman Tambah/Edit

Pengajar Kelas

Akhir modul

• Modul Edit Pengajar Kelas Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Edit Pengajar Kelas

data inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Page 121: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

162

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Item Listbox pengajar

dipilih,

Tampilkan data pengajar yang

dipilih

Akhir Jika

Jika tombol Pilih Pengajar Kelas di

klik,

Set Pengajar Kelas ke pengajar

yang dipilih

Akhir Jika

Akhir modul

Page 122: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

163

• Modul Manage Peserta Kelas Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Manage Peserta Kelas

data inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Page 123: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

164

Jika tombol Tambah/Edit Peserta Kelas

di klik, tampilkan halaman Tambah/Edit

Peserta Kelas

Akhir modul

• Modul Edit Peserta Kelas Data Inputter

Awal modul

Jika bukan data inputter, tampilkan

halaman login data inputter

Tampilkan halaman Edit Peserta Kelas

data inputter

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link Profile di klik, tampilkan

halaman Profile

Jika link Manage Subject di klik,

tampilkan halaman Manage Subject

Jika link Manage Materi di klik,

tampilkan halaman Manage Materi

Page 124: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

165

Jika link Manage Pengajar Kelas di

klik, tampilkan halaman Manage Pengajar

Kelas

Jika link Manage Peserta Kelas di klik,

tampilkan halaman Manage Peserta Kelas

Jika tombol Keluarkan Peserta dari

Kelas di klik,

Keluarkan Peserta Kelas yang

dipilih di gridview list peserta

kelas dari kelas

Akhir Jika

Jika tombol Tambahkan Peserta Ke Kelas

di klik,

Tambahkan Peserta yang dipilih di

gridview list peserta ke kelas

Akhir Jika

Akhir modul

Page 125: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

166

• Modul Home Pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman home pengajar

Jika link profile diklik, tampilkan

halaman profile pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Akhir modul

Page 126: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

167

• Modul profile pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman profile pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol change profile di klik,

Jika Textbox alamat belum diisi,

tampilkan pesan error

Jika Textbox no belum diisi,

tampilkan pesan error

Jika Textbox kodepos belum diisi,

tampilkan pesan error

Jika Textbox kota belum diisi,

tampilkan pesan error

Page 127: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

168

Jika Textbox propinsi belum diisi,

tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Change Password pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Change Password

pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol change password di klik,

Jika Textbox password sekarang

belum diisi, tampilkan pesan error

Page 128: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

169

Jika Textbox password baru belum

diisi, tampilkan pesan error

Jika Textbox konfirmasi password

baru belum diisi, tampilkan pesan

error

Jika isi Textbox password baru dan

Textbox konfirmasi password baru

tidak sama, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Kelas pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Kelas pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Page 129: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

170

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika link subject diklik, tampilkan

halaman subject pengajar

Akhir modul

• Modul Subject Pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Subject pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol hapus yang dipilih di klik,

Tampilkan jumlah materi tambahan

yang dihapus

Page 130: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

171

Akhir Jika

Jika tombol Create Materi di klik,

Jika Textbox nama Materi belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Jika tombol Edit Materi di klik,

tampilkan halaman Edit Materi

Jika link Materi di klik, tampilkan

halaman Materi

Akhir modul

• Modul Edit Materi Pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Edit Materi pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Page 131: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

172

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol Update Materi di klik,

Jika Textbox nama Materi belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Materi Pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Materi pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Jika link Change Password di klik,

tampilkan halaman Change Password

Page 132: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

173

Jika link forum diklik, tampilkan forum

Jika tombol hapus yang dipilih di

bagian bahan materi di klik,

Tampilkan jumlah bahan materi yang

dihapus

Akhir Jika

Jika tombol hapus yang dipilih di

bagian tugas di klik,

Tampilkan jumlah tugas yang

dihapus

Akhir Jika

Jika tombol Tambah Bahan Materi di

klik,

Jika Textbox nama Bahan Materi

belum diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Jika tombol Tambah Tugas di klik,

Page 133: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

174

Jika Textbox nama Tugas belum

diisi, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Jika tombol lihat jawaban tugas di

klik, tampilkan halaman lihat jawaban

tugas

Jika link Download yang di bahan materi

di klik, download file bahan materi ke

komputer user

Jika link Download yang di tugas di

klik, download file tugas ke komputer

user

Akhir modul

• Modul Lihat Jawaban Tugas Pengajar

Awal modul

Jika bukan pengajar, tampilkan halaman

login pengajar dan peserta

Page 134: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

175

Tampilkan halaman Lihat Jawaban Tugas

pengajar

Jika link kelas diklik, tampilkan

halaman kelas yang diajar

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika link Download di klik, download

file jawaban tugas ke komputer user

Akhir modul

• Modul Home Peserta

Awal modul

Jika bukan peserta, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman home peserta

Jika link profile diklik, tampilkan

halaman profile peserta

Jika link kelas diklik, tampilkan

halaman kelas diikuti

Page 135: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

176

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Akhir modul

• Modul profile peserta

Awal modul

Jika bukan peserta, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Profile Peserta

Jika link profile diklik, tampilkan

halaman profile peserta

Jika link kelas diklik, tampilkan

halaman kelas diikuti

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol change profile di klik,

Jika Textbox alamat belum diisi,

tampilkan pesan error

Page 136: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

177

Jika Textbox no belum diisi,

tampilkan pesan error

Jika Textbox kodepos belum diisi,

tampilkan pesan error

Jika Textbox kota belum diisi,

tampilkan pesan error

Jika Textbox propinsi belum diisi,

tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

• Modul Change Password peserta

Awal modul

Jika bukan peserta, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Change Password

Peserta

Jika link profile diklik, tampilkan

halaman profile peserta

Page 137: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

178

Jika link kelas diklik, tampilkan

halaman kelas diikuti

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol change password di klik,

Jika Textbox password sekarang

belum diisi, tampilkan pesan error

Jika Textbox password baru belum

diisi, tampilkan pesan error

Jika Textbox konfirmasi password

baru belum diisi, tampilkan pesan

error

Jika isi Textbox password baru dan

Textbox konfirmasi password baru

tidak sama, tampilkan pesan error

Jika sukses, tampilkan pesan

sukses

Akhir Jika

Akhir modul

Page 138: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

179

• Modul Kelas peserta

Awal modul

Jika bukan peserta, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Kelas Peserta

Jika link profile diklik, tampilkan

halaman profile peserta

Jika link kelas diklik, tampilkan

halaman kelas diikuti

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika link subject diklik, tampilkan

halaman subject peserta

Akhir modul

• Modul Subject Peserta

Awal modul

Jika bukan peserta, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Subject Peserta

Page 139: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

180

Jika link profile diklik, tampilkan

halaman profile peserta

Jika link kelas diklik, tampilkan

halaman kelas diikuti

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika link materi yang di list materi

diklik, tampilkan halaman materi

peserta

Jika link materi yang di list materi

tambahan diklik, tampilkan halaman

materi peserta

Akhir modul

• Modul Materi Peserta

Awal modul

Jika bukan peserta, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Materi Peserta

Page 140: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

181

Jika link profile diklik, tampilkan

halaman profile peserta

Jika link kelas diklik, tampilkan

halaman kelas diikuti

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol Upload jawaban tugas di

klik, tampilkan halaman Upload jawaban

tugas

Jika link Download yang di bahan materi

di klik, download file bahan materi ke

komputer user

Jika link Download yang di tugas di

klik, download file tugas ke komputer

user

Akhir modul

Page 141: BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang ...thesis.binus.ac.id/doc/Bab3/2009-2-00586-IF Bab 3.pdfTugas dan Wewenang dari masing-masing bagian: • Direktur Utama 1. Mengatur

182

• Modul Upload Jawaban Tugas Peserta

Awal modul

Jika bukan peserta, tampilkan halaman

login pengajar dan peserta

Tampilkan halaman Materi Peserta

Jika link profile diklik, tampilkan

halaman profile peserta

Jika link kelas diklik, tampilkan

halaman kelas diikuti

Jika link Change Password di klik,

tampilkan halaman Change Password

Jika link forum diklik, tampilkan forum

Jika tombol Upload di klik, upload file

jawaban tugas ke web server

Akhir modul