Bab III PERANCANGAN SISTEM

(1)

10

Bab III

PERANCANGAN SISTEM

Website sekolah ini diperuntukkan bagi para user yang ingin mengetahui tentang informasi sekolah SMA N 3 Salatiga. Informasi yang dapat diperoleh para user adalah profil sekolah, visi dan misi, berita, syarat penerimaan siswa baru, download materi.

Adapun proses dari sekolah tersebut dapat dilihat dalam diagram konteks dibawah ini.

1.1 Diagram Konteks

Diagram konteks adalah sebuah gambaran yang sangat umum mengenai sebuah sistem dimana sistem tersebut digambarkan sebagai proses tunggal.

Gambar 3.1 Diagram Konteks Website SMA 3 Salatiga Sistem Pengolaha n Data SMA N 3 Salatiga Admin - Admin - Data Informasi - Data Informasi User Data Informasi

(2)

11

1.2 Data Flow Diagram

Data Flow Diagram dapat juga disingkat dengan DFD yang digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem akan dikembangkan DFD merupakan representasi grafik dari suatu sistem menunjukkan proses atau fungsi aliran data tempat penyimpanan data dan entitas eksternal.

Dari diagram konteks diatas dapat dibuat suatu DFD. Admin sebelum masuk ke menu harus melakukan login terlebih dahulu.

Data Flow Diagram dari Sistem Informasi Website SMA N 3 Salatiga terdiri dari :

a. Proses Update data Berita

Proses ini meliputi penambahan, pengubahan dan penghapusan data berita.

b. Proses Update data Pengumuman

Proses ini meliputi penambahan, pengubahan dan penghapusan data pengumuman.

(3)

12

DFD dari Sistem Pengolahan Data SMA N 3 Salatiga

1 Login Admin id id 2 Mengolah Data Tbl berita Tbl pengumuman Data Berita Data Berita

Data Pen gumuma n Data Pen gumuma n 3 Menampilkan Informasi Pilihan Informasi Informasi User Data Informasi Pilihan Informasi Id valid Data Pengumuman Data Berita

(4)

13

DFD Proses Mengolah Data Berita

Menu Utama data berita Update data berita Lihat data berita Hapus data berita Tbl berita Pilih informasi

Pilih lihat berita Pilih hapus berita

Pilih update berita

Data berita

Data berita _{Data berita}

Data berita

Admin

Dalam gambar terlihat administrator dapat menambah, melihat, mengubah, dan menghapus data berita dan akan disimpan dalam tabel berita.

(5)

14

DFD Proses Mengolah Data Pengumuman

Menu Utama data pengumum an Update data pengumum an Lihat data pengumu man Hapus data pengumum an Tbl pengumuman Pilih informasi

Pilih lihat pengumuman Pilih hapus pengumuman

Pilih update pengumuman

Data pegumuman

Data pengumuman Data pengumuman

Data pengumuman

Admin

Dalam gambar terlihat administrator dapat menambah, melihat, mengubah, dan menghapus data pengumuman dan akan disimpan dalam tabel pengumuman.

(6)

15 1.3 Flowchart Start Login Admin Y Input Data N Data Valid? DATABASE Y Finish N

 Jika login yang dimasukkan tidak sesuai dengan

Username dan Password Administrator maka akan masuk ke halaman Login lagi.

(7)

16

 Jika data yang diinput valid maka akan

dimasukkan ke dalam database jika invalid maka akan dikembalikan ke halaman input.

 Jika data sudah masuk maka proses sudah selesai.

1.4 Struktur File Database

a. Tabel Admin

NAMA FIELD TYPE KETERANGAN

Id Int(11),

primary

Nomor id admin

Username Varchar(20) Nama admin Password Varchar (50) Password admin Nama_admin Varchar (50) Nama lengkap

admin

b. Tabel Berita

IDberita Int (4), primary Nomor berita

Judul Text Nama/keterangan

berita

Isi Text Isi Berita

Waktu Datetime Waktu posting

berita

Tabel 3.1 Struktur tabel Admin

(8)

17

c. Tabel Pengumuman

IDpengumuman Int (4), primary Nomor pengumuman

Judul Text Nama/keterangan

pengumuman

Isi Text Isi pengumuman

Link Varchar(200) Link download file

Waktu Datetime Waktu posting

pengumuman

1.5 Perancangan Antarmuka

Perancangan antarmuka Web SMA N 3 Salatiga ini terdiri dari 2 jenis yaitu website utama dan bagian admin. Seperti di

gambarkan dibawah ini :

(9)

18

 Perancangan antarmuka halaman utama/ beranda

SMA N 3 Salatiga

Senior High School 3 Salatiga Admin

Beranda Visi Misi Profil Berita Pengumuman

Boarding School

SMA Negeri 3 Salatiga mulai bulan Nopember 2013 akan memulai program Boarding School bagi siswa kelas Akselerasi kelas X. Dan disediakan asrama untuk para siswa.

Nada Dakwah SMA N 3 Salatiga

Dalam rangka peringatan Maulid Nabi Muhammad SAW para iswa muslim SMA N 3 Salatiga bersama para bapak ibu guru menggelar Gebyar Nada Dakwah.

Read More Menu Home Prestasi Fasilitas Berita

Image Galery Kontak kami :

Untuk keterangan lebih lanjut mengenai SMA Negeri 3 Salatiga, dapat menghubungi kami : Alamat:Jalan Kartini No.34 Salatiga 50711 Telp:(0298) 323300

- Pada halaman beranda ini terdapat link admin untuk masuk ke dalam halaman Login admin. - Dan pada kolom utama ditampilkan berita-berita

terbaru.

(10)

19

 Perancangan halaman Visi Misi SMA N 3 Salatiga

Senior High School 3 Salatiga

I. Visi Sekolah Visi SMA Negeri 3 Salatiga :

“UNGGUL PRESTASI SERASI DALAM BUDI PEKERTI BERDAYA SAING GLOBAL” Dengan Indikator sebagai berikut :

Peningkatan perolehan Nilai Ujian Nasional

Peningkatan penerimaan seleksi Perguruan Tinggi melalui jalur PMDK dan SPMB Peningkatan kegiatan ekstrakurikuler

Peningkatan lomba kesenian, KIR, dan Olahraga Peningkatan kedisiplinan siswa

Peningkatan pengelolaan sekolah sebagai upaya mewujudkan wawasan wiyata mandala

Pemberian pembekalan kecakapan hidup bagi siswa yang tidak bisa melanjutkan ke jenjang pendidikan yang lebih tinggi sesuai dengan minat dan potensinya

II. Misi Sekolah

Misi yang diharapkan dalam mewujudkan visi SMA Negeri 3 Salatiga sebagai berikut: Menyediakan pelayanan belajar yang efektif dengan sumber belajar yang memadai Melaksanakan remedial/pengayaan yang berkelanjutan

Penambahan jam pada pelajaran yang diujikan secara nasional kepada siswa kelas X, Xi, XII Melaksanakan UHT (Ulangan harian terprogram) kepada siswa kelas X, XI, XII pada semester I dan II Kerjasama dengan lembaga bimbingan belajar untuk persiapan ke SPMB

Melakukan perlatihan dan mendorong siswa mengenal potensi diri untuk bersaing dalam setiap even/kegiatan Menyediakan wahana pembinaan siswa bidang non akademis, melalui kegiatan ekstrakurikuler Memasukkan pelajaran bimbingan karier dan budi pekerti ke dalam kegiatan intrakurikuler bagi siswa kelas X dan XI Menkoordinasi pembinaan mental spiritual yang berkesinambungan

Mengajak orang tua/wali murid memberikan bimbingan dalam hal budi pekerti yang baik

Menyediakan wahana komunikasi, koordinasi antara sekolah, orang tua, masyarkat dan instansi yang terkait untuk menunjang terlaksanya program sekolah

Memberikan pelatihan ketrampilan komputer bagi siswa yang tidak akan melanjutkan ke jenjang yang lebih tinggi sehingga siswa mampu mengidentifikasi, menggunakan dan mereparasi macam-macam peralatan elektronika

III. Tujuan Sekolah

Berdasarkan pada visi dan misi sekolah, maka tujuan yang hendak dicapai sampai tahun 2008 adalah sebagai berikut: Rata-rata nilai Ujian Nasional mencapai 6,5.

Jumlah susunan yang dapat diterima di Perguruan Tinggi Negeri minimal 40% (empat puluh persen). Dapat menghasilkan manusia yang berakhlak dan berperilaku baik lewat pemberdayaan siswa dapat dijadikan asset sekolah. Kedisiplinan siswa dapat dijadikan asset sekolah.

Memiliki kelompok KIR yang mampu menjadi finalis LKIR tingkat Kota/Kabupaten, propinsi dan nasional. Kegiatan ekstrakurikuler mampu menampilkan menjadi finalis dalam lomba tingkat kota/kabupaten dan propinsi. Menghindarkan perilaku yang menyimpang (narkoba, miras, pergaulan bebas, dan lain-lain).

Pemberdayaan asset dan potensi yang dimiliki untuk menunjang keberhasilan pelaksanaan pendidikan di SMA Negeri 3 Salatiga.

Menu Home Prestasi

Fasilitas Berita

FAX: +458-4578 Others: +301 - 0125 - 01258 E-mail: mail@yoursitename.com

- Pada halaman Visi Misi di kolom utama terdapat Visi Misi sekolah.

(11)

20

 Perancangan halaman Fasilitas SMA N 3 Salatiga

Fasilitas Sekolah Menu Home Prestasi Fasilitas Berita

- Pada halaman Fasilitas di kolom utama terdapat Fasilitas yang tersedia di sekolah.

(12)

21

 Perancangan halaman Profil SMA N 3 Salatiga

Profil Sekolah Menu Home Prestasi Fasilitas Berita

- Pada halaman Profil di kolom utama terdapat profil tentang sekolah.

(13)

22

 Perancangan halaman Prestasi SMA N 3 Salatiga

Prestasi Sekolah Menu Home Prestasi Fasilitas Berita

- Pada halaman Prestasi di kolom utama terdapat prestasi yang pernah diraih sekolah.

(14)

23

 Perancangan halaman Berita SMA N 3 Salatiga

Boarding School

Program Akselerasi

Informasi program Akselerasi SMA N 3 Salatiga http://www.youtube.com/ watch?v=o0VukvnxPu0#t=28

Nada Dakwah SMA N 3 Salatiga

Dalam rangka peringatan Maulid Nabi Muhammad SAW para iswa muslim SMA N 3 Salatiga bersama para bapak ibu guru menggelar Gebyar Nada Dakwah.

Menu

Home

Prestasi

Fasilitas

Berita

Untuk keterangan lebih lanjut mengenai SMA Negeri 3 Salatiga, dapat menghubungi kami : Alamat:Jalan Kartini No.34 Salatiga 50711 Telp:(0298) 323300 FAX: +458-4578 Others: +301 - 0125 - 01258 E-mail: mail@yoursitename.com © 2014 SMA N 3 SALATIGA Read More Read More Read More

- Pada kolom utama berisi berita dan diurutkan dari berita terbaru.

- Tombol Read More digunakan untuk melihat berita secara utuh.

(15)

24

 Perancangan halaman Berita – Readmore SMA N 3 Salatiga

Berita Boarding School

Posted by Admin 2014-02-26 10:26:07

Menu

Home

Prestasi

Fasilitas

Berita

Untuk keterangan lebih lanjut mengenai SMA Negeri 3 Salatiga, dapat menghubungi kami : Alamat:Jalan Kartini No.34 Salatiga 50711 Telp:(0298) 323300 FAX: +458-4578 Others: +301 - 0125 - 01258 E-mail: mail@yoursitename.com © 2014 SMA N 3 SALATIGA Kembali

- Pada kolom utama berisi isi berita secara utuh. - Dan tombol kembali untuk kembali ke halaman

berita.

(16)

25

 Perancangan halaman Pengumuman SMA N 3 Salatiga

Pengumuman

Latihan soal ujian SMA Bhs Indonesia IPA A Download latihan soal ujian

Menu

Home

Prestasi

Fasilitas

Berita

Untuk keterangan lebih lanjut mengenai SMA Negeri 3 Salatiga, dapat menghubungi kami : Alamat:Jalan Kartini No.34 Salatiga 50711 Telp:(0298) 323300 FAX: +458-4578 Others: +301 - 0125 - 01258 E-mail: mail@yoursitename.com © 2014 SMA N 3 SALATIGA Download

- Pada kolom utama terdapat file-file dan keterangan dari database pengumuman.

(17)

26

- Tombol download digunakan untuk download file yang ada di database.

 Perancangan halaman login admin SMA N 3 Salatiga

Untuk keterangan lebih lanjut mengenai SMA Negeri 3 Salatiga, dapat menghubungi kami : Alamat:Jalan Kartini No.34 Salatiga 50711 Telp:(0298) 323300 FAX: +458-4578 Others: +301 - 0125 - 01258 E-mail: mail@yoursitename.com © 2014 SMA N 3 SALATIGA Login Administrator Username : Password : Login

(18)

27

- Pada halaman Login Admin, Admin harus memasukkan Username dan Password.

- Tombol Login berfungsi untuk masuk ke halaman Admin.

 Perancangan halaman admin – Input dan Edit Berita

SMA N 3 Salatiga

Input Berita Input Pengumuman Berita Pengumuman Log Out

Anda Login sebagai Administrator, Admin

Isi :

Simpan

Judul :

Enter Text Enter More Text

(19)

28

- Pada kolom utama baris pertama akan menunjukkan nama admin yang login.

- Untuk posting berita disediakan form dan admin dapat mengisi judul, Isi.

- Tombol Simpan untuk menyimpan berita ke database.

 Perancangan halaman admin – Input dan Edit Pengumuman

SMA N 3 Salatiga Senior High School 3 Salatiga

Untuk keterangan lebih lanjut mengenai SMA Negeri 3 Salatiga, dapat menghubungi kami : Alamat:Jalan Kartini No.34 Salatiga 50711 Telp:(0298) 323300 FAX: +458-4578 Others: +301 - 0125 - 01258 E-mail: mail@yoursitename.com © 2014 SMA N 3 SALATIGA

Isi :

Simpan

Judul :

Enter Text Enter More Text

File : Browse

(20)

29

- Pada kolom utama baris pertama akan menunjukkan nama admin yang login.

- Untuk posting pengumuman disediakan form dan Login dapat mengisi judul, Isi.

- Tombol Browse untuk mencari file yang akan dimasukkan.

- Tombol Simpan untuk menyimpan pengumuman ke database.

 Perancangan halaman admin – Berita dan Pengumuman

SMA N 3 Salatiga Senior High School 3 Salatiga

Untuk keterangan lebih lanjut mengenai SMA Negeri 3 Salatiga, dapat menghubungi kami : Alamat:Jalan Kartini No.34 Salatiga 50711 Telp:(0298) 323300 FAX: +458-4578 Others: +301 - 0125 - 01258 E-mail: mail@yoursitename.com © 2014 SMA N 3 SALATIGA

No Tanggal Judul Edit Hapus

(21)

30

- Pada Halaman ini terdapat kolom yang berisi data dari database yang dapat diakses.

- Kolom Edit terdapat tombol Edit untuk mengedit data yang telah masuk.

- Kolom Hapus terdapat tombol hapus untuk menghapus data secara permanen.