ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA...

19
SAMPUL ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA SMP NEGERI 1 MLATI Naskah Publikasi diajukan oleh Pramono Pamrih Prayogo 07.11.1657 JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012

Transcript of ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA...

Page 1: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

SAMPUL

ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI

DAN INFORMASI PADA SMP NEGERI 1 MLATI

Naskah Publikasi

diajukan oleh

Pramono Pamrih Prayogo

07.11.1657

JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2012

Page 2: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

ii

Page 3: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

1

ANAYSIS AND DESIGN OF THE WEB AS A MEDIA CAMPAIGN AND INFORMATION

ON SMP NEGERI 1 MLATI

ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI DAN INFORMASI

PADA SMP NEGERI 1 MLATI

Pramono Pamrih Prayogo

Jurusan Teknik Informatika

STMIK AMIKOM Yogyakarta

ABSTRACT

Web-based information systems SMP Negeri 1 Mlati is a system used to promote

intansi via the web. Through this system, owners are expected to improvethe quality of

human resources, and facilities the company itself.

Thus this system has an important role in suppressing the promotional costs,

incurred by the company that previously carried out by the campaign through print or

electronic media that requires a lot of cost. Promotion of the adoption of internet media

will be more effective and efficient.

Implementation of web-based information system is expected to facilitate the

agency to promote the company's facilities.

Keywords: information systems, website, promotions.

Page 4: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

2

PENDAHULUAN

1. PENDAHULUAN

Perkembangan teknologi informasi dan komputer selalu berubah baik dibidang

pendidikan, industri ataupun dibidang yang lain. Hal ini terbukti dengan semakin banyak

masyarakat yang memanfaatkan internet sebagai media untuk mendapatkan informasi

yang dibutuhkan dengan cepat, mudah dan murah. Informasi yang tersedia dapat berupa

promosi, layanan, produk, pemasaran, transaksi, dan lain sebagainya.

Tingkat apresiasi masyarakat terhadap berbagai bentuk informasi dan promosi

sangat beraneka ragam yang seakan – akan menetapkan suatu persaingan dalam pasar

promosi dan hal tersebut bisa dijadikan peluang dalam merebut peluang pasar dan

meningkatkan citra diri sebuah perusahaan, instansi, ataupun lembaga pendidikan.

Pada akhirnya sebuah informasi maupun promosi yang dilakukan oleh

perusahaan, instansi, ataupun lembaga pendidikan akan dilihat dan dinilai baik dan

buruknya oleh masyarakat itu sendiri. Seperti halnya dalam mempromosikan SMP Negeri

1 Mlati yang selama ini menggunakan brosur dan spanduk dirasakan masih ada

kekurangan – kekurangannya. Media penyebaran informasi dan promosi menggunakan

brosur dan spanduk kinerjanya sedikit kurang efektif dan efisien yaitu muatan informasi

yang terbatas dan proses update yang relatif kurang menguntungkan baik menyangkut

biaya dan waktu, sehingga perlu adanya media informasi yang dapat melengkapi dari

media tersebut untuk meningkatkan pemasaran dan citra SMP Negeri 1 Mlati.

2. LANDASAN TEORI

2.1 Konsep Dasar Sistem

2.1.1 Pengertian Sistem

Kata sistem mempunyai beberapa pengertian tergantung dari sudut pandang mana

sistem tersebut didefininsikan. Terdapat dua kelompok pendekatan di dalam

mendefnisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan

pada komponen atau elemennya. Pendekatan system yang lebih menekankan pada

prosedur mendefinisikan sistem sebagai berikut.

Page 5: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

3

“Suatu system adalah suatu jaringan kerja dari prosedur-prosedur yang saling

berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk

menyelesaikan suatu sasaran yang tertentu”.1

2.1.2. Karakteristik Sistem

Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu, yaitu mempunyai

komponen-komponen (components), batas sistem (boundary), lingkungan luar sistem

(environment), penghubung (interface), masukan (input), keluaran (output), pengolah

(process) dan sasaran (objective) atau tujuan (goal).2 Di bawah ini merupakan penjelasan

dari masing-masing karakteristik tersebut :

1. Komponen Sistem (Components)

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, bekerja

dan membentuk kesatuan. Komponen atau elemen-elemen sistem dapat berupa

suatu sub sistem atau bagian-bagian dari sistem.

2. Batas Sistem (Boundary)

Batas sistem (boundary) merupakan daerah yang membatasi antara suatu

sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas

sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batas

suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.

3. Lingkungan Luar Sistem (Environment)

Lingkungan luar (environment) dari suatu sistem adalah apapun di luar batas dari

sistem yang mempengaruhi operasi sistem.

4. Penghubung Sistem (Interface)

Penghubung (interface) merupakan media penghubung antara satu subsistem

dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-

sumber daya mengalir dari satu subsistem ke subsistem lainnya.

5. Masukan Sistem (Input)

1 Jogiyanto. ANALISIS & DESAIN Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis,

ANDI, Yogyakarta, 2005. Hal. 1.

2 Ibid.

Page 6: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

4

Masukan (input) adalah energy yang dimasukkan ke dalam sistem. Masukan

dapat berupa masukan perawatan (maintenance input) dan masukan sinyal

(signal input). Maintenance input adalah energy yang dimasukkan supaya sistem

tersebut dapat beroperasi. Signal input adalah energy yang diproses untuk

didapatkan keluaran.

6. Keluaran Sistem (Output)

Keluaran (output) adalah hasil dari energi yang diolah dan diklasifikasikan

menjadi keluaran yang berguna dan sisa pembuangan. Keluaran dapat

merupakan masukan bagi subsistem lain.

7. Pengolah Sistem (Process)

Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah

masukan menjadi keluaran.

8. Sasaran Sistem (Object)

3. ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis SWOT

Salah satu cara untuk menentukan suatu sistem baru layak dipakai atau tidak

maka diperlukan analisis, salah satunya adalah analisis SWOT (Strengths, Weaknesses,

Opportuniies, Threeats) :

3.1.1 Strengths (Kekuatan atau kelebihan)

Seiring dengan perkembangan teknologi informasi yang semakin pesat kebutuhan

akan suatu informasi sangatlah penting bagi masyarakat, dan informasi yang didapat

juga harus akurat, efisien dan tepat waktu, banyak media yang di gunakan oleh

masyarakat untuk memperoleh informasi, tapi kenyataan yang ada iformasi yang di dapat

tidak akurat, tepat waktu.

3.1.2 Weaknesses (Kelemahan)

Seberapa sempurnanya sebuah sistem pastilah memiliki kekurangan, demikian

juga dengan website ini. Kekurangan yang ada antara lain: kurangnya dukungan

pemerintah, dalam hal ini mengenai tarif biaya akses internet yang relatif mahal

dibanding dengan negara lain, serta pemerinatah juga harus mengupayakan di setiap

rumah harus memiliki aksess internet sehingga masyarakat dapat memperoleh informasi

dengan mudah, karena kita harus menyadari pentingnya suatu informasi bagi

masyarakat.

Page 7: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

5

3.1.3 Opporunities (Peluang/ Kesempatan)

Website yang di buat sebagai media informassi ini khussnya untuk dunia

pendidikan ini memberikan peluang kepada masyarakat untuk dapat memilih dengan

baik sekolahan yang berkualitas sehingga para orang tua tidak khawatir untuk menitipkan

anaknya pada sekolahan yang sudah dipilih.

3.1.4 Threeats

Dunia saat ini telah memasuki era yang lebih modern dan canggih. Kemajuan

teknologi akan sangat mendukung sekali dalam pembuatan website yang lebih canggih

lagi. Banyak pihak atau lembaga yang berlomba-lomba dalam meneliti tentang internet

dan sistem yang berada di dalamnya. Akibatnya daya saing akan semakin tinggi dan

pilihan semakin banyak.

3.2 Analisis Kebutuhan Sistem

3.2.1 Kebutuhan Fungsional

1. Admin harus melakukan login untuk dapat melakukan proses tentang

pengoperasian sistem yang sudah dibuat, seperti proses input, pengeditan, dan

pemeliharaan data. Untuk keluar dari sistem harus mengklik link logout demi

keamanan.

2. Guru dapat melakukan proses penginputan seperti

a) Guru harus melakukan login terlebih dahulu untuk dapat mengakses

sistem untuk guru.

b) Menambahkan, mengedit dan menghapus ekskul.

c) Menambahkan berita.

d) Mengedit manajemen pegawai.

e) Menambah agenda.

f) Untuk keluar dari sistem harus mengklik logout demi keamanan.

3. a) Siswa dan pengunjung dapat melihat gambaran umum tentang web,

seperti dapat mengakses halaman beranda, profil, guru, siswa, galeri photo,

hubungi kami, dan alumni.

b) Siswa dan pengunjung juga dapat mendowload berita yang telah

diupload, melakukan voting, dan memberikan komentar.

3.2.2 Kebutuhan Non fungsional

Kebutuhan non Fungsional menjabarkan apa-apa saja yang harus dimiliki oleh

sistem agar dapat berjalan. Kebutuhan non-fungsional melitputi ketersedian

perangkat keras, perangkat lunak dan pengguna :

1. Kebutuhan Perangkat Keras (hardware)

Page 8: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

6

2. Kebutuhan Perangkat Lunak (software)

3. Kebutuhan Sumber Daya Manusia (brainware)

3.3 Perancangan Database

Basis data ( database ) merupakan kumpulan dari data yang saling

berhubungan satu sama lain. Tersimpan disimpanan luar komputer dan digunakan

perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu

komponen yang penting dalam sistem informasi. Penerapan database dalam sistem

informasi disebut dengan database sistem. Sistem basis data ini adalah suatu sistem

informasi yang mengintegrasikan kumpulan dari data yang saling berhubungan satu

dengan yang lain dan membuatnya tersedia untuk beberapa aplikasi yang bermacam –

macam didalam suatu sistem.

3.3.1 ERD

ERD merupakan diagram yang menunjukkan mengenai informasi yang dibuat,

disimpan dan digunakan dalam sistem. Berikut adalah gambaran ERD sistem yang

dibangun :

Page 9: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

7

Id_

sta

tistik

sta

tistik

hits

tan

gg

al

on

line

Id_

ma

in

ma

inm

en

ua

ktif

link

Na

ma

_m

en

u

Id_

do

wn

loa

d

do

wn

loa

dN

am

a_

file

jud

ul

Tg

l_p

ostin

g

hits

nip

pe

ga

wa

i

Na

ma

_le

ng

ka

p

me

ng

aja

rp

assw

ord

em

ail

ala

ma

t

No_

tlp

ga

mb

ar

leve

l

blo

kir

id

Id_

se

kila

s

se

kila

sin

fog

am

ba

r

Tg

l_p

ostin

g

info

Id_

tag

tag

co

un

tNa

ma

_ta

g

Ta

g_

se

o

Id_

exku

l

exku

lke

tera

ng

an

pe

mb

imb

ing

Na

ma

_e

xku

l

Id_

ha

lam

an

Ha

lam

an

sta

tis

ga

mb

ar

jud

ul

Isi_

ha

lam

an

Tg

l_p

ostin

g

Id_

ba

nn

er

ba

nn

er

ga

mb

ar

jud

ul

url

Tg

l_p

ostin

g

Id_

tem

pla

te

tem

pla

tep

em

bu

atju

du

l

fold

er

aktif

Id_

mo

du

l

Mo

du

l

Lin

k_

se

oN

am

a_

mo

du

l

uru

tan

aktif

sta

tus

link

ga

mb

ar

pu

blis

h

Sts

tic_

co

nte

nt

Id_

hu

bu

ng

i

hu

bu

ng

isu

bje

k

pe

sa

n

na

ma

em

ail

tan

gg

al

Id_

po

llin

g

po

llin

gra

tin

g

aktif

pili

ha

n

sta

tus

Page 10: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

8

men

gaja

r Adm

in

alam

at

emai

l

blok

ir

Nam

a_le

ngka

p

user

nam

e

Id_s

essio

nNo

_tlp

leve

lpa

sswo

rd

1m

asuk

an

Id_b

erita

Adm

in

head

line

gam

bar

Judu

l_se

o

diba

ca

hari

Isi_

berit

a

Id_k

ateg

ori

tag

tang

gal

1

judu

l

jam

1

Id_k

ateg

ori

Kate

gori

Nam

a_ka

tego

ri Kate

ori_

seo

aktif

1m

asuk

an

Tgl_

sele

sai

Agen

da

Tgl_

mul

ai

Id_a

gend

a

tem

pat

tem

a

Tem

a_se

o

Tgl_

post

ing

jam

Isi_

agen

daus

erna

me

1

mas

ukan

Jam

_kom

enta

rKo

men

tar

tgl Id

_kom

enta

r

Nam

a_ko

men

tar

aktif

url

Isi_

kom

enta

r

Nmas

ukan

Gam

bar 3

.2 E

RD y

ang

dius

ulka

n

N

1

Page 11: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

9

Alb

um

Id_a

lbum

Gm

b_al

bum

Jdl_

albu

m

albu

m_s

eo1

cek

Id_g

aler

y

Gal

lery

Jdl_

albu

m

Gm

br_g

aler

y

Jdl_

gler

y

Gal

ery_

seo

kete

rang

an

Thn

_mas

uk

Sis

wa

stat

us

leve

l

gam

bar

blok

irN

o_tlp

Nam

a_le

ngka

pN

IS

alam

atem

ail

1P

ilh k

elas

Nam

a_ke

las

Kel

as

Id_k

elas

kete

rang

an

N

Gam

bar

3.3

ER

D y

ang

dius

ulka

n1

aktif

Id_a

lbum

Thn

_mas

ukId

_kel

as

NIS

Page 12: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

10

3.4 Relasi

Tabel

Komentar

PK id_komentar

FK1 Id_berita

nama_komentar

url

isi_komentar

tgl

jam_komentar

aktif

Berita

PK Id_berita

FK2 id_kategori

FK1 username

judul

judul_seo

headline

isi_berita

hari

tanggal

jam

gambar

dibaca

tag

Admin

PK username

password

nama_lengkap

mengajar

email

alamat

no_tlp

level

blokir

id_session

agenda

PK id_agenda

FK1 username

tema

tema_seo

isi_agenda

tempat

pengirim

tgl_mulai

tgl_selesai

tgl_posting

jam

Kategori

PK id_kategori

nama_kategori

kategori_seo

aktif

Kelas

PK id_kelas

nama_kelas

keterangan

Album

PK id_album

jdl_album

album_seo

gbr_album

aktif

Galery

PK id_galery

FK1 id_album

jdl_album

jdl_galery

galery_seo

keterangan

gbr_galery

Statistik

PK id_statistik

tanggal

hits

online

Mainmenu

PK id_main

nama_menu

link

aktif

Download

PK id_download

judul

nama_file

tgl_posting

hitsPegawai

PK nip

password

nama_lengkap

mengajar

email

alamat

no_telp

gambar

level

blokir

id_session

Sekilasinfo

PK id_sekilas

info

tgl_posting

gambar

Halamanstatis

PK id_halaman

judul

isi_halaman

tgl_posting

gambar

Polling

PK id_polling

pilihan

status

rating

aktif

Banner

PK id_banner

judul

url

gambar

tgl_postingModul

PK id_modul

nama_modul

link

static_content

gambar

publish

status

aktif

urutan

link_seo

Tag

PK id_tag

nama_tag

tag_seo

count

Exkul

PK id_exkul

nama_exkul

pembimbing

keterangan

Hubungi

PK id_hubungi

nama

email

subjek

pesan

tanggal

Table11

PK nis

thn_masuk

nama_lengkap

email

alamat

no_tlp

gambar

level

status

blokir

Pilih_Kelas

FK1 id_kelas

FK2 nis

Template

PK id_template

judul

pembuat

aktif

folder

Gambar 3.4 Relasi Tabel

3.5 Perancangan Sistem

Tahapan perancangan sistem adalah dengan tahapan mengidentifikasi kebutuhan

fungsional dalam mempersiapkan rancang bangun implementasi yang bertujuan untuk

merancang dan mendesain sistem dalam memenuhi kebutuhan pemakai sistem.

Perancangan sistem terdiri dari perancangan proses, perancangan basis data, dan

perancangan antarmuka / interface.

Gbr_galery

Page 13: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

11

3.5.1 Flowchart System

Flowchart sistem merupakan suatu bagan alir yang menggambarkan bagaimana

sistem secara fisik akan diterapkan yaitu urutan instruksi dari suatu program komputer.

Simbol – Simbol yang digunakan untuk menggambarkan flowchart adalah sebagai

berikut :

Data

Age

nda

Inpu

t Age

nda

Agen

da

Pem

buat

an

Lap.

Agen

da

Data

Age

nda

Lap .

Agen

da

Data

Alb

um

Inpu

t Alb

um

Albu

m

Pem

buat

an

Lap.

Agen

da

Data

Age

nda

Lap .

Agen

da

Pros

es

Agen

da

Pros

es

Albu

m

Data

Kom

enta

r

Inpu

t

Kom

enta

r

Kom

enta

r

Pem

buat

an

Lap .

Kom

enta

r

Data

Ber

ita

Inpu

t Ber

ita

Berit

a

Pem

buat

an

Lap.

Berit

a

Data

Age

nda

Lap .

Berit

a

Pros

es

Kom

enta

r

Pros

es

Berit

a

Data

Kate

gori

Inpu

t

Kate

gori

Kate

gori

Pem

buat

an

Lap .

Kate

gori

Data

Sisw

a

Inpu

t Sisw

a

Sisw

a

Pem

buat

an

Lap .

Sisw

a

Data

Age

nda

Lap.

Sisw

a

Pros

es

Kate

gori

Pros

es

Sisw

a

Data

Sta

tistik

Inpu

t

Stat

istik

Stat

istik

Pem

buat

an

Lap.

Stat

istik

Data

Age

nda

Lap .

Stat

istik

Data

Kel

as

Inpu

t Kel

as

Kela

s

Pem

buat

an

Lap.

Kela

s

Pros

es

Stat

istik

Pros

es K

elas

Data

Mai

nmen

u

Inpu

t

Mai

nmen

u

Mai

nmen

u

Pem

buat

an

Lap .

Mai

nme

nu

Data

Age

nda

Lap.

Mai

nme

nu

Pros

es

Mai

nmen

u

Data

Pega

wai

Inpu

t

Pega

wai

Pega

wai

Pem

buat

an

Lap.

Pega

wai

Data

Age

nda

Lap .

Pega

wai

Data

Tem

plat

e

Inpu

t

Tem

plat

e

Tem

plat

e

Pem

buat

an

Lap.

Tem

plat

e

Data

Age

nda

Lap .

Tem

plat

e

Pros

es

Pega

wai

Pros

es

Tem

plat

e

Data

Down

load

Inpu

t

Down

load

Down

load

Pem

buat

an

Lap.

Down

loa

d

Data

Age

nda

Lap .

Down

loa

d

Data

Exk

ul

Inpu

t Exk

ul

Exku

l

Pem

buat

an

Lap .

Exku

l

Pros

es

Down

load

Pros

es E

xkul

Gam

bar 3

.5 F

low

char

t Sys

tem

Page 14: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

12

Data

Sek

ilasin

fo

Inpu

t

Sekil

asinf

o

Sekil

asinf

o

Pem

buat

an

Lap.

Sekil

asinf

o

Data

Age

nda

Lap.

Sekil

asinf

o

Data

Mod

ul

Inpu

t Mod

ul

Mod

ul

Pem

buat

an

Lap .

Mod

ul

Data

Age

nda

Lap.

Mod

ul

Pros

es

Sekil

asinf

oPr

oses

Mod

ul

Data

Poll

ing

Inpu

t Poll

ing

Pollin

g

Pem

buat

an

Lap .

Pollin

g

Data

Halam

anSt

atis

Inpu

t

Halam

anSt

atis

Halam

anSt

at

is

Pem

buat

an

Lap .

Halam

anSt

atis

Data

Age

nda

Lap.

Halam

anSt

atis

Pros

es P

olling

Pros

es

Halam

anSt

atis

Data

Adm

in

Inpu

t Adm

in

Adm

in

Pem

buat

an

Lap .

Adm

in

Data

Ban

ner

Inpu

t Ban

ner

Bann

er

Pem

buat

an

Lap.

Bann

er

Data

Age

nda

Lap.

Bann

er

Pros

es A

dmin

Pros

es B

anne

r

Data

Hub

ungi

Inpu

t Hub

ungi

Hubu

ngi

Pem

buat

an

Lap .

Hubu

ngi

Data

Age

nda

Lap.

Hubu

ngi

Data

Gall

ery

Inpu

t Gall

ery

Galle

ry

Pem

buat

an

Lap .

Galle

ry

Pros

es

Hubu

ngi

Pros

es G

aller

y

Data

Tag

Inpu

t Tag

Tag

Pem

buat

an

Lap .

Tag

Data

Age

nda

Lap.

Tag

Pros

es T

ag

Gamb

ar 3.6

Flow

chart

Sys

tem

Data

Age

nda

Lap .

Pollin

gDa

ta A

gend

aLa

p.Ga

llery

Data

Age

nda

Lap.

Adm

in

3.5.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah suatu model untuk menggambarkan asal data,

tujuan data serta proses apa saja yang terjadi pada suatu sistem. Dengan menggunakan

DFD diharapkan dapat memudahkan user untuk mengerti bentuk aplikasi yang

diterapkan. DFD Website SMP Negeri 1 MLATI ini meliputi :

Page 15: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

13

3.5.2.1 Diagram Level 0

Informasi web sekolah

Admin

Guru

User/ Siswa/

Alumni

Berita, ektrakurikuler, galeri, agenda, info sekolah,

Polling, profil sekolah, guru,

upload, siswa, alumni

Laporan : Berita, profil, siswa, ekstrakurikuler,

profil guru, agenda, download, geleri photo, polling,

info sekolah, profil alumni, profil sekolah,

info sekolah, hubungi kami

Berita, ektrakurikuler,

edit profil guru, agenda, polling, hubungi kami

Laporan : Berita, profil, siswa, ekstrakurikuler,

profil guru, agenda, download, geleri photo, polling,

info sekolah, profil alumni, profil sekolah,

info sekolah, hubungi kami

Pollling, Hubungi kami

Laporan : Berita, profil, siswa, ekstrakurikuler,

profil guru, agenda, download, geleri photo, polling,

info sekolah, profil alumni, profil sekolah,

info sekolah, hubungi kami

Gambar 3.7 Diagram Level 0

3.5.2.2 DFD Level 1 Sisi Guru

Guru

Agenda1.1 Proses

data agenda

Berita1.2. Proses

data berita

Exkul1.3. Proses

data exkul

Tambah,edit,hapus

Tambah

tambah, edit, hapus

Data berita

Data agenda

Data agenda

Gambar 3.9 DFD Level 1 Guru

Page 16: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

14

3.5.2.3 DFD level 1 Sisi User, Siswa, Alumni

Siswa, User,

Alumni

Polling1.1 Proses

data polling

Hubungi1.2Proses

data

hubungi

Tambah, view

tambah,view Data agenda

Data polling

Gambar 3.10 DFD Level 1 User, Alumni, Siswa

3.5.2.2 DFD Level 1

Agenda

Admin

1. Proses

data

agenda

Album2. Proses

data album

Admin 3. Proses

data admin

Baner4. Proses

data baner

Berita5. Proses

data berita

Download6. Proses

data

download

Exkul7. Proses

data exkul

Galery8. Proses

data galery

Hal_statis9. Proses

data hal

statis

Hubungi10. Proses

data

hubungi

Katagori11. Proses

data

katagori

Kelas12. Proses

data kelas

Komentar13. Proses

data

komentar

Mainmenu14. proses

data

mainmenu

Modul15. Proses

data modul

Pegawai16. Proses

data

pegawai

Data agenda

Data album

Data galery

Data siswa

Data baner

Data berita

Data download

Data halstatis

Data hubungi

Data katagori

Data kelas

Data komentar

Data main menu

Data modul

Data pegawai

Polling17. Proses

data

Polling

Data polling

Data exkul

Sekilas Info18. Proses

data

sekilas info

Statistik19. Proses

data

statistik

Tag20. Proses

data tag

Template21. Proses

data

template

Data sekilas info

Data statistik

Data tag

Data template

Id_komentar

Id_berita

Siswa22. Proses

data siswa

Data siswa

Id_kelas

Id_album

Id_berita

Id_galery

Gambar 3.11 DFD Level 1

Page 17: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

15

4. IMPLEMENTASI SISTEM DAN PEMBAHASAN SISTEM

4.1 Manual Program

Pada manual program ini akan menampilan print out web SMP N 1 MLATI.

4.1.1 Manual Program Pada Halaman Utama

1. Halaman Beranda

Halaman ini merupakan halaman utama dari website. Berikut merupakan

tampilan halaman home.

Gambar 4.30 Tampilan Halaman Home

2. Halaman Profil

Halaman ini berisi profil tentang SMP N 1 MLATI. Berikut merupakan

tampilan halaman Profil

Gambar 4.31 Tampilan Halaman Profil

Page 18: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

16

5. KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan pada pembahasan bab – bab sebelumnya, maka kesimpulan

pembuatan laporan skripsi yang berjudul ” Analisis dan Perancangan Web Sevagai

Media Promosi dan Informasi Pada SMP N 1 MLATI ” adalah sebagai berikut :

1. Pembuatan web ini didalam prosesnya menggunakan modul yang berisi tentang

script – script yang befungsi untuk menampilkan halaman pada web.

2. Modul ini terletak didalam folder pegawai, ketika membuat halaman manajemen

modul kita harus membuat pula folder – folder yang akan kita masukkan script

pemanggil untuk menampilkan sebuah halaman.

3. Semoga Informasi SMP N 1 MLATI akan lebih mudah dan cepat diakses dimana

saja dan kapan saja tanpa batasan waktu setelah diterapkannya sistem ini.

5.3 Saran

Saran yang coba diberikan oleh penulis untuk proses pengembangan sistem

dimasa yang akan datang adalah sebagai berikut :

1. Melakukan pertimbangan untuk sistem yang telah diusulkan sebagai media yang

mempermudah promosi dan meningkatkan efisiensi dan efektivitas.

2. Peningkatan sumber daya manusia dalam aspek teknologi informasi pada harus

dikembangkan dengan adanya sistem baru.

3. Untuk penelitian dimasa mendatang hendaknya dapat menambahkan fitur – fitur

yang masih kurang guna penyempurnaan, seperti fitur e – learning dan yang

lainnya yang mendukung pendidikan dizaman teknologi ini.

Page 19: ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA …repository.amikom.ac.id/files/Publikasi_07.11.1657.pdf · Web-based information systems SMP Negeri 1 Mlati is a system ... “Suatu system

1

DAFTAR PUSTAKA

Al Fatta, Hanif. ”Analisis dan Perancangan Sistem Informasi Untuk Keunggulan

Bersaing Perusahaan dan Organisasi Modern ” Andi, 2007, Yogyakarta.

Jogiyanto., “ANALISIS & DESAIN Sistem Informasi”, ANDI, 2005, Yogyakarta.

Nugroho, Bunafit., “PHP dan MySQL dengan Editor Dreamweaver MX”, ANDI, 2004,

Yogyakarta.

Prasetyo D, Dwi., “Solusi Menjadi Webmaster Melalui Manajemen Web dengan php“,

Elex Media Komputindo, 2005, Jakarta.

Prihatna, H., ”Kiat Praktis Menjadi Webmaster Profesional”. Elex Komputindo, 2005,

Jakarta.

Sunarfrihantono, Bimo., “PHP dan MySQL Untuk Web“, ANDI, 2002, Yogyakarta.

http://www.ahmadakbarf.com/download.php?file...%20SDLC.pdf