1

PENDAHULUAN

1.1 LATAR BELAKANG MASALAH

Dewasa ini, perkembangan teknologi sudah sangat pesat khususnya di

bidang internet. Hal ini karena internet tidak terbatas pada ruang dan waktu,

dengan jaringan internet kita dapat menjelajah kemana pun dan kapan pun jika

terhubung dengan koneksi internet. Berkat kemajuan teknologi yang sangat

pesat dan jaringan komunikasi, sekarang internet dengan mudah dapat

dinikmati dan dimanfaatkan oleh sebagian besar masyarakat dunia termasuk

Indonesia sendiri. Internet sudah banyak di aplikasikan dalam berbagai bidang

kehidupan seperti hiburan, bisnis, organisasi, perdagangan, dan masih banyak

lainnya.

Internet dapat membuat orang menjadi lebih mudah untuk saling

berinteraksi. Teks, gambar, suara dan video dapat dikirim kebelahan dunia

manapun secara cepat, bahkan hanya hitungan detik saja. Hal ini menandakan

bahwa internet mempunyai potensi yang sangat besar untuk dijadikan sebagai

sarana komunikasi dan informasi yang handal dan murah.

Organisasi Kemahasiswaan yang ada di STMIK El Rahma sangat

memerlukan suatu media informasi yang dapat memberikan informasi-

informasi ataupun berita yang berkaitan dengan kegiatan-kegiatan setiap

organisasi dan dapat diakses oleh para mahasiswa pada khususnya, dosen,

karyawan atau masyarakat yang ingin mengetahui informasi mengenai

kegiatan organisasi kemahasiswaan yang ada di STMIK El Rahma.

Oleh karena itu, diperlukan suatu media informasi berupa website yang

dapat menampung berita kegiatan organisasi mahasiswa di STMIK El Rahma

Yogyakarta.

2

1.2 RUMUSAN MASALAH

Rumusan masalah yang akan dibahas adalah bagaimana cara

memberikan informasi tentang kegiatan organisasi kemahasiwaan STMIK

ELRAHMA kepada mahasiswa STMIK EL RAHMA dan masyarakat pada

umumnya.

1.3 BATASAN MASALAH

Mengingat luasanya lingkup permasalahan yang ada pada website ini,

maka penulis membatasi masalah yaitu berita-berita hanya seputar kegiatan

organisasi yang ada di STMIK ELRAHMA seperti SMST (Senat Mahasiswa

Sekolah Tinggi), HMP (Himpunan Mahasiswa Prodi) dan UKM(Unit

Kegiatan Mahasiswa).

1.4 TUJUAN PENELITIAN

Tujuan dari penelitian ini adalah Membuat website berita organisasi

kemahasiswaan STMIK EL Rahma Yogyakarta.

1.5 MANFAAT PENELITIAN

1. Memperkenalkan organisasi-organisasi yang ada di STMIK El Rahma

kepada mahasiswa STMIK El Rahma.

2. Mahasiswa lebih mengetahui perkembangan apa saja yang telah

dilakukan oleh bidang-bidang organisasi yang ada di STMIK El Rahma

dengan cepat.

3. Memicu mahasiswa agar dapat lebih berkompetisi didalam bidang

organisasi yang mereka ikuti.

1.6 METODOLOGI PENELITIAN

1. Observasi

Melakukan penelitian langsung pada objek yang diteliti dengan tujuan

untuk mendapatkan data-data yang diperlukan.

2. Wawancara

3

Bertanya secara langsung kepada pihak pengelola tentang proses

pengolahan data parkir yang selami ini diterapkan.

3. Dokumentasi

Mengumpulkan data dari pegawai atau petugas baik yang visual

maupun video.

1.7 SISTEMATIKA PENULISAN

BAB. I PENDAHULUAN

Berisi latar belakang masalah, rumusan masalah, batasan masalah,

tujuan penelitian, manfaat penelitian, metode pengambilan data,

metode pendekatan masalah, tempat pelaksanaan penelitian, jadwal

penelitian.

BAB II LANDASAN TEORI

Berisi konsep dasar sistem informasi , perancangan basis data yang

meliputi perancangan basis data secara konseptual, perancangan basis

data secara logis, perancangan basis data secara fisis. teknik

normalisasi, bentuk normal pertama, bentuk normal kedua, bentuk

normal ke tiga, bentuk over normal, relasi antar tabel, data flow

diagram, flowchart sistem, flowchart program, pengenalan internet,

dns (domain name sistem), browser, pengantar pemrograman web,

interaksi elemen web, script php, pengantar database mysql,

pengenalan jquery, pengenalan css serta pengenalan adobe photshop.

BAB III ANALISA DAN PERANCANGAN

Berisi obyek penelitian, data yang diperlukan, perancangan halaman,

perancangan basis data, relasi antar tabel, kamus tabel, data flow

diagram (dfd), flowchart sistem, flowchart program, perancangan

input dan output

4

BAB IV IMPLEMENTASI SISTEM

Berisi persiapan sistem, registrasi domain, menyewa hosting, instalasi

sistem, membuat tabel, upload file web, penerapan web portal berita

organisasi di stmik el rahma yogyakarta.

BAB V PENUTUP

Berisi kesimpulan, saran daftar pustaka dan lampiran-lampiran.

DAFTAR PUSTAKA

LAMPIRAN

KONSEP DASAR SISTEM

Definisi sistem (Jogiyanto, 2005) :

-. Pendekatan prosedur adalah suatu jaringan kerja dari prosedur2 yang saling

berhubungan untuk menyelesaikan sasaran tertentu

-. Pendekatan elemen adalah elemen-elemen yang berinteraksi untuk mencapai

suatu tujuan tertentu

Klasifikasi sistem (Jogiyanto, 2005) :

-. Sistem abstrak/fisik = berupa pemikiran atau ide-ide yang tidak tampak secara

fisik, fisik misalnya sistem komputer

-. Sistem alamiah/buatan manusia = sistem yang terjadi secara alami melalui

proses alam, misalnya proses putaran bumi

-. Sistem tertentu/tidak tertentu = sistem yang dapat diprediksi dan sistem yang

tidak dapat diprediksi

-. Sistem tertutup/terbuka = sistem yang tidak berhubungan dan berpengaruh

terhadap lingkungannya, sistem terbuka merupakan sistem yang berhubungan dan

terpengaruh terhadap lingkungan luarnya

Karakteristik sistem (Jogiyanto,2005) :

-. Komponen : komponen yang berinteraksi, saling kerja sama untuk membentuk

suatu kesatuan

-. Batas sistem : merupakan daerah yang mebatasi sistem satu dengan sistem lain,

atau dengan lingkungan luarnya

-. Lingkungan luar : apapun yang diluar batas sistem yang mempengaruhi operasi

sistem

5

-. Penghubung sistem : media penghubung subsistem ke subsistem lain,

memungkinkan sumber daya sistem mengalir

-. Inputan : energi yang dimasukkan kedalam sistem, berupa masukan perawatan

dan masukan signal adalah energi yang dimasukan untuk beroperasi segingga

energi menghasilkan keluaran

-. Keluaran : energi yang diolah dan diklasifikasikan menjadi keluaran yang

berguna

-. Pengolah : dapat mempunyai bagian pengolah yang akan berubah menjadi

masukan dan keluaran

-. Tujuan : suatu sistem pasti mempunyai suatu tujuan atau sasaran system

Kualitas informasi (Jogiyanto,2005) :

-. Akurat : informasi harus bebas dari kesalahan dan harus jelas sehingga dapat

mencerminkan maksudnya

-. Tepat waktu : informasi yang datang pada penerima tidak boleh terlambat

karena informasi merupakan landasan dalam pengambilan keputusan

-. Relevan : informasi mempunyai manfaat bagi pemakainya

Komponen sistem informasi (Jogiyanto,2005) :

-. Blok masukan : termasuk metode dan media untuk menangkap data yang

dimasukkan dapat berupa dokumen2 dasar

-. Blok model : terdiri dari kombinasi prosedur, logika dan model matematik yang

dimanipulasi dan diproses sehingga dapat menghasilkan keluaran yang diinginkan

-. Blok keluaran : merupakan informasi yang berkualitas, dokumentasi yang

berguna untuk semua pemakai sistem

-. Blok teknologi : menerima input, menjalankan model penyimpanan, akses data,

menghasilkan dan mengirim keluaran dan membantu pengendalian ke seluruh

sistem secara keseluruhan

-. Blok basis data : merupakan kumpulan dari data yang saling berhubungan satu

sama lainnya

-. Blok kendali : banyak hal yang dapat merusak sistem, misalnya air, temperatur,

kebakaran dan kerusakan dari sistem itu sendiri

6

Definisi Perancangan Sistem

Menurut George M.Scott (2001) Desain sistem menentukan bagaimana

suatu sistem akan melakukan apa yang mesti diselesaikan. Tahap ini menyangkut

mengkonfigurasi dari komponen-komponen perangkat lunak dan perangkat keras

dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar

memuaskan rancang bangun yang telah ditetapkan pada akhir tahap analisis

sistem.

Dari pengertian diatas dapat diartikan sebagai berikut :

1. Pendefinisian dari kebutuhan fungsional.

2. Persiapan untuk rancang bangun implementasi.

3. Menggmbarkan bagaimana suatu sistem dibentuk.

Tujuan dan Sasaran

Desain sistem mempunyai 2 (dua) maksud dan tujuan yang sangat utama,

yaitu :

1. Untuk memenuhi kebutuhan para pemakai sistem.

2. Untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap

kepada pemrogram komputer dan para ahli teknik lainnya yang terlibat.

a. Desain sistem harus berguna atau bermanfaat, mudah dipahami dan

nantinya mudah digunakan.

b. Harus dapat mendukung tujuan utama perusahaan.

c. Harus efisiensi dan efektif.

Analisis Sistem

(System Analisis)

Desain Sistem

(System Desaign)

Seleksi Sistem

(System Selection)

Implementasi Sistem

(System Implementation)

Perawatan Sistem

(Maintenance System)

Perancanaan Sistem

(System Planning)

7

d. Harus dapat mempersiapkan rancang bangun yang terinci untuk masing-

masing komponen dari sistem informasi.

ENTITY RELATIONSHIP DIAGRAM (ERD)

Entity relationship diagram (ERD) merupakan suatu model data yang

dikembangkan berdasarkan obyek. ERD digunakan untuk menjelaskan hubungan

antar data dalam basis data kepada pemakai secara logic. ERD didasarkan pada

suatu persepsi bahwa real word terdiri atas obyek-obyek dasar yang mempunyai

hubungan kerelasian/hubungan antar obyek-obyek dasar tersebut. ERD

digambarkan dalam bentuk diagram yang menggunakan simbol-simbol grafis

tertentu.

Simbol-simbol ERD (Sutanta,2004):

Simbol Nama Keterangan

Simbol garis

relasi

Menunjukkan garis relasi

Simbol entitas Menunjukkan obyek dasar yang

terkait dalam sistem

Simbol relasi Bisa menjadi tabel apabila

mempunyai atribut

Simbol atribut Keterangan yang terkait pada

sebuah entitas yang perlu

disimpan

3. KERELASIAN ANTAR ENTITAS

Kerelasian antar entitas mendefinisikan hubungan antar dua buah entitas.

Kerelasian adalah kejadian atau transaksi yang terjasi si antara dua buah entitas

yang keterangannya perlu disimpan dalam basis data.

Kerelasian antar entitas dapat dikelompokkan dalam 4 jenis, yaitu :

8

a. Satu ke satu (one to one) Ini berarti hubungan entitas pada himpunan pertama

dan entitas pada himpunan kedua adalah satu banding satu.

b. Satu ke banyak (one to many) Dapat diartikan bahwa beberapa entitas pada

himpunan entitas pertama dapat berhubungan dengan banyak entitas pada

himpunan entitas kedua.

c. Banyak ke banyak (many to many) Diartikan bahwa beberapa himpunan entitas

pada himpunan entitas pertama dapat berhubungan dengan beberapa entitas

pada himpunan entitas kedua.

DIAGRAM ALIR DATA (DAD)

Diagram Alir Data sering digunakan untuk menggambarkan suatu sistem

yang telah ada atau sistem yang akan dikembangkan secara logika tanpa

mempertimbangkan lingkungan fisik. Dimana data tersebut mengalir atau

lingkungan fisik sebagai tempat penyimpanan data. DAD merupakan alat yang

digunakan pada metodelogi pengembangan sistem yang terstruktur.

Simbol-sombol DAD

Simbol Keterangan

Eksternal Entity, merupakan kesatuan lingkungan luar sistem

yang akan memberikan input dan akan menerima output

Simpanan Data, dapat berupa file. Arsip, kotak, tabel atau agenda

Arus Data, menunjukkan arus data yang dpat berupa masukan

kedalam sistem

Proses, menunjukkan kegiatan yang dilakukan oleh orang, mesin

atau computer

9

FLOWCHART

Flowchart adalah bagan alir yang menggambarkan suatu tahap penyelesaian

masalah dengan menggunakan simbol-simbol yang standar, efektif dan tepat. Ada

dua macam flowchart, yaitu :

1. Flowchart Sistem

Flowchart sistem merupakan suatu bagan yang menunjukkan arus

pekerjaan secara keseluruhan dari sistem yang ada. Bagan ini menunjukkan

urutan-urutan dari prosedur-prosedur yang ada didalam sistem.

Simbol-simbol flowchart sistem

Simbol Nama Keterangan

Simbol

keyboard

Manual input digunakan untuk menunjukkan input

data secara manual

Simbol

proses

Proses digunakan untuk menunjukkan proses dari

operasi program komputer

Simbol

hardisk

Himpunan relasi digunakan untuk menunjukkan

hardisk atau media penyimpanan data dalam

komputer

Simbol arus

data

Arah aliran digunakan untuk menunjukkan arus data

atau arus dari proses

2. Flowchart Program

Flowchart program yang menggambarkan secara detail atau secara rinci

tentang proses atau urutan logika yang terjadi dalam sebuah program.

Simbol-simbol yang digunakan dalam flowchart program

Simbol Nama Keterangan

Simbol titik

terminal

Digunakan untuk menunjukkan awal dan akhir dari

suatu proses

10

Simbol

input/output

Digunakan untuk mewakili data input dan output

Simbol

keputusan

Digunakan untuk mewakili suatu proses pengolahan

data

Simbol arah

data

Digunakan sebagai arah arus logika program

Simbol

proses

Digunakan untuk penyelesaian kondisi didalam

program

Simbol

persiapan

Pemberian nilai awal dari suatu variable

Simbol

penghubung

Menunjukkan penghubung ke halaman yang sama

atau ke halaman berbeda

PERANCANGAN SISTEM

Tujuan dari perancangan sistem secara umum adalah untuk memberikan

gambaran secara umum kepada pemakai program tentang sistem yang baru.

Rancangan sistem secara umum mengidentifikasikan komponen-komponen sistem

informasi yang akan di rancang secara rinci. Pada tahap perancangan secara

umum, komponen-komponen sistem informasi dirancang dengan tujuan untuk

dikomonikasikan kepada pemakai program (user) bukan untuk pemrogram.

Arsitektur Basis Data

Arsitektur basis data merupakan suatu kumpulan data yang tersimpan secara

sistematik dimana user dapat melihat data tersebut, arsitektur ini juga berfungsi

memberikan kerangka kerja bagi pembangunan basis data.

11

View View View

Logical Level

Physical Level

……..

……..

…….. Level 1

Level 2

Level 3

1. External/View Level, berhubungan/berelasi dengan bagaimana data

direpresentasikan dari sisi setiap user.

2. Internal/Phsycal level, berhubungan/berelasi antar tabel yang

menunjukkan struktur data secara fisik.

3. Conceptual/Logical View, yang menghubungkan antara internal dan

external level atau level view dengan level fisik

1. Perancangan Tampilan

Penggunaan perancangan tampilan dalam rancangan sistem ini akan

memberikan gambaran umum tentang program yang akan di buat. Perancangan

dalam sistem ini berisi pokok-pokok input dari proses yang akan di jalankan

sehingga mendapat informasi yang diharapkan.

12

4.1.3. Perancangan Tampilan User

footer

konten

Logo

Berita

Agenda

Download

Polling

Statistik

Hubungi Galeri Download Agenda Home

Slide Galeri

4.1.3. Perancangan Tampilan Admin

footer

konten

Logo TagKomentar Berita Kategori Agenda Home

Perhatian Akun

Statistik Polling Hubungi Download Galeri Album

13

4.2. Normalisasi

Normalisasi merupakan proses pengelompokan data elemen menjadi

tabel-tabel yang menunjukan entitas dan relasinya.

4.1.3. Bentuk Tidak Normal

Pada proses normalisasi selalu di uji pada beberapa kondisi. Dalam bentuk tidak

normalpasti akan di temui kesulitan pada saat menambah, menghapus, mengubah

atau membaca pada satu database, karena dalam bentuk inimasih banyak terdapat

kerangkapan data yang membuat tidak konsisten sehingga perlu di buat menjadi

bentuk normal 1,2 dan 3 yaitu tabel tersebut dapat di peacah menjadi beberapa

tabel lagi atau dikatakan perancangan belumlah mendapat proses database yang

optimal

isi

tgl

gambar

dibaca

Headline

Tag

kat

Status

ip

Tanggal

hits

online

id_komen

id_berita

nama

isi

tgl

Status

id_gal

id_al

judul

gambar

Ket

album

status

id_hub

nama

email

subyek

pesan

tanggal

id_agen

Id_user

judul

isi

tempat

tgl_mulai

tgl_selesai

tgl_post

id_don

judul

nama_file

tgl_post

hits

Id_user

nama

email

no_telp

username

Password

id_pol

pilih

rating

Status

id_berita

id_kat

Id_user

id_tag

judul

4.1.3. Bentuk Normal Pertama

Suatu relasi dikatakan berada dalam bentuk normal pertama jika dan hanya jika

setiap atribut bernilai tunggal untuk setiap baris atau dapat dikatakan perpotongan

antara baris dan kolom hanya membuat satu kali data, tidak boleh ada

pengulangan atribut

14

agenda

id_agen

Id_user

judul

isi

tempat

tgl_mulai

tgl_selesai

tgl_post

berita

id_berita

id_kat

Id_user

id_tag

judul

isi

tgl

gambar

dibaca

Headline

Tag

kat

status

download

id_don

judul

nama_file

tgl_post

hits

galeri

id_gal

id_al

judul

gambar

Ket

album

status

hubungi

id_hub

nama

email

subyek

pesan

tanggal

komentar

id_komen

id_berita

nama

isi

tgl

status

polling

id_pol

pilih

rating

status

statistik

ip

tanggal

hits

online

user

Id_user

nama

email

no_telp

username

password

4.1.3. Bentuk Normal Kedua

Suatu relasi dapat dikatakan bentuk normal kedua jika berada dalam bentuk

normal pertama dan semua atribut bukan kunci memiliki

dependensi/ketergantungan sepenuhnya kepada kunci primer

agenda

id_agen*

Id_user**

judul

isi

tempat

tgl_mulai

tgl_selesai

tgl_post

album

id_album*

album

status

berita

id_berita*

id_kat**

Id_user**

id_tag**

judul

isi

tgl

gambar

dibaca

headline

download

id_don*

judul

nama_file

tgl_post

hits

galeri

id_gal*

id_al**

judul

gambar

ket

hubungi

id_hub*

nama

email

subyek

pesan

tanggal

kategori

id_kat*

kat

status

komentar

id_komen*

id_berita**

nama

isi

tgl

status

polling

id_pol*

pilih

rating

status

statistik

ip

tanggal

hits

online

tag

id_tag*

tag

user

Id_user*

nama

email

no_telp

username

password

15

4.3. Relasi Antar Tabel

Relasi antar tabel adalah menghubungkan antara satu tabel dengan tabel yang lain

agenda

id_agen*

Id_user**

judul

isi

tempat

tgl_mulai

tgl_selesai

tgl_post

album

id_album*

album

status

berita

id_berita*

id_kat**

Id_user**

id_tag**

judul

isi

tgl

gambar

dibaca

headline

download

id_don*

judul

nama_file

tgl_post

hits

galeri

id_gal*

id_al**

judul

gambar

ket

hubungi

id_hub*

nama

email

subyek

pesan

tanggal

kategori

id_kat*

kat

status

komentar

id_komen*

id_berita**

nama

isi

tgl

status

polling

id_pol*

pilih

rating

status

statistik

ip

tanggal

hits

online

tag

id_tag*

tag

user

Id_user*

nama

email

no_telp

username

password

4.5. Diagram Alir Data (DAD)

Identifikasi

Identifikasi semua kesatuan luar (external entities) yang terlibat dalam

system.Identifikasi semua input dan output yang terlibat dengan kesatuan luar

Eksternal entity Input Output

Admin Data user

Data agenda

Data kategori

Data berita

Data tag

Data galeri

Data album

Data download

Lap. Agenda

Lap. Berita

Lap. Komentar

Lap. Hubungi

16

Eksternal entity Input Output

User Data polling

Data hubungi

Data statistik

Data komentar

Informasi agenda,

berita, galeri,

komentar, download,

polling, statistik

Diagram Konteks

Diagram konteks merupakan bentuk umum dari diagram alir

data.diagram konteks dari program ini

Lap. Agenda

Lap. Berita

Lap. Komentar

Lap. Hubungi

00

Website Berita Organisasi

Mahasiswa STMIK EL Rahma

Yogyakarta

Website Berita Organisasi

Mahasiswa STMIK EL Rahma

Yogyakarta

Pendaftar Pendaftar

AdminAdmin

Data user

Data agenda

Data kategori

Data berita

Data tag

Data galeri

Data album

Data download

Data polling

Data hubungi

Data statistik

Data komentar

Informasi agenda,

berita, galeri,

komentar, download,

polling, statistik

4.6.3. Diagram Berjenjang

Diagram berjenjang dari system dibagi menjadi sepuluh bagian proses

utama, yaitu Home, agenda, download, galeri, hubungi, berita, poling,

statistic, komentar, admin.proses admin teridiri dari 13 proses

17

0

Website berita organisasi

mahasiswa STMIK El

Rahma Yogyakarta

0.4

Galeri

0.5

Hubungi

0.6

Berita

0.3

Download

0.2

Agenda

0.1

Home

0.7

Polling

0.8

statistik

0.10

Admin

10.1

Home

10.3

Agenda

10.5

kategori

10.7

Berita

10.9

Komentar

10.11

Tag

10.13

Akun

10.2

Album

10.4

Galeri

10.6

Download

10.8

Hubungi

10.10

Polling

10.12

Statistik

0.9

Komentar

4.6.4. DAD Level 0

Berdasarkan diagram berjenjang yang membagi system menjadi 10 proses dapat

di buat DAD level 0

Pendaftar

0.0

Website berita organisasi

1.0

Home

2.0

Agenda

3.0

Download

Pilih Home

Berita

4.0

Galeri

5.0

Hubungi

6.0

Berita

Data berita

Pilih agenda

Pilih download

Pilih galeri

Data berita

Data hubungi

Data polling

Polling

Komentar

Statistik

Admin

Data berita

Data admin

7.0

Polling

8.0

Statistik

10.0

Admin

Data statistik

Data komentar

Data admin

Data agenda

Data download

Data galeri

Data hubungi

Data statistik

Data polling

Admin

Info Home

data agenda

Data download

Data galeri

Data berita

data polling

Data statistik

Halaman admin

Agenda

Download

Galeri

Hubungi

9.0

Komentar

Data komentar

18

4.6.3. DAD Level 1 Admin

Diagram Alir Data level 1 ini merupakan penjabaran dari DAD level 0.dalam

DAD level 1 ini, proses dalam DAD level 0 di jelaskan kembali alur-alurnya

secara lebih mendetail.

Admin

0.10

Admin

10.1

Home

10.2

album

10.3

Agenda

Pilih Home

album

10.4

Galeri

10.5

Kategori

10.6

Download

Data album

Data agenda

Data galeri

Data download

Data kategori

Data admin

download

galeri

agenda

user

kategori

Data download

10.13

akun

Data album

Data agenda

Data galeri

Data ketegori

Data user

Info Home

Lap. Agenda

berita

10.7

Berita

Data berita

hubungi

10.8

Hubungi

Data hubungi

komentar

10.9

Komentar

Data komentar

polling

10.10

Polling

Data polling

tag

10.11

Tag

Data tag

statistik

10.12

Statistik

Data statistik

Data album

Data ketegori

Data tag

Data berita

Data user

Data user

Data berita

Lap. Berita

Pilih hubungi

Lap. Hubungi

Pilih komentar

Lap. Komentar

Data polling

Data tag

Pilih statistik

19

4.6. Bagan Alir (FLOWCHART)

Data admin Data agenda Data download Data statistik Data album Data galeri

Simpan admin Simpan agenda Simpan

downloadSimpan statistik Simpan album Simpan galeri

user agenda download statistik album galeri

Cetak

Lap. Agenda

Data hubungi

Simpan hubungi

hubungi

Cetak

Lap. Hubungi

Data polling

Simpan polling

polling

Data komentar

Simpan komentar

komentar

Cetak

Lap. Kometar

Data berita

Simpan berita

berita

Cetak

Lap. Berita

Data kategori

Simpan kategori

kategori

Data tag

Simpan tag

tag

4.6.1. Bagan Alir Program

Mulai

Selesai

Koneksi

server

Koneksi

Sukses

Y

N

keluarN

Y

Pilih

home

Tampil

konten

home

Tampil menu home,agenda download,

galeri, hubungi, berita, polling,

statistik,komentar, admin

Pilih

agenda

Tampil

konten

agenda

N

N

Y

Pilih

download

Tampil

konten

download

N

Pilih

galeri

Tampil

konten

galeri

N

Pilih

berita

Tampil

konten

berita

N

Pilih

hubungi

Y

Y

Y

Y

N

Pilih data

polling

Tampil

konten

polling

N

Pilih

komentar

Tampil

konten

komentar

N

Pilih

statistik

Tampil

konten

statistik

N

Y

Y

Y

Admin

Tampil

konten

hubungi

Input

Proses

simpan

Y

N

Y

menu

Pilih

admin

Y

N

Input

Proses

simpan

Y

N

20

Bagan Alir Program Admin

Input

Login

Login

Sukses ?

Y

N

keluar

N

Y

Pilih

home

Tampil

konten

home

Tampil Menu home,album,

agenda, galeri, kategori,

download, berita, hubungi,

komentar, polling, tag, statistik,

akun

logout

Pilih

agenda

Tampil

konten

agenda

tambah/

edit / hapus ?

Proses

simpan

N

N

N

Y

Y

Pilih

hubungi

Tampil

konten

hubungi

N

N Pilih

komentar

Tampil

konten

komentar

edit / hapus

?

Proses

simpan

cetak

Proses

cetak

N

N

Y

Y

N

Pilih

berita

Tampil

konten

berita

Input / edit /

haspus ?

Proses

simpan

cetak

Proses

cetak

N

N

Y

Y

N

Pilih

album

Tampil

konten

album

Input / Edit /

hapus ?

Proses

simpan

N

N

Y

Y Y Y YY

YN

edit / hapus

?

Proses

simpan

Y

menu Admin

Pilih

galeri

Tampil

konten

galeri

Input / Edit /

hapus ?

Proses

simpan

N

N

Y

Y

cetak

Proses

cetak

N

Y

cetak

Proses

cetak

N

Y

Pilih

kategori

Tampil

konten

kategori

Input / Edit /

hapus ?

Proses

simpan

N

N

Y

Y

Pilih

download

Tampil

konten

download

Input / Edit /

hapus ?

Proses

simpan

N

N

Y

Y

Pilih

polling

Tampil

konten

polling

Input / Edit /

hapus ?

Proses

simpan

N

N

Y

Y

Pilih tag

Tampil

konten tag

Input / Edit /

hapus ?

Proses

simpan

N

N

Y

Y

Pilih

statistik

Tampil

konten

statistik

Input / Edit /

hapus ?

Proses

simpan

N

N

Y

Y

Pilih akun

Tampil

konten

akun

Edit ?

Proses

simpan

N

N

Y

Y

Perancangan Input

Rancangan tampilan input merupakan bentuk tampilan yang digunakan untuk

menangkap data-data yang di perlukandalam pengolahan data pada WEBSITE

BERITA ORGANISASI MAHASISWA STMIK EL RAHMA YOGYAKARTA.

Adapun rancangan input untuk setiap data.

4.7. Perancangan Output

Rancanagan output menampilkan banyaknya data dan menampilkan tanggal

laporan

IMPLEMENTASI

Langkah awal yang harus dilakukan dalam membuat aplikasi ini adalah

mengupload file – file website ini ke web hosting, walaupun dalam pembuatanya

menggunakan localhost dengan menggunakan WampServer. Setelah mengupload

dan mendaftarkan website pada salah satu web hosting, import database ke

database server, kemudian atur pengaturan antara hosting, domain dan database

server. Untuk membuat dan mengaksesnya diperlukan aplikasi yang dikenal

dengan web browser. web browser yang digunakan adalah Mozilla Firefox.

21

Setelah menjalankan mozilla, maka langkah selanjutnya adalah mengetikkan

alamat website (nama domain) pada addres bar agar dapat mengakses halaman

website ini.

Halaman Utama User