L- 36
Pengajar dapat melihat Jadwal Mengajar Pengajar tersebut selama mengajar di Purwacaraka Music Studio. Pada Menu Lihat Siswa, Pengajar dapat melihat siapa saja siswa yang telah dia ajar.
L.70 : Alur Program Front Office Lengkap
Penjelasan mengenai jalannya alur program dari halaman utama, untuk masuk ke menu pengajar secara umum. Pertama dari halaman utama User melakukan login.Apabila User terdaftra sebagai Front Office, maka User tersebut dapat mengakses menu Front Office yang terdapat di dalamnya seperti : menu Laporan Bulanan, Absensi, Seluruh Siswa, Seluruh Pengajar . Pada Menu Laporan Bulanan, terdapat menu seperti Submit. Front Office dapat mengisi dan mengedit Laporan Bulanan sesuai dengan data yang
L- 37
diterima. Pada Menu Absensi, terdapat menu seperti Hadir dan Tidak Hadir. Front Office dapat mengisi dan mengedit Absensi sesuai dengan data yang diterima. Pada Menu Seluruh Siswa, terdapat menu seperti Insert, Edit, Delete. Front Office dapat mengisi dan mengedit Seluruh Siswa sesuai dengan data yang diterima. Pada Menu Seluruh Pengajar, terdapat menu seperti Insert, Edit, Delete. Front Office dapat mengisi dan mengedit Seluruh Pengajar sesuai dengan data yang diterima Front Office juga dapat mendaftarkan Daftar Ujian siswa apabila siswa tersebut ingin mengikuti ujian.
Modul Data Bean
Modul ini berisikan proses mengolah data parameter yang diberikan dari interface. Class tersebut bekerja untuk memproses data yang dikirimkan.
BEGIN
Inisialisasi String Driver Inisialisasi String url Inisialisasi Connection con Inisialisasi Statement st Inisialisasi ResultSet rs Inisialisasi int tanggal Inisialisasi int bulan Inisialisasi int tahun
Function Constructor (data parameter urluser yang dikirim) { memasukkan isi urluser kedalam url
L- 38
memasukkan data bulan kedalam variabel bulan memasukkan data tahun kedalam variabel tahun }
FunctionString view (data parameter syntax bertipe string yang dikirim) { inisialisasi String a
Try
{ memasukkan driver
memasukkan nilai Driver.getConnection kedalam con memasukkan nilai con.createStatement kedalam st memasukkan query (kiriman data parameter) ke rs set posisi awal rs ke posisi pertama
masukkan nilai ”sukses” ke String a tutup st
tutup con }
Catch (inisialisai Exception e) {
lacak kesalahan (e.printStackTrace()) masukkan nilai ”gagal” ke String a }
kembalikan isi String a }
L- 39
{ inisialisasi String a Try
{ memasukkan driver
memasukkan nilai Driver.getConnection kedalam con memasukkan nilai con.createStatement kedalam st memasukkan query (kiriman data parameter) ke rs set posisi awal rs ke posisi pertama
masukkan nilai ”sukses” ke String a tutup st
tutup con }
Catch (inisialisai Exception e) {
lacak kesalahan (e.printStackTrace()) masukkan nilai ”gagal” ke String a }
kembalikan isi String a }
END
L.71 : Modul Data Bean
L- 40
Isi dari modul ini adalah proses pengecekan inputan parameter user berupa username dan password.
BEGIN
Function doGet (init HttpServletRequest req, init HttpServletResponse res) Throws ServletException, IOException
{
init HttpSession session
init String user yang bernilai parameter dari inputan username init String pass yang bernilai parameter dari inputan password init objek db dari class dataBean dengan parameter url
init String cekLogin yang bernilai dari kiriman parameter dari method db.view (parameter syntax sql)
IF cekLogin bernilai “sukses” THEN
set atribut session dengan variabel user dan isi nama user masuk ke halaman user
ELSE
set atribut session error kirim ke halaman login }
Function doPost (init HttpServletRequest req, init HttpServletResponse res) Throws ServletException, IOException
{ panggil fungsi doGet }
L- 41
Modul Servlet Isi
Isi dari modul ini adalah proses menambah isi forum kedalam database dan menghapus isi forum yang dirasa tidak perlu dalam database.
BEGIN
Function doPost (inisialisasi objek Request dan Response) { inisialisasi session
buat db dari class databean dengan parameter url inisialisasi String a untuk menyimpan parameter a
inisialisasi String simpan untuk menyimpan hasil proses syntax sql IF simpan berisi “Sukses” THEN
set atribut session dengan isi “Sukses” masuk halaman profil
ELSE
set atribut session dengan isi “Error” masuk halaman profil
ELSE IF cmd berisi “DELETE”
inisialisasi String del untuk berisi hasil proses syntax sql IF del berisi “Sukses” THEN
set atribut session dengan isi “Sukses” masuk halaman profil
ELSE
set atribut session dengan isi “Error” masuk halaman profil
L- 42
Function doGet (inisialisasi objek Request dan Response) { panggil fungsi doPost }
L.73 : Gambar Modul Servlet Isi
L.74 : Perancangan Layar Home
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Tanpa melakukan proses Login, seperti menu Home, Sejarah, Program, Kurikulum, About Us, Profil guru. Dimana di halaman Home ini berisikan tentang biodata Bpk.Ir Purwa Tjaraka, yang merupakan pendiri dari sekolah musik Purwacaraka Music Studio.
L- 43
L.75 : Perancangan Layar Sejarah
Di layar ini user diberikan fasilitas untuk mengetahui sejarah bagaimana di dirikannya sekolah musik Purwacaraka Music Studio dari awal hingga menjadi menjadi terkenal seperti sekarang ini.
L- 44
L.76 : Perancangan Layar Program
Di layar ini user diberi fasilitas untuk mengetahui berbagai jenis kursus yang tersedia di Purwacaraka Music Studio (PCMS) beserta harga program kursus tersebut yang tersediri, seperti Vocal, Piano, Keyboard, Gitar, Gitar Bass, Drum, Biola.
L- 45
L.77 : Perancangan Layar Kurikulum
Di layar ini user diberi fasilitas untuk mengetahui Kurikulum yang terdapat di Purwacaraka Music Studio (PCMS), seperti Vocal, Piano, Keyboard, Gitar, Gitar Bass, Drum, Biola.
L- 46
L.78 : Perancangan Layar Daftar Online
Di layar ini user diberi fasilitas untuk mendaftar secara online, apabila user tersebut tertarik untuk masuk di Purwacaraka Music Studio (PCMS).
L- 47
L.79 : Perancangan Layar About Us
Di layar ini user diberi fasilitas untuk mengakses menu About Us. Dimana pada layar ini akan di jelaskan mengenai prologue dari bapak Ir.Purwa Tjaraka.
L- 48
L.80 : Perancangan Layar Profil Guru (Pengajar)
Di layar ini user diberi fasilitas untuk mengakses menu Profil Guru. Dimana pada layar ini user dapat melihat profil guru (pengajar) yang mengajar di Purwacaraka Music Studio secara lengkap, seperti nama, alamat, no telp, dan lain-lain.
L- 49
L.81 : Perancangan Layar Halaman Siswa
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman siswa. Seperti Jadwal Kelas, Belajar Online, Ujian, Profil Siswa, dan Daftar Ujian.
L- 50
L.82 : Perancangan Layar Jadwal Kelas Siswa
Di layar ini user yang termasuk dalam kategori siswa diberi fasilitas untuk melihat Jadwal Kelas selama siswa tersebut mengikuti kegiatan Belajar mengajar di Purwacaraka Music Studio.
L- 51
L.83 : Perancangan Layar Belajar Online
Di layar ini user yang termasuk dalam kategori siswa diberi fasilitas untuk melihat menu Belajar Online, yang didalamnya terdapat menu-menu pelajaran yang diajarkan selama siswa tersebut mengikuti kegiatan Belajar mengajar di Purwacaraka Music Studio.
L- 52
L.84 : Perancangan Layar Jadwal Ujian
Di layar ini user yang termasuk dalam kategori siswa diberi fasilitas untuk melihat menu Ujian. Dalam menu tersebut berisi semua hal yang berhubungan dengan Ujian, seperti jadwal ujian.
L- 53
L.85 : Perancangan Layar Halaman Pengajar
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman Pengajar. Seperti Kantor Cabang, Jadwal Mengajar, Lihat Siswa.
L- 54
L.86 : Perancangan Layar Kantor Cabang
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman Pengajar, pengajar juga dapat melihat beberapa profil kantor cabang. Seperti Puri, BSD, Cikini, Kemang Pratama, Jati Waringin.
L- 55
L.87 : Perancangan Layar Jadwal Mengajar Guru
Di layar ini user diberi fasilitas untuk mengakses halaman Pengajar, pengajar juga dapat melihat Jadwal Mengajar selama dia mengajar di Purwacara Music Studio.
L- 56
L.88 : Perancangan Layar Lihat Siswa (Pengajar)
Di layar ini user diberi fasilitas untuk mengakses menu. Halaman Pengajar, pengajar juga dapat melihat siapa saja siswa yang di ajarkan oleh pengajar tersebut selama dia mengajar di Purwacara Music Studio.
L- 57
L.89 : Perancangan Layar Front Office
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman Front Office terdapat pilihan menu. Seperti Laporan Bulanan , Absensi, Siswa, Pengajar, Serta Front Office juga dapat mendaftarkan siswa untuk ujian .
L- 58
L.90 : Perancangan Layar Laporan Bulanan (Front Office)
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman Front Office ini terdapat halaman Laporan Bulanan yang di halaman tersebut Front Office dapat mengisi Laporan Bulanan sesuai dengan data yang telah didapat.
L- 59
L.91 : Perancangan Layar Absensi (Front Office)
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman Front Office ini terdapat halaman Absensi untuk Siswa dan pengajar, yang di halaman tersebut Front Office dapat mengisi Absensi sesuai dengan data yang telah didapat.
L- 60
L.92 : Perancangan Layar Seluruh Siswa (Front Office)
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman Front Office ini terdapat halaman Seluruh Siswa, yang di halaman tersebut Front Office dapat mengisi dan mengecek siapa saja yang siswa yang mengikuti proses belajar mengajar di Purwacaraka Music Studio. Karena dalam Halaman ini Front Office dapat meng Insert, Edit, Delete, dan Submit sesuai dengan data yang telah didapat.
L- 61
L.93 : Perancangan Layar Add Siswa (Front Office)
Di layar ini user diberi fasilitas untuk menambahkan atau menginsert data siswa apabila terjadi penambahan jumlah siswa yang telah mendaftar di Purwacaraka Music studio (PCMS).
L- 62
L.94 : Perancangan Layar Seluruh Pengajar (Front Office)
Di layar ini user diberi fasilitas untuk mengakses berbagai menu yang disediakan. Di halaman Front Office ini terdapat halaman Seluruh Pengajar, yang di halaman tersebut Front Office dapat mengisi dan mengecek siapa saja yang mengajar di Purwacaraka Music Studio. Karena dalam Halaman ini Front Office dapat meng Insert, Edit, Delete, dan Submit sesuai dengan data yang telah didapat.
L- 63
L.95 : Perancangan Layar Add Pengajar (Front Office)
Di layar ini user diberi fasilitas untuk menambahkan atau menginsert data Pengajar apabila terjadi penambahan jumlah Pengajar yang telah mendaftar di Purwacaraka Music studio (PCMS).
L- 64
L.96 : Tampilan Layar Home
Pada Tampilan Layar Home akan muncul biodata diri Ir.Purwa Tjaraka selaku pemilik Purwacaraka Music Studio (PCMS). Serta terdapat juga menu-menu seperti Sejarah, Program, Kurikulum, Profil Guru, About Us, serta Login.
L- 65
L.97 : Tampilan Layar Sejarah
Pada Tampilan Layar Sejarah akan muncul sejarah berdirinya Purwacaraka Music Studio (PCMS). Serta terdapat juga menu-menu seperti Home, Program, Kurikulum, Profil Guru, About Us, serta Login.
L- 66
L.98 : Tampilan Layar Program
Pada Tampilan Layar Program akan muncul berbagai macam jenis kursus yang terdapat pada Purwacaraka Music Studio (PCMS). Serta terdapat juga menu-menu seperti Home, Sejarah,, Kurikulum, Profil Guru, About Us, serta Login.
L- 67
L.99 : Tampilan Layar Kurikulum
Pada Tampilan Layar Kurikulum akan muncul Kurikulum yang terdapat pada Purwacaraka Music Studio (PCMS). Serta terdapat juga menu-menu seperti Home, Sejarah, Program, Profil Guru, About Us, serta Login.
L- 68
L.100 : Tampilan Layar Profil Guru (Pengajar)
Pada Tampilan Layar Profil Guru akan muncul biodata diri dari pengajar yang mengajar pada Purwacaraka Music Studio (PCMS). Serta terdapat juga menu-menu seperti Home, Sejarah, Program, Kurikulum, About Us, serta Login.
L- 69
L.101 : Tampilan Layar Daftar Online
Pada Tampilan Layar Daftar Online akan muncul halaman untuk user apabila user tersebut ingin melakukan Daftar Online sebagai siswa Purwacaraka Music Studio (PCMS). Serta terdapat juga menu-menu seperti Home untuk kembali ke halaman utama.
L- 70
L.102 : Tampilan Layar About Us
Pada Tampilan Layar About Us akan muncul Prologue dari Ir.Purwa Tjaraka selaku pemilik Purwacaraka Music Studio (PCMS). Serta terdapat juga menu-menu seperti Home, Sejarah, Program, Kurikulum, Profil Guru, serta Login.
L- 71
L.103 : Tampilan Layar Home Siswa
Apabila user setelah melakukan Login terdaftar sebagai siswa maka akan muncul halaman Tampilan Layar Home Siswa dan muncul menu-menu seperti Jadwal Kelas, Belajar Online , Ujian, Profil Siswa.
L- 72
L.104 : Tampilan Layar Jadwal Kelas Siswa
Pada tampilan layar Jadwal Kelas akan muncul jadwal kelas dari siswa yang telah melakukan Login. Serta terdapat pula menu-menu seperti Home, Jadwal Kelas, Belajar Online , Ujian, Profil Siswa.
L- 73
L.105 : Tampilan Layar Belajar Online Siswa
Pada tampilan layar Belajar Online akan muncul materi dari Belajar Online sesuai dengan jenis kursus yang siswa ambil. Serta terdapat pula menu-menu seperti Home, Jadwal Kelas, Belajar Online , Ujian, Profil Siswa.
L- 74
L.106 : Tampilan Layar Ujian Siswa
Pada tampilan layar Ujian akan muncul jadwal Ujian dari siswa tersebut. Serta terdapat pula menu-menu seperti Home, Jadwal Kelas, Belajar Online , Ujian, Profil Siswa.
L- 75
L.107 : Tampilan Layar Profil Siswa
Pada tampilan layar Profil Siswa akan muncul Profil Siswa yang dapat di edit sesuai dengan siswatersebut. Serta terdapat pula menu-menu seperti Home, Jadwal Kelas, Belajar Online , Ujian, Profil Siswa.
