BAB 3 ANALISA DAN PERANCANGAN Els didirikan oleh …thesis.binus.ac.id/doc/Bab3/2011-2-00032-IF...

63
53 BAB 3 ANALISA DAN PERANCANGAN 3.1.Riwayat perusahaan 3.1.1.Profil Perusahaan Els didirikan oleh Eliwardi,SE tamatan fakultas ekonomi UGM,pernah mengikuti program student exchange ke amerika selama 1 semester,itulah latar belakang beliau mendirikan ELS. Els language school merupakan lembaga dan rumah bimbingan pelajaran bahasa inggris. Lembaga ini berdiri Pada tahun 1993 yang berkantor pusat di padang. Els menyediakan kurikulum pembelajaran bahasa inggris secara teori dan lebih spesifik ke arah percakapan. Jumlah murid pada awal berdirinya els belum memiliki gedung sendiri, tetapi menyewa dengan biaya 5 juta pertahun. Setelah sepuluh tahun El’s berkembang pesat, dengan jumlah murid sekitar 1200 orang, dan sekarang El’s telah memiliki gedung sendiri dengan biaya pembangunan gedung sekitar 5 milyar yang akhirnya memiliki delapan belas kelas. Tingkatan pendidikan di El’s dimulai dari superkids, junior, teen, block buster, grade, pre advanced, dan toefl preparation class. Sistem pemasaran els hingga kini masih menggunakan radio. Lembaga menyadari bahwa reputasi terletak pada mutu, kualitas para pengajar yang mengajar dan

Transcript of BAB 3 ANALISA DAN PERANCANGAN Els didirikan oleh …thesis.binus.ac.id/doc/Bab3/2011-2-00032-IF...

53

BAB 3

ANALISA DAN PERANCANGAN

3.1.Riwayat perusahaan

3.1.1.Profil Perusahaan

Els didirikan oleh Eliwardi,SE tamatan fakultas ekonomi UGM,pernah

mengikuti program student exchange ke amerika selama 1 semester,itulah latar

belakang beliau mendirikan ELS.

Els language school merupakan lembaga dan rumah bimbingan

pelajaran bahasa inggris. Lembaga ini berdiri Pada tahun 1993 yang

berkantor pusat di padang. Els menyediakan kurikulum pembelajaran

bahasa inggris secara teori dan lebih spesifik ke arah percakapan. Jumlah

murid pada awal berdirinya els belum memiliki gedung sendiri, tetapi

menyewa dengan biaya 5 juta pertahun.

Setelah sepuluh tahun El’s berkembang pesat, dengan jumlah murid

sekitar 1200 orang, dan sekarang El’s telah memiliki gedung sendiri dengan

biaya pembangunan gedung sekitar 5 milyar yang akhirnya memiliki delapan

belas kelas. Tingkatan pendidikan di El’s dimulai dari superkids, junior, teen,

block buster, grade, pre advanced, dan toefl preparation class. Sistem

pemasaran els hingga kini masih menggunakan radio. Lembaga menyadari

bahwa reputasi terletak pada mutu, kualitas para pengajar yang mengajar dan

54

siswa yang belajar di lembaga ini. Suatu kebanggan untuk memperkerjakan

pengajar kami dengan meningkatkan kemampuan kompetensi.

Siswa yang telah kami bina di lembaga ini dari semua tingkatan umur

telah menghasilkan banyak prestasi dalam bidang berbahasa inggris. Kami

selalu konsisten dengan mutu dalam program yang kami sediakan di lembaga

ini. Komitmen kami adalah menjamin bahwa kami menyediakan pembelajaran

yang sesuai dengan tingkatan umur dan status ilmu. Kami telah mendirikan

lembaga ini dengan berhubungan dengan siswa dan para pengajar. Els bangga

kinerja, dan kualitas program pengajaran. Kebanggaan ini akan ditunjukkan

dalam layanan yang kami sediakan di semua program. Kami memiliki reputasi

baik untuk menjamin pekerjaan kami dan tingkat pemahaman siswa terhadap

pelajaran yang di berikan.

Pengetahuan merupakan bidang jasa yang kami sediakan, manusia

merupakan asset paling penting bagi bergeraknya lembaga ini. Kesehatan, dan

keselamatan karyawan, orang yang terlibat dalam lembaga kami, siswa kami,

dan masyarakat adalah satu dari kami merupakan prioritas tertinggi. Sebagai

lembaga jasa, sumber daya utama kami adalah tenaga kerja yang ahli di bidang

pengajaran berbahasa inggris. Pada tingkat beginer sampai pada tingkatan

medium, kami memperkerjakan karyawan dari lokal, dan untuk kelas advance

pengajar langsung dari luar negri.

55

3.1.2. Struktur Organisasi

Struktur organisasi adalah alat dalam mencapai tujuan lembaga. Agar

tujuan tersebut tercapai, maka pelaksanaannya perlu dilakukan koordinasi

yang baik, evaluasi, pengarahan, dan juga program yang terarah dan

terencana. Untuk mengetahui dengan jelas struktur kerangka pembagian

tugas dan tanggung jawab serta wewenang setiap anggota, berikut ini disajikan

bagan struktur Lembaga El’s Language School yang disertai penjelasan dari

masing - masing bagian. Struktur organisasi dari Lembaga El’s Language

School dapat dilihat pada gambar 2.15

Gambar 3.1 Struktur Organisasi El’s Language School

Yayasan abdi nusa

Assisten Direktur

Direktur

Academic Direktur

Admission Officer

Office Boy

Instruktur

56

Direktur adalah seseorang yang ditunjuk untuk memimpin Lembaga

Seorang direktur memiliki tugas antara lain:

1. memimpin lembaga dengan menerbitkan kebijakan-kebijakan

lembaga

2. memilih, menetapkan, mengawasi tugas dari karyawan

3. menyetujui anggaran tahunan lembaga

4. menyampaikan laporan kepada Yayasan abdi nusa atas kinerja

lembaga

Academic Direktur mempunyai tugas membantu Direktur dalam

memimpin pelaksanaan pengajaran.

Academic Direktur mempunyai rincian tugas:

1. Menyedia penyusunan rencana teknis operasional pengajaran

2. Menyedia pelaksanaan kegiatan operasional pengajaran

3. Menyedia pelaksanaan pembelajaran , evaluasi pelatihan, dan

Ujian Konprehensif

4. Menyedia pelaksanaan operasional kelas pengajaran.

5. Menyedia penyusunan penetapan instruktur pengajaran dan

pelatihan serta penyusunan jadwal kelas

6. Menyedia penyusunan laporan penyelenggaraan lembaga els

language

7. Melaksanakan tugas lain yang diberikan Direktur.

57

Asisten Direktur mempunyai tugas membantu Direktur dalam

memimpin pelaksanaan pengajaran dan penelitian.

Asisten Direktur mempunyai rincian tugas:

1. Pelaksanaan perumusan rencana teknis pengajaran.

2. Pelaksanaan perumusan rencana teknis penelitian

3. Pelaksanaan perumusan rencana kerjasama.

4. Melaksanakan tugas lain yang diberikan Direktur

Admission officer mempunyai tugas melaksanakan urusan

administrasi umum dan keuangan

Admission officer menyelenggarakan fungsi:

1. Pelaksanaan urusan administrasi umum.

2. Pelaksanaan urusan administrasi Keuangan.

3. Menyelenggarakan penatausahaan surat masuk dan surat keluar

4. Menyelenggarakan administrasi keuangan

5. Melaksanakan penatausahaan barang dan alat.

6. Melaksanakan administrasi kerjasama antar lembaga

7. Menyusun rencana operasional lembaga.

8. Menyusun kalender pembelajaran,dan jadwal pembelajaran

9. Melaksanakan tugas lain yang diberikan Direktur.

58

Instruktur Pengajar mempunyai dan melaksanakan tugas dan fungsi :

1. Menyiapkan rancangan strategi pembelajaran yang mampu

mewujudkan pembelajaran yang kondusif.

2. Melakukan sebagai tugas mengajar yang memahami konsep

pembelajaran.

Office Boy mempunyai dan melaksanakan tugas dengan ketentuan

dan peraturan yang sudah diberikan oleh lembaga sebagai berikut :

TUGAS RUTIN

1. Membersihkan dan merapikan meja, kursi, komputer dan

perlengkapan lainnya.

2. Membersihkan/vacuum karpet/lantai

3. Menyediakan minuman untuk karyawan..

4. Melayani permintaan fotokopi/faksimili.

5. Membelikan dan menyiapkan makan siang karyawan.

6. Mengambil & membereskan gelas minum & perlengkapan

makan/minum karyawan.

7. Membuang sampah yang ada di ruang kerja dan areal tanggung

jawabnya

8. Membersihkan/vacuum karpet/lantai.

9. Mencuci piring, gelas & perlengkapan makan/minum lain

59

TUGAS BERKALA

1. Membersihkan kaca ruang kerja.2x/Minggu

TUGAS INSIDENTAL

1. Menyediakan minuman/makanan & melayani keperluan tamu-

tamu Lembaga

2. Menyediakan minuman/makanan & melayani keperluan

rapat/pertemuan/training.

3. Mengangkat/memindahkan meja, kursi & perabotan lainnya

3.2. Sistem Yang Sedang Berjalan

Berdasarkan hasil studi lapangan dan wawancara dapat kita ketahui

masalah yang di hadapi oleh El’s Language School sebagai berikut :

3.2.1 Sistem Pendaftaran

Pada sistem yang lama, info siswa disimpan dalam document

file. Ini meyebabkan penumpukan data internal El’s Language School.

Sehingga perubahan data dan pencarian info siswa menjadi sulit

dilakukan.

60

3.2.2 Sistem ajar-mengajar

Pada sistem yang sedang berjalan murid baru bisa mengetahui

pejaran yang akan di dapat di kelas, tanpa ada persiapan belajar di rumah

terlebih dahulu. Sehingga pelajaran yang di ajarkan oleh guru di kelas,

tidak sepenuhnya dapat langsung di pahami dan dimengerti.

3.2.3 Sistem diskusi materi

Setelah proses ajar mengajar di kelas berakhir. Murid-murid tidak

disediakan tempat untuk berdiskusi baik dengan teman yang lain ataupun

dengan guru tersebut.

3.2.4 Sistem info kelas

Pada sistem yang berjalan, murid biasanya tidak tahu jika kelas

diliburkan karena guru yang mengajar berhalangan hadir. Biasanya

murid malas melihat berita pada madding informasi yang tersedia di els

language school.

3.2.5 Sistem materi tambahan

Tidak semua siswa rajin untuk mencatat materi di dalam kelas,

dan adapun siswa yang berhalangan hadir di kelas. Sehingga siswa

tersebut ketinggalan pelajaran yang di ajarkan pada pertemuan tersebut.

3.2.6 Sistem news dari els language schools

Berita-berita biasanya di informasikan secara manual

menggunakan selebaran yang di bagikan di els language school.

61

3.3 Diagram Flowchart

Analisa sistem yang sedang berjalan menggunakan flowchart

3.3.1 Flowchart pendaftaran

Mulai

Front Office

memberi formulir

pendaftaran

Form yang

telah di isi

Pengisian

dilakukan secara

manual

Kepala lembaga

menerima form

Akhir iya tidak

Calon murid

mengisi formulir

pendaftaran

62

Gambar 3.2 Flow Chart Pendaftaran

3.3.2 Flowchart Mencari Info Murid

Gambar 3.3 Flowchart Mencari Info Murid

Mulai

Front office buka

list murid

pencarian

dilakukan secara

manual

Melihat/edi

t info murid

Akhir

tidak

iya

Pencarian dokumen info murid

63

3.3.3 Flowchart pembagian kelas

Gambar 3.4 Flowchart Pembagian Kelas

Mulai

Front office

memeriksa form

murid

Front office

memilih guru

dan murid

untuk kelas

Akhir

Front office

membuat jadwal

pertemuan

Pembukaan kelas

dilakukan secara

manual

64

3.3.4 Flowchart Info pembatalan dan pergantian kelas

Mulai

Front office

menerima form

Form yang

telah di isi

Pengisian

dilakukan secara

manual

Akhir

tidak

Front office

memeriksa

form

iya

Pengumuman pembatalan

dan pergantian jadwal di

madding informasi

Pengumuman

pembatalan dan

pergantian jadwal kelas

dituliskan secara manual

Guru mengisi

form pembatalan

kelas

Pembatalan

kelas

Gambar 3.5 Flowchart Pembatalan Dan Pergantian Kelas

65

3.3.5 Flowchart informasi berita

Gambar 3.6 Flowchart Informasi Berita

Mulai

Kepala lembaga

memeriksa

informasi/berita

Selebaran di

buat

Pengisian

dilakukan secara

manual

Akhir

iya

tidak

Front Office

membuat

selebaran

informasi/berita

Informasi/berita

di sebarkan

66

3.3.6 Flowchart proses belajar-mengajar

Mulai

Front office

memeriksa form

Form di buat

Pengisian

dilakukan secara

manual

Akhir

iya

Front office

menerima form

Murid masuk kelas

Guru membagikan

materi

Proses belajar

dimulai

Guru mengisi form

permintaan kelas ke

front office

Kelas dapat

dibuka

Gambar 3.7 Flowchart Proses Belajar – Mengajar

67

3.3.7 Flowchart ujian dan pemeberitahuan nilai

Gambar 3.8 Flowchart Pemberi Tahuan Nilai

Mulai

Front office

memeriksa berkas

Berkas ujian di

buat

Akhir

Front office

menerima berkas

soal ujian

Murid ujian

Guru menerima

dan mengkoreksi

berkas ujian

iya

Pengumuman

jadwal ujian

Guru memberikan

nilai hasil ujian ke

front office dan

dilakukan secara

manual

Murid melihat dan

mecetak nilai di

front office

tidak

Guru membuat

soal ujian Berkas soal

ujian dicetak

Pengumpulan

Berkas jawaban

ujian murid

68

3.4 Analisis Hasil Wawancara

Untuk menganalisa sistem yang sedang berjalan, disusun pertanyaan-

pertanyaan untuk wawancara sehingga dapat diketahi secara jelas

permasalaham- permasalahan yang terjadi pada lembaga El’s

Langguage School.

Nama : Bpk Eliwardi

Jabatan : Presiden Director

Hari tanggal wawancara : 15 september 2011

Untuk melakukan analisa pada lembaga ini, salah satu cara yang

dilakukan adalah pengumpulan informasi dengan melakukan wawancara

terhadap lembaga Els Language sebagai berikut :

a. Sistem apa yang sedang berjalan di lembaga ini?

Sistem yang digunakan saat ini adalah manual. Jika calon

mahasiswa mau melihat program-program apa saja yang bisa di

ambil dan di sediakan oleh Els, maka front office harus menjelaskan

secara detail pertanyaan-pertanyaan yang diajukan oleh calon siswa

secara detail , dan juga sistem pendaftaran yang masih harus

mengisi data melewati form yang kosong. Hal ini membuat banyak

waktu yang terbuang dan tidak efisien.

69

b. Apa kendala atau masalah yang di alami oleh lembaga?

Secara umum penerapan yang di gunakan pada lembaga ini

sangat tidak efektif,karena kami mengalami kesulitan dalam

pengolahan, penyimpanan data, dan sorting data.

c. Apa kendala atau masalah yang dialami oleh siswa?

Kendala yang dialami oleh siswa ada beberapa hal yaitu

karena jumlah siswa yang tidak sedikit , sehingga siswa mengalami

kesulitan dalam mengatur waktu untuk pendaftaran ulang karena pada

saat pendaftaran ulang siswa diharuskan mengisi pendataan

ulang. Dan masalah selanjutnya adalah kurangnya waktu dan tempat

untuk berdiskusi tentang mata pelajaran yang dibahas. Dikarenakan

materi ajar dibagikan didalam kelas, sehingga siswa kurang memiliki

persiapan untuk berdiskusi di dalam kelas.

d. Solusi apa yang diharapkan dari masalah yang ada?

Membuat sebuah sistem yang dapat mempermudah kami untuk

melakukan penyimpanan data dari siswa agar mereka tidak perlu harus

mengisi ulang data mereka saat pendaftaran ulang, dan membuat

sebuah lahan dimana siswa dapat langsung saling berinteraksi kepada

seluruh siswa yang lain dimanapun mereka berada, sehingga para siswa

dapat saling bertukar pikiran dan sharing ilmu secara langsung.

70

Selain hasil wawancara diatas kami juga melakukan analisa dengan

melakukan observasi secara langsung dengan Els language school. Sistem yang

berjalan dapat dijabarkan sebagai berikut:

Saat ini sistem yang berjalan sangat manual dari data

entry,penyimpanan data, hingga pencarian data.

Data entry dilakukan oleh siswa dengan cara mengisi form,lalu front

office mengolah data dan penagihan pembayaran. Setelah pembayaran dilakukan

data siswa baru akan disimpan dan ditulis dikertas absensi. Dalam proses

mengajar dan belajar dikelas siswa membutuhkan sebuah forum untuk

membahas tugas-tugas yang diberikan oleh pengajar karena sampai saat ini

siswa masih mengerjakan tugasnya didalam kelas, sehingga proses belajar

mengajar sedikit terganggu dan menyebabkan bahan pelajaran terkadang tidak

tersampaikan secara maksimal.

Dalam tiap periode kelulusan tingkat, operator data harus mengimput

hasil ujian secara manual, dan hasil kelulusan akan di pajang di mading.

3.4.1 Permasalahan Yang Dialami

Sistem yang berjalan saat ini mengalami banyak kekurangan

yang merugikan perusahaan sebagai berikut:

- Kesulitan operator untuk penginputan data hasil ujian, yang

menyebabkan lamanya pengumuman nilai keluar.

71

- Tidak adanya media untuk konsultasi di luar kelas.

- Kesulitan pembagian waktu para siswa karna harus mengantri

untuk pendataan baru

- Kesulitan front office dalam pencarian data.

3.4.2 Usulan Pemecahan masalah

Berdasarkan analisa masalah pada els, maka diusulkanlah

sistem e-learning berbasis sosial media. Melalui sistem ini

diharapkan agar:

- Menigkatkan fleksibilitas siswa dan guru dalam berdiskusi dan

sharing ilmu karena dapat diakses kapanpun dan dimanapun

- Dapat memfalisitasi siswa untuk mengetahui info-info terbaru

- Dapat mengurangi resiko kehilangan data siswa karena data di

simpan dalam bentuk data elektronik

- Memberikan kemudahan dalam pencarian data siswa dengan

detail yang menjelaskan, nama, alamat, nomer telpon, e-mail,

umur, tingkat pendidikan.

72

3.5 Perancangan

Perancangan sistem yang akan dibuat dengan menggunakan flowchart

3.5.1 Perancangan Proses

3.5.1.1 Perancangan Proses Pendaftaran

Gambar 3.9 Flowchart Perancangan Proses Pendaftaran

Mulai

Admin memberi formulir

pendaftaran

Calon murid mengisi formulir

Form yang telah di isi

Pengisian dilakukan secara

manual

Kepala lembaga menerima form

Akhir

iya

tidak

Admin input data ke database

73

3.5.1.2 Perancangan Proses Pencarian Info Murid

Gambar 3.10 Flowchart Proses Perancangan Pencarian Info Murid

Mulai

Admin membuka List

pencarian dilakukan secara

on-line

Melihat/edit info murid

Akhir

tidak

iya

Pencarian murid dari list murid

74

3.5.1.3 Perancangan Proses Tambah Kelas

Gambar 3.11 Perancangan Proses Tambah Kelas

Mulai

Admin memriksa form

murid

Admin menyeleksi murid dan memilih

guru

Akhir

Admin membuat jadwal dan mengunggah materi

pertemuan

75

3.5.1.4 Perancangan Proses Pengecekan Jadwal Dan

Pengunduhan Materi

Gambar 3.12 Flowchart Perancangan Proses Pengecekan Jadwal Dan

Pengunduhuan Materi

Mulai

Admin mengatur jadwal serta

materi ke dalam setiap kelas

Siswa dan login ke dalam sistem dan mengambil materi

Pengambilan materi secara

online

Akhir

Pengecekan jadwal belajar- mengajar

Proses diskusi materi dimulai didalam kelas

76

3.5.1.5 Perancangan Proses Diskusi On-line

Gambar 3.13 Flowchart Proses Diskusi Online

Mulai

Murid atau guru melakukan posting / upload data yang akan di tanyakan/

didiskusikan di luar kelas

Siswa dan guru login ke dalam web dan memulai

diskusi

Diskusi secara online (posting

dan chat)

Akhir

77

3.5.1.6 Perancangan Proses Pemberitahuan Jadwal Dan Hasil

Ujian

Mulai

Kepala lembaga

memeriksa

kelayakan soal

File ujian di

buat

Kepala lembaga

mengirim file yang

telah diperiksa ke

admin

Akhir

Guru mengirim

file ujian ke email

kepala lembaga

Murid ujian

Guru menerima

dan mengkoreksi

berkas ujian

iya

Guru mengirim

nilai ujian melalu

e-mail ke admin

Admin

menginput nilai

ujian ke web

tidak

Pengumpulan

Berkas jawaban

ujian murid

Admin menginput

jadwal ujian

Guru

membuat

soal ujian

Admin mencetak

berkas ujian

Murid

melihat

hasil ujian

di news

Gambar 3.14 Flowchart Pemberitahuan Jadwal dan Hasil Ujian

78

3.5.2 Use Case Diagram

3.5.2.1 Diagram Use Case Murid Dan Guru

Gambar 3.15 Use case Murid Dan Guru

Forum

View member profile

My profile

News

Send Massage

Reply Massage

My Class

View Material

Chat Room

View Student Task

View Schedule

News detail

MURID GURU

79

3.5.2.1 Diagram Use Case Admin

Gambar 3.16 Use case Admin

Add Member

Search Member

Edit Member

Add Grade

Seacrh Grade

Edit Grade

Add Class

Set Schedule

Seacrh Class

Edit Class

Add Student

Change Schedule

Add News

Seacrh News

Edit News

ADMIN

80

3.6 ERD

Gambar 3.17 ERD

81

3.7 Perancangan layar

3.7.1 Perancangan Layar Utama (Halaman Login)

Gambar 3.18 Perancangan Layar Utama

Pada halaman ini berfungsi untuk halaman login dari user.

Banner Els Language

Schools Header

Els Login

Username

Password Picture Els

Submit

82

3.7.2 Perancangan Layar Home

Gambar 3.19 Perancangan Layar Home

Pada halaman home ini user dapat melakukan posting dan coment.

Banner Els Language

Schools Header

Home Welcome,

Profile

News

Message File

My Class

Chat room

Logout

Copyright @2012 by Els Indonesia All Right Reserved

browse Post

brow

Submit

83

3.7.3 Perancangan Layar Profile

Gambar 3.20 Perancangan Layar Profil

Pada halaman ini akan ditampilkan profile dari user.

Banner Els Language

Schools Header

Home Welcome,

Profile M

News

Message

My Class

Chat room

Logout

Copyright @2012 by Els Indonesia All Right Reserved

My Profile

Full Name

Brith Of Date

Address

Email

Telephone

brow

Submit

84

3.7.4 Perancangan Layar News

Gambar 3.21 Perancangan Layar News

Pada halaman ini akan ditampilkan news dari admin.

Banner Els Language

Schools Header

Home Welcome,

Profile M

News

Message

My Class

Chat room

Logout

Copyright @2012 by Els Indonesia All Right Reserved

News

Title

bro

Submit

85

3.7.5 Perancangan Layar Massage

Gambar 3.22 Perancangan Layar Massage

Pada halaman ini akan ditampilkan massage inbox dan outbox yang dikirim oleh user

lain.

Banner Els Language

Schools Header

Home Welcome,

Profile M

News

Message

My Class

Chat room

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Message

Inbox

Outbox

brow

Submit

86

3.7.6 Perancangan Layar My Class

Gambar 3.23 Perancangan Layar My Class

Pada halaman ini akan ditampilkan list jadwal dan materi pertemuan class.

Banner Els Language

Schools Header

Home Welcome,

Profile M

News

Message

My Class

Chat room

Logout

Copyright @2012 by Els Indonesia All Right Reserved

My Class

brow

Submit

87

3.7.7 Perancangan Layar Chat room

Gambar 3.24 Perancangan Layar Chat Room

Pada halaman semua user dapat berinteraksi melalui chat.

Banner Els Language

Schools Header

Home Online

Profile M

News

Message

My Class

Chat room

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Chat Room

Enter Chat

88

3.7.8 Perancangan Layar Add Member (Admin)

Gambar 3.25 Perancangan Layar Add Member

Pada halaman ini admin menambahkan user dan pembagian role dari user.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Create User

Username

Password

Role

submit

89

3.7.8.1 Perancangan Layar Form Add Student

Gambar 3.26 Perancangan Layar Form Add Student

Pada halaman ini setelah user dibuat, admin akan mengisi biodata dari student.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Student Biodata

Full Name

Place Of Brith

Date Of Birth

Gender Male Female

Address

Telephone

Email

Occupation

Join Date

Submit

90

3.7.9 Perancangan Layar Edit Member

Gambar 3.27 Perancangan Layar Edit Member

Pada halaman ini difungsikan agak admin dapat mencari dan menampilkan list student.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Search Member

Name

Status

submit

91

3.7.9.1 Perancangan Layar Search Member

Gambar 3.28 Perancangan Layar Search Member

Pada halaman ini list student ditampilkan.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Search Member

Name

Status

submit

Name Status

Agung Status Edit

Dio Status Edit

Iqbal Status Edit

92

3.7.9.2 Perancangan Layer Edit Member

Gambar 3.29 Perancangan Layar Edit Member

Pada halaman ini admin merubah biodata student.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Student Biodata

Full Name

Place Of Brith

Date Of Birth

Gender Male Female

Address

Telephone

Email

Occupation

Join Date

Submit

93

3.7.10 Perancangan Layar Add Class

Gambar 3.30 Perancangan Layar Add Class

Pada halaman ini penambahan nama kelas, ruangan guru, grade, dan student untuk kelas

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Create Class

Class Name

Room

Teacher

Grade

Student

submit

94

3.7.10.1 Perancangan Layar Set Schedule

Gambar 3.31 Perancangan Layar Set Schedule

Pada halaman ini admin mengatur waktu dan tanggal dari pertemuan.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Set Schedule

Time

Meeting 1

Meeting 2

Meeting 3

Meeting 4

Meeting 5

Meeting 6

Final Test

submit

95

3.7.11 Perancangan Layar Edit Class

Gambar 3.32 Perancangan Layar List Class

Pada halaman ini akan ditampilkan list class yang telah dibuat oleh admin.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

List Classes

Class Name Grade Active

BN001 Toefl 1 Edit

96

3.7.11.1 Perancangan Layar Edit Class

Gambar 3.33 Perancangan Layar Edit Class

Pada halaman ini akan ditampilkan status kelas, nama kelas, ruangan, guru yang

mengajar, tingkatan, dan murid yang belajar.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Edit Class

Active

Class Name

Room

Teacher

Grade

submit

No Student

1 Sasa Remove

2 Aji Remove

97

3.7.11.2 Perancangan Layar Add Student

Gambar 3.34 Perancangan Laar Add Student to ckass

Pada halaman ini untuk menambahkan murid yang belajar dalam kelas.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Add Student

No Student

1 Agung

2 Dio

Add

98

3.7.11.3 Perancangan Layar Change Schedule

Gambar 3.35 Perancangan Layar Change Schedule

Pada halaman ini untuk merubah jadwal pertemuan dalam tiap kelas.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Change Schedule

Time

Meeting 1

Meeting 2

Meeting 3

Meeting 4

Meeting 5

Meeting 6

Final Tes

submi

tt

99

3.7.12 Perancangan Layar Add Grade

Gambar 3.36 Perancangan Layar Add Grade

Pada halaman ini untuk menambahkan tingkatan kelas.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Add Grade

Grade

Name

Description

Next

100

3.7.12.1 Perancangan Layar Add Material

Gambar 3.37 Perancangan Layar Add Material

Pada halaman ini admin menambahkan file material dan judul pertemuan.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Add Material Class

Meeting 1

Material Name

Material File

Change Material File

Description

Ne

101

3.7.13 Perancangan Layar Edit Grade

Gambar 3.38 Perancangan Layar Edit Grade

Pada halaman ini akan ditampilkan list dari tingkatan.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

List Grade

>Toefl

102

3.7.13.1 Perancangan Layar Change Material Files

Gambar 3.39 Perancangan Layar Change Material Files

Pada halaman ini admin merubah file material, nama pertemuan dari tingkatan kelas.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Add Material Class

Meeting 1

Material Name

Material File

Change Material File

Description

Ne

103

3.7.14 Perancangan Layar Add News

Gambar 3.40 Perancangan Layar Add News

Pada halaman ini admin membuat berita untuk dikirim ke news user.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Create News

Title

Description

Role

Submit

104

3.7.15 Perancangan Layar Edit News

Gambar 3.41 Perancangan Layar Edit News

Pada halaman ini ditampilkan list news dan admin dapat merubah news tersebut.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

List News

No Title

1 Title Edit

105

3.7.15.1 Perancangan Layar Edit News

Gambar 3.42 Perancangan Layar Edit News

Pada halaman ini admin merubah news.

Banner Els Language

Schools Header

Home

Add Member

Edit Member

Add Class

Edit Class

Add Grade

Edit Grade

Add News

Edit News

Logout

Copyright @2012 by Els Indonesia All Right Reserved

Edit News

Title

Description

Role

Submit

106

3.8 Perancangan Spesifikasi Proses

Pseudocode Untuk Proses Login

Buka modul login

Masukan username dan password

Jika InputUsername sama dengan data username dan

Input password sama dengan data password dan

Cek status username yang di input

Tampilkam modul home sesuai dengan status username

Akhir jika

Jika username dan password tidak valid

Maka kembali ke halaman login

Akhir jika

Akhir modul login

107

Pseudocode Untuk Proses Layar Home Els Langguage School

Buka modul home

Maka postingan ditampilkan

Jika input text box

Maka text ditampilkan

Jika mengapload file

Maka file ditampilkan

Jika upload gambar

Maka gambar ditampilkan

Jika pilih “Home”, maka buka modul “Home”

Jika pilih “Profile”, maka buka modul “Profile”

Jika pilih “News” , maka buka modul “News”

Jika pilih “Massage” , maka buka modul “Massage”

Jika pilih “Myclass” , maka buka modul “Myclass”

Jika pilih ‘Chat Room” , maka buka modul “Chat Room”

Jika pilih “Logout” , maka buka modul “Logout”, Akhir modul Home

108

Pseudocode Untuk Proses Layar Profile

Jika pilihan Profile dipilih

Maka Profile ditampilkan

Akhir modul Profile

Pseudocode Untuk Proses Layar News

Jika pilihan News dipilih

Maka News ditampilkan

Akhir modul News

Pseudocode Untuk Proses Layar Massage

Jika pilihan Massage dipilih

Maka Inbox dan Outbox ditampilkan

Akhir modul Massage

Pseudocode Untuk Proses Layar Myclass

Jika pilihan Myclass dipilih

Maka Myclass ditampilkan

Akhir modul Myclass

109

Pseudocode Untuk Proses Layar Chat Room

Jika Chat Room dipilih

Maka Chat Room ditampilkan

Akhir jika

Jika Enter Chat dipilih

Maka Room Chat ditampilkan

Akhir jika

Akhir modul Chat Room

Pseudocode Untuk Proses Layar Logout

Jika Logout dipilih

Maka destroy session

Tampilkan kembali halaman login

Akhir modul logout

110

Pseudocode Untuk Proses Layar Home (Admin)

Jika pilih “Home”, maka buka modul “Home”

Jika pilih “Add Member”, maka buka modul “Add Member”

Jika pilih “Edit Member” , maka buka modul “Edit Member”

Jika pilih “Add Class” , maka buka modul “Add Class”

Jika pilih “Edit Class” , maka buka modul “Edit Class”

Jika pilih “Add Grade” , maka buka modul “Add Grade”

Jika pilih “Edit Grade” , maka buka modul “Edit Grade”

Jika pilih “Add News” , maka buka modul “Add News”

Jika pilih “Edit News” , maka buka modul “Edit News”

Jika pilih “Logout” , maka buka modul “Logout”

Akhir modul Home

111

Pseudocode Untuk Proses Layar Add Member (Admin)

Jika pilihan Add Member dipilih

Maka Create User ditampilkan

Jika pilihan Create User di isi

Maka Studen Biodata ditampilkan

Akhir module Add Member

Pseudocode Untuk Proses Layar Edit Member (Admin)

Jika pilihan Edit Member dipilih

Maka Search Member ditampilkan

Jika pilihan Search Member dipilih

Maka Edit Member ditampilkan

Akhir module Edit Member

112

Pseudocode Untuk Proses Layar Add Class (Admin)

Jika pilihan Add Class dipilih

Maka Create Class ditampilkan

Jika Create Class dipilih

Maka Set Schedule ditampilkan

Jika pilihan Set Schedule dipilih

Maka Add Schedule Detail ditampilkan

Akhir module Add Class

Pseudocode Untuk Proses Layar Edit Class (Admin)

Jika pilihan Edit Class dipilih

Maka List Class ditampilkan

Jika pilihan List Class dipilih

Maka Edit Class ditampilkan

Akhir module Edit Class

113

Pseudocode Untuk Proses Layar Add Grade (Admin) *

Jika pilihan Add Grade dipilih

Maka Add Grade ditampilkan

Jika Next ditekan

Maka Add Material Files ditampilkan

Jika Browse ditekan

Maka Table Add File ditampilkan

Jika Open ditekan

Maka file siap disimpan

Jika Submit ditekan

Maka File akan tersimpan di database

Akhir module Add Grade

114

Pseudocode Untuk Proses Layar Edit Grade (Admin)

Jika pilihan Edit Grade dipilih

Maka List Grade ditampilkan

Jika pilihan List Grade di pilih

Maka Edit Grade ditampilkan

Jika Browse ditekan

Maka Table File ditampilkan

Jika submit ditekan

Maka File akan tersimpan di database

Akhir module Edit Grade

115

Pseudocode Untuk Proses Layar Add News (Admin)

Jika pilihan Add News dipilih

Maka Create News ditampilkan

Jika Submit ditekan

Maka News tersimpan

Akhir module Add News

Pseudocode Untuk Proses Layar Edit News (Admin) *

Jika pilihan Edit News dipilih

Maka List News ditampilkan

Jika pilihan Create User di isi

Maka Studen Biodata ditampilkan

Akhir module Add Member