BAB 3 ANALISIS DAN PERANCANGAN 3.1 Analisis …thesis.binus.ac.id/Doc/Bab3/2006-2-01240-IF-Bab...

BAB 3

ANALISIS DAN PERANCANGAN

3.1 Analisis sistem berjalan

3.1.1 Riwayat Perusahaan

Rajawali Citra Televisi Indonesia (RCTI) adalah sebuah stasiun TV swasta

pertama yang lahir dari gagasan 2 perusahaan besar yaitu Bimantara Citra Tbk, dan

Rajawali Corporations.

Sejak berdiri tahun 1989, RCTI identik dengan beragam program yang

popular dan merupakan trend-setter. Memiliki 47 stasiun pemancar di seluruh

Indonesia, RCTI selalu menjadi pilihan para pemasang iklan, karena merupakan

media untuk beriklan yang efektif dengan cakupan yang luas.

3.1.2 Visi Organisasi

Perkataan “utama” mengandung makna lebih dari yang “pertama”.

Karena kata “pertama” hanya mencerminkan hierarki pada dimensi tertentu.

Sedangkan kata “utama” mengandung unsur kemuliaan karena melibatkan aspek

kualitas, integritas, dan dedikasi. Media utama hiburan dan informasi memiliki

makna:

- RCTI unggul dalam hal kualitas materi dan penyajian program hiburan dan

informasi.

- RCTI memperhatikan keseimbangan faktor bisnis dan tanggung jawab

sosial atas sajian program-programnya.

- RCTI menjadi pilihan yang utama dari para “stakeholder” (karyawan,

pemirsa, pengiklan, pemegang saham, pemasok, pesaing, perusahaan

afiliasi, mitra stategis, masyarakat, dan penyelenggara negara).

3.1.2 Misi Organisasi

Interaksi kerja di perusahaan lebih mengutamakan semangat kebersamaan

sebagai sebuah tim kerja yang kuat. Hal ini memungkinkan seluruh komponen

perusahaan mulai dari level teratas sampai dengan level terbawah mampu

bersama-sama tersimulasi, terkoordinasi dan tersistematisasi memberikan karya

terbaiknya demi mewujudkan pelayanan terbaik dan utama kepada

“stakeholder”.

3.1.3 Struktur Organisasi

Struktur organisasi RCTI dapat di lihat pada gambar di bawah ini

Gambar 3.1 Struktur organisasi RCTI

Gambar 3.2 Struktur Organisasi News and feature division

President Director

Operational audit department head

Finance audit department head

Managing director

Finance and aministration director

Sales and Marketing

director

Programming director

General affair

division head

Corporate Secretary

HRD divion head

News and feature division head

Production division head

Technical division

head

Finance and accounting deputy director

News Deputy Features Deputy

News gathering department head

News production department head

Feature dan infotainment department head

General secretary

News and feature division head

Gambar 3.3 Struktur Organisasi General affair division

Gambar 3.4 Struktur Organisasi Corporate Secretary

Gambar 3.5 Struktur Organisasi HRD Division

Deputy corporate Secretary

Corporate Secretary

Public relation department head

Legal department head

Corporate policy and procedure department

head

General Service Safety and Security group secton head

General affair

division head

HRD divion head

Personel department head

Training anddevelopment departemen head

Gambar 3.6 Struktur Organisasi Finance and Accounting Division

Gambar 3.7 Struktur Organisasi Production Division

Gambar 3.8 Struktur Organisasi Technical Division

Production division head

Drama Departement

head

Non-Drama Departement

head

Sport Departement

head

Production support

Departement head

Creative Section

head

Production operation

section head

Finance and accounting deputy director

Finance department head

Accounting department head

Budget and cost analysis group section head

Purchasing department head

Taz department

head

Technical division

head

Deputy Technical division

head

Master control departemen head

Studio and Broadcasting

departemen head

Technical facility departemen head

Transmission departemen head

Gambar 3.9 Struktur Organisasi Sales and Marketing Division

Gambar 3.10 Struktur Organisasi Programming Division

3.1.4 Tugas Dan Tanggung Jawab

Pembagian Tugas dan tanggung jawab di RCTI terbagi menjadi :

1. Divisi Production :

Divisi Produksi merupakan mesin cetak program dari sebuah perusahaan

televisi. Divisi Produksi bertanggungjawab untuk memproduksi program acara

in-house productions.

Programming director

Planning, scheduling

and operation department

head

Acquitions department

head

Program research and development department

head

Sales and Marketing

director

Sales department

head

Marketing service

department head

Sales adm.suppotdepartment

head

Promotion department

head

Promo media and off air group

section head

2. Divisi News and feature :

Divisi news and feature terdiri dari banyak fungsi yang bertugas

untuk meliput mengelola mengedit sampai dengan menyiarkan berita.

Tanggungjawab utamanya adalah menghasilkan berita-berita yang actual

dan terpercaya serta layak untuk ditayangkan baik dari sisi kepentingan

masyarakat maupun perusahaan.

3. Divisi programming:

Divisi programming merupakan divisi yang bertanggungjawab atas

setiap program-program yang ditayangkan RCTI. Proses analisa perencanaan

maupun pembelian program tergabung pada divisi programming ini.

4. Divisi corporate secretary :

Corporate Secretary bertanggungjawab atas kelancaran hubungan

perusahaan dengan setiap pihak yang mempunyai hubungan kerja baik

internal maupun eksternal, termasuk didalamnya bertanggungjawab atas

ketersediaan policy dan procedure perusahaan.

5. Divisi Technical:

Divisi Teknik adalah divisi yang bertanggungjawab untuk mendukung

operasional perusahaan dari sisi kebutuhan dan pengoperasian alat-alat

teknik.

6. Divisi Sales and Marketing:

Sebuah perusahaan pertelevisian tidak lepas dari Divisi ini, adanya iklan

pada suatu program tayang tidak lain karena campur tangan Departemen

Sales yang menjual waktu iklan kepada advertiser dan agency berupa loose

spot maupun paket. Didalamnya mencakup Traffic yang melakukan semua

proses semua transaksi penjualan melalui Media Order dan SAS yang

menangani semua hal administrative di Sales.

7. Divisi Finance and Accounting:

Segala urusan yang kaitannya dengan keuangan ditangani oleh bagian ini,

seperti pembayaran artis pengisi acara melalui Project Administration,

menagih piutang terhadap agency dan pengiklan serta pengelolahan patty

cash ditangani oleh bagian ini.

Disamping itu penyusunan Rencana Kerja Anggaran Tahunan, Advance,

Fixed Asset, Invoice, pembelian segala kebutuhan perusahaan serta

penanganan masalah perpajakan.

8. Divisi General Affair:

Fungsi GA adalah mendukung seluruh kegiatan operasional perusahaan

sehari-hari di dalam antara lain :

• Penyediaan Sarana dan fasilitas kerja,

• Safety dan Security

• Pemeliharaan assets perusahaan

• Penerimaan dan Distribusi

• Perijinan dan Transportasi

9. Divisi Human Resource Department

Divisi ini meliputi 2 departemen, yaitu:

1. Personnel Department :

Bertanggung jawab dalam melakukan rekrutmen, administrasi

kepegawaian, dan pelayanan kesehatan karyawan. Dalam hal ini

personnel department melaksanakan semua kebijakan yang telah

ditetapkan yang terkait dengan pengelolaan kepegawaian secara

administrative selain itu juga memfasilitasi dalam penyelesaian

permasalahan kepegawaian.

2. Training & Development :

Berperan dalam menyusun & mengembangkan sistem

pengelolaan SDM, pengidentifikasian kebutuhan pengembangan

kompetensi karyawan dan mengelola pelaksanaan pengembangan itu

sendiri seperti perancangan & pemberian training internal serta

memfasilitasi karyawan untuk mengikuti training eksternal yang sesuai

dengan kebutuhan individu/departemen/divisi.

3.1.5 Identifikasi Kebutuhan Pelatihan

1. Kepala departemen bertanggung jawab untuk mengidentifikasi pelatihan

yang dibutuhkan oleh bawahannya.

2. Kepala divisi bertanggung jawab untuk mengidentifikasi pelatihan yang

dibutuhkan oleh bawahannya

3. Direksi bertanggung jawab untuk mengidentifikasi pelatihan yang

dibutuhkan oleh bawahannya.

3.1.6 Prosedur Pengajuan Pelatihan

1. Pengajuan Pelatihan dapat dilakukan dengan inisiatif 2 orang, yaitu karyawan

yang terkait atau Kepala bagian yang terkait. Karyawan atau kepala bagian

yang terkait harus mengiisi formulir permohonan pelatihan.

2. Formulir ini diserahkan kepada kepala bagian terkait untuk disetujui.

Formulir yang telah disetujui akan diserahkan kepada bagian Training and

Development. Bagian Training and development akan menghubungi bagian

keuangan untuk mengecek anggaran. Jika anggaran untuk pelatihan tersebut

tidak ada, maka permohonan belum tentu ditolak. Permohonan yang tidak

masuk dalam anggaran tahunan yang telah dibuat tetap bisa diajukan,

sedangkan yang menentukan di tolak atau tidaknya adalah para atasan

karyawan tersebut, beserta direktur Finance and Administration.

3.1.7 Kualifikasi Pelatih

Kepala perwakilan manajemen bersama-sama dengan Kepala Training

and Management terkait bertanggung jawab terhadap kualifikasi pelatih yang

telah dipilih atau ditunjuk oleh divisi Training and development, baik untuk

pelatihan inhouse. Sedangkan pelatihan outhouse tidak mempunyai kualifikasi

tertentu karena instruktur di sediakan oleh institusi yang menyediakan pelatihan

tersebut.

Kualifikasi pelatih untuk inhouse (jika instruktur berasal dari pihak RCTI)

a. Mempunyai kemampuan yang diakui oleh atasan-nya, rekan-rekan

sekerjanya dan unit bidang pekerjaannya

b. Mempunyai sertifikat tentang pelatihan menjadi instruktur pelatihan / pernah

menjadi instruktur sebuah pelatihan yang diadakan.

c. Menguasai troubleshooting bidang tersebut

d. Dilegalisasi oleh departemen Training

3.1.8 Prosedur Pelatihan Outhouse dan Inhouse

Pelatihan Outhouse adalah pelatihan yang diadakan oleh sebuah institusi,

dimana peserta pelatihan tersebut sebagiannya adalah karyawan RCTI. Lokasi

pelatihannya berada didalam perusahaan RCTI maupun di luar RCTI. Pelatihan

di kategorikan outhouse atau bukan berdasarkan pesertanya, bukan lokasi

pelatihannya. Sedangkan pelatihan Inhouse adalah pelatihan yang diadakan oleh

RCTI sendiri atau institusi penyedia pelatihan, dimana semua peserta pelatihan

adalah karyawan RCTI.

Seperti ditunjukan dalam gambar 3.2, prosedur pelatihan dimulai dari

bagian Training and Development mendapat informasi berupa permohonan

pegawai RCTI atau penawaran pelatihan dari institusi-institusi tertentu atau

program pelatihan dari RCTI. Informasi yang telah diterima akan dianalisa lebih

lanjut oleh bagian Training and development sesuai dengan kebutuhan divisi-

divisi di RCTI. Pelatihan yang telah dianalisa akan ditentukan apakah pelatihan

tersebut inhouse atau outhouse berdasarkan jumlah peminat pelatihan. Dimana

jika peminat lebih dari 20 orang, maka bagian Training and Develpoment akan

mengatur pelatihan inhouse, sedangkan jika peminat kurang dari 5 orang, maka

akan diadakan pelatihan outhouse.

Permohonan pendaftaran yang diajukan oleh karyawan, akan

dipertimbangkan oleh kepala departemen. Dan jika permohonan ini disetujui,

maka proses approval akan dilanjutkan ke kepala divisi. Setelah permohonan

disetujui oleh kepala divisi, permohonan akan diserahkan kepada direktur

finance & Administration untuk dipertimbangkan.

Permohonan yang telah disetujui oleh direktur finance & administration

akan diserahkan kembali kepada human resource manager, Kepala Training and

development untuk di tanda-tangani. Setelah di tanda-tangani training and

development akan melakukan proses konfirmasi peserta, proses negosiasi, proses

permintaan penyediaan sarana penunjang, dan proses pembayaran seluruh biaya.

Setelah selesai proses konfirmasi peserta, maka akan dilakukan register kepada

instansi terkait. Dan proses training akan dilaksanakan. Untuk keterangan lebih

lanjut dapat dilihat pada gambar 3.11

3.1.9 Catatan Pelatihan

Catatan yang terkait dengan pelaksanaan pelatihan dapat berupa :

1. Salinan / fotokopi sertifikat pelatihan

2. Salinan bahan pelatihan, misalnya makalah pelatihan atau slide pelatihan

3. Daftar Hadir Pelatihan

4. Laporan Evaluasi Pelatihan oleh peserta pelatihan

Bila pelatihan bersifat umum, maka catatan pelaksanaan pelatihan harus

dibuat makalah dan diserahkan kepada kepala bagian terkait, jika hal ini

diminta oleh atasan bagian yang terkait. Bila pelatihan bersifat khusus, maka

catatan pelaksanaan harus dibuat makalah dan dipresentasikan kepada kepala

bagian terkait dan juga beberapa bagian yang dipandang perlu untuk

menghadiri presentasi tersebut.

3.1.10 Evaluasi Pelatihan

Setelah diadakan suatu pelatihan harus diadakan evaluasi untuk

mengukur tingkat efektivitas dan efisiensi pelatihan tersebut. Hasil dari evaluasi

ini akan dijadikan tolak ukur untuk pelatihan selanjutnya. Prosedur pelatihan

adalah sebagai berikut:

1. Beberapa personil (yang dianggap perlu) yang telah mengikuti pelatihan

(inhouse maupun outhouse) yang dibiayai oleh pihak RCTI, diharuskan

untuk membuat evaluasi terhadap pelatihan yang telah diikutinya dengan

mengisi formulir evaluasi pelatihan. Formulir tersebut harus diserahkan

kepada kepala Training and Development.

2. Laporan hasil pelatihan yang jangka waktunya tidak panjang dan karyawan

yang mengikuti pelatihannya masih bisa melakukan pekerjaannya (dalam 1

hari tidak hanya pelatihan saja) wajib diberikan kepada bagian Training and

Development. Laporan pelatihan ini berupa salinan materi pelatihan dan

salinan sertifikat pelatihan.

3. Laporan hasil pelatihan (inhouse maupun outhouse) yang bersifat umum

wajib diberikan kepada Kepala Bagian terkait dan juga Kepala Training and

Development secara tertulis dalam jangka waktu maximum 30 hari kerja

setelah pelatihan tersebut selesai dilaksanakan. Jika dipandang perlu, maka

laporan tersebut harus dipresentasikan kepada kepala bagian yang terkait dan

juga beberapa personil bagian lain yang dianggap perlu untuk menghadiri

presentasi tersebut (bagian lain tersebut ditentukan oleh bagian Training and

Development)

4. Untuk pelatihan yang bersifat khusus, setelah pelatihan selesai dilaksanakan

personil pelatihan diwajibkan untuk membuat makalah pelatihan dan

mempresentasikan hasil pelatihan tersebut kepada kepala bagian terkait dan

juga beberapa personil bagian lain yang dianggap perlu untuk menghadiri

presentasi tersebut (bagian lain tersebut ditentukan oleh bagian Training and

Development)

5. Berdasarkan makalah yang dibuat dan presentasi (jika ada) hasil pelatihan,

Kepala bagian Training and Development, Kepala bagian yang terkait dan

semua karyawan yang dipandang perlu akan menilai apakah pelatihan yang

telah diikuti oleh karyawan tersebut efektif atau tidak.

3.1.11 Permasalahan yang Dihadapi

Melalui analisis sistem yang sedang berjalan kami menemukan masalah-

masalah yang ingin kami atasi adalah sebagai berikut :

1. Penggunaan sumber daya waktu dan kertas yang tidak efisien dalam

pendistribusian daftar-daftar training dan seminar yang dilakukan secara

manual. Dimana pendistribusian tersebut menggunakan banyak kertas

yang harus dibagi-bagikan kepada semua departemen yang

membutuhkannya. Selain itu membutuhkan banyak waktu untuk

memperbanyak dan menyebarkan daftar-daftar training dan seminar

secara manual.

2. Kerugian nominal bagi perusahaan dikarenakan tidak efektifnya waktu

kerja yang digunakan oleh karyawan, hanya untuk melakukan proses

pendaftaran training atau seminar. Waktu menjadi tidak efektif

dikarenakan karyawan harus bertemu dengan atasannya untuk proses

approval, yang berarti karyawan diharuskan menunggu atasannya yang

tidak selalu mempunyai waktu melakukan proses approval pada saat itu

juga.

3. Tidak ada masukan atau info pada atasan dalam mempertimbangkan

approval karyawan sebagai peserta training atau seminar. Masukan disini

berupa sejarah mengenai pelatihan yang telah di ikuti oleh suatu

karyawan.

4. Proses approval yang memakan waktu karena dilakukan secara manual,

sehingga proses pendaftaran tidak dapat dilakukan lebih lanjut karena

T&D harus mendapatkan formulir resmi dari atasan.

3.1.12 Alternatif Pemecahan Masalah

Untuk mengatasi masalah yang ada, maka di usulkan dengan suatu sistem

dalam bentuk aplikasi web yang dirancang dengan menggunakan metode UP

bersama dengan notasi UML. Sistem ini digunakan oleh karyawan untuk

mendapatkan informasi mengenai pelatihan-pelatihan dan seminar-seminar yang

akan diadakan .

Sistem ini hanya dapat dilihat dan diakses oleh karyawan RCTI yang

berhubungan saja. Intranet dipilih karena jaringan intranet dalam perusahan telah

tersedia. Sistem web ini dipilih karena hampir seluruh pegawai telah terbiasa

dengan fasilitas web, dan sistem web juga telah digunakan oleh perusahaan untuk

mengatasi masalah di departemen lain.

Sistem web ini akan mempunyai fungsi sebagai sumber informasi dari

T&D department ke karyawan lainnya dengan sharing knowledge atas pelatihan

dan seminar yang akan diadakan. Selain itu sistem ini juga menyediakan fungsi

yang membantu kepala department, kepala divisi, direksi dalam

mempertimbangkan penyetujuan pelatihan ataupun seminar yang diikuti oleh

karyawan. Sistem ini memungkinkan karyawan untuk mendaftar pelatihan-

pelatihan maupun seminar yang akan diadakan melalui sistem online

3.2 Perancangan system

3.2.1 Perancangan Database

Daftar tabel tabel yang digunakan beserta penjelasannya dapat di lihat

pada tabel 3.1 dibawah ini

No Nama tabel Keterangan

1 Tips Tabel yang memuat tips

2 Artikel Tabel yang memuat artikel

3 Ndivisi Tabel yang membuat daftar department dan divisi

yang ada

4 User Tabel yang memuat daftar karyawan

5 Nonuser Tabel yang membuat username dan password

division head dan department head dan direksi

6 Hddepartment Tabel yang membuat daftar kepala department

7 Hddivisi Tabel yang memuat daftar kepala divisi

8 Direksi Tabel yang membuat daftar direksi

9 Admin Tabel yang membuat daftar anggota T&D

department yang bertindak sebagai admin

10 Institusi Tabel yang memuat daftar institusi beserta file yang

berisi daftar pelatihan yang ditawarkan

11 Contact Tabel yang memuat pertanyaan yang di ajukan oleh

karyawan

12 Seminar Tabel yang memuat daftar seminar beserta

keterangannya

13 Pseminar Tabel yang membuat daftar peserta seminar

14 Pelatihan Tabel yang memuat daftar seminar beserta

keterangannya

15 Ppelatihan Tabel yang membuat daftar peserta pelatihan

16 Picture Tabel yang memuat dokumentasi pelatihan berupa

photo

17 News Tabel yang memuat pemberitahuan kepada

karyawan mengenai approval direksi dalam

pendaftaran seminar atau pelatihan

Tabel 3.1 daftar tabel

Kamus Data Artikel = @ Id, judul, penulis, artikel Tips = @ Id, judul, tips Ndivisi = @ divisi, jenis, ndivisi, department Karyawan = @ nip, password, nama, divisi Nonuser = @ username, password, nama Hddepartment = @ Id, username, divisi Hddivisi = @id, username, jenis Direksi = @ id, username Admin = @ id, username, moto, jabatan, telepon, email, nmphoto, photo Institusi = @ nminstitusi, Alamat, telp, tglupload, nmfile, typefile, file. Contact = @ id, tgl, nip, divisi, subject, pertanyaan, stat, jawaban Seminar = @ idseminar, judul, tglupload, summary, date, tempat, fee,

deskripsi, hadir, ttg pembicara, outline, sesi, stat. Pseminar = @ No, Nip, Idseminar, divisi, sesipilihan, stat Pelatihan = @ Idpelatihan, tglupload, nminstitusi, nmpelatihan, jadwal,

tempat, keterangan, stat. Ppelatihan = @ No, nip, idpelatihan, divisi, stat Picture = @ id, idpelatihan, nmnpic, typepic, pic, thumb News = @ no, tgl, kolom, nip, berita

Hubungan relationship pada tabel tabel tersebut dapat dilihat pada

Gambar 3.12

Gambar 3.12 relationship antar tabel

Penjelasan tabel tabel tersebut dapat di lihat pada tabel 3.2 hingga tabel 3.18

Nama tabel: artikel

Primary key: id

Nama kolom Type data Keterangan

Id Int unsigned not null

auto_increment

id unik untuk tabel artikel

Judul Tinytext not null judul dari artikel

Penulis Tinytext not null Penulis dari artikel tsb

Artikel Text notnull Isi dari artikel itu sendiri

Tabel 3.2 tabel artikel

Nama tabel: tips

Primary key: id


Id Int unsigned not null

auto_increment

id unik untuk tabel tips

Judul Tinytext not null judul dari tips

Tips Text notnull Isi dari tips itu sendiri

Tabel 3.3 tabel tips

Nama tabel: ndivisi

Primary key: divisi


Divisi Int unsigned not null Id unik untuk tabel ndivisi

yang juga melambangkan

no department

Jenis Tinyint unsigned not null Id divisi dimana department

tersebut bernaung

Nmdivisi Tinytext not null Nama divisi

Department Tinytext not null Nama department

Tabel 3.4 tabel ndivisi

Nama tabel: karyawan

Primary key: Nip

Foreign key: Divisi references ndivisi


Nip Varchar(30) not null Nomor induk pegawai

Password Varchar(30) not null Password pegawai

Nama tinytext not null Nama pegawai

Divisi tinytint unsigned not null Nomor divisi dan

department pegawai

Tabel 3.5 tabel user

Nama tabel: nonuser

Primary key: Username


Username Varchar(20) not null Sebagai id unik dari

username untuk head

department,head division

and direksi

Password Varchar(20) not null Password dari head


dan direksi

Nama Tinytext not null Nama dari head


dan direksi

Tabel 3.6 tabel nonuser

Nama tabel: hddepartment

Primary key: id

Foreign key: 1. username references nonuser


Id Int unsigned not null auto

increment

Id unik dari tabel

hddepartment

Username Varchar(20) not null Username dari head

department

Divisi Tinyint unsigned not null Nomor department yang di

pimpin head department

tersebut

Tabel 3.7 tabel hddepartment

Nama tabel: hddivisi

Primary key: id

Foreign key: 1.jenis references ndivisi

2.username references nonuser



increment

Id unik dari tabel

hddivision

Username Varchar(20) not null Username dari head

division

Jenis Tinyint unsigned not null Nomor divisi yang di

pimpin head division

tersebut

Tabel 3.8 tabel hddivision

Nama tabel: direksi

Primary key: id

Foreign key : username references nonuser



increment

Id unik dari tabel direksi

Username Varchar(20) not null Username dari direksi

Tabel 3.9 tabel direksi

Nama tabel: admin

Primary key: id

Foreign key: username references nonuser



increment

Id unik dari tabel admin

Username Varchar(20) Username dari admin

Moto Tinytext Moto dari admin

jabatan Tinytext Jabatan dari admin

Telp Varchar(20) Telepon extension dari

admin tersebut

Email Varchar(20) Email dari admin tersebut

Nmphoto Varchar(20) Nama file photo dari photo

yang di upload admin

Photo Blob File photo yang di upload

Tabel 3.10 tabel admin

Nama tabel: institusi

Primary key: nminstitusi


Nminstitusi Varchar(20) not null Nama institusi yang

menyediakan pelatihan

Alamat Tinytext Alamat institusi yang


Telp Varchar(20) Nomor telepon institusi

yang menyediakan

pelatihan

Tglupload Date Tanggal file yang berisi

daftar pelatihan di upload

Nmfile Varchar(20) Nama file yang berisi daftar

pelatihan yang di upload

Typefile Varchar(20) Type file yang diupload

File Blob File yang diupload

Tabel 3.11 tabel institusi

Nama tabel: contact

Primary key: id

Foreign key: 1.nip references karyawan


Id Varchar(50) Id unik ,merupakan

gabungan nip dan waktu

Tgl Date Tanggal pertanyaan di

kirim

Nip Varchar(30) Nomor pegawai yang

mengirim pertanyaan

Divisi Tinyint unsigned No department pegawai

Subject Tinytext Subject dari pertanyaan

yang di kirim

Pertanyaan Text Pertanyaan yang dikirim

oleh pegawai

Stat Tinyint unsigned Status pertanyaan sudah

terjawab atau belum

Jawaban Text Jawaban dari pertanyaan

yang dikirim

Tabel 3.12 tabel contact

Nama tabel: seminar

Primary key: idseminar


idseminar Int unsigned not null auto

increment

Id unik untuk tabel seminar

Judul Tinytext Judul seminar

Tglupload Date Tanggal seminar tersebut di

upload

Summary Text Penjelasan singkat

mengenai seminar tersebut

Date Tinytext Jadwal seminar

Tempat Tinytext Tempat seminar di adakan

Fee Tinytext Biaya

Deskripsi Text Penjelasan mengenai

seminar

Hadir Tinytext Daftar orang yang perlu

menghadiri

Ttg pembicara Text Tentang orang yang akan

berbicara

Outline Text Daftar urutan seminar

Sesi Tinyint Banyaknya sesi

stat Tintint Status seminar sudah

diadakan atau belum

Tabel 3.13 tabel seminar

Nama tabel: pseminar

Primary key: no


2.idseminar references seminar


No Varchar(50) Id unik,gabungan nip dan

idseminar

Nip Varchar(30) Nip pendaftar

Idseminar Int unsigned No id seminar

Divisi Tinyint unsigned No department pendaftar

Sesipilihan Tinytext Sesi pilihan pendaftar dari

sesi seminar

Stat Tinyint unsigned Status pendaftar sudah di

terima atau belum

Tabel 3.14 tabel pseminar

Nama tabel: pelatihan

Primary key: idpelatihan


Idpelatihan Int unsigned not null auto

increment

Id unik untuk tabel

pelatihan

Tglupload Data Tanggal pelatihan diupload

Nminstitusi Tinytext Nama institusi yang


Nmpelatihan Tinytext Pelatihan yang akan di

adakan

Jadwal Tinytext Jadwal pelatihan tersebut

Tempat Tinytext Tempat pelatihan di adakan

Keterangan Text Penjelasan detail mengenai

pelatihan tersebut

Stat Tinyint unsigned Status mengenai pelatihan

tersebut sudah berjalan atau

belum

Tabel 3.15 tabel pelatihan

Nama tabel: ppelatihan

Primary key: no


2.idpelatihan references idpelatihan


No Varchar(50) not null Id unik gabungan id

pelatihan digabung dengan

nip

Nip Varchar(30) Nomor pegawai yang

mendaftar

Idpelatihan Int unsigned No id pelatihan

Divisi Tinyint No department pendaftar

Stat Tinytint Status pendaftar sudah di

terima atau belum

Tabel 3.16 tabel ppelatihan

Nama tabel: picture

Primary key: id

Foreign key: idpelatihan references pelatihan



increment

Id unik untuk tabel picture

Idpelatihan Int unsigned Nomor id pelatihan yang

telah di jalankan

Nmpic Varchar(20) Nama photo yang di upload

Typepic Varchar(20) Type file photo yang di

upload

Pic Blob File photo yang di upload

Thumb Blob Photo ukuran kecil yang di

gunakan untuk tampilan

Tabel 3.17 tabel picture

Nama tabel: news

Primary key: no

Foreign key: nip references karyawan


No Varchar(50) Id unik untuk tabel

news,gabungan antara nip

dengan

idpelatihan/idseminar di

tambah s untuk seminar

atau p untuk pelatihan

Tgl Date Tanggal news tersebut di

kirim

Nip Varchar(50) Nomor pegawai

Berita Tinytext Pemberitahuan

Tabel 3.18 tabel news

3.2.2 Perancangan sistem dengan menggunakan UML

3.2.2.1 Perancangan sistem dengan usecase diagram

pada gambar usecase main yg terlihat pada gambar 3.13, terdapat 6 aktor

utama pada sistem ini yaitu viewer atau pengunjung web intranet biasa ,

karyawan, atasan karyawan seperti head department, head division, dan direksi,

dan juga admin yaitu T&D department. Masing masing aktor tersebut

mempunyai tugas-tugas yang terlihat pada gambar. Ada beberapa bagian tugas

yang dapat di pecah pecah menjadi beberapa tugas untuk aktor-aktor yang

berbeda menjadi usecase kecil kecil seperti view content web dapat dilihat pada

gambar 3.14, edit personal data dapat dilihat pada gambar 3.15, organize content

web pada gambar 3.16 , organize member pada gambar 3.17.

Pada gambar 3.14 tugas view content web terbagi bagi menjadi beberapa

tugas, dimana tiap tiap aktor mempunyai tugas yang sama atau berbeda dan

mempunyai akses yang berbeda. Tugas tugas tersebut merupakan bagian dari

view content web yang terdapat pada use case main. tugas tugas tersebut terbagi

berdasarkan akses akses terbatas yang di berikan pada masing masing actor

dalam view content web.

Pada gambar 3.15, tugas admin yang terdapat pada usecase main yaitu

edit personal data , didalam tugas tersebut terdapat update personal data dan

update photo.

Pada gambar 3.16, tugas admin yaitu organize content web terbagi bagi menjadi

beberapa tugas dalam tugasnya mengorganize isi web dan mengupdate isi web.

Pada gambar 3.17 , tugas admin yaitu organize member terbagi menjadi

beberapa tugas dalam mengorganize member member yang ada , baik

admin,karyawan, atasan seperti head department, head division, dan direksi

System

admin_training&development

karyawan

mendaftar training

view content web

mendaftar seminar

login

logout

organize member

edit personal data

organize contentof web

send_question

Search

viewer

update_password_personal

answer_question

view_seminar_participant

view_training_participant

view historykaryawan

Approve Trainingparticipant

Approve seminarparticipant

head department

head_division

direksi

admin_IT

Gambar 3.13 gambar usecase main

Gambar 3.14 gambar usecase view content web

Gambar 3.15 gambar usecase edit personal data

Gambar 3.16 gambar usecase organize content web

Gambar 3.17 usecase organize member

3.2.2.2 Perancangan sistem dengan class diagram

Pada gambar class diagram utama yaitu gambar 3.18, terdapat objek

objek yang terdapat dalam sistem ini, object pengguna mempunyai turunan

pengguna teregistrasi yang mempunyai akses dan viewer adalah pengguna biasa

yang mempunyai akses terbatas hanya sebatas view content web saja. Pada

turunan pengguna, masing masing turunan mempunyai subsystem web. Pada

pengguna berhubungan dengan database,pengguna teregistrasi berhubungan

dengan session dan server log page.

Gambar 3.18 class diagram utama

Pada gambar 3.19 dibawah terdapat gambar class diagram detail viewer system.

Pada diagram ini menggambarkan hubungan objek objek halaman yang terdapat dapat

subsystem tersebut. Pada objek search page , terdapat objek form yang masih bagian dari

objek search, dan juga terdapat objek login form yang merupaka bagian dari objek login

Gambar 3.19 class diagram detail viewer subsistem

Pada gambar 3.20 terdapat class diagram detail dari admin subsystem. Pada class

diagram tersebut digambarkan hubungan objek halaman dalam subsytem tersebut, dan

juga terdapat grup objek organize content web dan organize member, dimana dalam

grup objek tersebut didalamnya terdapat objek objek yang masih berhubungan dengan

grup objek tersebut. Untuk penggambaran class diagram grup objek organize content

web dapat dilihat pada gambar 3.21, dan untuk class diagram grup objek organize

member dapat dilihat pada gambar 3.22

Gambar 3.20 class diagram detail admin subsistem

Pada gambar 3.21 terdapat class diagram organize content web yang

menggambarkan hubungan objek objek yang masih menjadi bagian dari organize

content web. Didalamnya terdapat objek objek halaman yang berhubungan dengan

pengaturan isi web. Class diagaram organize content web ini masih berada didalam class

diagram admin subsystem, dan berhubungan dengan objek admin T&D pada class

diagram utama.

Pada gambar 3.22 terdapat class diagram organize member yang

menggambarkan hubungan objek objek yang masih menjadi bagian dari organize

member. Didalam nya terdapat objek objek halaman page yang berhubungan dengan

pengaturan user yang mempunyai akses seperti karyawan,. Class diagaram organize

member ini masih berada didalam class diagram admin subsystem, dan berhubungan

dengan objek admin T&D pada class diagram utama.

Pada gambar 3.23 terdapat class diagram karyawan subsystem yang

menggambarkan hubungan objek objek halaman page yang berhubungan dengan task-

task user dan objek objek halaman yang dapat dipakai user dalam subsystem karyawan

tersebut seperti objek form daftar seminar form, dan daftar training form.

Gambar 3.21 class diagram detail organize content web pada class diagram detail admin subsistem

Gambar 3.22 class diagram detail organize member pada class diagram detail admin subsistem

Gambar 3.23 class diagram detail karyawan subsistem

Pada gambar 3.24 terdapat class diagram eksekutif subsystem yang

menggambarkan hubungan objek objek halaman page yang berhubungan dengan task-

task user dan objek objek halaman yang dapat dipakai user dalam subsystem eksekutif.

Objek objek ini dipakai oleh user berakses eksekutif, yaitu kepala department, kepala

divisi, dan direksi.

Gambar 3.24 class diagram detail dari eksekutif subsistem

3.2.2.3 Perancangan sistem dengan menggunakan sequence diagram

Pada proses search ,viewer melakukan navigasi ke dalam search page,

yang akan dilanjutkan dengan navigasi ke search page form. Form ini akan di

display kepada viewer, dan viewer mengisi form dan men-submit. Hasil dari

submit ini akan di validasi, jika hasilnya salah maka akan di display error

message. Jika benar maka form akan melakukan navigasi ke search page, disini

search page akan mengambil informasi dari data base untuk membuat data hasil

yang dicari.. kemudian akan di display kepada viewer.Untuk keterangan lebih


Pada proses send question karyawan akan menavigasi view question list

page, page ini akan mengambil question information dan membuat question list.

Question list ini akan di display kepada karyawan. karyawan yang melihat hasil

display akan menavigasikan view question list page untuk membuat form

question. Form question akan di display kembali kepada karyawan, dan

karyawan mengisi sekaligus men-submit. Hasil dari submit ini akan di validasi,

jika kondisi salah maka akan di display error message. Sedangkan jika kondisi

benar maka hasil dari submit-an (yang sudah di isi oleh user) akan di masukan ke

dalam data base. Setlah proses pemasukan data selesai, maka dibuatlah success

message yang kemudian di display kepada karyawan.Untuk keterangan lebih


Gambar 3.25 sequence diagram search

Gambar 3.26 sequence diagram send question

Pada proses daftar training, karyawan menavigasikan daftar training

page, hal ini menyebabkan daftar training page mengambil data dari database.

Data ini akan digunakan untuk membuat training list. Training list ini akan di

display kepada karyawan. karyawan yang melihat hasil display akan

menavigasikan daftar training page, sedangkan daftar training page akan

melanjutkan navigasi ini ke view training page, dimana view training page akan

mengambil data dari database dan membuat detail training page. Detail ini akan

di display kepada karyawan, yang akan di navigasi balik oleh karyawan.

Navigasi dari karyawan akan divalidasi, jika benar maka view training page akan

membuat form daftar training. Form ini akan di display kepada karyawan, yang

akan diisi dan disubmit. Hasil submit-annya akan di validasi, jika salah maka

akan di display. Jika submitnya benar, maka form ini akan mengambil data dari

database, dan dicocok-an. Keadaan tidak cocok akan memberikan display error

kepada user, sedangkan keadaan cocok akan membuat form daftar training

meng-insert hasil pengisian form tadi ke dalam data base dan membuat pesan

success yang akan di display kepada karyawan.Untuk keterangan lebih lanjut

dapat dilihat pada gambar 3.27

gambar 3.27 sequence diagram daftar training

Pada proses daftar seminar, karyawan melakukan navigasi ke dalam

halaman daftar seminar page, hal ini akan menyebabkan daftar seminar page

akan mengambil seminar list dari database. Page ini akan membuat seminar list,

dan di display kepada user. karyawan melakukan navigasi (memilih seminar)

kembali ke dalam daftar seminar page. Page ini akan melanjutkan navigasi ke

dalam view seminar page. View seminar page akan mengambil informasi detail

dari seminar, yang kemudian membuat detail seminar. Detail seminar ini di

display kepada user. karyawan yang telah menerima detail ini akan melanjutkan

navigasi (men-klik tombol daftar), yang akan di validasi. Jika validasi benar,

maka form seminar page akan di bentuk dan di display kepada karyawan.

Karyawan kemudian akan mengisi form dan men-submit. Hasil ini akan di

validasi kembali, jika kondisi salah, maka akan di display ke karyawan pesan

kesalahan. Jika kondisi benar, maka form daftar seminar akan mengambil data

dari database dan dicocokan dengan hasil submit. Jika kondisi salah akan di

display pesan kesalahan, jika benar hasil submit-an akan di masukan ke dalam

data base. Setelah pemasukan data selesai, page akan men-display pesan

success.Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.28

gambar 3.28 sequence diagram daftar seminar

Pada proses login user teregistrasi (mencakup admin, head department, head

division, karyawan, direksi) melakukan navigasi kedalam login page, user teregistrasi

mengisi username dan password. Setelah semua diisi user teregistrasi men-submit ke

dalam form login. Form login yang telah menerima akan memvalidasikan (apakah ada

kosong / character / huruf terlarang), jika kondisi salah, maka login page akan di buat

kembali dalam keadaan kosong ditambah dengan peringatan. Jika kondisi benar, maka

form login akan men-submit username dan password ke dalam server page login. Server

page login akan mengambil data dari data base, yang kemudian di validasikan dengan

hasil submit-an tadi. Jika terjadi kondisi salah, maka login page kosong akan di

tampilkan , ditambah dengan pesan errornya. Jika keadaan benar, maka session akan di

buat. Setelah session dibuat, maka session melakukan navigasi ke dalam view specific

main site (sesuai dengan statusnya). Untuk keterangan lebih lanjut dapat dilihat pada

gambar 3.29

Pada proses logout user teregistrasi (mencakup admin,head department,head

division,direksi,karyawan), user teregistrasi melakukan navigasi (memencet tombol log

out) dalam masing-masing specific main site. Hal ini menyebabkan specific main site

akan mengirimkan pesan log out kedalam serverPageLog. serverPageLog akan

memberikan perintah untuk mengahancurkan session. Untuk keterangan lebih lanjut


gambar 3.29 sequence diagram login

Gambar 3.30 sequence diagram logout

Pada proses update password, user teregistrasi(mencakup admin,head

department,head division, direksi,karyawan) akan menavigasi update password page,

yang akan menyebabkan page ini mengecek session. Jika session masih memenuhi

syarat, maka user teregistrasi akan mengisi dan men-submit password form. Update

password page akan mengambil data dari database, yang divalidasikan dengan isi submit

tadi. Jika kondisi memenuhi syarat, maka update password disimpan ke dalam database.

Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.31

Gambar 3.31 sequence diagram update password

Pada proses answer question, proses ini di mulai dari admin melakukan navigasi

dalam question page, navigasi ini menyebabkan question page akan mengecek session.

Jika session memenuhi syarat, maka question page akan mengambil data dari database.

Data yang telah ambil digunakan untuk membuat question list. Question list ini akan di

display kepada admin. Admin kemudian menavigasi (memilih list mana yang akan di

lihat) question list, yang akan menyebabkan question list menavigasikan question list

detail. Question detail page disini akan mengecek, jika session masih memenuhi syarat

maka question detail page akan mengambil data dari database. Data-data ini akan

digunakan untuk question detail, dan hasilnya di display kepada admin. Untuk

keterangan lebih lanjut dapat di lihat pada gambar 3.32

Gambar 3.32 sequence diagram answer question

Pada proses view history karyawan untuk admin,admin menavigasi karyawan

page, dan karyawan page akan memeriksa session. Jika memenuhi syarat karyawan page

akan membuat karyawan list, yang akan di display kepada admin. Admin akan memilih

link history dari karyawan. Karyawan page akan menavigasi history page, yang

menyebabkan history page meminta data dari database dan dibuatlah detail history.

Detail history akan di display kepada admin. Untuk keterangan lebih lanjut dapat dilihat

pada gambar 3.33

Gambar 3.33 sequence diagram view history karyawan untuk admin

Pada proses view history karyawan untuk bagian atasan(mencakup head

department,head division dan direksi),dimulai dengan navigasi ke seminar/training

participant list page, dan seminar/training participant list page akan memeriksa session.

Jika memenuhi syarat seminar/training participant list page akan membuat participant

list, yang akan di display kepada atasan(head department,head division,direksi). atasan

akan memilih link history dari participant. seminar/training participant list page akan

menavigasi history page, yang menyebabkan history page meminta data dari database

dan dibuatlah detail history. Detail history akan di display kepada atasan. Untuk

keterangan lebih lanjut dapat dilihat pada gambar 3.34

Gambar 3.34 sequence diagram view history karyawan untuk atasan

Pada proses view seminar participant untuk admin, admin akan menavigasi ke

daftar seminar page,daftar seminar page akan memeriksa session dan kemudian akan

mengambil list seminar yang masih di buka dan di build dipage tersebut lalu

menampilkannya kepada admin,kemudian admin dapet menavigasi ke seminar

participant list page dengan memilih seminar tertentu yang ada dalam daftar ,lalu

seminar participant page akan memeriksa session dan akan mengambil data peserta

seminar untuk seminar tersebut dan di build pada page tersebut lalu menampilkannya

kepada admin. Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.35

Gambar 3.35 sequence diagram view seminar participant untuk admin

Pada proses view training participant untuk admin, admin akan menavigasi ke

daftar training page,daftar training page akan memeriksa session dan kemudian akan

mengambil list training yang masih di buka dan di build dipage tersebut lalu

menampilkannya kepada admin,kemudian admin dapet menavigasi ke training

participant list page dengan memilih training tertentu yang ada dalam daftar ,lalu

training participant page akan memeriksa session dan akan mengambil data peserta

training untuk training tersebut dan di build pada page tersebut lalu menampilkannya

kepada admin. Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.36

Gambar 3.36 sequence diagram view training participant untuk admin

Pada proses view seminar participant untuk atasan(mencakup head

department,head division,direksi), atasan akan menavigasi ke seminar participant list

page, lalu seminar participant list page akan memeriksa session dan akan mengambil

data peserta seminar dan seminar yang di ikutinya dan di build pada page tersebut lalu

menampilkannya kepada atasan. Untuk keterangan lebih lanjut dapat dilihat pada

gambar 3.37

Gambar 3.37 sequence diagram view seminar participant untuk atasan

Pada proses view training participant untuk atasan(mencakup head

department,head division,direksi), atasan akan menavigasi ke training participant list

page, lalu training participant list page akan memeriksa session dan akan mengambil

data peserta training dan training yang di ikutinya dan di build pada page tersebut lalu

menampilkannya kepada atasan. Untuk keterangan lebih lanjut dapat dilihat pada

gambar 3.38

Gambar 3.38 sequnce diagram view training participant untuk atasan

Pada proses update personal data, admin melakukan navigasi kedalam personal

page, hal ini menyebabkan page ini melakukan navigasi kedalam update personal data

page. Update personal data page akan mengecek session. Jika kondisi benar, maka

update personal data page akan mengambil member information, dan membuat update

personal data form. Form ini kemudian di display kepada admin. Admin yang melihat

hasil display akan men-update personal data, dan men-submit-nya. Hasil submit-an ini

akan di validasi, jikam kondisi benar, maka akan dilakukan update new personal data

kedalam database. Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.39

Gambar 3.40 sequence diagram update photo

Pada proses approve training participant,atasan(mencakup head department,head

division,direksi) menavigasikan daftar participant training page, navigasi ini akan

membuat data participant training page mengecek session. Jika session memenuhi

syarat, maka daftar participant training page akan mengambil data participant

traininglist dari database. Data ini digunakan untuk membuat daftar training

participants. Daftar training yang telah dibuat di display kepada atasan, sedangkan

atasan akan menavigasi(choose participant) participant training list. Setelah pemilihan

selesai, maka hasilnya di submit, dan data-datanya akan disimpan dalam database.

Untuk keterangan lebih lanjut dapat di lihat pada gambar 3.41

Gambar 3.39 sequence diagram update personal data

Pada proses update photo, admin melakukan navigasi kedalam photo page, hal

ini menyebabkan page ini melakukan navigasi kedalam update photo data page. Update

photo data page akan mengecek session. Jika kondisi memenuhi syarat, maka akan

membuat update photo data form. Form ini kemudian di display kepada admin. Admin

yang melihat hasil display akan men-update photo data, dan men-submit-nya. Hasil

submit-an ini akan di validasi, jika kondisi benar, maka akan dilakukan update new

photo data kedalam database untuk keterangan lebih lanjut dapat di lihat pada gambar

3.40

x

Gambar 3.41 sequence diagram approve training participant

Pada proses approve seminar participant, atasan(mencakup head

department,head division,direksi)menavigasikan daftar participant seminar page,

navigasi ini akan membuat data participant seminar page mengecek session. Jika

session memenuhi syarat, maka daftar participant seminar page akan mengambil data

participant seminar list dari database. Data ini digunakan untuk membuat daftar

seminar participants. Daftar seminar yang telah dibuat di display kepada atasan,

sedangkan atasan akan menavigasi(choose participant) participant seminar list. Setelah

pemilihan selesai, maka hasilnya di submit, dan data-datanya akan disimpan dalam

database. Untuk keterangan lebih lanjut dapat di lihat pada gambar 3.42

Gambar 3.42 sequence diagram approve seminar participant

Pada proses add karyawan, admin melakukan navigasi kedalam daftar karyawan

page. Hal ini menyebabkan daftar karyawan page mengecek session. Jika kondisi benar,

maka daftar karyawan page akan membuat karyawan list. Karyawan list ini di display

kepada karyawan. Admin yang melihat karyawan list akan menavigasi kembali daftar

karyawan page. Hal ini menyebabkan daftar karyawan page melakukan navigasi

kedalam add karyawan page. Add karyawan page akan mengecek session, jika kondisi

benar, maka admin akan mengisi form dan men-submitnya. Hasil dari submit-an ini

akan di validasi. Jika kondisi salah, maka akan di display error message. Sedangkan jika

kondisi benar, maka hasil submit-an tadi akan dimasukan kedalam database. Setelah

proses pemasukan data selesai, maka add karyawan form akan men-display success /

error message. Untuk keterangan lebih lanjut dapat di lihat pada gambar 3.43

Pada proses delete karyawan, admin melakukan navigasi kedalam daftar

karyawan page. Hal ini menyebabkan daftar karyawan page mengecek session. Jika

kondisi benar, maka daftar karyawan page akan mengambil data (karyawan list) dari

database dan membuat karyawan list. Karyawan list ini di display kepada admin. Admin

yang melihat karyawan list melakukan navigasi (memilih karyawan) kedalam daftar

karyawan page dan melakukan submit kedalam delete karyawan form. delete karyawan

form akan melanjutkan perintah dengan menghapus data karyawan di database. Untuk


Gambar 3.43 sequence diagram add karyawan

Gambar 3.44 sequence diagram delete karyawan

Pada proses add admin,admin melakukan navigasi kedalam daftar admin page.

Hal ini menyebabkan daftar admin page mengecek session. Jika kondisi benar, maka

daftar admin page akan membuat admin list kecuali namanya sendiri. Admin list ini di

display kepada admin. Admin yang melihat admin list akan menavigasi kembali daftar

admin page. Hal ini menyebabkan daftar admin page melakukan navigasi kedalam add

admin page. Add admin page akan mengecek session, jika kondisi benar, maka admin

akan mengisi form dan men-submitnya. Hasil dari submit-an ini akan di validasi. Jika

kondisi salah, maka akan di display error message. Sedangkan jika kondisi benar, maka

hasil submit-an tadi akan dimasukan kedalam database. Setelah proses pemasukan data

selesai, maka add admin form akan men-display success / error message. Untuk


Pada proses delete admin,admin melakukan navigasi kedalam daftar admin page.

Hal ini menyebabkan daftar admin page mengecek session. Jika kondisi benar, maka

daftar admin page akan mengambil data (admin list) dari database dan membuat admin

list kecuali namanya sendiri. Admin list ini di display kepada admin. Admin yang

melihat admin list melakukan navigasi (memilih admin) kedalam daftar admin page dan

melakukan submit kedalam delete admin form. delete admin form akan melanjutkan

perintah dengan menghapus data admin di database. Untuk keterangan lebih lanjut dapat

di lihat pada gambar 3.46

Gambar 3.45 sequence diagram add admin

Gambar 3.46 sequence diagram delete admin

Pada proses add head department, admin melakukan navigasi kedalam daftar

head departement page. Hal ini menyebabkan daftar head departement page mengecek

session. Jika kondisi benar, maka daftar head departement page akan membuat head

departement list. Head departement list ini di display kepada admin. Admin yang akan

menavigasi daftar head departement page ke add head department page . Add head

departement page akan mengecek session, jika kondisi benar, maka admin akan mengisi

form dan men-submitnya. Hasil dari submit-an ini akan di validasi. Jika kondisi salah,

maka akan di display error message. Sedangkan jika kondisi benar, maka hasil submit-

an tadi akan dimasukan kedalam database. Setelah proses pemasukan data selesai, maka

add head departement form akan men-display success / error message. Untuk keterangan

lebih lanjut dapat di lihat pada gambar 3.47

Pada proses delete head department,admin melakukan navigasi kedalam daftar

head department page. Hal ini menyebabkan head department mengecek session. Jika

kondisi benar, maka daftar head department page akan mengambil data (head

department list) dari database dan membuat head department list. Head department list

ini di display kepada admin. Admin yang melihat head department list melakukan

navigasi (memilih head department) kedalam daftar head department page dan

melakukan submit kedalam delete head department form. delete head department form

akan melanjutkan perintah dengan menghapus data head department di database. Untuk

keterangan lebih lanjut dapat di lihat pada gambar 3.48

Gambar 3.47 sequence diagram add head department

Gambar 3.48 sequence diagram delete head department

Pada proses add head division, admin melakukan navigasi kedalam daftar head

division page. Hal ini menyebabkan daftar head division page mengecek session. Jika

kondisi benar, maka daftar head division page akan membuat head division list. Head

division list ini di display kepada head division. Admin yang melihat head division list

akan menavigasi kembali daftar head division page. Hal ini menyebabkan daftar head

division page melakukan navigasi kedalam add head division page. Add head division

page akan mengecek session, jika kondisi benar, maka admin akan mengisi form dan

men-submitnya. Hasil dari submit-an ini akan di validasi. Jika kondisi salah, maka akan

di display error message. Sedangkan jika kondisi benar, maka hasil submit-an tadi akan

dimasukan kedalam database. Setelah proses pemasukan data selesai, maka add head

division form akan men-display success / error message. Untuk keterangan lebih lanjut


Pada proses delete head division, admin melakukan navigasi kedalam daftar head

division page. Hal ini menyebabkan head division page mengecek session. Jika kondisi

benar, maka daftar head division page akan mengambil data (head division list) dari

database dan membuat head division list. Head division list ini di display kepada admin.

Admin yang melihat head division list melakukan navigasi (memilih head division)

kedalam daftar head division page dan melakukan submit kedalam delete head division

form. delete head division form akan melanjutkan perintah dengan menghapus data head

division di database. Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.50

Gambar 3.49 sequence diagram add head division

Gambar 3.50 sequence diagram delete head division

Pada proses add direksi, admin melakukan navigasi kedalam daftar direksi page.

Hal ini menyebabkan daftar direksi page mengecek session. Jika kondisi benar, maka

daftar direksi page akan membuat direksi list. direksi list ini di display kepada admin.

Admin yang melihat direksi list akan menavigasi kembali daftar direksi page. Hal ini

menyebabkan daftar direksi page melakukan navigasi kedalam add direksi page. Add

direksi page akan mengecek session, jika kondisi benar, maka admin akan mengisi form

dan men-submitnya. Hasil dari submit-an ini akan di validasi. Jika kondisi salah, maka

akan di display error message. Sedangkan jika kondisi benar, maka hasil submit-an tadi

akan dimasukan kedalam database. Setelah proses pemasukan data selesai, maka add

admin form akan men-display success / error message. Untuk keterangan lebih lanjut


Pada proses delete direksi, admin melakukan navigasi kedalam daftar direksi

page. Hal ini menyebabkan daftar direksi page mengecek session. Jika kondisi benar,

maka daftar direksi page akan mengambil data (direksi list) dari database dan membuat

direksi list. direksi list ini di display kepada admin. Admin yang melihat direksi list

melakukan navigasi (memilih direksi) kedalam daftar direksi page dan melakukan

submit kedalam delete direksi form. delete direksi form akan melanjutkan perintah

dengan menghapus data direksi di database. Untuk keterangan lebih lanjut dapat dilihat

pada gambar 3.52

Gambar 3.51 sequence diagram add direksi

Gambar 3.52 sequence diagram delete direksi

Pada proses add tips, admin melakukan navigasi (memilih/ men-klik daftar tips

page) kedalam daftar tips page. Hal ini menyebabkan daftar tips page melakukan

pengecekan session. Jika kondisi benar, maka daftar tips page akan mengambil data dan

membuat daftar tips. Daftar ini akan di display kepada admin. Admin yang melihat

daftar tips ini akan melakukan navigasi (memilih tips). Navigasi ini mengakibatkan

daftar tips page melakukan navigasi (mengarahkan page kedalam page baru) kedalam

add tips page. Add tips page akan mengecek session. Jika kondisi benar, maka add tips

page akan membuat add tips form. Form ini di isi, submit oleh admin. Hasil submit-an

tadi akan di validasi, jika kondisi salah, maka akan di display error message. Jika kondisi

benar, maka hasil submit-an tadi akan dimasukan kedalam database. Setelah proses

pemasukan data selesai, maka add tips form akan men-display success / error message.

Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.53

Pada proses delete tips, admin melakukan navigasi (memilih tips page) kedalam

daftar tips page. Daftar tips page akan mengecek session. Jika kondisi benar, maka

daftar page akan membuat tips list dan di display kepada admin. Admin yang melihat

hasil display ini akan melakukan navigasi lagi (memilih tips yang akan di delete).

Admin kemudian mengisi delete tips form dan men-submitnya. Kemudian delete tips

form akan menghapus data tips tersebut di database.untuk keterangan lebih lanjut dapat

dilihat pada gambar 3.54

Gambar 3.53 sequence diagram add tips

Gambar 3.54 sequence diagram delete tips

Pada proses update tips, admin melakukan navigasi kedalam daftar tips page. Hal

ini menyebabkan daftar tips page mengecek session. Jika kondisi benar, maka daftar tips

page akan mengambil data (tips list) dari database dan membuat tips list. Artike list ini

di display kepada admin. Admin yang melihat tips list ini melakukan navigasi (memilih

tips) kedalam daftar tips page dan daftar tips page akan melakukan navigasi kedalam

update tips page. Update tips page akan mengecek session. Jika kondisi benar, maka

update tips page akan membuat update tips form. Update tips form akan di display

kepada admin. Admin yang melihat form ini akan melakukan perubahan isi form dan

men-submitnya. Hasil submit-an ini akan di validasi, jika kondisi salah maka akan di

display error message. Jika kondisi benar, maka akan memasukan hasil submit-an tadi

(update tips) kedalam database. Setelah proses pemasukan data selesai, maka update tips

form akan men-display success / error message. Untuk keterangan lebih lanjut dapat di

lihat pada gambar 3.55

Gambar 3.55 sequence diagram update tips

Pada proses Admin melakukan navigasi ke dalam daftar artikel page. Hal ini

akan menyebabkan daftar artikel page mengecek session. Jika keadaan session

memenuhi syarat, maka daftar artikel page akan mengambil data (artikel list) dari

database dan membuat artikel list. Artikel list ini akan di display kepada admin. Admin

yang melihat display artikel list akan menavigasi daftar artikel page, yang dilanjutkan

dengan daftar artikel page melakukan navigasi kedalam add artikel page. Navigasi ini

akan menyebabkan add artikel page untuk mengecek session dan membuat add artikel

form.add artikel form ini akan di display kepada admin. Admin yang melihat display ini

akan mengisi form dan men-submit add artikel form. Hasil submit-an ini akan di

validasikan dan jika kondisi salah, maka pesan kesalahan akan di display kepada admin.

Sedangkan jika kondisi benar add artikel form akan memasukan data kedalam database.

Setelah proses pemasukan selesai, maka add artikel form akan men-display pesan

success kepada admin. Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.56

Pada proses delete artikel, admin melakukan navigasi (memilih artikel page)

kedalam daftar artikel page. Daftar artikel page akan mengecek session. Jika kondisi

benar, maka daftar page akan membuat artikel list dan di display kepada admin. Admin

yang melihat hasil display ini akan melakukan navigasi lagi (memilih artikel yang akan

di delete). Admin kemudian mengisi delete artikel form dan men-submitnya. Kemudian

delete artikel form akan menghapus data artikel tersebut di database. Untuk keterangan

lebih lanjut dapat dilihat pada gambar 3.57

Gambar 3.56 sequence diagram add

artikel

Gambar 3.57 sequence diagram delete artikel

Pada proses update artikel, admin melakukan navigasi kedalam daftar artikel

page. Hal ini menyebabkan daftar artikel page mengecek session. Jika kondisi benar,

maka daftar artikel page akan mengambil data (artikel list) dari database dan membuat

artikel list. Artike list ini di display kepada admin. Admin yang melihat artikel list ini

melakukan navigasi (memilih artikel) kedalam daftar artikel page dan daftar artikel page

akan melakukan navigasi kedalam update artikel page. Update artikel page akan

mengecek session. Jika kondisi benar, maka update artikel page akan membuat update

artikel form. Update artikel form akan di display kepada admin. Admin yang melihat

form ini akan melakukan perubahan isi form dan men-submitnya. Hasil submit-an ini

akan di validasi, jika kondisi salah maka akan di display error message. Jika kondisi

benar, maka akan memasukan hasil submit-an tadi (update artikel) kedalam database.

Setelah proses pemasukan data selesai, maka update artikel form akan men-display

success / error message. Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.58

Gambar 3.58 sequence diagram update artikel

Pada proses add seminar, admin melakukan navigasi kedalam seminar page, hal

ini menyebabkan seminar page melakukan pengecekan session. Jika kondisi benar, maka

seminar page akan mengambil data (seminar list) dan dibuatlah seminar list. Seminar list

ini di display kepada admin. Admin yang melihat hasil display ini akan melakukan

navigasi ke dalam seminar page. Seminar page ini akan melakukan navigasi lagi kepada

add seminar page. Navigasi ini menyebabkan add seminar page melakukan pengecekan

session. Jika kondisi benar, maka seminar page akan membuat add seminar form. Form

ini di isi oleh admin, dan setelah itu di submit. Hasil dari submit-an tadi akan di validasi.

Jika kondisi salah, maka akan ditampilkan error message, sedangkan jika benar akan

memasukan data kedalam database. Setelah proses pemasukan data selesai, maka add

photo form akan men-display success / error message. Untuk keterangan lebih lanjut


Pada proses ubah status seminar, admin melakukan navigasi (memilih seminar

page) kedalam daftar seminar page. Daftar seminar page akan mengecek session. Jika

kondisi benar, maka daftar seminar page akan membuat seminar list dan di display

kepada admin. Admin yang melihat hasil display ini akan melakukan navigasi lagi

(memilih seminar yang akan di ubah statusnya). Admin kemudian mengisi ubah status

seminar form dan men-submitnya. Kemudian ubah status seminar form akan

mengupdate status seminar tersebut di database. Untuk keterangan lebih lanjut dapat


Gambar 3.59 sequence diagram add seminar

Gambar 3.60 sequence diagram ubah status seminar

Pada proses add training, admin melakukan navigasi kedalam training page, hal

ini menyebabkan training page melakukan pengecekan session. Jika kondisi benar, maka

training page akan mengambil data (training list) dan dibuatlah training list. Training list

ini di display kepada admin. Admin yang melihat hasil display ini akan melakukan

navigasi ke dalam training page. Training page ini akan melakukan navigasi lagi kepada

add training page. Navigasi ini menyebabkan add training page melakukan pengecekan

session. Jika kondisi benar, maka training page akan membuat add training form. Form

ini di isi oleh admin, dan setelah itu di submit. Hasil dari submit-an tadi akan di validasi.

Jika kondisi salah, maka akan ditanpilkan error message, sedangkan jika benar akan

memasukan data kedalam database. Setelah proses pemasukan data selesai, maka add

training form akan men-display success / error message. Untuk keterangan lebih lanjut


Pada proses ubah status training, admin melakukan navigasi (memilih training

page) kedalam daftar training page. Daftar training page akan mengecek session. Jika

kondisi benar, maka daftar training page akan membuat training list dan di display

kepada admin. Admin yang melihat hasil display ini akan melakukan navigasi lagi

(memilih training yang akan di ubah statusnya). Admin kemudian mengisi ubah status

training form dan men-submitnya. Kemudian ubah status training form akan

mengupdate status training tersebut di database. Untuk keterangan lebih lanjut dapat


Gambar 3.61 sequence diagram add training

Gambar 3.62 sequence diagram ubah status training

Pada proses add photo, admin melakukan navigasi kedalam daftar training yang

sudah berjalan page. Hal ini menyebabkan training yang sudah berjalan page mengecek

session. Jika kondisi benar training yang sudah berjalan page akan mengambil data

(daftar training yang telah dilakukan) dari database. Data yang diambil di gunakan untuk

membuat list training yang telah dilaksanakan, dan list ini di display kepada admin.

Admin akan melakukan navigasi (memilih training list tadi) kepada training yang sudah

berjalan page, yang menyebabkan training yang sudah berjalan page melakukan navigasi

kedalam daftar photo page. Daftar photo page kemudian mengecek session. Jika session

masih memenuhi syarat, maka daftar photo page akan mengambil data (photo list) dari

database dan membuat daftar photo dan di display kepada admin. Admin yang melihat

list ini akan melakukan navigasi (memilih photo list tadi) ke dalam daftar photo page.

Daftar photo page melanjutkan navigasi ke add photo page. Hal ini menyebabkan add

photo page mengecek session dan kemudian membuat add photo form. Add photo form

ini akan di display kepada admin. Admin yang melihat hasil display ini mengisi dan

men-submit add photo form. Hasil submit-an tadi akan di validasi, jika kondisi salah

maka add photo form akan men-display pesan kesalahan. Sedangkan jika kondisi benar,

maka akan dilakukan pemasukan data ke dalam database. Setelah proses pemasukan

data selesai, maka add photo form akan men-display success / error message. Untuk


Gambar 3.63 sequence diagram add photo

Pada proses delete photo, admin melakukan navigasi kedalam daftar training

yang sudah berjalan page. Hal ini menyebabkan training yang sudah berjalan page

mengecek session. Jika kondisi benar training yang sudah berjalan page akan mengambil

data (daftar training yang telah dilakukan) dari database. Data yang diambil di gunakan

untuk membuat list training yang telah dilaksanakan, dan list ini di display kepada

admin. Admin akan melakukan navigasi (memilih training list tadi) kepada training yang

sudah berjalan page, yang menyebabkan training yang sudah berjalan page melakukan

navigasi kedalam daftar photo page. Daftar photo page kemudian mengecek session.

Jika session masih memenuhi syarat, maka daftar photo page akan mengambil data

(photo list) dari database dan membuat daftar photo dan di display kepada admin.

Admin yang melihat list ini akan melakukan navigasi (memilih photo list tadi) ke dalam

delete photo form, dan men-submit pilihannya. Kemudian delete photo form akan

menghapus data tips tersebut di database. Untuk keterangan lebih lanjut dapat dilihat

pada gambar 3.64

Gambar 3.64 sequence diagram delete photo

Pada proses view answer of question, karyawan melakukan navigasi kedalam

question page. Hal ini menyebabkan question page akan mengecek session. Jika kondisi

session benar, maka question page akan mengambil data(question list) dari database.

Question page akan membuat question list dan di display kepada karyawan. Karyawan

yang melihat display ini akan melakukan navigasi (memilih question list). Hal ini

menyebabkan question page melakukan navigasi kembali kedalam question page detail.

Question detail page akan mengambil data (detail question beserta jawabannya).

Kemudian menyusunnya dalam question detail page dan di display kepada user. Untuk


Gambar 3.65 sequence diagram answer of question

Pada proses view photo, viewer melakukan navigasi kedalam gallery page. Hal

ini menyebabkan gallery page meminta data (training list yang telah berjalan). Dan

dibuatlah training list yang telah berjalan. Training list ini di display kepada viewer.

Viewer yang melihat training list akan melakukan navigasi kedalam gallery page, yang

menyebabkan gallery page melakukan navigasi kembali kedalam photo list page. Photo

list page akan mengambil photo dari database. Dan dibuatlah photo didalam photo list

page, setelah itu di display kepada viewer. Untuk keterangan lebih lanjut dapat dilihat

pada gambar 3.66

Gambar 3.66 sequence diagram view photo documentation

Pada proses view question, admin melakukan navigasi kedalam question page.

Hal ini menyebabkan question page akan mengecek session. Jika kondisi session benar,

maka question page akan mengambil data(question list) dari database. Question page

akan membuat question list dan di display kepada admin. Admin yang melihat display

ini akan melakukan navigasi (memilih question list). Hal ini menyebabkan question page

melakukan navigasi kembali kedalam question page detail. Question detail page akan

mengambil data (detail question). Kemudian menyusunnya dalam question detail page

dan di display kepada user. Untuk keterangan lebih lanjut dapat dilihat pada gambar 3.67

Gambar 3.67 sequence diagram view question

Pada view seminar untuk viewer, viewer melakukan navigasi kedalam daftar

seminar page. Hal ini menyebabkan daftar seminar page akan meminta data (seminar

list) dari database. Data ini digunakan untuk membuat seminar list dan di display kepada

viewer. Viewer yang melihat hasilnya akan melakukan navigasi kedalam daftar seminar

page. Daftar seminar page akan melakukan navigasi kembali kedalam view seminar

page. Hal ini menyebabkan view seminar page akan mengambil data(informasi detail

dari seminar.) dari database. Data ini digunakan membuat detail informasi seminar yang

akan di display kepada viewer. Untuk keterangan lebih lanjut dapat dilihat pada gambar

3.68

Gambar 3.68 sequence view seminar untuk viewer

Pada proses view seminar untuk atasan(mencakup head department,head

division,direksi), atasan melakukan navigasi kedalam seminar participant list page. Hal

ini menyebabkan seminar participant list page akan mengecek session. Jika kondisi

session benar, maka seminar participant list page akan mengambil data dari database dan

membuat seminar participant list. Kemudian seminar participant list akan di display ke

atasan. atasan yang melihat hasil display akan memilih seminar detail page. Hal ini

menyebabkan seminar page detail meminta data (meminta detail) dan membuat

detailnya. Detail ini di display kepada atasan . untuk keterangan lebih lanjut dapat dilihat

pada gambar 3.69

Gambar 3.69 sequence diagram view seminar untuk atasan

Pada proses view seminar untuk karyawan, karyawan melakukan navigasi

kedalam daftar seminar page. Hal ini menyebabkan daftar seminar page akan daftar

seminar page mengecek session. Jika kondisi session benar, maka daftar seminar page

akan meminta data (seminar list) dari database. Data ini digunakan untuk membuat

seminar list dan didisplay kepada karyawan. karyawan yang melihat hasilnya akan

melakukan navigasi kedalam daftar seminar page. Daftar seminar page akan melakukan

navigasi kembali kedalam view seminar page. Hal ini menyebabkan view seminar page

akan mengambil data(informasi detail dari seminar) dari database. Data ini digunakan

membuat detail informasi seminar yang akan didisplay kepada karyawan. Utnuk


Gambar 3.70 sequence diagram view seminar untuk karyawan

Pada proses view training untuk viewer, viewer melakukan navigasi kedalam

daftar training page. Hal ini menyebabkan daftar training page akan meminta data

(training list) dari database. Data ini digunakan untuk membuat training list dan di

display kepada viewer. Viewer yang melihat hasilnya akan melakukan navigasi kedalam

daftar training page. Daftar training page akan melakukan navigasi kembali kedalam

view training page. Hal ini menyebabkan view training page akan mengambil data

(informasi detail dari training.) dari database. Data ini digunakan membuat detail

informasi training yang akan di display kepada viewer. Untuk keterangan lebih lanjut


Gambar 3.71 sequence diagram view training untuk karyawan

Pada proses view training untuk atasan (mencakup head department,head

division,direksi),atasan melakukan navigasi kedalam training participant list page. Hal

ini menyebabkan training participant list page akan mengecek session. Jika kondisi

session benar, maka training participant list page akan mengambil data dari database dan

membuat training participant list. Kemudian training participant list akan di display ke

atasan. atasan yang melihat hasil display akan memilih training detail page. Hal ini

menyebabkan training page detail meminta data (meminta detail) dan membuat

detailnya. Detail ini di display kepada atasan . untuk keterangan lebih lanjut dapat dilihat

pada gambar 3.72

Gambar 3.72 sequence diagram view training untuk atasan

Pada proses view training untuk karyawan, karyawan melakukan navigasi

kedalam daftar training page. Hal ini menyebabkan daftar training page akan daftar

training page mengecek session. Jika kondisi session benar, maka daftar training page

akan meminta data (training list) dari database. Data ini digunakan untuk membuat

training list dan di display kepada karyawan. Karyawan yang melihat hasilnya akan

melakukan navigasi kedalam daftar training page. Daftar training page akan melakukan

navigasi kembali kedalam view training page. Hal ini menyebabkan view training page

akan mengambil data (informasi detail dari training.) dari database. Data ini digunakan

membuat detail informasi training yang akan di display kepada karyawan. Untuk


Gambar 3.73 sequence diagram untuk karyawan

3.2.2.4 Perancangan web diagram

Berikut ini adalah perancangan alur web diagram dari gambar 3.74

sampai gambar 3.78.

Gambar 3. 74 web diagram viewer subsystem

Pada gambar 3.74 terdapat web diagram viewer subsystem, dimana

pengunjung pertama kali masuk ke website akan di arahkan ke viewer

subsystem. Disini terdapat institusi page yang memberikan daftar institusi yang

memberikan training. Seminar list page dan training list page menampilkan

seluruh jadwal dan ringkasan dari seminar dan training yang akan diadakan.

Seminar detail page dan training detail page menampilkan informasi secara

mendetail dari seminar dan training yang di adakan. Dan terdapat gallery page

yang menampilkan training training yang telah berjalan, dan photo list page

menampilkan photo-photo dari kegiatan training tersebut. Terdapat about us page

yang menampilkan data-data anggota admin T&D department. Terdapat login

page, didalamnya terdapat login form untuk login user, berdasarkan hak hak

akses tersebut, user akan dibawa ke subsystem berdasarkan hak akses masing

masing. Terdapat search page dimana didalamnya terdapat search form, viewer

dapat mencari training atau seminar.

Gambar 3.75 web diagram karyawan subsystem

Pada gambar 3.75 terdapat web diagram karyawan subsystem, disini

terdapat institusi page yang memberikan daftar institusi yang memberikan

training. Seminar list page dan training list page menampilkan seluruh jadwal

dan ringkasan dari seminar dan training yang akan diadakan. Seminar detail page

dan training detail page menampilkan informasi secara mendetail dari seminar

dan training yang di adakan. Dan didalamnya terdapat daftar training form dan

daftar seminar form yang dapat karyawan gunakan untuk mendaftar. Terdapat

update password page yang didalamnya terdapat update password form yang

dapat karyawan gunakan untuk mengganti password. Terdapat question page,

dimana bila karyawan ingin bertanya dapat langsung mengirimnya lewat

question form, dan dapat juga melihat jawaban dari pertanyaan yang telah di

ajukan. Dan terdapat news page, merupakan pemberitahuan bila pendaftaran

seminar atau trainingnya telah disetujui.

Gambar 3.76 web diagram eksekutif subsystem

Pada gambar 3.76 terdapat web diagram eksekutif subsystem bagi user

berakses kepala department, kepala divisi, dan direksi, disini terdapat institusi

page yang memberikan daftar institusi yang memberikan training. Seminar

participant list page dan training participant list page menampilkan seluruh

karyawan yang ingin mengikuti seminar atau training tersebut. Dari seminar

participant list dan training list tersebut, eksekutif dapat melihat sejarah pelatihan

karyawan-karyawan tersebut dan terdapat form approval untuk persetujuan orang

orang yang ingin mengikuti seminar atau training. Dan terdapat update password

page untuk user eksekutif mengganti passwordnya.

Gambar 3. 77 web diagram admin T&D subsystem

Pada gambar 3.77 terdapat web diagram admin T&D subsystem yang

memperlihatkan hubungan antar page dalam subsystem tersebut. Pada index, langsung

terdapat link-link menuju halaman ganti password untuk mengganti password, ganti

photo untuk mengganti photo admin, dan update data pribadi untuk mengganti data

pribadi yang nantinya akan ditampilkan di halaman viewer about use. Dan terdapat

modul halaman untuk mengatur user user berakses seperti karyawan, kepala department,

kepala divisi, dan direksi. Di modul untuk user, admin dapat menambah atau mendelete

user-user tersebut. Terdapat modul halaman seminar yang menampilan semua seminar

yang akan di adakan, di modul tersebut admin dapat menambah seminar, mengubah

status seminar,dan melihat daftar peserta yang mengikuti seminar tersebut. Terdapat

modul halaman training yang menampilan semua training yang akan di adakan, di modul

tersebut admin dapat menambah training, mengubah status training,dan melihat daftar

peserta yang mengikuti training tersebut. Terdapat modul halaman admin yang

menampilan semua admin yang ada kecuali admin itu sendiri, di modul tersebut admin

dapat mendelete admin, dan menambah admin. Terdapat modul tips dan modul artikel

sebagai pelengkap web, admin dapat mengupdate, menambah atau mendelete tips dan

artikel tersebut. Terdapat juga modul gallery untuk mengupload photo yang ada, admin

dapat mendelete atau mengupload photo dari suatu kegiatan. Dan terdapat modul

message book, dimana pertanyaan yang dikirim oleh karyawan dapat dibaca dan

diberikan jawabannya.

3.3 Perancangan Layar

Gambar 3.78 hingga 3.95 merupakan gambar perancangan layar dari

sistem pengelolaan pelatihan SDM.

Gambar dibawah 3.78 ini adalah rancangan index yang merupakan

tampilan awal yang dilihat oleh viewer, sebelum masuk kedalam menu lainnya.

Pada halaman ini berisi tips of the day, ringkasan seminar, dan ringkasan artikel.

Gambar 3.78 tampilan index untuk viewer

Seminar

Tips Of The Day

Training

Artikel

Logo

Home Institusi Seminar Training Search Gallery Login

AboutUs

Gambar 3.79 dibawah ini adalah rancangan layar institusi untuk viewer

yang dapat diakses oleh viewer. Pada halaman ini berisi daftar institusi beserta

detailnya serta nama, alamat, dan no telepon institusi tersebut , dan juga tanggal

terakhir file list institusi tersebut.

Gambar 3.79 perancangan layar institusi untuk viewer

Institusi Alamat Telp Tanggal Upload Daftar Pelatihanxxxxxx xxxxxxx xxxx xxxxxxxxxxxxx xxxxxxxxxxxxx

Logo


About Us

Gambar 3.80 dibawah ini adalah rancangan seminar list untuk karyawan

yang dapat diakses oleh user yang berstatus karyawan. Pada halaman ini berisi

tanggal dan ringkasan seminar yang akan diadakan.

Gambar 3.80 perancangan layar seminar list untuk karyawan

Logo

Home Institusi Seminar Training Password News Question

Logout Selamat datang “Nama”

Date Ringkasan Seminar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xx-xx-xxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Gambar 3.81 dibawah ini adalah rancangan training list untuk karyawan yang

dapat diakses oleh user yang berstatus karyawan. Pada halaman ini berisi tanggal dan

nama institusi, nama pelatihan dan tombol kembali ke halaman sebelumnya.

Gambar 3.81 perancangan layar training list untuk viewer

Logo



Date Nama institusi Nama pelatihan xx-xx-xxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx

About Us

Gambar 3.82 dibawah ini adalah rancangan login yang dapat diakses oleh

viewer. Pada halaman ini berisi tabel untuk mengisi NIP, password dan memilih

divisi. Selain itu ada tombol login yang terletak dibawah table tersebut

Gambar 3.82 perancangan layar login

Nip/Username Password Pilih Bagian Divisi

Logo


About Us Login

Gambar 3.83 dibawah ini adalah rancangan home untuk karyawan yang

dapat diakses oleh karyawan. Pada halaman ini berisi tips of the day, ringkasan

seminar, ringkasan training dan tombol logout.

Gambar 3.83 perancangan layar home untuk karyawan

Tips Of The Day Seminar

Training

News

Logo



Gambar 3.84 dibawah ini adalah rancangan seminar detail untuk

karyawan yang dapat diakses oleh karyawan. Pada halaman ini berisi detail

mengenai institusi, outline seminar, schedule, location, summary, tombol daftar,

tombol kembali ke halaman sebelumnya, dan tombol logout

Gambar 3.84 perancangan layar seminar detail

Logo



Kembali ke halaman sebelumnya

Summary xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Venue xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Schedule xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Speaker xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Outline xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Daftar

About Us

Gambar 3.85 dibawah ini adalah rancangan training detail untuk

karyawan yang dapat diakses oleh karyawan. Pada halaman ini berisi detail

mengenai institusi, training, schedule, location, deskription, tombol daftar,

tombol kembali ke halaman sebelumnya, dan tombol logout

Gambar 3.85 perancangan layar training detail

Logo



Kembali ke halaman sebelumnya

Institution xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Training xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Schedule xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Location xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Description xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Daftar

About Us

Pada gambar 3.86 terdapat gambar perancangan layar untuk update

password, fungsi halaman ini sama terdapat untuk tiap user berakses seperti

admin, karyawan, kepala department, kepala divisi, dan direksi. Disini user

berakses di minta memasukan password lamanya dan password baruya untuk

konfirmasi.

Gambar 3.86 perancangan layar password

Password lama Password baru Masukkan password anda lagi

Logo



Update

Pada gambar 3.87 terdapat gambar perancangan layar peserta seminar

approval, terdapat data diri karyawan, dan judul seminar yang diikuti, serta link

link untuk melihat sejarah pelatihan karyawan dan seminar detail dari judul

seminar yang di ikutinya, serta form untuk approval.

Gambar 3.87 perancangan layar approval peserta seminar

Approve Nip Nama Divisi Department Judul Seminar

xxxxx xxxxxxx xxxxxx xxxxxxxxxx xxxxxxxxxxx

Logo

Home Institusi Seminar Training Password


Pada gambar 3.88 terdapat gambar perancangan layar peserta training

approval, terdapat data diri karyawan, dan pelatihan yang di ikuti, serta link link

untuk melihat sejarah pelatihan karyawan dan training detail dari training yang

di ikutinya, serta form untuk approval.

Gambar 3.88 perancangan layar approval peserta training

Approve Nip Nama Divisi Department Pelatihan xxxxx xxxxxxx xxxxxx xxxxxxxxxx xxxxxxxx

Logo

Home Institusi Seminar Training Password


Pada gambar 3.89 terdapat gambar perancangan layar seminar page yang

di peruntukkan bagi admin. Disini admin dapat menambah seminar baru atau

mengubah status seminar dan melihat daftar peserta yang pendaftarannya sudah

di setujui oleh direksi.

Gambar 3.89 perancangan layar seminar list pada admin

Ubah Tgl Upload

Judul Tanggal Tempat Fee Daftar Peserta

Status

xxxxx xxxx xxxxxx xxxxx xx Daftar xxxxx

Logo

Personal Admin User List Institusi Seminar Training Gallery Tips Artikel Message Book

Logout Selamat datang “Nama”Add New Seminar

Pada gambar 3.90 terdapat gambar perancangan layar

trainingpage yang di peruntukukan bagi admin. Disini admin dapat menambah

training baru atau mengubah status training dan melihat daftar peserta yang

pendaftarannya sudah di setujui oleh direksi

Gambar 3.90 perancangan layar training list untuk admin

Ubah Tgl Upload

Institusi Pelatihan Jadwal Tempat Daftar Peserta

Status

xxxxx xxxx xxxxxx xxxxx xxxxxx Daftar xxxxx

Logo



Pada gambar 3.91 terdapat gambar perancangan layar user list, disini

terdapat user-user karyawan, kepala department, kepala divisi, dan direksi. Untuk

masing masing modul , admin dapat menambah user atau mendeletenya.

Gambar 3.91 perancangan layar user list

Daftar Karyawan daftar karyawan RCTI yang terdaftar di Training and Development department

Daftar Kepala department daftar kepala department yang terdaftar di Training and Development department

Departement Kepala divisi daftar kepala divisi yang terdaftar di Training and Development department

Departemen Direksi daftar direksi yang terdaftar di Training and Development department

Logo



BAB 3 ANALISIS DAN PERANCANGAN 3.1 Analisis …thesis.binus.ac.id/Doc/Bab3/2006-2-01240-IF-Bab...

Documents

Transcript of BAB 3 ANALISIS DAN PERANCANGAN 3.1 Analisis …thesis.binus.ac.id/Doc/Bab3/2006-2-01240-IF-Bab...