RANCANG BANGUN PROFIL SEKOLAH DAN PERINGKAT …

RANCANG BANGUN PROFIL SEKOLAH DAN PERINGKAT PRESTASI

AKADEMIK SISWA SDN 1 SANGGU BERBASIS WEB.MOBILE

PROPOSAL TUGAS AKHIR

Disusun untuk Memenuhi Syarat Penulisan Tugas Akhir pada

Sekolah Tinggi Manajemen Informatika dan Komputer

(STMIK) Palangka Raya

OLEH

NOVI VEBRIYANTI

NIM C1755201065

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER

(STMIK) PALANGKARAYA

2021

RANCANG BANGUN PROFIL SEKOLAH DAN PERINGKAT PRESTASI

AKADEMIK SISWA SDN 1 SANGGU BERBASIS WEB.MOBILE

PROPOSAL TUGAS AKHIR

Disusun untuk Memenuhi Syarat Penulisan Tugas Akhir pada

Sekolah Tinggi Manajemen Informatika dan Komputer

(STMIK) Palangka Raya

OLEH

NOVI VEBRIYANTI

NIM C1755201065

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER

(STMIK) PALANGKARAYA

2021

i

KATA PENGANTAR

Puji dan syukur kepada Tuhan Yang Maha Esa, penulis dapat menyelesaikan

Proposal Tugas Akhir ini dengan baik. Proposal Tugas Akhir ini ditujukan untuk

memenuhi salah satu syarat kelulusan program studi Teknik Informatika di STMIK

Palangkaraya.

Penulis memahami tanpa bantuan, doa, dan bimbingan dari semua orang akan

sangat sulit untuk menyelesaikan proposal ini. Maka dari itu penulis ingin

mengucapkan terima kasih sebesar-besarnya atas dukungan dan kontribusi kepada;

1. Bapak Suparno, M.Kom selaku Ketua STMIK Palangkaraya;

2. Siti Maryamah, M.M selaku dosen pembimbing I yang telah membimbing

selama penyusunan proposal ini;

3. Catharina Maryamah, M.Pd selaku dosen pembimbing II yang telah

membimbing selama penyusunan proposal ini;

4. Sdn 1 Sanggu selaku Narasumber penelitian;

5. Kedua orang tua yang selalu menyemangati saya selama penyusunan proposal

ini;

Semoga proposal ini dapat bermanfaat bagi penulis sendiri dan pembaca.

Palangkaraya, Februari 2021

Penulis

ii

DAFTAR ISI

KATA PENGANTAR ............................................................................................. i

DAFTAR ISI ........................................................................................................... ii

DAFTAR GAMBAR ............................................................................................. iv

DAFTAR TABEL ................................................................................................... v

DAFTAR LAMPIRAN .......................................................................................... vi

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

1.1 Latar Belakang Masalah ........................................................................... 1

1.2 Perumusan Masalah .................................................................................. 3

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

1.4 Tujuan Dan Manfaat ................................................................................. 3

1.5 Sistematika Penulis ................................................................................... 4

BAB II LANDASAN TEORI ................................................................................. 1

2.1 Tinjauan Pustaka ...................................................................................... 1

2.2 Kajian Teori .............................................................................................. 5

2.2.1 Rancang Bangun Sistem ................................................................... 5

2.2.2 Web Mobile ....................................................................................... 5

2.2.3 Sekolah Dasar Negri 1 Sanggu ......................................................... 6

2.2.4 Prestasi .............................................................................................. 6

2.2.5 RAPID APPLICATION DEVELOPMENT (RAD) ......................... 7

2.2.6 Cascading Style Sheets (CSS) ........................................................... 9

2.2.7 Framework ...................................................................................... 10

2.2.8 Bootstrap ......................................................................................... 10

2.2.9 MySQL ............................................................................................ 11

2.2.10 Unified Modeling Language (UML) ............................................... 11

BAB III METODE PENELITIAN........................................................................ 16

3.1 Lokasi Penelitian .................................................................................... 16

3.2 Teknik Pengumpulan Data ..................................................................... 16

3.3 Analisis ................................................................................................... 17

3.3.1 Analisis Proses ................................................................................ 17

iii

3.3.2 Analisis Kelemahan Sistem............................................................. 18

3.3.3 Analisis Kebutuhan ......................................................................... 21

3.3.4 Analisis Kelayakan Sistem .............................................................. 24

3.4 Desain Sistem ......................................................................................... 25

3.4.1 Desain Proses .................................................................................. 25

3.4.2 Desain Perangkat Lunak ................................................................. 32

3.4.3 Desain Basis Data ........................................................................... 40

3.5 Kerangka Pemikiran ............................................................................... 43

DAFTAR PUSTAKA ........................................................................................... 45

iv

DAFTAR GAMBAR

Gambar 1. Rapid Application Development ........................................................... 8

Gambar 2 Use Case Diagram ................................................................................ 25

Gambar 3. Activity Diagram Admin Menu Akun ................................................ 27

Gambar 4. Activity Diagram Menu Akun Pengguna Umum ................................ 27

Gambar 5. Activity Diagram Menu Akun Pengguna Umum ................................ 29

Gambar 6. Sequnce Diagram Admin Halaman Login .......................................... 30



Gambar 9. Sequnce Diagram Halaman Akun Siswa ............................................ 31

Gambar 10. Class Diagram ................................................................................... 32

Gambar 11. Halaman Utama ................................................................................. 33

Gambar 12 Dasboard tampilan utama ................................................................... 33

Gambar 13. Profil .................................................................................................. 34

Gambar 14 Tampilan Agenda ............................................................................... 36

Gambar 15 Galeri .................................................................................................. 37

Gambar 16 Menu Kontak ...................................................................................... 37

Gambar 17. Login ................................................................................................. 38

Gambar 18. User Siswa ......................................................................................... 38

Gambar 19 Dasboard Siswa .................................................................................. 39

Gambar 20. Peringkat Akademik .......................................................................... 40

v

DAFTAR TABEL

Tabel 1.Kajian Penelitian yang Relavan ............................................................................. 2

Tabel 2 Simbol-simbol Use Case Diagram ....................................................................... 12

Tabel 3 Simbol-simbol Sequence Diagram ...................................................................... 13

Tabel 4. Simbol-simbol Activity Diagram ........................................................................ 14

Tabel 5. Perbandingan (performance) ............................................................................... 18

Tabel 6. Perbandingan Information .................................................................................. 19

Tabel 7. Perbandingan Economy ...................................................................................... 19

Tabel 8. Perbandingan Control ......................................................................................... 20

Tabel 9. Perbandingan Efficiency ..................................................................................... 20

Tabel 10. perbandingan Service ........................................................................................ 21

Tabel 11. Struktur tabel admin .......................................................................................... 40

Tabel 12. Struktur tabel galeri .......................................................................................... 41

Tabel 13. Struktur tabel Agenda ....................................................................................... 41

Tabel 14. Struktur tabel Profil........................................................................................... 42

Tabel 15. Struktur tabel Nilai ........................................................................................... 42

Tabel 16. Struktur tabel Siswa .......................................................................................... 43

vi

DAFTAR LAMPIRAN

Lampiran 1 Surat Tugas Dosen Pembimbing

Lampiran 2 Surat Izin Penelitian

Lampiran 3 Lembar Konsultasi Bimbingan Tugas Akhir

Lampiran 4 Lembar Dokumentasi

Lampiran 5 Surat Tugas Penguji Seminar Tugas Akhir

Lampiran 6 Berita Acara Seminar Proposal

Lampiran 7 Daftar Hadir Peserta Seminar Proposal Tugas Akhir

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Sekolah merupakan salah satu tempat pendidikan yang umum

digunakan oleh setiap orang. Pada saat sekarang ini sekolah bukan

hanya memberikan pelayanan berupa pendidikan saja, tetapi juga

bersaing untuk memberikan pelayanan yang lebih dari sekolah-

sekolah lain. Untuk itu, sekolah-sekolah perlu menyampaikan

informasi mengenai keunggulan-keunggulan yang mereka punyai

agar dikenal dan diketahui oleh masyarakat luas. Terutama dengan

informasi yang cepat, tepat dan akurat dimana melibatkan banyak

data dan pengolahan. Jika semua itu dikerjakan secara manual, maka

memerlukan waktu yang relatif lebih lama dengan tingkat akurasi

yang rendah.

Oleh karena itu, demi perbaikan kinerja pelayanan dalam hal ini

adalah pelayanan informasi diperlukan suatu sistem terintegrasi

yang relatif singkat yaitu dengan suatu sistem komputerisasi dengan

mengacu pada pengolahan data berbasis teknologi informasi. Maka

dibutuhkan suatu rancang bangun teknologi informasi berbasis web

mobile yang dapat menyajikan informasi Profil Sekolah. Adapun

informasi yang disajikan mencakup gambaran umum sekolah,

agenda kegiatan yang telah dan akan dilakukan serta galeri kegiatan–

kegiatan, informasi tersebut menjadi penunjang promosi bagi

2

kalangan masyarakat disekitar area sekolah dan diluar area sekolah

itu sendiri.

Selain itu Prestasi belajar peserta didik dapat diukur dari

pekerjaan peserta didik selama satu semester, yang pada akhirnya

dituangkan dengan nilai yang berbentuk angka-angka. Angka

tersebut merupakan cerminan atau ukuran dari hasil yang dicapai

peserta didik dalam belajar

Menurut (Dimyati & Mudjiono, 2017) Hasil belajar merupakan

hasil dari suatu interaksi tindak belajarddan tindak mengajar. Dari

sisi guru, tindak mengajar diakhiri dengan proses evaluasi hasil

belajar.

Prestasi sekolah sebagai indikator mutu pendidikan sangat

dipengaruhi oleh sumber daya manusia dan sumber daya sekolah

lainnya. Dari sisi siswa, hasil belajar merupakan berakhirnya

puncak proses belajar.

Dari permasalahan tersebut, maka dibuat suatu sistem

pengolahan Prestasi Akademik untuk mengatur proses prestasi

siswa, dimana nantinya data prestasi siswa yang unsurnya berupa

nilai, akan diproses sehingga data dapat lebih cepat diproses dan

laporan dapat dibuat dengan mudah.

Dilihat dari latar belakang tersebut, maka penulis bermaksud

membuat sebuah Rancang Bangun Profil Sekolah dan Peringkat

Prestasi Akademik yang diharapkan bagi Sdn 1 Sanggu di dalam

3

aktifitas pelayanan informasi, teknologi informasi dalam

menentukan kecepatan memberikan informasi secara tepat,

pelayanan informasi tentang seputar dunia pendidikan, dan

efektifitas kerja pada sekolah yang bersangkutan.

1.2 Perumusan Masalah

Berdasarkan latar belakang tersebut, permasalahan yang dibahas

dalam penulisan ini adalah bagaimana merancang dan membangun profile

sekolah dan peringkat prestasi akademik siswa SDN 1 sanggu berbasis web

mobile?”.

1.3 Batasan Masalah

Agar permasalah tidak semakin melebar, maka penulis perlu

memberikan batasa-batasan masalah yang dibahas yaitu:

1. Rancang bangun ini dibuat untuk menampilkan profil sekolah mengenai

profil, visi misi, struktur guru, data guru, data siswa, agenda sekolah,

galeri sekolah dan peringkat akademik siswa di SDN 1 Sanggu dikelas.

2. Rancang bangun ini berbasis web diakses secara online.

3. Sistem ini dibuat hanya berbasis web mobile dibangun menggunakan

metode rapid application devloment (RAD)

1.4 Tujuan Dan Manfaat

1. Tujuan

Adapun tujuan penelitian ini adalah untuk merancang dan membangun

profil dan peringkat prestasi siswa pada SDN 1 Sanggu.

4

2. Manfaat

a. Bagi Penulis

Sebagai penerapan pengembangan ilmu pengetahuan yang telah

ditempuh di bangku perkuliahan sehingga menghasilkan suatu

aplikasi yang berguna dan sebagai syarat kelulusan Srata 1 Program

Studi Teknik Informatika di STMIK Palangka Raya.

b. Bagi SD Negri 1 Sanggu

Rancang Bangun ini dapat menjadi membantu pihak sekolah untuk

mempermudah pelayanan promosi sekolah., dan para orang tua

murid bisa memantau sekolah secara online.

c. Bagi Pengguna

Manfaat bagi pengguna adalah dapat memperoleh informasi yang

cepat dan efektif serta berkontribusi terhadap kinerja disekolah.

d. Bagi Stmik Palangkaraya

Sebagai penambah literatur Pustaka diperpustakaan STMIK

Palangkaraya dan dapat digunakan sebagai refrensi atau kajian

untuk mahasiswa lain yang ingin mengembangkan lebih lanjut

khusus nya yang berkaitan dengan web mobile sekolah.

1.5 Sistematika Penulis

Agar lebih terarur dan terarah, Penulis tugas akhir disusun secara

sistematika, yang rediri dari lima babying diuraikan sebagai berikut:

5

BAB I

Pada bab ini berisi tentang latar belakang masalah, perumusan

masalah, batasan masalah, tujuan penelitian dan sistematika penulis.

BAB II LANDASAN TEORI

Pada bab ini membahas dan menjelaskan tentang dasar teoritas

yang menjadi yang menjadi landasan dan mendukung pelaksaan

penelitian ini. Pembahasan tersebut dituangkan dalam sub bab yaitu

tinjauan pustaka,

kajian teori dan perangkat lunak yang digunakan dalam proses

pembuatan aplikasi.

BAB III ANALISIS DAN DESAIN SISTEM

Pada bab ini membahas tentang analisis sistem dimana

kebutuhan-kebutuhan apa saja yang diperlukan dalam pembuatan

sistem dan pemecahannya serta rancangan sistem.

BAB IV IMPLEMENTASI DAN PEMBAHASAN

Pada bab ini membahas tentang uji coba sistem dan uji coba

sistem instalisasi sampai dengan pemeliharaan sistem serta membahas

hasil penelitian.

BAB V KESIMPULAN DAN SARAN

Pada bab ini berisi kesimpulan yang didapatkan dari pembahahasan

pada bab-bab sebelumnya dan saran yang diharapkan untuk dapat

memberi manfaat bagi kesempurnaan sistem yang telah dibuat.

BAB II

LANDASAN TEORI

2.1 Tinjauan Pustaka

Dalam suatu penelitian diperlukan dukungan hasil-hasil penelitian

yang telah ada sebelumnya yang berkaitan dengan penelitian

serupa.Berikut hasil-hasil penelitian yang relevan dan perbandingan

penelitian yang telah ada sebelumnya yang serupa dengan penelitian yang

sedang dilakukan dan disajikan dalam bentuk tabel.

2

Tabel 1.Kajian Penelitian yang Relavan

No Nama Penulis Topik Penelitian Metode Hasil Perbedaan

1 (Mubarak,

2019)

Rancang Bangun

Aplikasi Web

Sekolah

Menggunakan Uml

(Unified Modeling

Language Dan

Bahasa

Pemrograman Php

(Php Hypertext

Preprocessor)

Berorientasi

Objek)

Dari penelitian (Abdul Mubarak,

2019) didapatkan hasil yaitu, web

sekolah yang dirancang diperuntukan

untuk mempromosikan tentang

Sekolah Menengah Kejuruan Plus

Indonesia Timur ke masyarakat luas

utamanya kepada calon siswa baru

dan menjadi media penyampaian

informasi tentang Sekolah Menengah

Kejuruan Plus Indonesia Timur.

Perbedaan penelitian(Abdul

Mubarak, 2019) dengan penulis

yaitu, penulis bukan hanya

membuat web tentang sekolah

saja namun terdapat fitur untuk

melihat peringkat prestasi

akademik siswa sekolah dasar

negeri 1 sanggu.

2 (Dafirti &

Elsera, 2017)

Rancang Bangun

Sistem Informasi

Akademik

Berbasis Web (

studi kasus: SMA

Swasta Harapan I

Medan )

Dari penelitian (Haida Dafitri, dkk,

2017) didapatkan hasil yaitu, Sistem

Informasi akademik yang dibangun

dengan model scrum maupun absensi

kehadiran siswa di sekolah SMA

Swasta Harapan I Medan. Siswa dan

orang tua/siswa dapat mengetahui

prestasi, nilai dan informasiakademik

melalui web dan melalui E-SMS

Perbedaan penelitian (Haida

Dafitri, dkk, 2017) dengan

penulis yaitu penulis tidak

menginput absensi kehadiran

siswa dan web mobile yang

dibuat tidak menggunakan e-sms

untuk memberitahukan informasi

akademik siswa kepada orang

tua.


3

3 (Renaldi,

Sagirani, &

Churniawan,

2018)

Rancang Bangun

Aplikai E-poin

Untuk Pencatatan

Data Pelanggaran

Dan Prestasi

Akademik Siswa

Pada SMK Negeri

10 Surabaya

Metode

System

Development

Life Cycle

(SDLC

Dari penelitian (Renaldi, dkk, 2018)

didapatkan hasil yaitu Aplikasi e-

poin untuk pencatatan data

pelanggaran dan data prestasi

akademik dapat memberikan

informasi dengan cepat kurang dari

30 detik, dapat membantu

memberikan laporan perhitungan

perbandingan antara data pelanggaran

dan prestasi akademik siswa SMK

Negeri 10 Surabaya

Perbedaan penilitian (Renaldi,

dkk, 2018) dengan penulis yaitu

penulis tidak menggunakan

aplikasi e-point dan penulis tidak

menampilkan pelanggaraan data

siswa.

4 (Sari, Febriani,

& Putra, 2018)

Perancangan

Sistem Informasi

SDM Berprestasi

pada SD Global

Surya

Metode

waterfall

Dari penelitian (Dian Permata Sari,

dkk 2018) didapatkan hasil yaitu

Interaksi guru dan murid sebagai

mediator dan Kegiatan proses belajar

mengajar guru selama ini hanya

terekam pada satu buah formulir,

maka dibuat lah bentuk hasil kerja

guru sehingga pemberian

penghargaan prestasi guru tepat

sasaran dan menjadikan spirit baru

untuk sumber daya manusia di SD

Global Surya secara

terkomputerisasi. secara online,

sebagai sarana informasi menjadi

lebih maksimal.

Perbedaan peneliti dengan (Dian

Permata Sari, dkk 2018) yaitu,

peneliti tidak membuat prestasi

apresiasi kepada para guru SDN

1 Sanggu.

4


5 (Chandra, 2015) Perancangan Web

Profile Pada

SMAN 3 Pematang

Siantar

Melalui website ini, maka SMA

Negeri 3 Pematang Siantar dapat

mempermudah dan mengenalkan

informasi seperti profil, fasilitas,

tingkat pendidikan yang ditujukan

kepada pengakses website. Melalui

website ini, SMA Negeri 3 Pematang

Siantar sekarang sudah memiliki

website sebagai media penyampaian

informasi yang efektif dan efisien,

sehingga jangkauan penyebaran

informasinya lebih luas, tidak

terbatas. Melalui website ini, SMA

Negeri 3 Pematang Siantar dapat

memenuhi anjuran dari pemerintah,

bahwa sebuah instansi pendidikan

memiliki website resmi.

Perbedaan peneliti dengan

(Tintin Chandra, 2015) yaitu,

peneliti tidak hanya

mempromosikan sekolah tetapi

juga mempermudah orang tua

dan siswa dalam memantau

prestasi dan nilai siswa serta

kegiatan disekolah

5

2.2 Kajian Teori

2.2.1 Rancang Bangun Sistem

Menurut (Pressman, 2015), rancang merupakan

serangkaian prosedur untuk menerjemahkan hasil analisa dari

sebuah sistem ke dalam bahasa pemrograman untuk

mendeskripsikan dengan detail bagaimana komponen-komponen

sistem diimplementasikan.

Menurut (Maulani, Giandari, Septiani, & Shara,

2018)“Rancang bangun adalah menciptakan dan membuat suatu

aplikasi ataupun sistem yang belum ada pada suatu instansi atau

objek tersebut”.

2.2.2 Web Mobile

Menurut (Usmanto, Immawan, Fauzi, Puspita, & Mahdi,

2018) Web Mobile merupakan situs web yang yang dirancang

khusus untuk perangkat mobile. Situs web mobile sering memiliki

desain yang sederhana dan biasanya bersifat memberikan

informasi (Muhdar, 2016).

Untuk dapat mendesain aplikasi web untuk mobile harus

diperhatikan betul bahwa karakteristik web untuk mobil berbeda

dengan desktop. Berdasarkan definisi tersebut dapat disumpulkan

website mobile adalah situs yang dirancang menggunakan protokol

yang sama dengan desktop web.

6

2.2.3 Sekolah Dasar Negri 1 Sanggu

Sekolah Dasar Negri 1 Sanggu adalah sekolah dasar negri

yang terletak di desa Sanggu jalan Merdeka RT.02 NO.77, Sanggu,

Kecematan. Dusun Selatan, Kabupaten. Barito Selatan Provinsi

Kalimantan Tengah. Sekolah ini memiliki luas tanah 3,575 M yang

memiliki jumlah siswa laki-laki 52 orang dan siswa perempuan 44

orang. Sekolah Dasar Negri 1 Sanggu dipimpin oleh Piri, spd

dengan jumlah guru 11 orang, dan 1 penjaga sekolah.

Adapun fasilitas yang dimiliki oleh SDN 1 Sanggu adalah

perpustakaan, ruang siswa 6, kantin, wc, area parkir. Fasilitas ini

mendukung para siswa dan guru melakasanakan belajar dan

mengajar.

2.2.4 Prestasi

Prestasi belajar menurut (Pratiwi & Komari, 2015) “bukti

keberhasilan yang telah dicapai oleh seseorang. Dengan demikian,

prestasi belajar merupakan hasil maksimum yang dicapai oleh

seseorang setelah melakukan usaha-usaha belajar”.

Jadi dapat disimpulkan, pengertian Prestasi ialah hasil dari

usaha yang sudah dilakukan oleh seseorang. Dalam mencapai

kesuksesan, semua orang akan menghadapi tantangan baik dari diri

mereka sendiri (seperti bakat, potensi, kecerdasan atau intelektual,

minat, motivasi, kebiasaan, emosi, kesehatan dan pengalaman

pribadi) dan orang-orang dari lingkungan (seperti tantangan dari

7

keluarga, sekolah, masyarakat, sarana dan prasarana, fasilitas, gizi,

dan perumahan).

2.2.5 RAPID APPLICATION DEVELOPMENT (RAD)

Model RAD menurut (Sukamto, A, & Shalahuddin, 2018)

adalah adaptasi dari model air terjun versi kecepatan tinggi dengan

menggunakan model air terjun untuk pengembangan setiap

komponen perangkat lunak.

Dari defenisi di atas, dapat penulis simpulkan bahwa metode

Rapid Application Development (RAD) merupakan suatu metode

pengembangan sistem yang dapat mempersingkat waktu pengerjaan

dari sebuah sistem dengan tahapantahapan nya yang sangat

terstruktur

8

Gambar 1. Rapid Application Development

1. Pemodelan Bisnis

Pemodelan yang dilakukan untuk memodelkan fungsi bisnis

untuk mengetahui informasi apa saja yang terkait proses

bisnis, informasi apa saja yang harus dibuat, siapa yang

harus membuat informasi itu, bagaimana alur informasi itu,

proses apa saja yang terkait informasi itu.

2. Pemodelan Data

Memodelkan data apa saja yang dibutuhkan berdasarkan

pemodelan bisnis dan mendefinisikan atribut-atributnya

beserta relasinya dengan data-data yang lain.

9

3. Pemodelan Proses

Mengimplementasikan fungsi bisnis yang sudah

didefenisikan terkait dengan pendefenisian data.

4. Pembuatan Aplikasi

Mengimplementasika pemodelan proses dan data menjadi

program. Model RAD sangat menganjurkan pemakaian

komponen yang sudah ada jika dimungkinkan.

5. Pengujian dan pergantian

Menguji komponen-komponen yang dibuat. Jika sudah

teruji maka tim pengembang komponen dapat beranjak

untuk mengembangkan komponen berikutnya.

2.2.6 Cascading Style Sheets (CSS)

Menurut (Abdulloh & Rohi, 2015) CSS merupakan singkatan

dari cascading style sheets, yaitu skrip yang digunakan untuk

mengatur desain website.

CSS terdiri dari style sheet yang memberitahu browser dalam

menyelesaikan suatu dokumen yang akan disajikan. Walaupun

HTML mempunyai kemampuan untuk mengatur tampilan website,

namun kemampuannya sangat terbatas.

Fungsi CSS adalah memberikan pengaturan yang lebih

lengkap agar struktur website yang dibuat dengan HTML terlihat

lebih rapi dan indah.

10

2.2.7 Framework

Menurut (Abdulloh, 2016) Framework adalah kerangka kerja

dari komponen pemrograman yang siap digunakan ulang kapan

saja sehingga programmer tidak harus membuat script yang sama

untuk tugas yang sama.

Menurut (Destiningrum & Adrian, 2017) Framework adalah

kumpulan intruksi-intruksi yang dikumpulkan dalam class dan

function-function dengan fungsi masing-masing untuk

memudahkan developer dalam memanggilnya tanpa harus

menuliskan syntax program yang sama berulang-ulang serta dapat

menghemat waktu.

Untuk saat ini framework terbagi dua yaitu framework PHP

dan framework CSS, untuk framework PHP terdiri dari Laravel,

Yii, Code Igniter, Symfoni, Zend Framework, Cake PHP, Fuel PHP,

dll. Dan untuk Framework CSS terdiri dari, Bootstrap, Gumby,

Foundation, Less Framework, JQuery UI, Unsemantic, Blue Print

CSS, Bootstrap.

2.2.8 Bootstrap

Menurut (Purnama & Watrianthos, 2018) Bootstrap adalah

library (pustaka / kumpulan fungsi-fungsi) dari Framework CSS

yang dibuat khusus untuk bagian pengembangan fontend dari suatu

website. Didalam library tersebut terdapat berbagai jenis file yang

diantaranya HTML, CSS, dan Javascript.

11

Dari pengertian diatas dapat disimpulkan bahwa Bootstrap

merupakan sebuah framework yang digunakan untuk membangun

serta mengembangkan bagian interface suatu halaman website.

2.2.9 MySQL

Menurut (Josi, 2017) MySQL (My Structured Query

Language) adalah sebuah program pembuat dan pengelola

database atau yang sering disebut dengan DBMS (Database

Management System), sifat DBMS ini ialah open source.

Berdasarkan dua pengertian diatas dapat dikatakan MySQL

merupakan sebuah tool (alat) yang digunakan untuk mengatur atau

memanajemen sebuah database yaitu SQL.

2.2.10 Unified Modeling Language (UML)

Menurut (Mulyani, 2016) UML adalah sebuah teknik

pengembangan sistem yang menggunakan bahasa grafis sebagai

alat untuk pendokumentasian dan melakukan spesifikasi pada

sistem.

Menurut (Muslihudin, Muhammad , & Oktavianto, 2016),

UML singkatan dari Unified Modeling Language yang berarti

bahasa pemodelan standar. UML bukan hanya sekedar diagram,

tetapi juga menceritakan konteknya.

12

Untuk membuat suatu model, UML memiliki diagram

grafis yang diberi nama berdasarkan sudut pandang yang berbeda-

beda terhadap sistem dalam proses analisa atau rekayasa.

Diagram grafis tersebut antara lain:

a. Use Case Diagram

Use Case Diagram yaitu diagram yang digunakan

untuk menggambarkan hubungan antara sistem dengan

actor. Diagram ini hanya menggambarkan secara global.

Karena use case diagram hanya menggambarkan sistem

secara global, maka elemen-elemen yang digunakan sangat

sedikit. Berikut ini simbol-simbol yang digunakan pada use

case diagram.

Tabel 2 Simbol-simbol Use Case Diagram

(Sumber Hendini, 2016)

No. Simbol Nama Keterangan

1 2 3 4

1

Actor

Aktor adalah Abstraction dari orang

atau sistem yang lain yang

mengaktifkan fungsi dari target sistem.

Perlu dicatat bahwa actor berinteraksi

dengan use casea, tetapi tidak memiliki

control terhadapa use case

2 Generalizatio

n

Mengindikasikan bila actor berinteraksi

secara pasif dengan sistem

3 Include

Merupakan di dalam use case lain

(required) atau pemanggilan use case

oleh use case lain, contohnya

pemanggilan sebuah fungsi program

4

Extend Merupakan perluasan dari use case lain

jika kondisi atau syarat terpenuhi

5

Association Mengindikasikan siapa atau apa yang

meminta interaksi secara langsung dan

bukannya mengindikasikan data.

13


1 2 3 4

6

Use Case Menggambarkan fungsionalitas yang

disediakan sistem sebagai unit-unit yang

bertukar pesan antar unit dengan actor,

yang dinyatakan dengan menggunakan

kata kerja

b. Sequence Diagram

Sequence Diagaram adalah interaksi objek yang disusun

dalam suatu urutan waktu. Diagram ini secara khusus

berasosiasi dengan use case. Sequence diagram

memperlihatkan tahap demi tahap apa yang seharusnya terjadi

untuk menghasilkan suatu di dalam use case. Berikut ini

simbol-simbol yang digunakan pada Sequence diagram.

Tabel 3 Simbol-simbol Sequence Diagram

(sumber Hendini, 2016)


1 2 3 4

1

Entity Class

Merupakan bagian dari

sistem yang berisi

kumpulan kelas berupa

entitas-entitas yang

membentuk gambaran

awal sistem dan menjadi

landasan untuk menyusun

basis data

2

Boundary

Class

Kumpulan kelas yang

menjadi interfaces atau

interaksi antara satu atau

lebih aktor dengan sistem,

seperti tampilan form

entry dan form cetak

3

Control

Class

Suatu objek yang berisi

logika aplikasi yang tidak

memiliki tanggung jawab

kepada entitas

14

4

Message Simbol mengirim pesan

antar class

5

Recursive

Menggambarkan

pengiriman pesan yang

dikirim untuk dirinya

sendiri

6

Activation

Mewakili sebuah eksekusi

operasi dari objek, panjang

kotak ini berbanding lurus

dengan durasu aktivitas

sebuah operasi

7

Lifeline

Garis titik-titik yang

terhubung dengan objek,

sepanjang lifeline terdapat

activation

c. Activity Diagram

Activity Diagram adalah diagram yang digunakan untuk

menggambarkan alur kerja (aktivitas) pada use case (proses),

logika, proses bisnis dan hubungan antara actor dengan alur-alur

kerja use case. Berikut ini simbol-simbol yang digunakan pada

Activity diagram.

Tabel 4. Simbol-simbol Activity Diagram

(sumber Hendini, 2016)

No

.

Simbol Nama Keterangan

1 2 3 4

1

Start Point

Diletakkan pada pojok

kiri atas dan merupakan

awal aktivitas

2

End Point Akhir dari aktivitas

3

Activities Menggambarkan suatu

proses/ kegiatan bisnis

15

4

Decision

Point

Menggambarkan

pilihan untuk

pengambilan keputusan,

true atau false

5

Fork

Menunjukkan kegiatan

yang dilakukan secara

parallel atau untuk

menggabungkan dua

kegiatan menjadi satu

6

Join

Digunakan untuk

menunjukkan adanya

dekomposisi

BAB III

METODE PENELITIAN

3.1 Lokasi Penelitian

Lokasi yang nantinya yang akan menjadi penelitian penulis yaitu di

Sekolah Dasar Negri 1 Sanggu Jl. Merdeka RT.02 NO.77, Sanggu.

Kecematan Dusun Selatan, Kabupaten Barito Selatan Provinsi Kalimantan

Tengah

3.2 Teknik Pengumpulan Data

Penulis menggunakan beberapa tahapan atau metode dalam melakukan

penelitian untuk menyusun proposal tugas akhir ini, yaitu :

a. Studi Pustaka

Pada tahap ini penulis mengumpulkan beberapa proposal meupun

jurnal penelitian dari sumber lain dengan judul yang menyerupai jurnal,

buku dan dokumen sebagai sumber referensi yang relevan untuk proposal

penelitian yang sedangn dilakukan.

b. Metode Dokumentasi

Pada tahap ini dokumentasi diperlukan untuk mengumpulkan bukti

hasil dari penelitian berupa foto dengan pihak penelitian sebagai bukti

telah melakukan penelitian, foto wawancara dan foto hasil kuisoner.

17

c. Metode Wawancara

Metode wawancara adalah suatu cara pengumpulan data yang

digunakan untuk memperoleh informasi secara langsung dari

sumbernya. Wawancara yang dilakukan penulis yaitu dengan

mewancarai Bp. Piri secara langsung sebagai kepala sekolah SDN 1

Sanggu. Untuk mengumpulkan informasi yang diperlukan dalam

penelitian tugas akhir.

d. Metode Pengamatan (Observasi)

Metode pengamatan (observasi) merupakan metode yang

melakukan pengamatan secara langsung ke obyek penelitian untuk

melihat langsung kegiatan yang dilakukan di sekolah guna

mendapatkan data dan informasi yang dibutuhkan.

3.3 Analisis

Rancang bangun Profil Sekolah dan Peringkat Prestasi Akademik ini

dibuat dan didesain untuk diterapkan oleh Sdn 1 Sanggu. Sistem ini bertujuan

untuk mempermudah sekolah dan untuk mempromosikan sekolah. Aplikasi

ini disajikan dengan objek yang sederhana agar memberikan kemudahan

kepada pihak sekolah dan pengguna agar bisa terus melihat perkembangan

profil sekolah.

3.3.1 Analisis Proses

Dalam proses ini untuk memecahkan proses penulis menggunakan

UML yang digunakan terdiri dari use case, sequence dan class diagram.

18

3.3.2 Analisis Kelemahan Sistem

Untuk mengidentifikasi masalah, maka perlu dilakukan analisis

terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi dan

pelayanan. Panduan ini dikenal dengan Analisa PIECES (Performance,

Information, Economic, Control, Efficiency, Service. Dalam analisis

kelemahan sistem, penulis menggunakan metode analisis PIECES

untuk mengidentifikasi masalah. Berikut beberapa aspek yang akan

dibahas berdasarkan PIECES.

a. Kinerja (Performance)

Produksi jumlah kerja selama periode waktu tertentu. Pada

bagian ini dideskripsikan situasi saat ini tentang jumlah kerja yang

dibutuhkan untuk melakukan serangkaian kerja tertentu dalam

satuan orang jam, orang hari, atau orang bulan kemudian hal ini

dianalisis apakah hasil kerja yang demikian ini sudah bagus atau

perlu ada peningkatan kinerja.

Tabel 5. Perbandingan (performance)

Sistem Lama Sistem Baru

Penyebaran informasi

menggunakan surat edaran dan

spanduk-spanduk.

Penyebaran informasi

menggunakan website jadi bisa

dilihat kapan saja,dan jangkauan

nya lebih luas

19

b. Informasi (Informasi Information)

Dibawah ini dapat dilihat dari segi informasi yang didapat dari

sebuah sistem yang akan dibangun. Pada tabel dibawah ini adalah

perbandingan dari sistem lama ke sistem baru.

Tabel 6. Perbandingan Information


Informasi mengenai sekolah

baik libur maupun penerimaan

siswa baru masih belum luas.

Sistem lebih terpadu dan informasi

lebih update to date seperti kegiatan

perlombaan, pengumuman libur dan

kegiatan-kegiatan positif yang sedang

berlamgsung di SDN 1 Sanggu

c. Ekonomi (Economy)

Ditinjau dari segi ekonomi yang akan mempengaruhi

pengendalian biaya dan peningkatan manfaat dari sebuah sistem,

sehingga sistem baru yang akan dibangun dinilai lebih ekonomis

dibandingkan dengan sistem yang lama. Dapat dilihat pada tabel

dibawah ini adalah perbandingan sistem lama dan sistem baru.

Tabel 7. Perbandingan Economy


Biaya yang dikelurakan lebih

tinggi karena memerlukan

pengeluaran lebih seperti

penggunaan kertas untuk

mencatat data dan nilai siswa.

Biaya yang dikeluarkan akan

relatife lebih rendah karena tidak

memerlukan biaya lebih hanya

memerlukan perangkat komputer

atau laptop dan ko koneksi

internet.

20

d. Pengendalian (Control)

Adapun untuk membandingkan sistem lama dan sistem baru

berdasarkan control pada segi ketepatan waktu, kemudahan akses

dan ketelitian data yang diproses. Pada tabel 8 dibawah ini adalah

perbandingan dari sistem yang lama dan sistem yang baru:

Tabel 8. Perbandingan Control


Proses sistem lama kurang

terkontrol dikarenakan yang

mengetahui sekolah hanya

masyarakat setempat kurang nya

orang luar yang mengetahui sekolah

tersebut.

kontrol penyebaran informasi melalui

website sekolah SDN 1 Sanggu lebih

banyak diketahui orang dikarenakan

mudah diakses dimana saja dan

penyebaran informasi langsung di

monitoring oleh pihak sekolah Sdn 1

Sanggu

e. Efisiensi (Efisiensi Efficiency)

Data yang secara berlebihan di-inputkan dan diproses juga

informasi yang dihasilkan secara berlebihan akan membuat sistem

tidak efisien dalam penggunaan sumberdaya. Sumberdaya dapat

berupa sumberdaya prosesor, memory, ruang penyimpanan, listrik,

personil.

Tabel 9. Perbandingan Efficiency


Sistem yang ada tidak begitu luas

diketahui oleh masyarakat karena

terlebih dahulu harus mendatangi ke

sekolah.

Sistem akan lebih cepat diketahui

karena menggunakan media

elektronik untuk penyebaran

informasinya

21

f. Layanan (Service)

Ditinjau dari segi pelayanan digunakan untuk meningkatkan

pelayanan karyawan yang lebih baik dari sebuah sistem lama ke

sistem baru.

Tabel 10. perbandingan Service


Pelayanan kurang cepat dan

informasi yang disebar tidak luas

hanya di tempat-tempat tertentu

Pelayanan menjadi lebih cepat

dan lebih terkontrol karena

dipantau menggunakan sistem

melalui website sekolah.

3.3.3 Analisis Kebutuhan

Dalam pengembangan sistem ini, agar menjadi sistem yang baik

maka kebutuhan sistem yang diperlukan adalah sebagai berikut:

a. Kebutuhan Perangkat Keras

Dalam kebutuhan perangkat keras (hardware) yang digunakan

oleh penulis adalah sebagai berikut:

1) Prosesor: Intel Core i3-6006U (6THGen)

2) Ram :4 GB DDR4

3) Type: Asus X441U series

4) Hardi: HDD 500GB

5) Vga: Intel HD Graphics 520

22

b. Kebutuhan Perangkat Lunak

Dalam kebutuhan perangkat lunak (software) yang digunakan

oleh penulis adalah sebagai berikut :

1) Microsoft Windows 10, sebagai operasi program.

2) MySQL, sebagai tempat database program.

3) Xampp, digunakan sebagai server yang berdiri

sendiri (localhost).

4) Visual studio code, digunakan untuk editor text

bahasa pemrograman dalam membuat suatu web

system.

5) Google chrome, digunakan untuk mencoba

aplikasi bagian admin system.

c. Kebutuhan Informasi

Didalam kebutuhan informasi penulis membutuhkan

informasi tentang profil dan peringkat prestasi siswa yaitu

informasi data profil sekolah, guru, data siswa dan nilai siswa.

d. Kebutuhan Pengguna (user)

Pengguna umum sistem rancang bangun profil sekolah

pada Sdn 1 Sanggu Agar pengguna dapat selalu melihat

perkembangan maupun pengumuman sekolah dengan mudah dan

diman saja. Sehingga lebih praktis dan lebih cepat dalam

memantau menggunakan akses website.

23

e. Kebutuhan Fungsional

Kebutuhan fungsional adalah pernyataan layanan sistem

yang harus disediakan, bagaimana sistem beraksi pada input

tertentu dan bagaimana dan bagaimana perilaku sistem pada situasi

tertentu.

Sedangkan kebutuhan fungsional user merupakan pernyataan level

tinggi dari apa yang seharusnya dilakukan sistem tetapi kebutuhan

fungsional sistem menggambarkan layanan sistem secara detail.

Beberapa kebutuhan fungsional dari sistem ini adalah sebagai

berikut :

1) Sistem memiliki menu data administrator, data siswa, data

sekolah.

2) Sistem meliki fitur login dan logout

3) Sistem memiliki fitur data akun, data siswa, data sekolah.

f. Kebutuhan Non Fungsional

Kebutuhan non fungsional merupakan batasan layanan atau

fungsi yang ditawarkan sistem, untuk dapat menjalankan dan,

mendapatkan informasi dan fungsi dari sistem kunjungan ini maka

pengguna memerlukan sebuah komputer atau handphone sebagai

media implementasinya, sehingga pengguna harus memiliki koneksi

internet, agar dapat menjalanka sistem tetsebut.

24

3.3.4 Analisis Kelayakan Sistem

Yang perlu dilakukan adalah melakukan analisa kelayakan terhadap

penelitian ini. Adapun analisa kelayakan sistem dari beberapa segi

kelayakan diantaranya adalah sebagai brikut:

a. Kelayakan Teknologi

Kelayakan teknologi sistem yang digunakan untuk dapat

dinyatakan layak dipublikasikan dan digunakan membantu proses

penyebaran informasi agar lebih cepat dan mudah didapat.

b. Kelayakan Hukum

Kelayakan hukum adalah kelayakan yang berkaitan dengan

legalitas atau kekuatan hukum. Berarti bahwa sistem informasi yang

diusulkan tidak boleh melanggar yang berlaku, baik hukum yang

ditetapkan oleh pemerintah mauoun hukum yang ditetapkan

berdasrkan peraturan-peraturan organisasi dari sistem yang

merupakan hasil dari karya penulis sendiri dan tidak melaggar hak

cipta.

c. Kelayakan Operasional

Kelayakan operasional sebuah rancang bangun nantinya

akan digunakan oleh admin / operator harus memiliki keterampilan

dalam bidang pengoperasian komputer serta mampu

memperbaharui informasi melalui sistem. Admin harus siap

memberikan informasi yang akurat di sistem.

25

3.4 Desain Sistem

Berdasarkan tahapan pada pemodelan sistem yang penulis gunakan,

sebagai sistem perangkat lunak yang berparadigma berorientasi objek maka

penulis menggunakan UML (Unified Modeling Language) untuk

pendokumentasian guna untuk menjelaskan hubungan antara data dalam

basis data berdasarkan objek-objek dasar data yang mempunyai hubungan

antar relasi.

3.4.1 Desain Proses

Dalam desain proses akan diuraikan bagan alir program yaitu class

diagram, user case diagram, squence diagram, activity diagram.

a. Use Case Diagram

Gambar 2 Use Case Diagram

Use case diagram menggambarkan 2 actor yaitu pengguna, dan admin

dimana use case ini merupakan suatu desain proses, dari rancang

26

bangun profil sekolah dan peringkat prestasi akademik SDN 1 Sanggu

berbasis Web.Mobile.

Tugas dari masing-masing actor tersebut adalah sebagai berikut :

1) Admin

Hak akses yang dimiliki admin pada rancang bangu yaitu

mengelola seluruh data yang ada pada database seperti data

admin, siswa, sekolah. Proses pengolahan data melihat data,

tambah, ubah, hapus. Sebelum mengolah data, admin perlu

melakukan login terlebih dahulu.

2) Pengguna

Hak akses yang dimiliki pengguna pada aplikasi yaitu hanya

melihat profil sekolah dan agenda sekolah. Bagi siswa yang

ingin melihat data siswa dan melihat peringkat prestasi

akademik siswa harus login terlebih dahulu.

b. Activity Diagram

Activity diagram menggambarkan aktifitas antara actor dengan sistem

berdasarkan yse case diagram maka activity diagram dibuat

berdasarkan actor yang ada pada use case diagram yang dimana

terdapat 2 actor yaitu admin dan pengguna sebagai pengguna aplikasi.

1) Activity Diagram Admin Menu Akun

27

Gambar 3. Activity Diagram Admin Menu Akun

2) Activity Diagram Menu Akun Pengguna Umum

Gambar 4. Activity Diagram Menu Akun Pengguna Umum

28

29

3) Activity Diagram Menu Akun Siswa

Gambar 5. Activity Diagram Menu Akun Pengguna Umum

c. Sequence Diagram

Sequence diagram merupakan salah satu diagram interction yang

menjelaskan bagaimana suatu operasi itu dilakukan pesan yang akan

dikirim dan kapan dilaksanakannya. Berikut adalah sequance diagram

dari aplikasi yang dibuat.

30

1) Sequnce Diagram Admin Halaman Login

Gambar 6. Sequnce Diagram Admin Halaman Login

Pada gambar diatas menunjukan sequnce diagram admin halaman

login. Proses yang harus dilakukan adalah memilih menu login lalu

mengisi kata sandi untuk dapat memasuki dasboard.

2) Sequnce Diagram Admin Halaman Pengguna



pengguna. Pengguna masuk ke halaman pengguna untuk melihat

beranda sekolah.

3) Sequnce Diagram Admin Halaman Login

31



login. Admin masuk ke halaman login lalu mengisi nama pengguna

dan kata sandi untuk masuk ke halaman dasboard.

4) Sequnce Diagram Halaman Akun Siswa

Gambar 9. Sequnce Diagram Halaman Akun Siswa

Pada gambar diatas menunjukan sequnce diagram halaman akun

siswa. Prosesnya masuk ke halaman akun untuk menampilkan data

akun.

d. Class Diagram

Class diagram adalah suatu diagram yang memperlihatkan atau

menampilkan struktur dari sebuah sistem. Sistem tersebut akan

32

menampilkan sistem kelas, attribut dan hubungan antara kelas ketika

suatu sistem telah selesai membuat diagram. Adapun class diagram

pada aplikasi ini dapat dilihat pada gambar dibawah.

Gambar 10. Class Diagram

3.4.2 Desain Perangkat Lunak

Desain Perangkat Lunak merupakan suatu gambaran jalur

pemakaian sistem yang mudah dipahami dan mudah digunakan.

Dalam perangkat lunak yaitu interface desain web. Berikut uraian

perancangan Desain Perangkat Lunak dari Rancang Bangun Profil

Sekolah Sdn 1 Sanggu Berbasis Web Mobile, yaitu:

a. Desain Interface Website

Desain interface website merupakan sebuah gambaran dari

rancangan aplikasi yang akan dibangun.

33

Berikut beberapa desain rancangan interface website:

1. Halaman Tampilan Utama

Gambar 11. Halaman Utama

Gambar diatas merupakan rancangan Tampilan Utama

Website Profil Sekolah dan pada dashboard diatas pojok kiri

ada menu yang terdiri dari menu, Profil Sekolah, Galeri,

Agenda, Kontak dan Menu Login untuk pengguna Admin.

2. Halaman Tampilan Dasboard Pada Tampilan Utama

Gambar 12 Dasboard tampilan utama

34

Gambar diatas merupakan tampilan rancangan dari halaman

dashboard utama yang nanti nya akan diakses pengguna akan

memilih ke menu yang dipilih.

3. Tampilan Profil

Gambar 13. Profil

Gambar diatas merupakan tampilan rancangan Profil sekolah

yang terdiri dari visi dan misi sekolah, Sejarah sekolah dan

struktur kepala sekolah dan guru maupun staff tata Sdn 1

Sanggu.

35

4. Tampilan Grafik Perkemabangan Siswa

Gambar 14 Grafik Perkembangan siswa

Gambar di atas merupakan tampilan racangan garfik hasil

tingkat perkembangan belajar siswa selama satu semester.

5. Tampilan Grafik Jumlah Siswa

Gambar 15 Grafik Jumlah Siswa

36

Gambar diatas merupakan rancangan grafik hasil jumlah

seluruh siswa laki-laki dan siswa perempuan.

6. Tampilan Grafik Jumlah Guru

Gambar 16 Jumlah Guru

Gambar diatas menunjukan hasil grafik jumlah seluruh guru

yang ada di Sdn 1 Sanggu.

7. Tampilan Agenda

Gambar 17 Tampilan Agenda

37

Gambar diatas merupakan tampilan agenda sekolah yang

berisi pengumuman maupun kegitan sekolah.

8. Tampilan Galeri

Gambar 18 Galeri

Gambar diatas menunjukan tampilan galeri yang berisi semua

foto disekolah atau kegiatan diluar sekolah baik kegiatan guru

maupun siswa Sdn 1 Sanggu.

9. Tampilan Menu Kontak

Gambar 19 Menu Kontak

38

Gambar diatas menunjukan tampilan menu kontak yang berisi

kontak sekolah yang bisa dihubungi maupun social media

sekolah yang resmi.

10. Tampilan Login

Gambar 20. Login

Gambar diatas menunjukan tampilan login bagi siswa dan

admin bagi siswa yang ingin melihat data siswa sendiri

maupun melihat peringkat prestsi akademik siswa, caranya

siswa harus login terlebih dahulu mengisi Username dan

password.

11. User Siswa

Gambar 21. User Siswa

39

Gambar diatas menunjukan user siswa yang masuk ke data

siswa, siswa dapat melihat datanya sendiri.

12. Tampilan Dasboard Siswa Setelah Login

Gambar 22 Dasboard Siswa

Gambar diatas adalah tampilan dasobard pada siswa, pada

dashboard tersebut terdapat pilihan ke menu awal ada profil,

kontak, galeri, dan ada pilihan peringkat siswa.

40

13. Tampilan Peringkat Prestasi Siswa

Gambar 23. Peringkat Akademik

Gambar diatas menunjukan tampilan peringkat prestasi

akademik siswa yang terdiri dari nilai Uts, Uas, Pr, dan Tugas.

3.4.3 Desain Basis Data

Dalam rancang bangun Profil Sekolah dan Peringkat

Prestasi Akademik Siswa SDN 1 Sanggu terdapat beberapa

struktur tabel basis data yang akan digunakan sebagai tempat

penyimpanan baik data ataupun informasi, tabel tersebut

diantaranya sebagai berikut:

a. Tabel Admin

Tabel adimin digunakan sebagai login, username atau email

dan password admin untuk menambah, mengubah, dan

mengahapus isi website dan menyaring kelayakan informasi.

Tabel 11. Struktur tabel admin

Nama Field Tipe Data/Panjang Keterangan

Id Int (11) Primary key

Username Varchar (30) Username admin

41

Password Varchar (15) Password admin

Email Varchar (30) Alamat email

b. Tabel Galeri

Tabel Galeri memuat foto-foto sekolah, murid, guru dan

kegiatan disekolah maupun diluar sekolah.

Tabel 12. Struktur tabel galeri



Gambar Varchar (100) Gambar

Keterangan Varchar (75) Ket galeri

c. Tabel Agenda

Tabel Agenda menampilkan pengumuman maupun informasi

penting dari sekolah

Tabel 13. Struktur tabel Agenda


Id Varchar (11) Primary key

Judul Varchar (100) Judul

pengumuman

Gambar Tipe(panjang) Keterangan

42

Isi Text Isi agenda

d. Tabel Profil

Tabel Profil memuat tentang sekolah dan menampilkan baik visi

dan misi, sejarah sekolah maupun prestasi sekolah.

Tabel 14. Struktur tabel Profil


Id Varchar (11) Primary key

Visi Varchar (100) Visi sekolah

Misi Varchar(panjang) Misi

Sjrh_sklh Varchar(panjang) Sejarah

Ttng_sklh Varchar(panjang) Tentang sekolah

Gambar Tipe(panjang) Gambar

e. Tabel Nilai

Tabel Nilai siswa memuat semua nilai-nilai siswa, dari milai

tugas, pr, uts, dan uas dan menampilkan semua nilai siswa.

Tabel 15. Struktur tabel Nilai



Kelas Varchar (10) Kelas siswa

Pelajaran Varchar (20) Mata pelajaran

43

Tugas Varchar (30) Nilai tugas

Pr Varchar (30) Nilai pr

Uts Varchar (30) Nilai uts

Uas Varchar (30) Nilai uas

Total Varchar (20) Total nilai

f. Tabel Siswa

Tabel ini memuat data siswa yang nantinya menampilkan

data masing-masing siswa SDN 1 Sanggu.

Tabel 16. Struktur tabel Siswa



Nis Varchar (20) Nis siswa

Nama Varchar (50) Nama

Alamat Varchar (50) Alamat

Telepon Varchar (20) Telepon

Gambar Tipe Panjang Gambar

3.5 Kerangka Pemikiran

Kerangka berpikir adalah alur pikir yang logis dan dibuat dalam

bentuk diagram bertujuan menjelaskan secara garis besar pola substansi

penelitian yang akan dilaksanakan.

44

Gambar 24 Kerangka Pemikiran

DAFTAR PUSTAKA

Abdulloh, & Rohi. (2015). Web Programming is Easy. Jakarta.

Abdulloh, R. (2016). Web Programming.

Aris, D. J. (2017). Pengaruh Promosi Melalui Media Sosial. Jurnal e-Proceeding of

Management.

Chandra, T. (2015). Perancangan Web Profile Pada SMAN 3 Pematang Siantar. JURNAL

ILMIAH CORE IT, 91-97.

Dafirti, H., & Elsera, M. (2017). Rancang Bangun Sistem Informasi Akademik Berbasis

Web. QUERY: Jurnal Sistem Informasi, 01, 23-32.

Destiningrum, & Adrian. (2017). Sistem Informasi Penjadwalan Dokter. 2, 30-37.

Dimyati, & Mudjiono. (2017). Belajar Dan Pembelajaran. Jakarta.

Handayani, V. R., Wijianto, R., & Anggoro, A. (2018). Sistem Informasi Pendaftaran

Seleksi Kerja Berbasis Web Pada BKK. 1.

Hendini, A. (2016). Pemodelan UML Sistem Informasi Monitorig Penjualan dan. 02.

Josi, A. (2017). Penerapan Metode Prototiping Dalam Pembangunan Website Desa. JTI,

51-52.

Maulani, Giandari, Septiani, & Shara. (2018). Rancang Bangun Sistem Informasi

Inventory Fasilitas Maintenance. ICIT.

Mubarak, A. (2019). Rancang Bangun AplikasiI Web Sekolah Menggunakan UML

(Unifed Modeling Language) dan Bahasa pemrograman PHP (Php Hypertext

Prpocesor) Beriroentasi Objek. JIKO (Jurnal Informatika dan Komputer)

Ternate, 2, 19-25.

Muhdar, A. (2016). Sistem Informasi Jadwal Perkuliahan Berbasis Web. Indonesian

Jurnal on Networking and Security, 49-56.

Mulyani, S. (2016). Metode Analisis dan Perancangan. Bandung.

Muslihudin, Muhammad , & Oktavianto. (2016). Analisis dan Perancangan. Yogyakarta.

Pranoto, A. (2019). PENGEMBANGAN MODUL GAMBAR TEKNIK. Pengembangan

modul gambar teknik untuk mahasiswa jurusan teknik mesin.

Pratiwi, & Komari, N. (2015). Pengaruh Tingkat Pendidikan, Perhatian Orang Tua.

Tanggerang.

46

Pressman, R. S. (2015). Rekayasa Perangkat Lunak. Pendekatan Praktisi Buku I.

Yogjakarta : Andi.

Purnama, I., & Watrianthos, R. (2018). Bahasa Pemrograman Web (PHP, MySQL).

Bandung.

Renaldi, Sagirani, T., & Churniawan, A. D. (2018). Rancang Bangun Aplikai E-poin

Untuk Pencatatan Data. JSIKA, 07, 01-06.

Rohi, A. (2015). Web Programing is Easy.

Sari, D. P., Febriani, O. M., & Putra, A. S. (2018). Perancangan Sistem Informasi SDM

Berprestasi. Seminar Nasional Teknologi dan Bisnis, 289-294.

Sari, Y. P. (2017). Rancang Bangun Aplikasi Penjualan Dan Persediaan. Jurnal Sistem

Informasi Dan Komputerisasi Akuntansi(JSK), 1, 81-88.

Sukamto, A, R., & Shalahuddin, M. (2018). Rekayasa Perangkat Lunak. Bandung.

Usmanto, B., Immawan, R., Fauzi, Puspita, K. S., & Mahdi, M. I. (2018). ImplementasiI

Web Mobile Sebagai Media InfomasiI. Keteknikan dan Sains, 1, 32-40.

47

48

49

50

51

52

53

Documents

RANCANG BANGUN PROFIL SEKOLAH DAN PERINGKAT …