SISTEM INFORMASI AKADEMIK BERBASIS WEB DENGAN FRAMEWORK YII PADA SMK SEPULUH NOPEMBER.

SISTEM INFORMASI AKADEMIK BERBASIS WEB
DENGAN FRAMEWORK YII PADA SMK SEPULUH
NOPEMBER

SKRIPSI

Oleh :

PAULUS NIKO YANUAR
0934215076

PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL
“VETERAN” J AWA TIMUR
2014

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

SISTEM INFORMASI AKADEMIK BERBASIS WEB

DENGAN FRAMEWORK YII PADA SMK SEPULUH
NOPEMBER

SKRIPSI
Diajukan Untuk Memenuhi Sebagai Persyaratan
Dalam Memperoleh Gelar Sarjana Komputer
Program Studi Teknik Informatika

Oleh :

PAULUS NIKO YANUAR
0934215076

PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL
“VETERAN” J AWA TIMUR
2014

Hak Cipta © milik UPN "Veteran" Jatim :

Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

LEMBAR PENGESAHAN

SISTEM INFORMASI AKADEMIK BERBASIS WEB
DENGAN FRAMEWORK YII PADA SMK SEPULUH
NOPEMBER
Disusun oleh :

PAULUS NIKO YANUAR
0934215076
Telah disetujui mengikuti Ujian Negara Lisan
Gelombang V Tahun Akademik 2013 / 2014

Pembimbing I

Pembimbing II

Rizky Par lika, S.Kom, M.Kom
NIP. 3 8405 07 0219 1

Sugiar to, S.Kom
NIP. 3 8702 13 0343 1

Mengetahui,
Ketua Program Studi Teknik Informatika
Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur

Dr. Ir. Ni Ketut Sari, M.T
NIP. 19650731 199203 2001

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

SKRIPSI
SISTEM INFORMASI AKADEMIK BERBASIS WEB
DENGAN FRAMEWORK YII PADA SMK SEPULUH
NOPEMBER
Disusun Oleh :

Paulus Niko Yanuar
0934215076
Telah dipertahankan dan diterima oleh Tim Penguji Skripsi
Program Studi Teknik Informatika Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
Pada Tanggal 20 Desember 2013
Pembimbing :
1.

Tim Penguji :
1.

Rizky Parlika, S.Kom,M.Kom.
NIP. 3 8405 070 2191

I Gede Susrama, S.T.,M.Kom.
NIP. 3 7006 060 211 1

2.

2.

Sugiarto, S.Kom
NIP. 3 8702 13 0343 1

Fetty Tri Anggraeny, S.Kom, M.Kom
NIP. 3 8202 060 208 1
3.

Henni Endah Wahanani, S.T., M.Kom
NIP. 071 807 7901

Mengetahui,
Dekan Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur

Ir . Sutiyono, MT
NIP. 19600713 198703 1001

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

YAYASAN KESEJ AHTERAAN PENDIDIKAN DAN PERUMAHAN
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” J AWA TIMUR
FAKULTAS TEKNOLOGI INDUSTRI

KETERANGAN REVISI
Kami yang bertanda tangan di bawah ini menyatakan bahwa mahasiswa berikut :
Nama

: PAULUS NIKO YANUAR

NPM

: 0934215076

Jurusan

: Teknik Informatika

Telah mengerjakan revisi / tidak ada revisi*) pra rencana (design) / skripsi ujian
lisan gelombang V , TA 2013/2014 dengan judul:
“SISTEM INFORMASI AKADEMIK BERBASIS WEB DENGAN FRAMEWORK YII
PADA SMK SEPULUH NOPEMBER”

Surabaya, 04 Oktober 2013
Dosen Penguji yang memeriksa revisi
1)

2)

3)

I Gede Susrama, S.T.,M.Kom.
NIP. 3 7006 060 211 1

{

}

Fetty Tri Anggraeny, S.Kom, M.Kom
NIP. 3 8202 060 208 1

{

}

Henni Endah Wahanani, S.T., M.Kom
NIP. 071 807 7901

{

}

Mengetahui,
Dosen Pembimbing
Pembimbing I

Rizky Par lika, S.Kom, M.Kom

NIP. 3 8405 07 0219 1

Pembimbing II

Sugiar to, S.Kom
NIP. 3 8702 13 0343 1

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

KATA PENGANTAR

Salam Sejaterah.
Syukur terima kasih atas segala limpahan karunia dan kasih sayang Tuhan Yang
Maha Esa, sehingga dengan segala keterbatasan waktu, tenaga, dan pikiran yang dimiliki
oleh penulis, akhirnya skripsi yang berjudul “ SISTEM INFORMASI AKADEMIK
BERBASIS WEB PADA SMK SEPULUH NOPEMBER” dapat terselesaikan sesuai
dengan waktu yang telah ditetapkan.
Melalui Skripsi ini, penulis merasa mendapat kesempatan besar untuk memperdalam
ilmu pengetahuan yang diperoleh selama di perkuliahan, terutama dengan implementasi

Teknologi Informasi dalam kehidupan sehari-hari. Namun demikian penulis menyadari
bahwa Skripsi ini masih memiliki banyak kelemahan dan kekurangan. Oleh karena itu,
kritik dan saran yang bersifat membangun sangatlah diharapkan dari berbagai pihak agar
Skripsi ini bisa lebih baik lagi, sehingga dapat userikan manfaat bagi semua pihak yang
membutuhkannya.
Dalam penyusunan Skripsi ini, banyak pihak yang telah userikan bantuan baik materiil
maupun spiritual ini, sehingga pada kesempatan ini penulis mengucapkan rasa terima
kasih yang sebesar-besarnya kepada:
1. Tuhan Yang Maha Esa. Terima kasih atas segala kelancaran dan kemudahan yang selalu
engkau limpahkan kepada penulis.
2. Ibu Dr. Ir. Ni Ketut Sari, M.T. selaku ketua jurusan Teknik Informatika, UPN “Veteran”
Jawa Timur.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3. Bapak Rizky Parlika, S.Kom, M.Kom dan Bapak Sugiarto, S.Kom. selaku dosen
pembimbing. Terimakasih banyak telah sabar membimbing dan useri saran yang sangat
bermanfaat kepada penulis.
4. Teman-teman TF-B’09, terimakasih selalu meramaikan dan useri hiburan dalam momen

menyusun laporan.
5. Albert Christian makasih banget support, waktu, dan doanya dear.
6. The last and the best, thanks to my beloved family bapak, ibu, dan adik Veronica yang
selalu menjadi motivasi untuk cepat lulus kuliah.
Serta pihak-pihak lain yang ikut userikan informasi dan data-data di dalam menyelesaikan
laporan Skripsi ini, penulis mengucapkan terima kasih.
Akhir kata penulis harap agar Skripsi yang disusun sesuai dengan kemampuan dan
pengetahuan yang sangat terbatas ini dapat bermanfaat bagi semua pihak yang
membutuhkan.
Surabaya,
Penulis

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

DAFTAR ISI

Halaman
LEMBAR PENGESAHAN
ABSTRAK ..................................................................................................

i

KATA PENGANTAR .................................................................................. ii
DAFTAR ISI ................................................................................................ iii
DAFTAR GAMBAR ................................................................................... vi
DAFTAR TABEL ........................................................................................ ix

BAB I PENDAHULUAN ...........................................................................

1

1.1.Latar Belakang ...........................................................................

1

1.2.Rumusan Masalah ......................................................................

2

1.3.Batasan Masalah ........................................................................

3

1.4.Tujuan Penelitian ……….. .........................................................

3

1.5. ManfaatPenelitian .....................................................................

4

1.6. Sistematika Penulisan................................................................

4

BAB II TINJAUAN PUSTAKA...................................................................

6

2.1 Pengertian Sistem Informasi ....................................................

6

2.2. Pengertian Website ..................................................................

6

2.3. Pengertian Framework Yii .......................................................

7

2.4. CSS ..........................................................................................

7

2.5. Pengertian Flowchart…………………………………………..

8

2.6.1 Cara Membuat Flowchart .................................................

9

2.6.2 Jenis-jenis Flowchart........................................................ 10
2.7 Unified Modeling Language (UML) .......................................... 10
2.8 CDM dan PDM ………………………………………………..... 15
2.9 Validitas Tabel R …………………………………………. ....... 15

iii
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

iv

BAB III ANALISA DAN PERANCANGAN SISTEM ................................. 18
3.1 Analisa Sistem............................................................................... 18
3.2 Perancangan Sistem ..................................................................... 19
3.3 Perancangan Proses ....................................................................... 19
3.3.1 Flowchart Alur Program ........................................................ 20
3.3.2 Use Case Diagram ................................................................... 21
3.3.3 Activity Diagram……………………………………… ........... 22
3.3.4 Class Diagram ......................................................................... 33
3.3.5 Sequence Diagram .................................................................. 34
3.4 Perancangan Database .................................................................. 46
3.4.1 Conceptual Data Model (CDM) ............................................. 46
3.4.2 Physical Data Model (PDM) ................................................... 47
3.5 Perancangan Tabel …………………………………… .................. 48
3.6 Perancangan Antar Muka............................................................... 53

BAB IV HASIL DAN PEMBAHASAN ...................................................... 57
4.1 Spesifikasi Sistem..................................................................... 57
4.1.1 Perangkat Keras (Hardware) yang digunakan ................. 57
4.1.2 Perangkat Lunak (Software) yang digunakan ................. 57
4.2 Implementasi Proses ................................................................ 57
4.2.1 Halaman Menu Utama ……………………………………. 58
4.2.2 Halaman Admin ………………………………………….. 67
4.3 Implementasi Database ............................................................ 72
4.4 Sekenario Uji Coba .................................................................... 76
4.5 Pelaksanaan Uji Coba ................................................................ 76
4.5.1 Uji Coba Register …………….…………...... .................... 77
4.5.2 Uji Coba Login ………………………...………. ............. 78
4.5.3 Uji Coba mengisi data siswa …………..………………… 79
4.5.4 Uji Coba mengisi data guru ……………………………... 80

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

v

4.5.5 Uji Coba Mengisi Data Nilai ……………………….. ..... 81
4.5.6 Uji CobaMengisi Data Tagihan ……………………….. .. 81
4.5.7 Uji Coba Menulis Pesan ................................................... 82
4.6 SPSS ......................................................................................... 83

BAB VI PENUTUP ..................................................................................... 87
5.1 Kesimpulan ............................................................................... 87
5.2 Saran ......................................................................................... 88
DAFTAR PUSTAKA

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

SISTEM INFORMASI AKADEMIK PADA SMK SEPULUH NOPEMBER BERBASIS
WEB DENGAN FRAMEWORK YI
PENYUSUN
: PAULUS NIKO YANUAR
DOSEN PEMBIMBING I
: RIZKY PARLIKA, S.Kom, S.Kom
DOSEN PEMBIMBING II : SUGIARTO, S.Kom.

ABSTRAK
Sistem Informasi Akademik adalah aplikasi yang dirancang dan dibuat
untuk mengolah data-data yang berhubungan dengan informasi akademik,
meliputi data siswa, guru, nilai, dan tagihan. Setiap siswa mempunyai data yang
berbeda-beda.
Dalam perkembangannya, kebutuhan akademik menjadi lebih kompleks
karena kebijakan akademik di tiap pendidikan sering mengalami perubahan. Pada
pendidikan sekolah menegah kejuruan perubahan ini tidak berlangsung secara
keseluruhan sistem, tapi perubahannya hanya berkisar pada data siswa, data guru,
bobot nilai dan tagihan pada siswa.
Pada tugas akhir “Sistem Informasi Akademik Berbasis Web Studi Kasus
di SMK Sepuluh Nopember terletak di siwalan panji, Buduran” akan merancang
dan membuat sistem informasi akademik menggunakan Framework Yii.
Pengujian tugas akhir ini menggunakan data dari sekolah menengah
kejuruan sebagai representasi dari berbagai permasalahan yang sering timbul
dalam Sistem informasi akademik. Hasil pengujian dari sistem yang dibuat telah
dapat mengakomodasi kebutuhan akademik sebagian besar sekolah menengah
kejuruan.
Keyword: Sistem Informasi Akademik, Framework Yii.

i
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB I
PENDAHULUAN
1.1 Latar Belakang
perkembangan teknologi informasi dan komunikasi menjadi sebuah ajang
persaingan dalam banyak bidang, salah satunya dalam dunia pendidikan. Saat ini
telah banyak sekolahan yang menerapkan teknologi informasi dan komunikasi,
terutama yang berkaitan dengan proses peningkatan mutu pelayanan pada siswa
dan wali murid, namun proses tersebut masih belum berjalan secara baik, karena
masih banyak proses yang masih dilakukan secara manual, yang seharusnya
proses tersebut bisa dijalankan menggunakan sistem yang baik, menggunakan
teknologi informasi yang ada, sehingga akan diperoleh peningkatan mutu
pelayanan yang baik kepada siswa.
Seperti halnya sebuah pelayanan dalam sebuah sekolahan, yang memiliki
masalah dalam informasi sekolahan pada siswa, ataupun masalah yang lebih
komplek lagi, yang dikarenakan dampak buruk dari berita mulut ke mulut antar
siswa. Salah satu metode yang mampu meningkatkan pelayanan adalah dengan
sistem informasi hubungan dengan siswa dan wali murid. Sistem informasi
akademik merupakan metodologi, strategi, perangkat lunak (software) dan atau
aplikasi berbasis web yang mampu membantu sebuah sekolahan untuk mengelola
hubungannya dengan para siswa. Metode ini dikenal dan banyak digunakan untuk
meningkatkan pelayanan sekolah pada siswa, guru atau wali murid.

Memang secara langsung tidak ada hubungannya, dan tidak akan membawa
tambahan keuntungan yang signifikan apabila mereka memiliki website, tapi perlu

1
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

2

dilihat kembali kalimat pertama ini, pertumbuhan media ini begitu cepat, dan
banyak yang yakin, internet akan mendominasi sebagai media informasi dan
komunikasi umat manusia, dan cepat atau lambat sebuah sistem informasi pasti
akan tergantung pada media ini.
Sekian banyak manfaat dalam penerapan website belum dioptimalkan pada
Sistem Informasi Akademik SMK Sepuluh Nopember yang berlokasi di Jl.
Siwalan Panji, Buduran. Selama ini di SMK Sepuluh Nopember Belum
mempunyai sistem informasi seperti website yang dapat membagi informasi
tentang Sekolah tersebut..

1.2 Perumusan Masalah
Berdasarkan latar belakang yang sudah diuraikan di atas, maka di dapatkan
rumusan sebagai berikut.
1) Bagaimana membuat aplikasi Sistem Informasi Akademik online berbasis
Framework yii?
2) Bagaimana membuat fitur SMS Gateway sebagai fitur penunjang Sistem
Informasi Akademik online?
1.3 Batasan Masalah
Sehubungan dengan besar dan luasnya permasalahan yang terdapat pada
sistem ini, maka akan dibuat batasan permasalahan yang akan dibahas sebagai
berikut :
1) Aplikasi desain website ini dibuat dengan menggunakan PHP Framework
Yii.
2) Pengolahan database hanya menggunakan database dari MySQL 5.0.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3

3) Aplikasi web yang dibuat menampilkan informasi Sekolahan yang ada.
4) Siswa hanya mendapatkan informasi dari aplikasi ini dan tidak berhak
akses untuk merubah data aplikasi web Sistem informasi Akademik.
5) Aplikasi hanya bisa dua arah antara user dan admin.

1.4 Tujuan
Tujuan dalam menciptakan Sistem Informasi Akademik pada SMK
Sepuluh Nopember adalah :
1) Memperluas informasi sekolahan yang ada SMK Sepuluh Nopember.
2) Ikut serta dalam mengembangkan Sistem informasi akademik untuk
dijadikan publikasi dalam bentuk website di SMK Sepuluh Nopember
3) Membantu memberikan kemudahan kepada Siswa untuk mendapatkan
informasi akademik dengan mudah dan praktis.

1.5

Manfaat
Manfaat yang diperoleh dalam Sistem Informasi Akademik di SMK

Sepuluh Nopember adalah :
1) Aplikasi web Sistem informasi akademik ini dibuat secara dinamis,
sehingga SMK Sepuluh Nopember dapat mempublikasikan segala bentuk
informasi akademik dengan aplikasi ini dan siswa tidak kesulitan untuk
mendapatkan informasi sekolahan.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

4

1.6

Sistematika Penulisan
Dalam penyusunan tugas akhir, sistematika pembahasan diatur dan
disusun dalam lima bab, dan tiap-tiap bab terdiri dari sub-sub bab. Untuk
memberikan gambaran yang lebih jelas, maka diuraikan secara singkat
mengenai materi dari bab-bab dalam penulisan tugas akhir ini sebagai
berikut:

BAB I

PENDAHULUAN
Bab ini berisi latar belakang, perumusan masalah, batasan masalah,
tujuan penelitian, manfaat penelitian, dan sistematika penulisan
pembuatan tugas akhir ini.

BAB II

TINJ AUAN PUSTAKA
Pada bab ini menjelaskan tentang teori-teori pemecahan masalah yang
berhubungan dan digunakan untuk mendukung dalam pembuatan tugas
akhir ini.

BAB III ANALISIS DAN PERANCANGAN SISTEM
Bab ini menjelaskan tentang tata cara metode perancangan sistem yang
digunakan untuk mengolah sumber data yang dibutuhkan sistem antara
lain: Flowcahart, Document Flow, UML, CDM dan PDM, perancangan
database, dan desain antarmuka

BAB IV HASIL DAN PEMBAHASAN
Pada bab ini akan dibahas mengenai hasil dan pembahasan dari
rancangan sistem website yang telah dibuat pada bab sebelumnya.
Bagian implementasi sistem website ini meliputi: implementasi data,

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

5

implementasi proses, dan implementasi antarmuka, serta uji coba
program yang telah dibuat.

BAB V

PENUTUP
Bab ini berisi kesimpulan dan saran dari penulis untuk pengembangan
sistem.

DAFTAR PUSTAKA
Pada bagian ini akan dipaparkan tentang sumber-sumber literatur yang
digunakan dalam pembuatan laporan tugas akhir ini.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB II
TINJ AUAN PUSTAKA

2.1

Pengertian Sistem Infor masi
Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma)

adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan
bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai
suatu tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set
entitas yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat.
Sistem juga merupakan kesatuan bagian-bagian yang saling berhubungan yang
berada dalam suatu wilayah serta memiliki item-item penggerak, contoh umum
misalnya seperti negara. Negara merupakan suatu kumpulan dari beberapa elemen
kesatuan lain seperti provinsi yang saling berhubungan sehingga membentuk
suatu negara dimana yang berperan sebagai penggeraknya yaitu rakyat yang
berada dinegara tersebut.
Kata “sistem” banyak sekali digunakan dalam percakapan sehari-hari,
dalam forum diskusi maupun dokumen ilmiah. Kata ini digunakan untuk banyak
hal, dan pada banyak bidang pula, sehingga maknanya menjadi beragam. Dalam
pengertian yang paling umum, sebuah sistem adalah sekumpulan benda yang
memiliki hubungan di antara mereka.[http://npermana.mhs.uksw.edu/2012]
2.2

Pengertian Website
Website adalah suatu ruang informasi dimana sumber-sumber daya yang

berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource
Identifier (URI) atau juga lebih dikenal dengan istilah yang lebih populer yaitu

6
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

7

Uniform Resource Locator (URL). Dengan kata lain, website adalah suatu ruang
informasi di dalam Internet yang dapat diakses atau dilihat dari berbagai penjuru
dunia, kapanpun dan dimanapun mereka berada, selama mempunyai koneksi
Internet. Dengan website, kita dapat mempromosikan diri kita, Perusahaan,
Sekolahan, dan lain sebagainya. Dengan website kita dapat membangun sebuah
brand image yang positif dari sebuah Perusahaan dengan biaya yang cukup
murah, dengan ruang lingkup yang lebih besar.[http://www.proweb.co.id/articles]
2.3

Pengertian Framework Yii
Yii adalah framework (kerangka kerja) PHP berbasis-komponen, berkinerja

tinggi untuk pengembangan aplikasi Web berskala-besar. Yii menyediakan
reusability maksimumdalam pemrograman Web dan mampu meningkatkan
kecepatan pengembangan secarasignifikan. Yii sendiri merupakan kepanjangan
dari “Yes It Is”. Yes It Is sendiri memiliki makna kalo Yii mampu dan tepat anda
pilih untuk mengerjakan project.
Yii merupakan free open source PHP framework terbaru berbasis
komponen denganperformasi tinggi untuk mengembangkan aplikasi web
bersekala besar .Ia menyediakanresuabilitas maksimum dalam pemrograman Web
dan bisa mengakselerasi prosespengembangan secara signifikan. Nama Yii (dieja
sebagai/i:/) singkatan dari easy, efficient dan extensible(mudah, efisien, dan bisa
diperluas). (Sabit Huraira,2012)
2.4

CSS
CSS (Cascading Style Sheets) digunakan dalam kode HTML (Hypertext

Markup Language) untuk menciptakan suatu kumpulan Style yang terkadang

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

8

dapat digunakan untuk memperluas kemampuan HTML (Hypertext Markup
Language).
CSS (Cascading Style Sheet) adalah bahasa yang digunakan untuk format
tampilan HTML (Hypertext Markup Language), bahasa yang direkomendasikan
W3C (World Wide Web Consortium) untuk melukiskan gaya seperti huruf, warna,
ukuran, jarak, posisi pada dokumen-dokumen web. CSS (Cascading Style Sheet)
sangat membantu para web designer untuk memperindah halaman web template.
CSS (Cascading Style Sheet) sama fungsinya dengan cara format HTML
(Hypertext Markup Language) biasa, namun CSS mempunyai lebih banyak
elemen yang bisa kita atur. Contoh : Tag table punya elemen border, CSS
(Cascading Style Sheet) juga punya format untuk border namun lebih detail lagi
seperti : border-top, border-right, border-bottom, border-left. artinya lebih
kompleks karena memungkinkan kita membuat sisi border yang berbeda.
[syafii,2004]
2.5

Pengertian Flowchart
Salah satu alternatif dari Stratification Diagram adalah Flow Chart. Flow

Chart merupakan gambaran atau bagan yang memperlihatkan urutan dan
hubungan antar proses berserta instansinya.Gambaran ini dinyatakan dengan
simbol. Dengan demikian setiap simbol menggambarkan proses tertentu,
sedangkan hubungan antara proses digambarkan dengan garis pendukung. Flow
Chart juga didefinisikan sebagai penyajian yang sistematis tentang proses dan
logika dari kegiatan penanganan informasi atau penggambaran secara grafik dari
langkah-langkah dan urut-urutan prosedur. Flow Chart menolong untuk
memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

9

dalam menganalisis alternatif-alternatif lain dalam pengoperasian.[Hendra
Purwanto,2008]

2.5.1 Cara Membuat Flow Chart
Jika akan membuat flow Chart, ada beberapa petunjuk yang harus
diperhatikan, seperti :

1) Flow Chart digambarkan dari halaman atas ke bawah dan dari kiri ke
kanan.
2) Aktivitas yang digambarkan harus didefinisikan secara hati-hati dan
definisi ini harus dapat dimengerti oleh pembacanya.
3) Kapan aktivitas dimulai dan berakhir harus ditentukan secara jelas.
4) Setiap langkah dari aktivitas harus diuraikan dengan menggunakan
deskripsi kata kerja, misalkan Melakukan penggandaan.
5) Setiap langkah dari aktivitas harus berada pada urutan yang benar.
6) Lingkup dan range dari aktifitas yang sedang digambarkan harus ditelusuri
dengan hati-hati. Percabangan-percabangan yang memotong aktivitas yang
sedang digambarkan tidak perlu digambarkan pada flowchart yang sama.
Simbol konektor harus digunakan dan percabangannya diletakan pada
halaman yang terpisah atau hilangkan seluruhnya bila percabangannya
tidak berkaitan dengan sistem.
7) Gunakan simbol-simbol flowchart yang standar.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

10

2.5.2 J enis-jenis Flowchart
Ada lima macam bagan alir yang akan dibahas di modul ini, yaitu sebagai
berikut:
1. Bagan alir sistem (systems flowchart).
Merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan
di dalam system secara keseluruhan dan menjelaskan urutan dari prosedurprosedur yang ada dalam system.
2. Bagan alir dokumen (document flowchart).
Menelusuri alur dari data yang ditulis melalui system. Fungsi utamanya untuk
menelusuri alur form dan laporan system dari satu bagian ke bagian yang lain.
3. Bagan alir proses (process flowchart).
Merupakan teknik penggambaran rekayasa industrial yang memecah dan
menganalisis langkah selanjutnya dari sebuah sistem.
2.6

Unified Modeling Language (UML)
adalah sebuah bahasa untuk menetukan, visualisasi, kontruksi, dan

mendokumentasikan artifact (bagian dari informasi yang digunakan atau
dihasilkan dalam suatu proses pembuatan perangkat lunak. Artifact dapat berupa
model, deskripsi atau perangkat lunak) dari system perangkat lunak, seperti pada
pemodelan bisnis dan system non perangkat lunak lainnya.
UML merupakan suatu kumpulan teknik terbaik yang telah terbukti sukses dalam
memodelkan system yang besar dan kompleks. UML tidak hanya digunakan
dalam proses pemodelan perangkat lunak, namun hampir dalam semua bidang
yang membutuhkan pemodelan.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

11

BAGIAN-BAGIAN UML
Bagian-bagian utama dari UML adalah view, diagram, model element, dan
general mechanism.
a. View
View digunakan untuk melihat sistem yang dimodelkan dari beberapa
aspek yang berbeda. View bukan melihat grafik, tapi merupakan suatu abstraksi
yang berisi sejumlah diagram.
Beberapa jenis view dalam UML antara lain: use case view, logical view,
component view, concurrency view,dan deployment view.
b. Use case view
Mendeskripsikan fungsionalitas sistem yang seharusnya dilakukan sesuai
yang diinginkan external actors. Actor yang berinteraksi dengan sistem dapat
berupa user atau sistem lainnya.
View ini

digambarkan

dengan activity

dalam use

diagrams. Viewini

case

digunakan

diagramsdan
terutama

kadang-kadang

untuk

pelanggan,

perancang (designer), pengembang (developer), dan penguji sistem (tester).
c. Logical view
Mendeskripsikan bagaimana fungsionalitas dari sistem, struktur statis
(class,

object,danrelationship )

dan

kolaborasi

dinamis

yang

terjadi

ketika object mengirim pesan ke object lain dalam suatu fungsi tertentu.
View ini digambarkan dalam class diagrams untuk struktur statis dan dalam state,
sequence, collaboration, dan activity diagram untuk model dinamisnya. View ini
digunakan untuk perancang (designer) dan pengembang (developer).
d. Component view

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

12

Mendeskripsikan implementasi dan ketergantungan modul. Komponen
yang merupakan tipe lainnya dari code module diperlihatkan dengan struktur dan
ketergantungannya juga alokasi sumber daya komponen dan informasi
administrative lainnya.
View ini digambarkan dalam component view dan digunakan untuk pengembang
(developer).
e. Concurr ency view
Membagi sistem ke dalam proses dan prosesor.View ini digambarkan
dalam diagram dinamis (state, sequence, collaboration, dan activity diagrams) dan
diagram implementasi (component dan deployment diagrams) serta digunakan
untuk pengembang (developer), pengintegrasi (integrator), dan penguji (tester).
f. Deployment view
Mendeskripsikan fisik dari sistem seperti komputer dan perangkat (nodes)
dan bagaimana hubungannya dengan lainnya.
View ini

digambarkan

dalam deployment

diagramsdan

digunakan

untuk

pengembang (developer), pengintegrasi (integrator), dan penguji (tester).
g. Diagram
Diagram berbentuk grafik yang menunjukkan simbol elemen model yang
disusun untuk mengilustrasikan bagian atau aspek tertentu dari sistem. Sebuah
diagram merupakan bagian dari suatu view tertentu dan ketika digambarkan
biasanya dialokasikan untuk view tertentu. Adapun jenis diagram antara lain :
1. Use Case Diagram
Use case adalah abstraksi dari interaksi antara system dan actor. Use case
bekerja dengan cara mendeskripsikan tipe interaksi antara user sebuah system

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

13

dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah system
dipakai. Use casemerupakan konstruksi untuk mendeskripsikan bagaimana system
akan terlihat di mata user. Sedangkan use case diagram memfasilitasi komunikasi
diantara analis dan pengguna serta antara analis dan client.
2. Class Diagram
Class adalah dekripsi kelompok obyek-obyek dengan property, perilaku
(operasi) dan relasi yang sama. Sehingga dengan adanya class diagram dapat
memberikan pandangan global atas sebuah system. Hal tersebut tercermin dari
class- class yang ada dan relasinya satu dengan yang lainnya. Sebuah sistem
biasanya mempunyai beberapa class diagram. Class diagram sangat membantu
dalam visualisasi struktur kelas dari suatu system.
3. Component Diagram
Component software merupakan bagian fisik dari sebuah system, karena
menetap di komputer tidak berada di benak para analis. Komponent merupakan
implementasi software dari sebuah atau lebih class. Komponent dapat
berupa source code, komponent biner, atau executable component. Sebuah
komponent berisi informasi tentang logic class atau class yang diimplementasikan
sehingga membuat pemetaan dari logical view ke component view.Sehingga
component diagram merepresentasikan dunia riil yaitu component software yang
mengandung component, interface dan relationship.
4. Deployment Diagram
Menggambarkan tata letak sebuah system secara fisik, menampakkan
bagian-bagian software yang berjalan pada bagian-bagian hardware, menunjukkan
hubungan komputer dengan perangkat (nodes) satu sama lain dan jenis

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

14

hubungannya.

Di

dalam nodes,executeable

component dan object yang

dialokasikan untuk memperlihatkan unit perangkat lunak yang dieksekusi
oleh node tertentu dan ketergantungan komponen.
5. State Diagram
Menggambarkan semua state (kondisi) yang dimiliki oleh suatu object dari
suatu class dan keadaan yang menyebabkan state berubah. Kejadian dapat
berupa object lain yang mengirim pesan. State class tidak digambarkan untuk
semua class, hanya yang mempunyai sejumlah state yang terdefinisi dengan baik
dan kondisi class berubah oleh stateyang berbeda.
6. Sequence Diagram
Sequence Diagram digunakan untuk menggambarkan perilaku pada
sebuah scenario. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim
antara object juga interaksi antaraobject, sesuatu yang terjadi pada titik tertentu
dalam eksekusi sistem.
7. Collaboration Diagram
Menggambarkan kolaborasi dinamis sepertisequence diagrams. Dalam
menunjukkan

pertukaran

pesan, collaboration

diagrams menggambarkan objectdan hubungannya (mengacu ke konteks). Jika
penekannya pada waktu atau urutan gunakansequencediagrams, tapi jika
penekanannya pada konteks gunakan collaboration diagram.
8. Activity Diagram
Menggambarkan rangkaian aliran dari aktivitas, digunakan untuk
mendeskripsikan aktifitas yang dibentuk dalam suatu operasi sehingga dapat juga
digunakan untuk aktifitas lainnya seperti use caseatau interaksi.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

15

2.7

CDM dan PDM
CDM

(Conseptual

Data

menggambarkan secara detail struktur

Model).

CDM

dipakai

basis data dalam

bentuk

untuk
logik.

Struktur ini independen terhadap semua software maupun struktur data storage
tertentu yang digunakan dalam aplikasi ini. CDM terdiri dari objek yang tidak
diimplementasikan secara langsung kedalam basis data yang sesungguhnya. PDM
(Physical Data Model). PDM merupakan gambaran secara detail basis data
dalam bentuk fisik. Penggambaran rancangan PDM memperlihatkan struktur
penyimpanan data yang benar pada basis data yang digunakan sesungguhnya.
[Didik,2003].
2.8

Validitas Korelasi Tabel R

Validitas adalah tingkat keandalah dan kesahihan alat ukur yang
digunakan. Intrumen dikatakan valid berarti menunjukkan alat ukur yang
dipergunakan untuk mendapatkan data itu valid atau dapat digunakan untuk
mengukur apa yang seharusnya di ukur (Sugiyono, 2004:137). Dengan demikian,
instrumen yang valid merupakan instrumen yang benar-benar tepat untuk
mengukur apa yang hendak di ukur.

Penggaris dinyatakan valid jika digunakan untuk mengukur panjang,
namun tidak valid jika digunakan untuk mengukur berat. Artinya, penggaris
memang tepat digunakan untuk mengukur panjang, namun menjadi tidak valid
jika penggaris digunakan untuk mengukur berat.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

16

Uji reliabilitas berguna untuk menetapkan apakah instrumen yang dalam
hal ini kuesioner dapat digunakan lebih dari satu kali, paling tidak oleh responden
yang sama akan menghasilkan data yang konsisten. Dengan kata lain, reliabilitas
instrumen mencirikan tingkat konsistensi. Banyak rumus yang dapat digunakan
untuk mengukur reliabilitas diantaranya adalah rumus Spearman Brown

Ket :

R 11 adalah nilai reliabilitas

R b adalah nilai koefisien korelasi

Nilai koefisien reliabilitas yang baik adalah diatas 0,7 (cukup baik), di atas 0,8
(baik).

Pengukuran validitas dan reliabilitas mutlak dilakukan, karena jika
instrument yang digunakan sudah tidak valid dan reliable maka dipastikan hasil
penelitiannya pun tidak akan valid dan reliable. Sugiyono (2007: 137)
menjelaskan perbedaan antara penelitian yang valid dan reliable dengan
instrument yang valid dan reliable sebagai berikut :

Penelitian yang valid artinya bila terdapat kesamaan antara data yang
terkumpul dengan data yang sesungguhnya terjadi pada objek yang diteliti.
Artinya, jika objek berwarna merah, sedangkan data yang terkumpul berwarna
putih maka hasil penelitian tidak valid. Sedangkan penelitian yang reliable bila

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

17

terdapat kesamaan data dalam waktu yang berbeda. Kalau dalam objek kemarin
berwarna

merah,

maka

sekarang

dan

besok

tetap

merah.[http://rumushitung.com/2013/06/08]

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

berwarna

BAB III
ANALISIS DAN PERANCANGAN SISTEM

Pada bab ini dijelaskan mengenai rancangan penelitian untuk pembuatan
sistem informasi akademik pada SMK Sepuluh Nopember. Rancangan penelitian
pada bab ini akan dibagi dalam dua pokok bahasan yaitu : analisa sistem, dan
perancangan sistem.
3.1

Analisis Sistem
Perancangan Aplikasi Teknologi Framework Yii pada website dinamis

untuk Sistem informasi akademik SMK Sepuluh Nopember, pada penelitian ini
dirancang untuk menyediakan sarana informasi profil murid, profil guru, nilai,
dan tagihan.
SMS Gateway pada informasi tagihan ini merupakan sistem yang
mempermudah dalam pemberitahuan informasi baru kepada wali murid yang
saling bersangkutan pada murid. Dengan menggunakan media transmisi seperti
modem, sebagai perantara sms gateway ini bisa diakses menggunakan layanan
web. Dengan begitu wali murid dapat mudah mengetahui tentang tagihan seperti
SPP dan tagihan buku.

18
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

19

3.2

Perancangan Sistem

Sub-bab ini akan menjelaskan mengenai proses desain sistem yang akan dibuat.
Proses desain sistem penilaian dalam sub-bab ini akan dibagi menjadi 3 tahapan
penting, yaitu: perancangan proses, perancangan database, dan perancangan
antarmuka. Adapun kebutuhan-kebutuhan yang dapat diberikan oleh sistem yang
tentunya dapat menunjang sistem yang dibuat, antara lain :
1. Siswa dalam hal ini adalah registrasi untuk mendapatkan username dan
password melalui sistem aplikasi yang dibuat, sesuai dengan username dan
password.
2. Sistem dapat menampilkan informasi sekolah yang tentunya memberikan
informasi terhadap siswa.
3. Sistem memberikan informasi tentang profil siswa agar siswa mudah
mendapatkan biodata siswa.
4. Sistem memberikan informasi tentang profil guru agar siswa mudah
mendapatkan biodata guru
5. Sistem juga memberikan informasi nilai dan tagihan supaya siswa mudah
melihat nilai dan tagihan tanpa harus ke sekolah.
6.

Admin dapat melakukan pengolahan data, menambah, memperbaharui,
dan menghapus data.

3.3 Perancangan Proses
Sistem perancangan proses yang ada pada aplikasi ini 2 entitas luar yang
terdapat dalam sistem ini, yaitu :
a) Admin
Entitas admin sebagai administrator memiliki hak akses penuh terhadap
sistem. Input data yang dibutuhkan dalam sistem ini seperti data profil siswa,
data profil guru, data nilai, data tagihan,.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

20

b) Users (Siswa dan guru)
Dalam kasus ini entitas siswa hanya dapat register untuk mendapatkan
username dan password untuk melihat data yang di inputkan oleh admin
3.3.1 Flowchart Alur Pr ogram

start

Tampilan Web

Menu

Beranda

Profil SIswa

Login

Profil Guru

Nilai

Tagihan

SMS Gateway

Tidak

Masukkan Data
siswa

Ya

Ya

Data
Beranda

Data Profil

Data Profil
Guru

Sukses &
Tampilkan
Data siswa

Data Nilai

Data
Informasi
tagihan

Data SMS
Gateway

kembali

Tidak
end

Gambar 3.1 Alur Program SMK Sepuluh Nopember

Ketika sistem informasi akademik di eksekusi, hanya bisa melihat halaman
utama dari website SMK Sepuluh Nopember. Hal pertama yang dilakukan harus
login agar bisa mengakses website, dengan cara memasukan username dan

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

21

password. Sistem akan mengecek username dan password tersebut, jika username
dan password benar maka dapat mengakses website, sedangkan bila username dan
password salah maka akan kembali untuk login ulang. Setelah berhasil melakukan
login user dapat mengakses dan dapat melihat data yang di inputkan oleh admin di
menu profil siswa, profil guru, nilai, tagihan.
3.3.2 Use Case Diagram

lihat beranda
create




Lihat Profil siswa
update


Siswa

Lihat profil guru

login

Admin
read

Lihat Nilai
delete

Lihat tagihan

Gambar 3.2 Use Case Diagram Program

Pada use case diagram diatas dijelaskan bahwa terdapat 2 actor, yaitu
admin dan siswa . Actor admin memiliki beberapa fungsi yaitu Create, update,
delete yang dimana untuk dapat create update, delete harus melakukan login
terlebih dahulu. Sedangkan siswa

yaitu lihat beranda, profil, pengumuman,

tagihan, nilai dan download harus melakukan login terlebih dahulu.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

22

3.3.3 Activity Diagram
a)

Activity diagram pada login

Admin,s is w a dan guru

Memasukan username
dan password

Sis tem

cek username
dan password
validasi

tidak
ya
menampilkan
halaman utama

Gambar 3.3 Activity Diagram Pada login

Activity diagram login diatas menerangkan bagaimana alur kerja aktivitas
login yang dilakukan antara admin,siswa dan guru dan sistem, dimulai dengan
membuka halaman login kemudian sistem merespon dengan meakukan load
halaman login, setelah halaman login ditampilkan oleh sistem, admin, siswa dan
guru dapat melakukan pengisian username dan password yang terdapat dalam
form tersebut, kemudian sistem melakukan pencarian data dan verifikasi data,
apabila data ditemukan dan cocok maka sistem akan load halaman utama dari
web, jika data nama dan password tidak cocok maka sistem akan kembali
menampilkan halaman login dan diminta untuk mengisi data lagi.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

23

b)

Activity diagram mengelola beranda

Siswa d an Gu r u

Sistem

klik menu
beranda

menapilkan halaman
beranda

mengelola
data beranda

simpan data
beranda

lihat data
beranda

Gambar 3.4 Activity Diagram Pada mengelola beranda

Didalam activity diagram mengelola beranda langkah pertama Admin
memilih menu beranda, setelah itu admin dapat mengelola data isi beranda dengan
keinginan. Kemudian

Admin menyimpan data beranda dan sistem dapat

menampilkan hasil yang di inputkan oleh admin.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

24

c)

Activity diagram pada mengelola profil siswa

Admin

Sis tem

Cek username dan
password

Login

tidak
ya
klik menu profil
siswa

menampilkan
halaman utama

mengelola data profil
siswa

simpan data profil
siswa

lihat data profil
siswa

Gambar 3.5 Activity Diagram pada mengelola profil siswa

Didalam activity diagram mengelola profil siswa yang pertama harus
dilakukan oleh admin yaitu terlebih dahulu melakukan login. Saat membuka
aplikasi sistem akan menampilkan halaman login. Masukan username dan
password, jika salah sistem akan menampilkan pesan kesalahan dan kembali ke
menu login untuk memasukan username dan password dengan benar. Jika benar
maka sistem akan menampilkan halaman utama. Admin bisa memilih menu profil
siswa siswa, setelah itu admin dapat mengelola isi profil siswa dengan keinginan.
Admin bisa menyimpan data profil siswa dan sistem dapat menampilkan hasil
perubahan dari admin. Kemudian logout untuk keluar dari sistem.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

25

d)

Activity diagram pada mengelola profil guru

Adm i n

Sis tem

Cek username dan
password

Login

tidak
ya
klik menu profil guru

menampilkan
halaman utama

mengelola data profil
guru

simpan data profil
guru

lihat data profil
guru

Gambar 3.6 Activity Diagram pada mengelola profil guru

Didalam activity diagram mengelola profil guru yang pertama harus
dilakukan oleh admin yaitu terlebih dahulu melakukan login. Saat membuka
aplikasi sistem akan menampilkan halaman login. Masukan username dan
password, jika salah sistem akan menampilkan pesan kesalahan dan kembali ke
menu login untuk memasukan username dan password dengan benar. Jika benar
maka sistem akan menampilkan halaman utama. Admin bisa memilih menu profil
siswa guru, setelah itu admin dapat mengelola isi profil guru dengan keinginan.
Admin bisa menyimpan data profil guru dan sistem dapat menampilkan hasil
perubahan dari admin. Kemudian logout untuk keluar dari sistem.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

26

e)

Activity diagram pada mengelola nilai

Admin

Si s tem

Login

Cek Username
dan password
validasi
Tidak
Ya

Klik Menu Nilai

Mengelola
Nilai

Menampilkan
halaman utama

Simpan data
Nilai

Lihat data Nilai

Gambar 3.7 Activity Diagram pada mengelola nilai

Didalam activity diagram mengelola nilai yang pertama harus dilakukan
oleh admin yaitu terlebih dahulu melakukan login. Saat membuka aplikasi sistem
akan menampilkan halaman login. Masukan username dan password, jika salah
sistem akan menampilkan pesan kesalahan dan kembali ke menu login untuk
memasukan username dan password dengan benar. Jika benar maka sistem akan
menampilkan halaman utama. Admin bisa memilih menu nilai , setelah itu admin
dapat mengelola isi nilai dengan keinginan. Admin bisa menyimpan data nilai
dan sistem dapat menampilkan hasil perubahan dari admin. Kemudian logout
untuk keluar dari sistem.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

27

f)

Activity diagram pada mengelola tagihan

Adm in

Sis tem

Login

Cek Username
dan password
validasi
Tidak
Ya

Klik Menu
Tagihan

Mengelola
Tagihan

Menampilkan
halaman utama

Simpan data
Tagihan

Lihat data
Tagihan

Gambar 3.8 Activity Diagram pada mengelola tagihan

Didalam activity diagram mengelola tagihan

yang pertama harus

dilakukan oleh admin yaitu terlebih dahulu melakukan login. Saat membuka
aplikasi sistem akan menampilkan halaman login. Masukan username dan
password, jika salah sistem akan menampilkan pesan kesalahan dan kembali ke
menu login untuk memasukan username dan password dengan benar. Jika benar
maka sistem akan menampilkan halaman utama. Admin bisa memilih menu
tagihan, setelah itu admin dapat mengelola isi nilai dengan keinginan. Admin bisa
menyimpan tagihan dan sistem dapat menampilkan hasil perubahan dari admin.
Kemudian logout untuk keluar dari sistem.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

28

g)

Activity diagram pada mengelola sms gateway

Admin

Sis tem

Cek username dan
password

Login

tidak
ya
klik menu sms
gateway

menampilkan
halaman utama

mengelola data sms
gateway

simpan data sms
gateway

lihat data sms
gateway

Gambar 3.9 Activity Diagram pada mengelola sms gateway

Didalam activity diagram mengelola sms gateway yang pertama harus
dilakukan oleh admin yaitu terlebih dahulu melakukan login. Saat membuka
aplikasi sistem akan menampilkan halaman login. Masukan username dan
password, jika salah sistem akan menampilkan pesan kesalahan dan kembali ke
menu login untuk memasukan username dan password dengan benar. Jika benar
maka sistem akan menampilkan halaman utama. Admin bisa memilih menu sms
gateway, setelah itu admin dapat mengelola isi nilai dengan keinginan. Admin

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

29

bisa menyimpan sms gateway dan sistem dapat menampilkan hasil perubahan dari
admin. Kemudian logout untuk keluar dari sistem.
h)

Activity diagram pada lihat Beranda
Si s wa d an Gu r u

Si s tem

mem ilih menu
beranda

menapilkan halaman
beranda

Gambar 3.10 Activity Diagram pada lihat beranda
Didalam activity diagram lihat beranda siswa dan guru hanya bisa melihat
isi data dari menu beranda yang di inputkan oleh admin yang di dalamnya berisi
informasi tentang sekolah SMK Sepuluh Nopember.
i)

Activity diagram pada lihat profil siswa

Si s wa d an Gu r u

Si stem

login

mas ukan us ernam e
dan pas s word
validas i

tidak
ya
m emilih menu
profil s is wa

menam pilkan
halam an beranda

m enam pilkan
menu profil s is wa

Gambar 3.11 Activity Diagram pada lihat profil siswa

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

30

Didalam activity diagram lihat profil siswa yang pertama harus dilakukan
oleh siswa dan guru yaitu terlebih dahulu melakukan login. Saat membuka
aplikasi sistem akan menampilkan halaman login. Masukan username dan
password, jika salah sistem akan menampilkan pesan kesalahan dan kembali ke
menu login untuk memasukan username dan password dengan benar. Jika benar
maka sistem akan menampilkan halaman utama. Siswa dan guru bisa memilih
menu profil siswa untuk melihat isi dari menu profil siswa. Maka sistem akan
menampilkan menu profil siswa. kemudian logout untuk keluar dari sistem.
j)

Activity diagram pada lihat profil guru

Si swa dan Gu ru

Si stem

login

masukan username
dan password
validas i

tidak
ya
memilih menu
profil guru

menampilkan
halaman beranda

menampilkan
menu profil guru

Gambar 3.12 Activity Diagram pada lihat profil guru
Didalam activity diagram lihat profil guru yang pertama harus dilakukan oleh
siswa dan guru yaitu terlebih dahulu melakukan login. Saat membuka aplikasi
sistem akan menampilkan halaman login. Masukan username dan password, jika

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

31

salah sistem akan menampilkan pesan kesalahan dan kembali ke menu login
untuk memasukan username dan password dengan benar. Jika benar maka sistem
akan menampilkan halaman utama. Siswa dan guru bisa memilih menu profil guru
un