Analisis Sistem Perancangan Sistem

21 BAB IV 4. DESKRIPSI KERJA PRAKTIK

4.1. Analisis Sistem

Sebuah tantangan bisnis yang saat ini dihadapi oleh beberapa perusahaan di bidang apapun ialah bagaimana cara memasarkan produk atau jasa yang dihasilkan perusahaan itu agar dapat tepat sesuai pangsa pasar. Dalam permasalahan ini diharapkann sebuah aplikasi yang akan dirancang untuk membantu PT Telekomunikasi Selular dalam menentukan pangsa pasar yang akan dilakukan oleh bagian Youth and Community. Data yang terkait dengan aktivitas bisnis bagian Youth and Community adalah data-data mengenai profil sekolah yang tegabung dalam komunitas, penggolongan jenjang, regional, branch, sub branch, cluster, dan kabupaten yang di gunakan sebagai global profile. Selain itu terdapat juga data specific profile dari sekolah yaitu lokasi sekolah, jumlah pengguna operator, dan foto sekolah. Data-data tersebut digunakan untuk mengetahui seberapa banyak atau sedikit peminat yang menggunakan operator Telkomsel pada sekolah-sekolah yang tergabung dalam komunitas. Dengan ini akan dapat memudahkan bagi pihak Telkomsel untuk melakukan event untuk mengenalkan lebih dekat operator Telkomsel demi mendukung peningkatan pendapatan. Berikut merupakan rancangan aplikasi yang menjadi landasan dan acuan dalam pembuatan aplikasi profiling data sekolah Surabaya dan Sidoarjo dengan menggunakan bahasa pemrograman PHP dengan database MySQL yang berbasis web. 22

4.2. Perancangan Sistem

Berdasarkan analisis sistem yang ada, maka akan dirancang suatu sistem yang sesuai dengan kebutuhan. Rancangan sistem yang dibuat berupa System Flowchart, Conceptual Data Model CDM, Physical Data Model PDM, Data Dictionary, dan Data Flow Diagram DFD sebagai deskripsi alur dari sistem. DFD dibuat dengan menggunakan software PowerDesigner 6.

4.2.1. System Flowchart

System flowchart merupakan bagan yang memiliki arus pekerjaan secara menyeluruh dari suatu sistem yang menjelaskan urutan prosedur-prosedur yang terdapat di dalam sistem. A. System Flowchart Melakukan Login Objective : Sebagai otentikasi pada user yang mendapat hak akses Input : Data user dan password Proses : Mengecek kelengkapan inputan, melakukan verifikasi inputan, megecek level user, dan menampilkan tampilan sesuai level user Output : Home sesuai level Actor : Admin, SPV, dan PIC 23 Melakukan Login Aplikasi Admin, SPV, dan PIC P ha se Mulai User dan Password Mengecek kelengkapan inputan Terisi Semua? Melakukan verifikasi inputan Sesuai database? user_profile Megecek level user Tidak Ya Ya Menampilkan tampilan sesuai level user Home sesuai level user Selesai Tidak Gambar 4.1 Sysflow melakukan login 24 B. System Flowchart Membuat User Baru Objective : Mendaftarkan user pada sistem untuk mendapatkan hak akses Input : Data calon user Proses : Mengecek ketersediaan data, dan mencatat data user baru Output : Daftar user Actor : Admin Membuat User Baru Aplikasi Admin P ha se Mulai Data calon user Mengecek ketersediaan data Data sudah ada? user_prof ile Ya Mencatat data user baru Tidak Selesai Daftar user Gambar 4.2 Sysflow membuat user baru 25 C. System Flowchart Mengubah data user Objective : Mengubah data user yang terdaftar dalam aplikasi Input : Data user yang akan diubah, dan data baru milik user Proses : Menampilkan form ubah data user, dan mencatat perubahan data user Output : Daftar user Actor : Admin Mengubah Data User Aplikasi Admin P ha se Mulai Selesai Memilih data user yang ingin di ubah Menampilkan form ubah data user Data user baru Mencatat perubahan data user user_prof ile Daftar user Form ubah data user Daftar user Mengambil data user aktif Gambar 4.3 Sysflow mengubah data user 26 D. Menonaktifkan user Objective : Menghilangkan hak akses user yang terdaftar dalam aplikasi Input : Data user yang akan dinonaktifkan Proses : Mengubah status aktif user, dan menampilkan daftar user aktif Output : Daftar user Actor : Admin Menonaktifkan User Aplikasi Admin P ha se Mulai Selesai Daftar user aktif Memilih data user yang ingin di non-aktifkan Mengubah status aktif user user_profile Daftar user aktif Menampilkan Daftar user aktif Mengambil data user aktif Gambar 4.4 Sysflow menonaktifkan user 27 E. System Flowchart Membuat Profile Sekolah Baru Objective : Menambahkan data profile sekolah baru dalam daftar sekolah Input : Data profile sekolah baru Proses : Menampilka form input profile sekolah, mengecek ketersediaan data, mencatat data profile sekolah baru, dan menampilkan daftar sekolah Output : Daftar sekolah Actor : Admin dan PIC Membuat Profile Sekolah Baru Aplikasi Admin PIC Ph as e Mulai Data profile sekolah baru Mengecek ketersediaan data Data sudah ada? global_pro file Ya Mencatat data profile sekolah baru Tidak Selesai Daftar sekolah spesific_pr ofile Menampilkan daftar sekolah Menampilkan form input profile sekolah Form input profile sekolah jenjang branch regional sub_bran ch cluster kabupate n Gambar 4.5 Sysflow membutat sekolah baru 28 F. System Flowchart Menyaring Sekolah Objective : Menampilkan sekolah berdasar kriteria yang diinginkan user Input : Memasukkan kriteria sekolah Proses : Mengecek ketersediaan data, dan menampilkan data global profile sekolah Output : Daftar sekolah Actor : Admin dan SPV Menyaring Sekolah Aplikasi Admin SPV P h as e Mulai Selesai Memasukkan kriteria sekolah Menampilkan data global profile sekolah global_pro file Data profile sekolah Ya Data tersedia? Mengecek ketersediaan data Tidak Gambar 4.6 Sysflow menyaring sekolah 29 G. System Flowchart Melihat Profile Sekolah Objective : Menampilkan profile sekolah secara lengkap Input : Nama sekolah Proses : Mengambil data global dan spesifik sekolah, dan menampilkan data profile sekolah Output : Data profile sekolah Actor : Admin dan SPV Melihat Profile Sekolah Aplikasi Admin SPV P h as e Mulai Selesai Menampilkan data profile sekolah global_pro file spesific_pr ofile Data profile sekolah Pilih Nama Sekolah Mengambil data global dan spesifik sekolah Gambar 4.7 Sysflow melihat profile sekolah 30 H. System Flowchart Mengubah Data Spesifik Profile Sekolah Objective : Mengubah data specific profile sekolah Input : Data spesifik profile baru Proses : Mengambil data global dan spesifik sekolah, dann menampilkan data profil sekolah Output : Data profil sekolah Actor : Admin dan SPV Mengubah Data Spesifik Profile Sekolah Aplikasi Admin P ha se Mulai Selesai Mencatat perubahan data spesifik profil sekolah Menampilkan data profile sekolah Data profile sekolah Tombol update Membuka kolom yang harus diisi Kolom update spesifik profil Data spesifik profil baru spesific_ profile Gambar 4.8 Sysflow mengubah profile sekolah 31 I. System Flowchart Menampilkan Dashboard Pengguna Operator Objective : Menampilkan dashboard pengguna operator dari sekolah Input : Data sekolah yang dipilih Proses : Mengambil data pengguna operator, dan menampilkan dashboard pengguna operator Output : Dashboard pengguna operator Actor : Admin dan SPV Menampilkan Dashboard Pengguna Operator Aplikasi Admin SPV P h as e Mulai Selesai Menampilkan dashboard pengguna operator spesific_pr ofile dashboard pengguna operator Klik lihat dashboard Mengambil data pengguna operator Gambar 4.9 Sysflow menampilkan dashboard 32

4.2.2. Data Flow Diagram

Seperti yang dijelaskan diatas DFD memiliki peran untuk menggambarkan arus aliran data dalam suatu sistem yang akan dikembangkan secara logika. A. Context Diagram User Pass SPV Home SPV User Pass PIC Home PIC Home Admin User Pass Admin Dashoard Spesifik SPV Data Spesifik Sekolah SPV Dashboard Spesifik Adm in Data Spesifik Sekolah Adm in Data Lengkap Se kolah Baru Data Perbaru Spesifik Data Lengkap Profil Sekolah SPV Data Sekolah Pilihan SPV Data Lengkap Profil Sekolah Adm in Data Sekolah Pilihan Adm in Data Profile Seko lah SPV Data Kriteria SPV Data Profile Seko lah Admin Data Kriteria Admin Daftar Sekolah PIC Data Profile Seko lah Baru PIC Daftar Sekolah Adm in Data Profil Sekolah Baru Admin Daftar User Aktif Data Yang Dinonaktif Daftar User Terbaru Data Perbaru User Form Update Data User Yang Diubah Data User Data Calon User Aplikasi Profiling Data Sekolah Wilayah Surabaya dan Sidoarjo + Admin SPV PIC Gambar 4.10 Context Diagram Context diagram pada sistem ini memiliki tiga external entity yang menunjang jalannya sistem yang dibuat, yaitu admin, SPV dan PIC. 33 B. Dia gra m J enjang Aplikasi Profiling Data Sekolah Wilayah Surabaya dan Sidoarjo 1 Melakukan Login 2 Membuat User Baru 3 Mengubah Data USer 4 Menon- aktifkan User 7 Melihat Profile Sekolah 5 Menambah Data Sekolah 6 Mengnyaring Sekolah 8 Mengubah spesifik profile 1.1 Mengecek kelengkapan inputan 1.2 Memverifikasi inputan 1.3 Mengecek level user 1.4 Menampilkan tampilan sesuai level 2.1 Mengecek ketersediaan data 2.2 Mencatat data 3.1 Menampilkan form update 4.1 Mengubah status aktif user 3.2 Mencatat perbahan data 4.2 Menampilkan user aktif 5.1 Mengecek ketersediaan 5.2 Mencatat data profile 5.3 Menampilka daftar sekolah 6.1 Mengecek ketersediaan 6.2 Menampilkan global profile 7.1 Mengambil data profile 7.2 Menampilkan data profile 8.1 Membua kolom yang harus diisi 8.2 Mencatat perubahan data 8.3 Menampilkan profile sekolah 9 Menampilkan dashboard 9.1 Mengambil data penngguna operator 9.2 Menampilkan dashboard pengguna operator G am bar 4.11 D iag ram j en ja ng 34 C. Data Flow Diagram Level 0 Data Pengguna Data Spesifik Sekolah Admin Dashboard Spesifik Admin Data Spesifik Sekolah SPV Data Profile Sekolah SPV Dashoard Spesifik SPV Data Lengkap Profil Sekolah SPV Data Sekolah Pilihan SPV User Pass SPV Data Lengkap Profil Sekolah Admin Data Sekolah Pilihan Admin User Pass Admin Home Admin Home SPV User Pass PIC Home PIC Data Kriteria Admin Data Profile Sekolah Admin Daftar Sekolah PIC Data Profil Sekolah Baru Admin Daftar Sekolah Admin Data Yang Dinonaktif Daftar User Aktif Data Perbaru Spesifik Data Lengkap Sekolah Baru Form Update Data Perbaru User Data User Yang Diubah Daftar User Terbaru Data User Data Sesuai Kriteria Data Global 1 Data Kabupaten Data cluster Data sub branch Data Branch Data Regional Data jenjang Login Sebagai Admin dan SPV 1 Login Admin 1 Login Sebagai Admin atau SPV 1 Data Spesific Baru Data Global Data Spesific Login Sebagai Admin 2 Login Sebagai Admin atau SPV Data Kriteria SPV Login Sebagai Admin atau PIC Menncatat Global Data Spesific 1 Data Spesific Yang Tersedia Mengecek Ketersediaan Global Data Profile Sekolah Baru PIC Perubahan Status Aktif User Login Admin Perubahan Data User Login Sebagai Admin Data User Baru Cek Ketersediaan Data Calon User Data Level User Data Verifikasi User Pass Admin PIC SPV 1 Melakukan Login + 1 user_profile 2 Membuat User Baru + 1 user_profile 3 Mengubah Data User + 1 user_profile 4 Menonaktif kan User + 1 user_profile 5 Membuat Profile Sekolah Baru + 2 global_profile 3 spesific_profil e 6 Menyaring Sekolah + 7 Melihat Profile Sekolah + 3 spesific_profile 2 global_profile 8 Mengubah Data Spesific Profile Sekolah + 3 spesific_profile 9 Menampilkan Dashboard Pengguna Operator + 6 jenjang 7 regional 8 branch 9 sub_branch 10 cluster 11 kabupaten 2 global_profil e 3 spesific_profil e Gambar 4.12 Data Flow Diagram Level 0 Pada gambar DFD level 0 ini menunjukkan fungsi-fungsi yang terdapat dari aplikasi yang akan dibangun. Dan pada DFD level 0 ini dalam perancagannya aplikasi tersebut dapat diakses oleh 3 user yaitu Admin, SPV, dan PIC. 35 D. Dekomposisi melakukan login Gambar 4.13 Dekomposisi login Pada dekomposisi melakukan login terdapat dua proses didalamnya, yaitu melakukan verifikasi inputan hal ini ditujukan untuk mengecek ketersediaan data dalam tabel user profile, Dan pada dekomposisi tersebut terdapat proses menampilkan tampilan sesuai level user. 36 E. Dekomposisi membuat user baru Gambar 4.14 Dekomposisi membuat user baru Pada dekomposisi membuat user baru terdapat 2 proses, yaitu mencatat data user baru yang didalamya juga terdapat cek ketersediaan data untuk menghindari redundansi. Dan pada dekomposisi tersebut terdapat proses untuk menampilkan data user apabila data tersebut telah tercatat dalam tabel user profile fungsi tersebut hanya dapat dilakukan oleh Admin. 37 F. Dekomposisi mengubah data user Gambar 4.15 Dekomposisi mengubah data user Pada dekomposisi mengubah data user terdapat 2 proses yaitu memilih data user dan memasukkan data user baru data tersebut digunakan untuk menggantikan data user yang lama fungsi mengubah user tersebut hanya dapat dilakukan oleh Admin. G. Dekomposisi menonaktifkan user Gambar 4.16 Dekomposisi menonaktifkan user 38 Pada dekomposisi menonaktifkan user terdapat 2 proses yaitu mengubah status aktif yang status tersebut akan disimpan dalam table user profile. Dan pada dekomposisi tersebut terdapat proses menampilkan daftar user aktif. Fungsi menonaktifkan user tersebut hanya dapat dilakukan oleh Admin. H. Dekomposisi membuat profile sekolah baru Gambar 4.17 Dekomposisi membuat profil sekolah Dalam dekomposisi tambah data sekolah terdapat proses untuk memasukkan data profile sekolah dan terdapat proses untuk menyimpan profile sekolah. Dalam fungsi tambah data sekolah tersebut dapat dilakukann oleh Admin dan PIC. 39 I. Dekomposisi menyaring sekolah Gambar 4.18 Dekomposisi menyaring sekolah Dalam dekomposisi menyaring sekolah terdapat 2 proses untuk memasukkan kriteria dan menampilkan profile sekolah yang diambil dari tabel global profile. Pada fungsi menyaring sekolah tersebut dapat dilakukan oleh Admiinn da SPV. J. Dekomposisi melihat profil sekolah Gambar 4.19 Dekomposisi melihat profile 40 Pada dekomposisi melihat profile terdapat 2 proses untuk memilih data sekolah dan menampilkan profile sekolah yang mengambil data dari tabel global profile dan specific profile. Fungsi untuk melihat profile tersebut dapat dilakukan oleh Admin dan SPV. K. Mengubah data specific profile sekolah Gambar 4.20 Dekomposisi ubah profil Pada dekomposisi data profile specific ini terdapat proses untuk mencatat data specific baru untuk menggantikan data pengguna operator yang lama pada sekolah tersebut dan menampilkan data baru yang dapat dilakukan oleh Admin. 41 L. Dekomposisi menampilkan dashboard pengguna operator Gambar 4.21 Dekomposisi menampilkan dashboard Pada dekomposisi menampilkan dashboard terdapat 2 proses yaitu memilih sekolah dan menampilkan dashboard yang menngambil data pengguna operator milik tabel specific profile. Fungsi menampilkan dashboard dapat dilakukan oleh Admin dan SPV.

4.2.3. Data Dictionary

Dalam hal merancang struktur tabel yang diperlukan, meliputi nama tabel, nama atribut, tipe data, serta data pelengkap seperti primary key, foriegn key, dan sebagainya. rancangan basis data aplikasi ini terdiri dari tabel-tabel sebagai berikut : 1. Nama tabel : User Profile Fungsi : Digunakan untuk mencatat data user, mengubah, dan melakukan login pada sistem. Primary key : id_user 42 Foreign key : - Table 4.1 User profile Tabel user_profile No Coloumn Data Type Length Constraint Foreign Key Table Coloumn 1 ID_USER INTEGER - PRIMARY KEY 2 NIK INTEGER - ATTRIBUTE 3 NAME VARCHAR 50 ATTRIBUTE 4 USERNAME VARCHAR 10 ATTRIBUTE 5 PASSWORD VARCHAR 7 ATTRIBUTE 6 LEVEL VARCHAR 50 ATTRIBUTE 7 STATUS INTEGER - ATTRIBUTE 2. Nama tabel : Jenjang Fungsi : Digunakan untuk mengelompokkan data profile sekolah berdasarkan jenjang. Primary key : id_jenjang Foreign key : - Table 4.2 Jenjang Tabel jenjang No Coloumn Data Type Length Constraint Foreign Key Table Coloumn 1 ID_JENJANG INTEGER - PRIMARY KEY 2 JEJANG VARCHAR 50 ATTRIBUTE 3. Nama tabel : Branch Fungsi : Digunakan untuk mengelompokkan data profile sekolah berdasarkan branch. Primary key : id_branch Foreign key : - 43 Table 4.3 Branch Tabel branch No Coloumn Data Type Length Constraint Foreign Key Table Coloumn 1 ID_BRANNC H INTEGER - PRIMAR Y KEY 2 BRACH VARCHA R 50 ATTRIBU TE 4. Nama tabel : Sub Branch Fungsi : Digunakan untuk mengelompokkan data profile sekolah berdasarkan sub branch Primary key : id_sub Foreign key : - Table 4.4 Sub branch Tabel sub_branch No Coloumn Data Type Length Constraint Foreign Key Table Coloumn 1 ID_SUB INTEGER - PRIMARY KEY 2 SUB_BRA NCH VARCHA R 50 ATTRIBUT E 5. Nama tabel : Cluster Fungsi : Digunakan untuk mengelompokkan data profile sekolah berdasarkan cluster. Primary key : id_clus Foreign key : - 44 Table 4.5 Cluster Tabel Cluster No Coloumn Data Type Length Constraint Foreign Key Table Coloumn 1 ID_CLUS INTEGER - PRIMARY KEY 2 CLUSTER VARCHAR 50 ATTRIBUTE 6. Nama tabel : Kabupaten Fungsi : Digunakan untuk mengelompokkan data profile sekolah berdasarkan kabupaten. Primary key : id_kab Foreign key : - Table 4.6 Kabupaten Tabel Kabupaten No Coloumn Data Type Length Constraint Foreign Key Table Coloumn 1 ID_KAB INTEGER - PRIMARY KEY 2 KABUPAT EN VARCHA R 50 ATTRIBU TE 7. Nama tabel : Regional Fungsi : Digunakan untuk mengelompokkan data profile sekolah berdasarkan regional. Primary key : id_reg Foreign key : - 45 Table 4.7 Regional Tabel Regional No Coloumn Data Type Length Constraint Foreign Key Table Coloumn 1 ID_REG INTEGER - PRIMARY KEY 2 REGIONAL VARCHAR 50 ATTRIBUTE 8. Nama tabel : Global Profile Fungsi : Pada table global profile ini digunakan untuk mencatat profil sekolah secara global seperti alamat, jumlah siswa, jumlah pengajar dan jumlah tenaga didik. Primary key : id_glob Foreign key : id_reg, id_kab, id_clus, id_sub, id_branch, dan id_jenjang Table 4.8 Global profile Tabel Global Profile No Coloumn Data Type Length Constrai nt Foreign Key Table Coloumn 1 ID_GLOB INTEGE R - PRIMAR Y KEY 2 ID_REG INTEGE R - FOREIG N KEY REGION AL ID_REG 3 ID_KAB INTEGE R - FOREIG N KEY KABUPA TEN ID_KAB 4 ID_CLUS INTEGE R - FOREIG N KEY CLUSTE R ID_CLUS 5 ID_SUB INTEGE R - FOREIG N KEY SUB_BR ANCH ID_SUB 6 ID_BRANC H INTEGE R - FOREIG N KEY BRANCH ID_BRAN CH 7 ID_JENJAN G INTEGE R - FOREIG N KEY JEJANG ID_JENJ ANG 8 NPSN VARCH AR 50 ATTRIB UTE 46 Tabel Global Profile No Coloumn Data Type Length Constrai nt Foreign Key Table Coloumn 9 NAMA VARCH AR 50 ATTRIB UTE 10 ALAMAT VARCH AR 100 ATTRIB UTE 11 JML_SISW A INTEGE R - ATTRIB UTE 12 JML_PENG AJAR INTEGE R - ATTRIB UTE 13 JML_TEND IK INTEGE R - ATTRIB UTE 9. Nama tabel : Spesific Profile Fungsi : Digunakan untuk mencatat profile sekolah secara spesifik seperti lokasi, dan jumlah pengguna operator yang nantinya akan di gunakan oleh user. Primary key : id_spec Foreign key : id_glob, dan id_user Table 4.9 Spesific profile Tabel Spesific Profile No Coloumn Data Type Length Constraint Foreign Key Table Coloum n 1 ID_SPEC INTEG ER - PRIMARY KEY 2 ID_USER INTEG ER - FOREIGN KEY USER_PR OFILE ID_USE R 3 ID_GLOB INTEG ER - FOREIGN KEY GLOBAL _PROFIL E ID_GLO B 4 LOT FLOAT 20 ATTRIBUT E 5 LAT FLOAT 20 ATTRIBUT E 6 JML_TSEL INTEG ER - ATTRIBUT E 47 Tabel Spesific Profile No Coloumn Data Type Length Constraint Foreign Key Table Coloum n 7 JML_ISAT INTEG ER - ATTRIBUT E 8 JML_XL INTEG ER - ATTRIBUT E 9 JML_THR EE INTEG ER - ATTRIBUT E 10 JML_LAIN NYA INTEG ER 50 ATTRIBUT E 11 NAMA_FI LE INTEG ER 50 ATTRIBUT E

4.2.4. Perancangan Database

Pada tahap ini, dilakukan penyusunan dan perancangan database yang akan digunakan beserta strukturnya. Rancangan database sistem yang dibuat berupa Entity Relational Diagram ERD, yaitu alat untuk merepresentasikan model data yang ada pada sistem dimana terdapat entity dan relationship. 48 A. Conceptual Data Model mem iliki menga kses terdiri terbagi tersusun dibagi terdapat termas uk spes_prof id_spec lot lat jml_tsel jml_isat jml_xl jml_three jml_lainnya nama_ file user_p rofile id_user nik name userna me password level status global_profile id_glob npsn nama alamat jml_siswa jml_pengajar jml_tendik jenjang id_jenjang jenjang branch id_branch branch sub_branch id_sub sub_branch cluster id_clus cluster kabupaten id_kab kabupaten regional id_reg regional Gambar 4.22 CDM sistem Pada perancagan database yang digambarkan dalam bentuk CDM menujukkan tabel-tabel yang akan digunakan dalam aplikasi yaitu user_profile, jenjang, branch, sub_branch, cluster, kabupaten, regional, global_profile, dan spes_prof. Dari tabel-tabel yang digambarkan terdapat relasi yang akan menghubungkan antar table. 49 B. Physical Data Model ID_GLOB = ID_GLOB ID_USER = ID_USER ID_JENJANG = ID_JENJANG ID_BRANCH = ID_BRANCH ID_SUB = ID_SUB ID_CLUS = ID_CLUS ID_KAB = ID_KAB ID_REG = ID_REG SPES_PROF ID_SPEC INTEGER ID_USER INTEGER ID_GLOB INTEGER LOT FLOAT20 LAT FLOAT20 JML_TSEL INTEGER JML_ISAT INTEGER JML_XL INTEGER JML_THREE INTEGER JML_LAINNYA INTEGER NAMA_FILE INTEGER USER_PROF ID_USER INTEGER NIK INTEGER NAME VARCHAR50 USERNAME VARCHAR10 PASSWORD VARCHAR7 LEVEL VARCHAR50 STATUS INTEGER GLOBAL_PROFILE ID_GLOB INTEGER ID_REG INTEGER ID_KAB INTEGER ID_CLUS INTEGER ID_SUB INTEGER ID_BRANCH INTEGER ID_JENJANG INTEGER NPSN VARCHAR50 NAMA VARCHAR50 ALAMAT VARCHAR100 JML_SISWA INTEGER JML_PENGAJAR INTEGER JML_TENDIK INTEGER JENJANG ID_JENJANG INTEGER JENJANG VARCHAR50 BRANCH ID_BRANCH INTEGER BRANCH VARCHAR50 SUB_ BRANCH ID_SUB INTEGER SUB_ BRANCH VARCHAR50 CLUSTER ID_CLUS INTEGER CLUSTER VARCHAR50 KABUPATEN ID_KAB INTEGER KABUPATEN VARCHAR50 REGIONAL ID_REG INTEGER REGIONAL VARCHAR50 Gambar 4.23 PDM sistem Pada perancangan database dengan bentuk PDM ini merupakan hasil dari generate perancangan database dari bentuk conceptual menjadi physical. PDM ini menunjukkan foreign key yang berasal dari relasi antar tabel, sehingga terdapat atribut yang digunakan untuk menghubungkan antar table.

4.2.5. Desain Input Output

Desain inputoutput merupakan rancangan inputoutput berupa form untuk memasukkan data dan laporan sebagai informasi yang dihasilkan dari pengolahan data. Desain inputoutput juga merupakan acuan pembuat aplikasi dalam merancang dan membangun sistem. 50

1. Desain Input

Desain input merupakan perancangan desain masukan dari pengguna kepada sebuah sistem yang kemudian akan disimpan ke dalam database. A. Form login Gambar 4.24 Desain form login Pada form ini terdapat kolom username dan password yang hanya dapat diisi dengan data yang valid oleh user yang terdaftar dalam sistem, hal ini berfungsi untuk memberi batasa akses pada setiap user yang akan mengakses aplikasi ini. 51 B. Tampilan home user Gambar 4.25 Desain home mengelola user Pada tampilan home ini menunjukkan tampilan dari menu user yang dapat digunakan untuk melakukan pengelolaan terhadap data user, namun pengelolaan user hanya dapat dilakukan oleh user yang memiliki hak akses tersebut. 52 Gambar 4.26 Desain home megelola sekolah Pada tampilan home ini menunjukkan tampilan dari menu home dari user yang dapat digunakan untuk melakukan pengelolaan terhadap data sekolah, namun pengelolaan sekolah hanya dapat dilakukan oleh user yang memiliki hak akses tersebut. 53 C. Pendaftaran User Baru Gambar 4.27 Desain pedaftaran user Form pendaftaran user ini berfungsi untuk mendaftarkan user baru, dalam form ini terdapat bagian untuk memilih level user yang digunakan untuk memberikan hak akses pada user berdasarkan level. 54 D. Form masukkan data global sekolah Gambar 4.28 Form memasukkan global profile Pada form masukkan data sekolah ini berfungsi untuk menyimpan data sekolah global yang akan dimasukkan ke dalam tabel global profile untuk pencatatan profile sekolah. Dalam form tersebut terdapat kolom yang terdapat regional, branch, sub branch, cluster, dan kabupaten yang diambil dari tabel dari masing-masing kolom tersebut. 55 E. Form masukkan data spesifik sekolah Gambar 4.29 Desain form memasukan spesific profile Pada form tersebut berfungsi untuk mencatat data sekolah secara spesifik. Form tersebut akan muncul ketika form untuk mencatat global profile telah berhasil tercatat. 2. Desain output Desain output merupakan perancangan desain laporan yang merupakan hasil dari data dari proses yang terjadi, yang tersimpan pada database yang kemudian akan diolah sedemikian rupa menjadi informasi yang berguna bagi pengguna aplikasi. 56 A. Daftar user Gambar 4.30 Desain daftar user Pada tampilan daftar user ini berfungsi untuk menampilkann semua user yang aktif dapat mengakses sistem. Dalam daftar user ini terdapat fungsi untuk menonaktifkan status dari user yang memiliki hak akses terhadap sistem dengan malakukan klik pada nonaktifka dalam kolom status. 57 B. Lihat daftar sekolah Gambar 4.31 Desain daftar sekolah Daftar sekolah tersebut digunakan untuk menampilkan semua data sekolah yang terdapat dalam database namun aplikasi tersebut hanya menampilkan data sekolah secara global. Pada tampilan tersebut terdapat fungsi yang dapat di gunakan untuk melakukan filter pada data sekolah yang di cari berdasarkan kriteria user. 58 C. Laporan data profile sekolah Gambar 4.32 Laporan profil sekolah Tampilan ini merupakan laporan yang digunakan untuk melihat data profil dari sekolah yang telah dipilih oleh user. Data yang ditampilkan dalam profil in\ni merupakan data global profile dan specific profile. Dalam laporan tersebut terdapat fungsi untuk mengubah data dan melihat chart dari data spesifik yang dapat di lakukan oleh user yang memiliki hak akses tersebut. 59 D. Dashboard pengguna operator Gambar 4.33 Desain dashboard pengguna operator Pada tampilan ini menunjukkan dashboard dari pengguna operator. Data yang ditampilkan oleh dashboard tersebut berasal dari data spesifik sekolah yang telah dibuka sebelunya oleh user. Dashboard tersebut dapat diakses oleh user yang dapat melakukan hak akses tersebut.

4.3. Implementasi dan Evaluasi