bab iii perancangan sistem -...

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

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.

12

DFD dari Sistem Pengolahan Data SMA N 3 Salatiga

1

Login

Admin

idid

2

Mengolah Data

Tbl berita

Tbl

pengumuman

Da

ta

Be

rita

Da

ta

Be

rita

Da

ta P

en

gu

mu

ma

n

Da

ta P

en

gu

mu

ma

n

3

Menampilkan

Informasi

Pilihan Informasi

Informasi

User

Data Informasi

Pilihan Informasi

Id valid

Data Pengumuman

Data Berita

Gambar 3.2 DFD Level 1 Website SMA 3 Salatiga

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.

Gambar 3.3 DFD Level 2 manajemen berita

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.

Gambar 3.4 DFD Level 2 manajemen pengumuman

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.

Gambar 3.5 Flowchart

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

Tabel 3.2 Struktur tabel Berita

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 :

Tabel 3.3 Struktur tabel Pengumuman

18

Perancangan antarmuka halaman utama/ beranda

SMA N 3 Salatiga

Senior High School 3 SalatigaAdmin

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.

Read More

Program Akselerasi

Informasi program Akselerasi SMA N 3 Salatiga http://www.youtube.com/

watch?v=o0VukvnxPu0#t=28

Read More

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

FAX: +458-4578

Others: +301 - 0125 - 01258

E-mail: [email protected]

© 2014 SMA N 3 SALATIGA

- Pada halaman beranda ini terdapat link admin

untuk masuk ke dalam halaman Login admin.

- Dan pada kolom utama ditampilkan berita-berita

terbaru.

Gambar 3.6 Perancangan antarmuka beranda

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





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



- Pada halaman Visi Misi di kolom utama terdapat

Visi Misi sekolah.

Gambar 3.7 Perancangan halaman Visi Misi

20

Perancangan halaman Fasilitas

SMA N 3 Salatiga



Fasilitas Sekolah

Menu

Home

Prestasi

Fasilitas

Berita





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



- Pada halaman Fasilitas di kolom utama terdapat

Fasilitas yang tersedia di sekolah.

Gambar 3.8 Perancangan halaman Fasilitas

21

Perancangan halaman Profil

SMA N 3 Salatiga



Profil Sekolah

Menu

Home

Prestasi

Fasilitas

Berita





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



- Pada halaman Profil di kolom utama terdapat

profil tentang sekolah.

Gambar 3.9 Perancangan halaman Profil

22

Perancangan halaman Prestasi

SMA N 3 Salatiga



Prestasi Sekolah

Menu

Home

Prestasi

Fasilitas

Berita





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



- Pada halaman Prestasi di kolom utama terdapat

prestasi yang pernah diraih sekolah.

Gambar 3.10 Perancangan halaman Prestasi

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





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



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.

Gambar 3.11 Perancangan halaman Berita

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





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



Kembali

- Pada kolom utama berisi isi berita secara utuh.

- Dan tombol kembali untuk kembali ke halaman

berita.

Gambar 3.12 Perancangan halaman Berita-Readmore

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





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



Download

- Pada kolom utama terdapat file-file dan

keterangan dari database pengumuman.

Gambar 3.13 Perancangan halaman Pengumuman

26

- Tombol download digunakan untuk download

file yang ada di database.

Perancangan halaman login admin

SMA N 3 Salatiga







Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



Login Administrator

Username :

Password :

Login

Gambar 3.14 Perancangan halaman Login Admin

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





Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258



Anda Login sebagai Administrator, Admin

Isi :

Simpan

Judul :

Enter TextEnter More Text

Gambar 3.15 Perancangan halaman admin – Input dan edit berita

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







Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258




Isi :

Simpan

Judul :

Enter TextEnter More Text

File : Browse

Gambar 3.16 Perancangan halaman admin – Input dan Edit pengumuman

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







Telp:(0298) 323300

FAX: +458-4578

Others: +301 - 0125 - 01258




No Tanggal Judul Edit Hapus

Gambar 3.17 Perancangan halaman admin – Berita dan Pengumuman

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.

bab iii perancangan sistem -...

Documents