• Tidak ada hasil yang ditemukan

RANCANG BANGUN PROFIL SEKOLAH DAN PERINGKAT PRESTASI AKADEMIK SISWA SDN 1 SANGGU BERBASIS WEB.MOBILE PROPOSAL TUGAS AKHIR

N/A
N/A
Protected

Academic year: 2022

Membagikan "RANCANG BANGUN PROFIL SEKOLAH DAN PERINGKAT PRESTASI AKADEMIK SISWA SDN 1 SANGGU BERBASIS WEB.MOBILE PROPOSAL TUGAS AKHIR"

Copied!
68
0
0

Teks penuh

(1)

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

(2)

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

(3)
(4)
(5)

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

(6)

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

(7)

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

(8)

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 7. Sequnce Diagram Admin Halaman Login ... 30

Gambar 8. Sequnce Diagram Admin Halaman Login ... 31

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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.

(14)

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:

(15)

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.

(16)

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.

(17)

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.

No Nama Penulis Topik Penelitian Metode Hasil Perbedaan

(18)

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.

(19)

No Nama Penulis Topik Penelitian Metode Hasil Perbedaan 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

(20)

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.

(21)

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

(22)

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

(23)

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.

(24)

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.

(25)

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.

(26)

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.

(27)

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.

(28)

No. Simbol Nama Keterangan

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)

No. Simbol Nama Keterangan

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

(29)

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

(30)

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

(31)

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.

(32)

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.

(33)

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

(34)

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

Sistem Lama Sistem Baru

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

Sistem Lama Sistem Baru

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.

(35)

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

Sistem Lama Sistem Baru

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 Lama Sistem Baru

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

(36)

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

Sistem Lama Sistem Baru

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

(37)

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.

(38)

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.

(39)

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.

(40)

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

(41)

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

(42)

Gambar 3. Activity Diagram Admin Menu Akun

2) Activity Diagram Menu Akun Pengguna Umum

Gambar 4. Activity Diagram Menu Akun Pengguna Umum

(43)
(44)

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.

(45)

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

Gambar 7. Sequnce Diagram Admin Halaman Login

Pada gambar diatas menunjukan sequnce diagram admin halaman pengguna. Pengguna masuk ke halaman pengguna untuk melihat beranda sekolah.

3) Sequnce Diagram Admin Halaman Login

(46)

Gambar 8. Sequnce Diagram Admin Halaman Login

Pada gambar diatas menunjukan sequnce diagram admin halaman 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

(47)

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.

(48)

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

(49)

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.

(50)

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

(51)

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

(52)

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

(53)

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

(54)

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.

(55)

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

(56)

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

Nama Field Tipe Data/Panjang Keterangan

Id Int (11) Primary key

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

Nama Field Tipe Data/Panjang Keterangan

Id Varchar (11) Primary key

Judul Varchar (100) Judul

pengumuman Gambar Tipe(panjang) Keterangan

(57)

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

Nama Field Tipe Data/Panjang Keterangan

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

Nama Field Tipe Data/Panjang Keterangan

Id Int (11) Primary key

Kelas Varchar (10) Kelas siswa

Pelajaran Varchar (20) Mata pelajaran

(58)

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

Nama Field Tipe Data/Panjang Keterangan

Id Int (11) Primary key

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.

(59)

Gambar 24 Kerangka Pemikiran

(60)

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.

(61)

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.

(62)
(63)
(64)
(65)
(66)
(67)
(68)

Gambar

Gambar 1. Rapid Application Development  1.  Pemodelan Bisnis
Diagram grafis tersebut antara lain:
Tabel 3 Simbol-simbol Sequence Diagram   (sumber Hendini, 2016)
Tabel 4. Simbol-simbol Activity Diagram   (sumber Hendini, 2016)
+7

Referensi

Dokumen terkait

Sistem Informasi Administrasi Akademik 6 Laporan 1 Mengelola Data 2 Kehadiran 3 Penilaian 4 Pembayaran SPP 5 Pelanggaran 1.1 Mengelola Data Guru 1.2 Mengelola Data Siswa

proses mengelola data mahasiswa, proses membuat plotting Ajar dan input

guru, data mata pelajaran, data kelas, data jadwal pelajaran, nilai,absensi dan sms gateway dimana Sistem informasi akademik siswa ini dibuat untuk memudahkan staff kesiswaan dan

Sistem Informasi Akademik Berbasis Web pada SMP Negeri 4 Mojosongo merupakan suatu sistem yang memberikan informasi secara online yang berupa laporan nilai siswa

Pengolahan aplikasi Sistem Informasi Akademik ini meliputi data siswa, data guru, data nilai siswa, data kelas, data mata pelajaran, dan data jadwal pelajaran. Sistem

Perancangan sistem yang dibuat dalam penelitian ini yaitu data flow diagram (DFD) yang menggambarkan aliran data dari suatu proses ke proses lainnya di dalam sistem, flowchart

Sistem Informasi Akademik di SMA Tamansiswa Sukabumi Berbasis Web dapat membantu pengolahan data dan pengarsipan data akademik seperti data siswa, data guru, data mata

Permasalahan yang dihadapi dalam studi kasus ini di Universtas Mayjen Sungkono Mojokerto adalah proses pengolahan data yang berkaitan dengan kegiatan akademik di Universitas Mayjen