SISTEM INFORMASI WEB SEKOLAH SEDERHANA DENGAN PHP DAN MYSQL PDF

Preview

Summary

1 SISTEM INFORMASI WEB SEKOLAH SEDERHANA DENGAN PHP DAN MYSQL Fikranda, Ropianto Program Studi Informatika, Fakultas Teknik Universitas Ibnu Sina email :[email protected]; [email protected] 1. PENDAHULUAN Saat ini adalah zamannya internet dimana batasan waktu dan jarak tidak berarti lagi bagi...

Description

1

SISTEM INFORMASI WEB SEKOLAH SEDERHANA DENGAN PHP DAN MYSQL Fikranda, Ropianto Program Studi Informatika, Fakultas Teknik Universitas Ibnu Sina email :[email protected]; [email protected]

1. PENDAHULUAN

Saat ini adalah zamannya internet dimana batasan waktu dan jarak tidak berarti lagi bagi media yang satu ini. Kita dapat berkomunikasi dengan siapa saja dan dimana saja di seluruh dunia ini dengan menggunakan fasilitas e-mail maupun dengan cara chatting. Mungkin pada saat ini hampir setiap orang sudah memiliki e-mail untuk dapat bergabung di internet. Namun, bagaimana dengan yang memiliki website pribadi? Apalagi website yang merupakan hasil karya sendiri, mungkin tidak semua orang memilikinya. Padahal dengan memiliki website kita dapat mengenalkan diri kita pada semua orang yang ada di seluruh dunia, baik mengenai diri kita, perusahaan kita atau segala sesuatu yang ingin kita sampaikan. Tidak mustahil juga kita dapat memperoleh uang dengan memiliki website pribadi, asalkan kita dapat mengelolanya dengan baik. Pengembangan jaringan komunikasi data antar komputer menjadikan internet muncul dengan berbagai macam aplikasi. internet dengan berbagai aplikasinya pada dasarnya adalah media yang digunakan untuk memudahkan proses komunikasi. Untuk dapat memaksimalkan penggunaan internet, harus dapat kita tentukan dan artikan tentang kebutuhan komunikasi dari seseorang. 2. LANDASAN TEORI

2.1

Konsep Dasar Web

Pada saat ini teknologi berkembang sangat pesat, hal ini disebabkan oleh banyak faktor diantaranya perkembangan pola fikir masyarakat yang cukup pesat, untuk memenuhi kebutuhan masyarakat dalam hal informasi dan ilmu pengetahuan serta mekanis dunia kerja, maka dibutuhkan para pengembang aplikasi web supaya dapat terus beraktifitas dan berinovasi . web suatu jaringan yang bisa mempermudah serta mempercepat penyampaian informasi secara luas, dan dapat diakses dengan mudah dan cepat oleh siapapun yang mendapatkan akses internet.

2

2.2

Pengertian Website Website merupakan kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara,dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing- masing dihubungkan dengan jaringan-jaringan halaman.(Bekti 2015:35)

2.3

Pengertian Internet Menurut Supriyanto (2007:336)internet adalah sebuah jaringan komputer global, yang terdiri dari jutaan komputer yang saling berhubungan dengan menggunakan protokol yang sama untuk berbagi informasi secara bersama

2.4

Pengertian Basis Data Menurut Rosa dan Shalahudin (2015:43)”sistem basis data adalah sistem yang terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan”. 2.5

Pengertian Sistem Menurut Lasminiasih, dkk (2016:885)”Sistem adalah sekelompok yang unsur yang erat berhubungan satu dengan yang lainnya yang berfungsi bersama- sama untuk mencapai tujuan tertentu” 2.6

Strutur Navigasi Menurut Evi dan Malabay (2009:124) Struktur Navigasi merupakan”rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen page”. 3. PERANCANGAN SISTEM 3.1

Kebutuhan Sistem Kebutuhan dalam pembuatan sistem pada praktikum pemprograman web ini terbagi dua yaitu Kebutuhan Pengembangan Sistem dan Kebutuhan Domain dan Hosting. Kebutuhan pengembangan sistem merukan kebutuhan operasional komputer dalam melakukan pembuatan aplikasi secara local, sedangkan Domain dan Hosting merupakan kebutuhan dalam melakukan implementasi sistem secara online.

3

3.2

Use Case Diagram User Pada Use Case Diagram dibawah menggambarkan alur proses pengguna User, dimana pengguna User dapat mengakses data tanpa membutuhkan login ke aplikasi. Adapun informasi yang dapat dilihat langsung oleh pengguna User adalah Profil, Moto, Intrakulikuler, Testimoni, Visi dan Misi, Strategi, Tujuan, Prestasi, Agenda, Guru dan Gallery Sekolah.

Gambar 3.1 Use Case Diagram User 3.3

Use case Diagram Admin

Pada Use Case Diagram dibawah menggambarkan alur proses pengguna Admin, dimana pengguna Admin dapat melakukan pengelolaan data yang ada disistem dengan melakukan login terlebih dahulu. Adapaun beberapa fungsi yang dapat dilakukan oleh pengguna Admin adalah Ubah Profil, Ubah Moto, Udah dan hapus Intrakulikuler, Ubah dan Hapus Testimoni, Ubah Visi dan Misi, Ubah dan Hapus Strategi, Ubah dan Hapus Tujuan, Ubah dan Hapus Prestasi, Ubah dan Hapus Agenda, Ubah dan Hapus Data Guru, Ubah dan Hapus Gallery.Gambar 3.3 ERD Website SDIT Harapan Mulia

Gambar 3.2 Use Case Diagram Admin

4

3.4 Perancangan Database 3.4.1 Tabel Admin Tabel 3.1 Tabel Admin Nama Field

Tipe Data

Nullable

Primary Key

id nm_user username password level

int(5) varchar(40) varchar(30) varchar(30) varchar(5)

NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

-

Deskripsi

3.3.2 Tabel Galeri Tabel 3.2 Tabel Galeri Nama Field

Tipe Data

Nullable

Primary Key

id ket foto

int(5) varchar(30) varchar(100)

NOT NULL NOT NULL NOT NULL

-

Deskripsi

3.3.3 Tabel Guru Tabel 3.3 Tabel Guru Nama Field

Tipe Data

Nullable

Primary Key

id nama jabatan email foto

int(5) varchar(50) varchar(50) varchar(100) varchar(100)

NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

-

Deskripsi

3.3.4 Tabel Profil Tabel 3.4 Tabel Profil Nama Field

Tipe Data

Nullable

Primary Key

id profil

int(5) text

NOT NULL NOT NULL

-

Deskripsi

3.5 Perancangan Tampilan 3.5.1 Desain Tampilan Utama Berikut merupan rancangan Tampilan Utama yang menampilkan nama sekolah dan banner informasi yang ingin ditampilkan pada halaman depan. Pada Halaman Utama juga disedian beberapa menu untuk mengakses data yaitu menu Profil, Gallery, Agenda dan Login.

5

Tampilan Utama Home

SMPN 063

Profil

Galery

Agenda

Login

BANNER

Gambar 3.3 Desain Tampilam Utama 3.4.2 Desain Tampilan Profil Berikut merupakan desain tampilan informasi Profil Sekolah, dimana pada halaman Profil ini ditampilan informasi profil sekolah dan disediakan gambar profil yang dapat diisi dengan logo atau pun gambar sekolah. Tampilan Utama Home

SMPN 063

Profil

Galery

Agenda

Login

Profil Sekolah Pada tahun 1961 berdirilah sebuah lembaga pendidikan pemerintah yang berlokasi di Jl Kawi 15 A Kota Batam Kepulauan Riau dengan SK Menteri P & K no I/SK/B III.1501-1961 yang sebelumnya intregasi dari SGBN (Sekolah Guru Besar Negeri). Jadi meskipun berdiri tahun 1961 tapi Siswanya sudah ada mulai angkatan 1960 untuk itu hari lahir sekolah di tetapkan 15 Januari 1960. SMP Negeri 6 letaknya sangat strategis berada di tengah kota 100 m dari alun – alun kota yang dilewati beberapa jalur kendaraan dari ketiga terminal yang ada di kota Batam. SMP Negeri 063 Batamdalam statusnya sebagai sekolah formal dengan type A.1

gambar

Gambar 3.4 Desain Tampilam Profil 3.4.3 Desain Tampilan Gallery Dalam menampilkan gallery photo-photo kegiatan sekolah, maka desain tampilan gallery yang akan di bangun akan seperti rancangan dibawah ini yang terdiri dari beberapa gambar. Tampilan Utama Home

SMPN 063

Profil

Galery

Agenda

Login

Gallery

gambar

gambar

gambar

gambar

gambar

gambar

gambar

gambar

gambar

gambar

Gambar 3.5 Desain Tampilam Galleri

6

4.HASIL DAN PEMBAHASAN 4.1 Tampilan Utama Tampilan Utama Website Profil Sekolah yang terdiri dari menu Home, Profil Sekolah, Gallery, Agenda dan Menu Login untuk pengguna Admin. Pada halam utama ini juga terdapat banner terkait informasi sekolah.

Gambar 4.1 home 4.2 Tampilan Profil Berikut merupakan tampilan akhir dari Profil sekolah yang berisikan penjelasan profil sekolah beserta foto yang dapat menggambarkan profil sekolah.

Gambar 4.2 About 4.3 Tampilan Gallery Berikut halaman Gallery yang berisikan gambar-gambar kegiatan sekolah. Gallery ini dapat di update melalui menu Gallery oleh pengguna Admin dengan melakukan login terlebih dahulu.

Gambar 4.3 Gallery

7

4.4 Tampilan Login Berikut halaman Login yang digunakan untuk masuk kedalam halaman Admin dalam mengelola data dan informasi yang disajikan pada halaman depan.

Gambar 4.4 Login

5. KESIMPULAN

1.1. Kesimpulan Dari hasil pembuatan Sistem informasi website ini, penulis dapat mengambil kesimpulan sebagai berikut : 1. Dengan adanya sistem informasi website ini dapat membantu dan memudahkan masyarakat dalam media infomasi tentang sekolah yang memuat informasi tentang sekolah tersebut agar mereka yang ingin mengetahui informasi terbaru dapat melihat website sekolah. 2. Sistem informasi website yang telah di bangun ini berhasil menampilkan beberapa informasi yang di butuhkan kepada pembaca dalam melakukan pencarian informasi mengenai website yang di buat. 1.2. Saran Kami berharap website kami dapat bermanfaat bagi para pembaca agar dapat menjadi contoh yang baik bagi teman mahasiswa yang lain. Website sekolah ini masih jauh dari kata sempurna demi keberhasilan sistem informasi ini perlu di berikan saran sebagai berikut : 1. Perlu dilakukan uji coba dan analisa terhadap sistem yang diterapkan, sehingga dapat dilakukan perbaikan dan pengembangan lebih lanjut sesuai dengan kebutuhan pemakai, contohnya berbasis android sehingga menghasilkan sistem baru yang lebih bermanfaat.

8

2. Maka dari itu besar harapan kami untuk dapat di kembangkan oleh teman mahasiswa yang lain khususnya mahasiswa teknik informatika. 6. DAFAR PUSTAKA Bekti, H. B. (2015). Mahir Membuat Website dengan Adobe Dreamweaver CS6, CSS dan JQuery. Yogyakarta: CV Andi Offset. Evi, T. & Malabay, (2009). In Analisis Pengembangan Aplikasi Web untuk Profil Perusahaan. Seminar Nasional Informatika (pp. E122-E127). Lasminiasih, L., Akbar, A., Andriansyah, M., & Utomo, R. B. (2016). Perancangan Sistem Informasi Kredit Mikro Mahasiswa Berbasis Web. Sriwijaya Journal of Information Systems, 8(1), 131627. Rosa, A. S., & Shalahuddin, M. (2015). Rekayasa Perangkat Lunak Terstruktur dan Berorientasi. Informatika. Bandung. Supriyanto, A. (2007). Web dengan HTML dan XML. Yogyakarta: Graha Ilmu, 7-10....