LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... ·...

58
LAPORAN KERJA PRAKTEK RANCANG BANGUN WEBSITE DINAMIS MENGGUNAKAN CONTENT MANAGEMENT SYSTEM PADA SMA NEGERI 1 WARU Disusun oleh : Tito Wiratama 06.41010.0152 Muhammad Bahiril Akbar 06.41010.0154 SEKOLAH TINGGI MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER SURABAYA 2010

Transcript of LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... ·...

Page 1: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

LAPORAN KERJA PRAKTEK

RANCANG BANGUN WEBSITE DINAMIS MENGGUNAKAN

CONTENT MANAGEMENT SYSTEM PADA SMA NEGERI 1 WARU

Disusun oleh :

Tito Wiratama 06.41010.0152

Muhammad Bahiril Akbar 06.41010.0154

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER

SURABAYA

2010

Page 2: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

LAPORAN KERJA PRAKTEK

RANCANG BANGUN WEBSITE DINAMIS MENGGUNAKAN CONTENT

MANAGEMENT SYSTEM PADA SMA NEGERI 1 WARU

Telah diperiksa, diuji, dan disetujui

Surabaya, Pebruari 2010

Disetujui:

Pembimbing I

Rangsang Purnama., M.Kom. ,MCP

NIDN. 0711087301

Penyelia

Dillya Indah Sari , SE

Mengetahui :

Ketua Prodi S1 Sistem Informasi

Dra. M.J. Dewiani S.,M.Pd

NIDN. 0725076301

Page 3: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

LAPORAN KERJA PRAKTEK

RANCANG BANGUN WEBSITE DINAMIS MENGGUNAKAN CONTENT

MANAGEMENT SYSTEM PADA SMA NEGERI 1 WARU

Diajukan sebagai salah satu syarat untuk mengerjakan Tugas Akir

Oleh :

Tito Wiratama 06.41010.0152

Muhammad Bahiril Akbar 06.41010.0154

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER

SURABAYA

2010

Page 4: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

iv

ABSTRAK

Saat ini lembaga dan organisasi seperti Universitas, perusahaan, instansi pemerintah,

sekolah, pondok pesantren maupun personal berlomba-lomba membuat organisasinya

dikenal oleh masyarakat luas. hal ini terjadi karena persaingan antara organisasi yang

disebut di atas ingin mempublikasikan, mempromosikan, berkomunikasi dan peningkatan

profesionalitas yang ditujukan untuk memenuhi visi dan misi dari organisasi tersebut.

Demi memenuhi kebutuhan tersebut maka perlu suatu wadah untuk menyampaikan visi,

misi, dan tujuan dari dibentuknya suatu lembaga atau organisasi, misalnya melalui

pertemuan rutin, meeting, diskusi maupun yang lainnya. ada satu media yang lebih

praktis dalam menyampaikan visi, misi, dan tujuan didirikannya suatu organisasi yaitu

internet.

Melalui internet, organisasi akan lebih berkembang dan dikenal oleh masyarakat luas

bahkan sampai di luar negeri karena internet adalah media yang tak mengenal jarak dan

waktu.

Page 5: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

iv

KATA PENGANTAR

Puji syukur kami ucapkan kehadirat Tuhan Yang Maha Esa atas segala anugerah

yang telah dilimpahkan-Nya sehingga penulis dapat menyelesaikan tugas Kerja Praktek

dan menyelesaikan laporan yag digunakan sebagai salah satu syarat untuk menyelesaikan

matakuliah Kerja Praktek ini. Peulis menyusun laporan ini berdasarkan hasil kerja

praktek berdasarkan yang telah dilakukan pada SMAN 1 Waru.

Dalam penyusunan laporan ini, penulis banyak mendapat bantuan dari berbagai

pihak, baik secara langsung maupun tidak langsung sehingga pelaksanaan Kerja Praktek

ini dapat berjalan sesuai dengan yang diharapkan. Atas segala bimbingan dan

bantuannya, penulis mengucapkan terima kasih kepada :

1. Bapak Dr. Yoseph Jangkung Karyantoro, MBA, selaku Ketua STIKOM yang telah

memberikan ijin untuk melaksanakan Kerja Praktek.

2. Bapak Rangsang Purnama, M.Kom., MCP, dosen pembimbing yang telah banyak

memberikan bimbingan dan masukan dalam menyelesaikan Kerja Praktek ini.

3. Ibu Dilya Indah Sari, selaku bagian penyelia pada SMAN 1 Waru.

4. Keluarga yang telah memberikan motivasi dan dorongan moril sehingga penulis dapat

menyelesaikan Kerja Praktek ini.

5. Teman-teman yang telah banyak membantu dalam bertukar pikiran dan memberikan

kritik serta saran-saran untuk aplikasi serta laporan yang penulis buat selama masa

pembuatan Kerja Praktek sehingga dapat menyelesaikan keduanya dengan baik.

6. Pihak-pihak lain yang banyak membantu dan memberikan dukungan dalam berbagai

hal sehingga penulis dapat menyelesaikan Kerja Praktek ini.

Page 6: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

v

Penulis menyadari bahwa masih banyak kekurangan dalam Kerja Praktek ini

dikarenakan pengetahuan dan kemampuan masih belum memadai.Untuk itu kritik dan

saran dari pembaca sangat penulis harapkan untuk perbaikan di masa yang akan datang.

Namun penulis juga berharap semoga Laporan Kerja Praktek ini dapat ikut menunjang

perkembangan ilmu pengetahuan, khususnya komputer.

Surabaya, Pebruari 2010

Penulis

Page 7: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

vi

DAFTAR ISI

Halaman

KATA PENGANTAR ....................................................................................... iv

DAFTAR ISI ...................................................................................................... vi

DAFTAR GAMBAR ......................................................................................... ix

DAFTAR LAMPIRAN ...................................................................................... xi

BAB I PENDAHULUAN ............................................................................. 1

1.1 Latar Belakang Masalah ............................................................. 1

1.2 Perumusan Masalah .................................................................... 2

1.3 Batasan Masalah ....................................................................... 2

1.4 Tujuan ........................................................................................ 3

1.5 Sistematika Penulisan ................................................................ 3

BAB II GAMBARAN UMUM ORGANISASI … ........................................ 5

2.1 Sejarah dan Perkembangan ......................................................... 5

2.2 Struktur Organisasi Perusahaan .................................................. 6

2.3 Job Description ........................................................................... 7

2.4 Visi dan Misi ............................................................................... 13

2.5 Prestasi ........................................................................................ 14

BAB III LANDASAN TEORI .......................................................................... 15

3.1 Diagram Alir Data ....................................................................... 15

3.1.1 Data Flow Diagram ............................................................ 15

3.1.2 Entity Relationship Diagram .............................................. 17

Page 8: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

vii

3.2 Desain Web ................................................................................. 21

3.2.1 Website ............................................................................ 21

3.2.2 Web Server ...................................................................... 22

3.2.3 Content Management System .......................................... 23

3.2.4 Joomla.................................................................................24

3.2.5 File Transfer Protocol.........................................................25

BAB IV ANALISA DAN DESAIN SISTEM ................................................... 27

4.1 Context Diagram Website SMAN 1 Waru ................................. 27

4.2 Data Diagram Level 0 ................................................................. 28

4.2.1 Data Flow Diagram Level 0 Proses Pendaftaran Member . 28

4.2.2 Data Flow Diagram Level 0 Proses Upload Artikel……….28

4.2.3 Data Flow Diagram Level 0 Proses Create Event………….29

4.2.4 Data Flow Diagram Level 0 Proses Visitor Counter……….29

4.2.5 Data Flow Diagram Level 0 Proses Upload Foto………….30

4.2.6 Data Flow Diagram Level 0 Proses Terima Pesan…………30

4.3 Conceptual Data Model (CDM) ................................................. 31

4.4 Physical Data Model (PDM) ....................................................... 32

4.5 Struktur Tabel.............................................................................. 33

4.6 Tampilan Website ........................................................................ 36

4.6.1 Halaman Home .................................................................. 36

4.6.2 Form Pendaftaran ............................................................... 37

4.6.3 Halaman Profil Sekolah ..................................................... 38

4.6.4 Halaman Visi dan Misi ...................................................... 39

4.6.5 Halaman Artikel dan Berita ............................................... 40

Page 9: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

viii

4.6.6 Halaman Ekstra Kurikuler ................................................. 41

4.6.7 Halaman Event ................................................................... 42

4.6.8 Halaman Search ................................................................. 43

4.6.9 Halaman Kontak Kami ....................................................... 44

BAB V PENUTUP .......................................................................................... 45

5.1 Kesimpulan ................................................................................. 45

5.2 Saran .......................................................................................... 45

DAFTAR PUSTAKA ........................................................................................ 46

LAMPIRAN ....................................................................................................... 47

LISTING PROGRAM ....................................................................................... 49

Page 10: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

ix

DAFTAR GAMBAR

Halaman

Gambar 2.1 Struktur Organisasi Perusahaan ................................................. 6

Gambar 3.1 Simbol External Entity ................................................................ 15

Gambar 3.2 Simbol Process ............................................................................ 16

Gambar 3.3 Simbol Data Flow...........................................................................16

Gambar 3.4 Simbol Data Store ........................................................................ 17

Gambar 3.5 Simbol Entity ............................................................................... 18

Gambar 3.6 Simbol Atribut ............................................................................. 18

Gambar 3.7 Simbol Relasi Antar Entitas ........................................................ 19

Gambar 4.1 Context Diagram ......................................................................... 27

Gambar 4.2 DFD Level 0 Proses Pendaftaran Member.....................................28

Gambar 4.3 DFD Level 0 Proses Upload Artikel ........................................... 28

Gambar 4.4 DFD Level 0 Proses Create Event ............................................... 29

Gambar 4.5 Level 0 Proses Visitor Counter.................................................... 29

Gambar 4.6 DFD Level 0 Proses Upload Foto ............................................... 30

Gambar 4.7 DFD Level 0 Proses Terima Pesan .............................................. 30

Gambar 4.8 Conceptual Data Model (CDM) .................................................. 31

Gambar 4.9 Physical Data Model (PDM) ....................................................... 32

Gambar 4.10 Tampilan halaman Home...............................................................36

Gambar 4.11 Tampilan halaman Form Pendaftaran User....................................37

Gambar 4.12 Tampilan halaman Profil Sekolah ............................................... 38

Page 11: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

x

Gambar 4.13 Tampilan halaman Visi dan Misi ................................................ 39

Gambar 4.14 Tampilan halaman Artikel dan Berita............................................40

Gambar 4.15 Tampilan halaman Ekstra Kurikuler..............................................41

Gambar 4.16 Tampilan halaman Event................................................................42

Gambar 4.17 Tampilan halaman Search..............................................................43

Gambar 4.18 Tampilan halaman Kontak Kami...................................................44

Page 12: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

xi

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Acuan Kerja ............................................................................... 41

Lampiran 2. Garis Besar Rencana Kerja Mingguan ....................................... 48

Lampiran 3. Log Harian dan Catatan Perubahan Acuan Kerja ..................... 49

Lampiran 4. Kehadiran Kerja Praktek ........................................................... 50

Lampiran 5. Kartu Bimbingan Kelompok Kerja Praktek ............................... 51

Lampiran 6. Listing Program .......................................................................... 52

Page 13: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

1

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Saat ini lembaga dan organisasi seperti universitas, perusahaan, instansi

pemerintah, sekolah, pondok pesantren maupun personal berlomba-lomba

membuat organisasinya dikenal oleh masyarakat luas. Hal ini terjadi karena

persaingan antara organisasi yang disebut di atas ingin mempublikasikan,

mempromosikan, berkomunikasi dan peningkatan profesionalitas yang ditujukan

untuk memenuhi visi dan misi dari organisasi tersebut.

Demi memenuhi kebutuhan tersebut maka perlu suatu wadah untuk

menyampaikan visi, misi, dan tujuan dari dibentuknya suatu lembaga atau

organisasi, misalnya melalui pertemuan rutin, meeting, diskusi maupun yang

lainnya. Ada satu media yang lebih praktis dalam menyampaikan visi, misi, dan

tujuan didirikannya suatu organisasi yaitu internet.

Melalui internet, organisasi akan lebih berkembang dan dikenal oleh

masyarakat luas bahkan sampai di luar negeri karena internet adalah media yang

tak mengenal jarak dan waktu.

Page 14: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

2

1.2 Perumusan Masalah

Berdasarkan dari uraian latar belakang masalah di atas maka didapat

perumusan masalah sebagai berikut :

1. Bagaimanakah membuat suatu website dinamis yang bisa berubah setiap saat

dengan menggunakan Content Management System ?

2. Bagaimanakah membuat suatu website yang bisa langsung online dengan

domain dan hosting gratis (free) dan dapat diubah kapan saja dan dimana saja

baik oleh Web Administrator maupun User yang diberi hak akses untuk

posting ?

3. Bagaimanakah me-maintenance sebuah website yang digunakan untuk posting

user yang mendapat hak akses ?

1.3 Batasan Masalah

Batasan masalah yang ada dalam sistem ini adalah :

1. Website menggunakan domain dan hosting gratis.

2. Website berisi Profil sekolah dan bukan Sistem Informasi berbasis web.

3. Semua perubahan Content dilakukan secara online.

4. Isi dan materi hanya berbentuk teks dan gambar (tidak ada file Flash).

5. Penanganan security hanya sebatas pemberian hak akses pada user melalui

username dan password.

Page 15: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

3

1.4 Tujuan

Tujuan dari dikerjakannya kerja praktek ini adalah untuk membuat suatu

website dinamis menggunakan Content Management System yang bisa diakses

oleh user baik yang memiliki hak akses maupun yang tidak memiliki hak akses.

1.5 Sistematika Penulisan

Sistematika penulisan laporan Kerja Praktek ini adalah sebagai berikut :

BAB I PENDAHULUAN

Pada bab ini dijelaskan tentang latar belakang masalah, perumusan

masalah, batasan masalah, tujuan, kontribusi Kerja Praktek bagi

perusahaan serta sistematika penulisan laporan Kerja Praktek.

BAB II PROFIL PERUSAHAAN

Pada bab ini dijelaskan tentang sejarah perusahaan, struktur organisasi,

visi dan misi, prestasi, job description.

BAB III LANDASAN TEORI

Bab ini membahas teori yang berhubungan dengan web portal dan

teori penunjang lainnya yang digunakan dalam kerja praktek ini antara

lain DFD, ERD, Website, CMS, Joomla, FTP.

Page 16: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

4

BAB IV ANALISA DAN DESAIN SYSTEM

Pada bab ini dijelaskan tentang rancangan sistem yang akan dibangun,

terdiri dari analisa sistem, perancangan sistem, implementasi, dan

evaluasi sistem.

BAB V PENUTUP

Bab ini berisi kesimpulan tentang sistem yang telah dibuat dan saran-

saran untuk pengembangan sistem di masa mendatang.

Page 17: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

5

BAB II

GAMBARAN UMUM ORGANISASI

2.1 Sejarah dan Perkembangan

SMA Negeri 1 Waru Sidoarjo berlokasi di jalan Brantas Barito Wisma

Tropodo, SMA ini mulai ada pada tahun 1991, yang merupakan filial dari SMA

Negeri Taman Sidoarjo. I.K. Trioka Adnajana, BA adalah Kepala Sekolah SMA

Negeri 1 Waru yang pertama. Jumlah kelas yang tersedia hanya 3 ruang dengan

jumlah guru dan karyawan 12 orang. Dengan jumlah kelas yang tersedia, maka

jumlah siswa pun hanya sedikit.

Pada tahun 1992, I.K. Trioka Adnajana digantikan oleh Dra. Sutra

Menggang. Dengan bertambahnya usia SMA Negeri 1 Waru, bertambah pula

siswa, jumlah guru, dan pegawainya. Mulai tahun 1993, SMA Negeri 1 Waru

lepas dari SMA Negeri Taman Sidoarjo. Maka terjadilah pergantian Kepala

Sekolah juga. Secara berturut-turut, SMA Negeri 1 Waru Sidoarjo dipimpin oleh

Martini, BA (1993 - 1994), Dra. Koestari (1994 - 1996), Abdul Mukti, BA (1996),

Drs.Hernowo (1996-1997), Suparjo, BA (1997 - 1998), Dra.Titik Sunarni (1998 -

2002), Drs. Sulthon Hakim, M.Si. (2002 - 2006), Drs. H. Abd.Majid (2006 -

2008), Drs.H.Soeyono (2008 - sekarang). Banyak kemajuan yang terjadi selama

pergantian kepemimpinan di SMA Negeri 1 Waru, diantaranya adalah

penambahan fasilitas seperti ruang kelas, ruang laboratorium

Page 18: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

6

IPA, ruang laboratorium komputer, ruang AVA (Audio Visual Aid), lapangan

basket atau futsal, dan tempat parkir siswa maupun guru dan karyawan. Sampai

saat ini, ruang belajar ada 20 ruang dengan jumlah siswa 744 siswa, sedangkan

jumlah guru dan karyawan, sejumlah 66 orang.

2.2 Struktur Organisasi

Gambar 2.1 Struktur Organisasi SMAN 1 Waru

Kepala Sekolah

.

Komite Sekolah

Kepala Tata Usaha

Kepala Tata Usaha

Sudjarwo

Waka. Ur. Kurikulum Waka. Ur. Kesiswaan

.

Waka. Ur. Sarana Waka. Ur. Humas

Koordinator BK Pembina OSIS

.

Guru

OSIS

Siswa

Koordinator MGMP

Page 19: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

7

2.3 Job Description

Berikut ini adalah job description dari bagian-bagian yang terdapat pada SMA

Negeri 1 Waru :

1. Kepala Kekolah

a. Sebagai Edukator bertugas melaksanakan proses belajar mengajar secara

efektif dan efisien.

b. Sebagai Manajer bertugas melakukan proses perencanaan,

pengorganisasian, menggerakkan dan mengorganisasikan (planning,

organizing, actuating, dan controlling).

c. Sebagai Administrator bertugas mengendalikan struktur organisasi

tentang cara pelaporan dan melaksanakan administrasi kurikulum,

kesiswaan, personalia, keuangan, sarana, hubungan dengan masyarakat,

dan administrasi umum.

d. Sebagai Supervisor bertugas memberikan pembinaan atau bimbingan

kepada para guru dan tenaga kependidikan serta administrator lainnya.

e. Sebagai Leader bertugas menggerakkan orang lain agar secara sadar dan

sukarela melaksanakan kewajibannya secara baik sesuai dengan yang

diharapkan pimpinan dalam rangka mencapai tujuan.

f. Sebagai Inovator bertugas melaksanakan pembaruan-pembaruan

terhadap pelaksanaan pendidikan di sekolah berdasarkan prediksi-

prediksi yang telah dilakukan sebelumnya.

Page 20: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

8

g. Sebagai Motivator bertugas memberikan motivasi kepada guru dan

tenaga kependidikan dan administrator lainnya sehingga mereka

bersemangat dan bergairah dalam menjalankan tugasnya dalam rangka

meningkatkan mutu pendidikan.

2. Wakil Kepala Sekolah Urusan Kurikulum

a. Menyusun program perangkat pembelajaran.

b. Menyusun pembagian tugas guru dan jadwal pelajaran.

c. Bertanggung jawab terhadap kelancaran kegiatan belajar mengajar.

d. Melaksanakan supervisi administrasi akademik dan non akademik.

e. Membuat jurnal kelas dan mengadministrasikan.

f. Menerapkan kriteria persyaratan kenaikan kelas, ketamatan, dan

kelulusan siswa.

g. Mengatur jadwal penerimaan buku laporan pendidikan.

h. Mengkoordinasikan dan mengarahkan penyusunan satuan pelajaran.

i. Menyusun laporan pelaksanaan pelajaran.

j. Meneliti absensi guru dan menindaklanjuti.

k. Merencanakan pengelompokan siswa/kelas.

l. Mengelola indek prestasi.

m. Mengetola nilai ulangan harian, tengah semester, dan akhir semester.

Page 21: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

9

n. Menyusun program remidi dan pengayaan.

o. Mengelola nilai rapor.

p. Mengadakan pengadaan buku siswa.

q. Mengatur pemanfaatan lingkungan bagi sumber belajar.

r. Mengatur dan melaksanakan MGMPS.

s. Merencanakan dan menyelenggarakan kegiatan pendalaman materi.

t. Memanggil siswa yang prestasi akademiknya memerlukan perhatian.

u. Mengundang orang tua dalam hubungan dengan prestasi akademik siswa

yang bersangkutan untuk konsultasi.

v. Mengkoordinasikan kegiatan laboratorium, perpustakaan, dan AVA.

w. Memberikan laporan kepada kepala sekolah.

3. Wakil Kepala Sekolah Urusan Kesiswaan dan Ektra Kurikuler

a. Menyusun program pembinaan kesiswaan (OSIS).

b. Melaksanakan bimbingan, pengarahan, dan pengendalian kegiatan

siswa/OSIS dalam rangka menegakkan disiplin dan tata tertib sekolah

serta pemilihan OSIS.

Page 22: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

10

c. Membimbing siswa untuk belajar dengan baik dan berpartisipasi dalam

kegiatan OSIS.

d. Membina pengurus OSIS dalam berorganisasi.

e. Menyusun program dan jadwal pembinaan siswa secara berkala dan

insidental (life skill).

f. Membina dan melaksanakan koordinasi 7 K (Keamanan, Kebersihan,

Ketertiban, Kerindangan, Keindahan, Kekeluargaan, Kesehatan).

g. Melaksanakan pemilihan calon siswa teladan.

h. Mengadakan pemilihan siswa untuk mewakili sekolah dalam kegiatan di

luar sekolah.

i. Menyusun dan melaksanakan lomba akademis dan non akademis.

j. Melaksanakan kegiatan bea siswa dan asuransi.

k. Menyusun Peringatan Hari Besar Nasional (PHBN) dan Peringatan Hari

Besar Agama (PHBA).

l. Mengatur mutasi siswa.

m. Menyusun laporan pelaksanaan kegiatan kesiswaan secara berkala.

n. Membantu kepala sekolah merencanakan penerimaan siswa baru.

o. Menyelenggarakan Masa Orientasi Siswa (MOS).

p. Mengkoordinasikan kegiatan ekstra kurikuler.

Page 23: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

11

q. Meneliti absensi siswa serta mengambil langkah-langkah sebagai

implementasi absensi siswa.

r. Menyelenggarakan acara class meeting.

s. Mengkoordinasikan kegiatan UKS.

t. Mengkoordinasikan kegiatan BP/BK.

u. Menyusun administrasi kesiswaan.

v. Memberikan laporan kepada kepala sekolah.

4. Wakil Kepala Sekolah Urusan Sarana Prasarana

a. Merencanakan kebutuhan sarana dan prasarana untuk menunjang proses

belajar dan mengajar.

b. Merencanakan program pengadaannya.

c. Mengatur pemanfaatan sarana dan prasarana.

d. Mengelola perawatan dan perbaikan sarana dan prasarana.

e. Mengatur pembukuan sarana dan prasarana.

f. Mengatur kegiatan bagian kerumahtanggaan sekolah.

g. Mengkoordinir tugas dan tanggung jawab satpam sekolah, serta bagian

kebersihan sekolah.

Page 24: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

12

h. Mengkoordinasikan penyediaan sarana laboratorium.

i. Mengelola perawatan taman sekolah.

j. Melaksanakan inventarisasi sarana-prasarana dan dilaporkan setiap 3

bulan.

k. Memberikan laporan kepada kepala sekolah.

5. Wakil Kepala Sekolah Urusan Hubungan Masyarakat

a. Merencanakan kebutuhan kehumasan untuk menunjang proses kegiatan

belajar mengajar.

b. Mengatur dan menyelenggarakan hubungan sekolah dengan orang

tua/wali murid.

c. Membina hubungan baik antara sekolah dengan masyarakat sekitar

sekolah.

d. Membina pengembangan hubungan antara sekolah dengan lembaga

Pemerintah, dunia usaha dan lembaga lainnya.

e. Memberikan konsultasi dengan dunia usaha.

f. Menyelenggarakan bakti sosial dan karya wisata.

g. Menyelenggarakan pameran hasil pendidikan di sekolah/gebyar

pendidikan.

Page 25: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

13

h. Membina hubungan baik dengan komite sekolah dalam upaya

memajukan sekolah

i. Menyusun laporan pelaksanaan hubungan masyarakat secara berkala.

6. Guru

Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas

melaksanakan proses belajar mengajar dengan menggunakan pendekatan

Contexual Teaching and Learning (CTL) dengan pola Pembelajaran Aktif,

Kreatif, Efektif, dan Menyenangkan (PAKEM).

2.4 Visi dan Misi

Visi dari SMA Negeri 1 Waru adalah Unggul dalam prestasi dan berakar pada

religi serta nilai-nilai budaya bangsa

Misi dari SMA Negeri 1 Waru adalah :

1. Menumbuhkan lulusan Yang Berperilaku Positif, Berbudi Pekerti Luhur,

Berakhlak Mulia Dengan Dasar Ketakwaan Terhadap Tuhan YanMaha Esa.

2. Menumbuhkan Lulusan Yang Bersikap Terbuka, Positif, Dan Tanggap terhadap

Kemajuan Ilmu Pengetahuan Dan Teknologi.

Page 26: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

14

3. Mnghasilkan Lulusan Yang Matang Dalam Berpikir Dan Matang Dalam

Emosional.

4. Menghasilkan Lulusan Yang Mampu Bersaing Untuk Memasuki Jenjang

Pendidikan Lebih Tinggi Dan Dunia Kerja.

2.5 Prestasi

SMA Negeri 1 Waru yang terakreditasi "A" dan termasuk Sekolah Standar

Nasional (SSN) telah banyak menghasilkan siswa berprestasi di berbagai bidang.

Selain itu juga menorehkan bebagai macam prestasi, diantaranya adalah :

1. Juara I Olimpiade Biologi tingkat kabupaten tahun 2008.

2. Juara II Olimpiade Biologi tingkat kabupaten 2008.

3. Juara IV Olimpiade Biologi tingkat kabupaten 2008.

4. Juara I pemilihan putra-putri Anti Narkoba tahun 2008.

5. Juara III Festival Game Technology dan Animasi Indonesia tahun 2008.

6. Juara Harapan II Menulis Huruf Jepang (Kakitori) tingkat propinsi tahun 2008.

7. Lulus mengikuti Noryokushiken tingkat Internasional level 4 tahun 2008.

Page 27: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

15

BAB III

LANDASAN TEORI

3.1 Diagram Alir Data

3.1.1 Data Flow Diagram

” Data Flow Diagram (DFD) ” sering digunakan untuk menggambarkan

suatu sistem yang telah ada atau baru yang telah dikembangkan secara logika

tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir (H.M.

Jogiyanto, 1989:700).

DFD memiliki 4 simbol :

1. External entity

External entity merupakan sesuatu yang berada di luar sistem yang dapat

berupa organisasi, orang, bagian lain ataupun sistem lain yang berada di luar

lingkungan luar yang memberikan pengaruh berupa input atau menerima

output dari sistem, seperti pada gambar 3.1.

Entt_1

Gambar 3.1 Simbol External Entity

Page 28: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

16

1. Process

Dalam simbol tersebut akan dituliskan process yang transformasi aliran data

yang keluar. Satu process memiliki satu atau lebih input data yang

menghasilkan satu lebih output data.

0

Prcs_2

Gambar 3.2 Simbol Process

2. Data Flow

Data Flow atau aliran data disimbolkan dengan tanda anak panah dan garisnya

diberi nama aliran data yang bersangkutan seperti pada gambar 3.3 Aliran data

yang dimaksud adalah aliran data yang masuk maupun yang keluar dari

system.

Flow_3

Gambar 3.3 Simbol Data Flow

Page 29: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

17

3. Data store

Dalam data store ini dilakukan proses penyimpanan data. Proses ini dapat

memasukkan data ke dalam file atau mengambil data dari file. Simpanan file

ini berupa disk, hardisk dan lain – lain.

1 Stor_5

Gambar 3.4 Simbol Data Store

3.2.2 Entity Relationship Diagram

Proses reverse engineering terhadap suatu basis data menjadi suatu

kebutuhan bagi perancang basis data untuk mengetahui struktur dari sebuah basis

data. Struktur tersebut biasanya dimodelkan dalam bentuk Entity Relationship

Diagram (ERD).

ERD dibagi menjadi 2 macam yaitu : Conceptual Data Model (CDM), dan

Physical Data Model (PDM). Simbol – simbol yang sering digunakan adalah :

1. Entity

Entity merupakan sesuatu yang mudah diidentifikasikan.Sebuah entity bisa

berupa obyek, tempat, orang, konsep, atau aktifitas. Entity dinyatakan dalam

simbol persegi panjang.

Page 30: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

18

Gambar 3.5 Simbol Entity

2. Atribut

Atribut merupakan penjelasan – penjelasan dari entity yang membedakan

entity satu dengan yang lain. Sebuah atribut juga merupakan sifat – sifat dari

sebuah entity. Atribut dinyatakan dalam simbol eliips.

Gambar 3.6 Simbol Atribut

3. Relationship

Relationship adalah penghubung antara suatu entity yang lain dan merupakan

bagian yang sangat penting di dalam mendesain database.Ada tiga tipe

relationship yang dikenal yaitu :

a. One-to-One Relationship

Jenis hubungan antar tabel yang menggunakan secara bersama sebuah kolom

primary key. Jenis hubungan ini tergolong jarang digunakan, kecuali untuk

alasan keamanan atau kecepatan akses data.

Page 31: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

19

b. One-to-Many Relationship

Jenis hubungan antar tabel dimana satu record pada satu tabel terhubung

dengan beberapa record pada tabel lain.

c. Many-to-Many

Jenis hubungan antar tabel dimana beberapa record pada satu tabel terhubung

dengan beberapa record pada tabel lain.

d. Many-to-One Relationsip

Jenis hubungan antar tabel dimana beberapa record pada satu tabel terhubung

dengan satu record pada tabel lain.

Menurut Zutanita (2004:99), relasi anta rentitas dapat digambarkan melalui

salah satu dari pelihan di bawah ini :

Jenis relasi Simbol yang digunakan

1-ke-1

1-ke-n

n-ke-1

n-ke-n

Gambar 3.7 Simbol relasi antar entitas

One to One

One to Many

Many to One

Many to Many

Page 32: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

20

4. Kunci relasi

Kunci relasi atau key hádala statu properti yang menentukan apakah statu

kolom pada table Sangay penting atau tidak. Berdasarkan macamnya, kunci

relasi terdiri dari :

a Kunci kandidat

Yaitu satu atau gabungan minimal atribut yang bersifat unik yang dapat

digunakan untuk mengidentifikasi setiap record dalam relasi.

b. Kunci primer

Yaitu bagian atau salah satu dari kunci kandidat yang digunakan sebagai

kunci utama untuk membedakan setiap record dalam relasi. Kunci primer

biasa disebut sebagai primary key.

c. Kunci penghubung

Kunci penghubung atau foreign key yaitu satu atau gabungan sembarang

atribut yang menjadi kunci utama dalam relasi lain yang mempunyai

hubungan secara logik. Kunci penghubung dan kunci utama harus memiliki

tipe dan ukuran data yang sama.

d. Kunci alternatif

Yaitu bagian dari kunci kandidat yang tidak digunakan sbagai kunci utama.

Page 33: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

21

3.2 Desain Web

3.2.1 Website

Website adalah kumpulan dari halaman-halaman situs, yang biasanya

terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di

dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah

dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang

hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan

informasi dari server website untuk ditampilkan kepada para pemakai melalui web

browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah

jaringan informasi yang sangat besar.

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang

biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi

sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut

mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan

bagaimana arus informasi ini berjalan.

Beberapa website membutuhkan subskripsi (data masukan) agar para user

bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada

beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan

subkripsi agar kita bisa mengakses situs tersebut. Layanan hosting internet adalah

jasa layanan internet yang menyediakan sumber daya untuk disewakan sehingga

Page 34: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

22

memungkinkan organisasi atau individu menempatkan informasi di internet

berupa HTTP, FTP, EMAIL, atau DNS

3.2.2 Web Server

Web Server adalah sebuah perangkat lunak server yang berfungsi

menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser

web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web

yang umumnya berbentuk dokumen HTML. Server web yang terkenal

diantaranya adalah Apache dan Microsoft Internet Information Service (IIS).

Apache merupakan server web antar-platform, sedangkan IIS hanya dapat

beroperasi di sistem operasi Windows.

Server HTTP Apache atau Server Web/WWW Apache adalah server web

yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft

Windows dan Novell Netware serta platform lainnya) yang berguna untuk

melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani

fasilitas web/www ini menggunakan HTTP.

Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat

dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung

oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan

penanganan server menjadi mudah.

Page 35: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

23

3.2.3 Content Management System

Content Management System (CMS), adalah perangkat lunak yang

memungkinkan seseorang untuk menambahkan dan/atau memanipulasi

(mengubah) isi dari suatu situs Web. Umumnya, sebuah CMS (Content

Management System) terdiri dari dua elemen:

1. Aplikasi manajemen isi (Content Management Aplication) .

2. Aplikasi pengiriman isi (Content Delivery Application).

Elemen CMA memperbolehkan si manajer isi -yang mungkin tidak

memiliki pengetahuan mengenai HTML (HyperText Markup Language), untuk

memenej pembuatan, modifikasi, dan penghapusan isi dari suatu situs Web tanpa

perlu memiliki keahlian sebagai seorang Webmaster. Elemen CDA menggunakan

dan menghimpun informasi-informasi yang sebelumnya telah ditambah, dikurangi

atau diubah oleh si empunya situs web untuk meng-update atau memperbaharui

situs Web tersebut. Kemampuan atau fitur dari sebuah sistem CMS berbeda-beda,

walaupun begitu, kebanyakan dari software ini memiliki fitur publikasi berbasis

Web, manajemen format, kontrol revisi, pembuatan index, pencarian, dan

pengarsipan.

Berikut ini adalah pemanfaatan CMS:

1. Website perusahaan, bisnis, organisasi atau komunitas.

2. Portal

3. Galeri foto

Page 36: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

24

4. Aplikasi E-Commerce.

5. Mengelola website pribadi / blog.

6. Dan lain-lain.

3.2.4 Joomla

Joomla adalah Content management System yang bebas dan terbuka (free

open source) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di

internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur

Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS,

blogs, polling, dll. Joomla menggunakan lisensi GPL. Secara garis besar dan

gamblang, Joomla! terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip

PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan

Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri

dari kode program dalam bahasa PHP dan basisdata merupakan tempat

penyimpanan konten. Joomla menggunakan Apache sebagai server web dan

MySQL untuk basis datanya.

Pertamakali, pengguna meminta akses terhadap halaman Joomla dengan

mengeksekusi URL pada browser web yang kemudian terhubung dengan server

web. Permintaan ini yang dalam istilah teknis lebih dikenal dengan query string

selain terdapat URL juga mengandung parameter konten (section, category, ID

article dan lain-lain). Berdasarkan parameter tersebut, sistem skrip Joomla

melakukan kontak dengan basisdata dan mengambil konten yang dimaksud

Page 37: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

25

berdasarkan parameternya. Terakhir, konten dan templat (template) digabung

bersama dan kembali sebagai halaman html, gambar, css dan javascript.

Paket Joomla terdiri dari beberapa bagian yang terpisah dan termodul yang

sangat fleksibel, dapat dengan mudah dikembangkan dan diintegrasikan. Sebagai

contoh "plugins" WikiBot yang memperbolehkan penulis di Joomla menggunakan

"Wikitags" pada bagian artikel yang fungsinya secara otomatis membuat pranala

dinamis ke artikel Wikipedia pada saat ditampilkan. Ada lebih tersedia 1,700

"plugins" yang secara resmi didelegasikan oleh OpenSourceMatters tersedia di

http://extensions.joomla.org/ dan saat ini secara resmi dipindahkan ke

http://joomlacode.org dengan dukungan server yang lebih lengkap.

3.2.5 File Transfer Protocol

FTP (singkatan dari File Transfer Protocol) adalah sebuah protokol internet

yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk

pentransferan berkas (file) komputer antar mesin-mesin dalam sebuah

internetwork.

FTP merupakan salah satu protokol Internet yang paling awal

dikembangkan, dan masih digunakan hingga saat ini untuk melakukan

pengunduhan (download) dan penggugahan (upload) berkas-berkas komputer

antara klien FTP dan server FTP. Sebuah Klien FTP merupakan aplikasi yang

dapat mengeluarkan perintah-perintah FTP ke sebuah server FTP, sementara

server FTP adalah sebuah Windows Service atau daemon yang berjalan di atas

Page 38: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

26

sebuah komputer yang merespons perintah-perintah dari sebuah klien FTP.

Perintah-perintah FTP dapat digunakan untuk mengubah direktori, mengubah

modus transfer antara biner dan ASCII, menggugah berkas komputer ke server

FTP, serta mengunduh berkas dari server FTP.

FTP hanya menggunakan metode autentikasi standar, yakni menggunakan

username dan password yang dikirim dalam bentuk tidak terenkripsi. Pengguna

terdaftar dapat menggunakan username dan password-nya untuk mengakses, men-

download, dan meng-upload berkas-berkas yang ia kehendaki. Umumnya, para

pengguna terdaftar memiliki akses penuh terhadap beberapa direktori, sehingga

mereka dapat membuat berkas, membuat direktori, dan bahkan menghapus

berkas. Pengguna yang belum terdaftar dapat juga menggunakan metode

anonymous login, yakni dengan menggunakan nama pengguna anonymous dan

password yang diisi dengan menggunakan alamat e-mail.

Page 39: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

27

BAB IV

ANALISA DAN DESAIN SISTEM

4.1 Context Diagram Website SMAN 1 Waru

Berita dan Art ikel

Ev ent

Galeri Foto

Is i Artikel

Daf tar Member

Kirim Pesan

Art ikel Dari User

Data Ev ent

Upload Foto

Conf irmasi Data Member

Buat Ev ent

Upload Artikel

0

Website SMA Negeri 1 Waru

+

Adm inist rator

Pengunjung

Gambar 4.1 Context Diagram website SMAN 1 Waru

Page 40: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

28

4.2 Data Diagram Level 0

4.2.1 Data Flow Diagram Level 0 Proses Pendaftaran Member

Conf irmasi Data Member

Data Member

Data Member

1

Pendaf taran Member

Pengunjung Adm inist rator

1 Member

Gambar 4.2 DFD Level 0 Proses Pendaftaran Member

4.2.2 Data Flow Diagram Level 0 Proses Upload Artikel

Art ikel Dari User

Upload Artikel

Is i Artikel

Berita dan Art ikel

Art ikel dan Berita

2

Upload Artikel

2 Art ikel

Pengunjung Adm inist rator

Gambar 4.3 DFD Level 0 Proses Upload Artikel

Page 41: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

29

4.2.3 Data Flow Diagram Level 0 Proses Create Event

Daf tar Ev ent

Data Ev ent

Buat Ev ent

Ev ent

3

Create Ev ent

Pengunjung

Adm inist rator

3 Ev ent

Gambar 4.4 DFD Level 0 Proses Create Event

4.2.4 Data Flow Diagram Level 0 Proses Visitor Counter

Jumlah Pengunjung

Data Pengunjung

4

Visitor Counter

4 Pengunjung

Adm inist rator

Gambar 4.5 DFD Level 0 Proses Visitor Counter

Page 42: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

30

4.2.5 Data Flow Diagram Level 0 Proses Upload Foto

Galeri Foto

Upload Foto

Data Foto

5

Upload Foto

Adm inist rator Pengujnung

5 Foto

Gambar 4.6 DFD Level 0 Proses Upload Foto

4.2.6 Data Flow Diagram Level 0 Proses Tarima Pesan

Kirim Pesan

Data Pesan

6

Terima Pesan

Pengunjung

6 Pesan

Gambar 4.7 DFD Level 0 Proses Terima Pesan

Page 43: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

31

4.3 Conceptual Data Model

Mengupload

Menjadwalkan

Mengirim

Membaca

Publish

Menulis

Mengikuti

User

IP User

Brow ser

User_Name

Email

Event

ID Event

Nama_Event

Tanggal

Keterangan

Artikel

No A rtikel

Penulis

Judul

Stetus

Foto

ID Foto

Judul_Foto

Uploader

Pesan

ID Pesan

Pengirim

Subject

Keterangan

Administrator

ID Admin

User_Name

Priv ilage

Gambar 4.8 Conceptual Data Model (CDM)

Page 44: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

32

4.4 PDM

ID_ADMIN = ID_ADMIN

ID_ADMIN = ID_ADMIN

ID_ADMIN = ID_ADMIN

ID_ADMIN = ID_ADMIN

IP_USER = IP_USER

IP_USER = IP_USER

USER

IP_USER varchar

BROWSER varchar

USER_NAME varchar

EMAIL varchar

EVENT

ID_EVENT varchar

IP_USER varchar

ID_ADMIN varchar

NAMA_EVENT varchar

TANGGAL date

KETERANGAN varchar

ARTIKEL

NO_ARTIKEL numeric

IP_USER varchar

ID_ADMIN varchar

PENULIS varchar

JUDUL varchar

STATUS varchar

FOTO

ID_FOTO varchar

ID_ADMIN varchar

JUDUL_FOTO varchar

UPLOADER varchar

PESAN

ID_PESAN varchar

ID_ADMIN varchar

PENGIRIM varchar

SUBJECT varchar

KETERANGAN varchar

ADMINISTRATOR

ID_ADMIN varchar

USER_NAME varchar

PRIV ILAGE varchar

Gambar 4.9 Physical Data Model (PDM)

Page 45: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

33

4.5 Struktur Tabel

Struktur tabel digunakan untuk menggambarkan secara detail tentang tabel-

tabel yang tercdapat dalam sebuah sistem.

A. Tabel User

Primary Key : ID_User

Foreign Key : -

Fungsi : Menyimpan data user

Tabel 4.1 User

No Field Name Type Length Constraint Description

1 ID_User Varchar 5 PK No.ID User

2 Browser Varchar 50 Nama Browser

3 User Name Varchar 50 Nama User

4 Email Varchar 50 Email User

B. Tabel Event

Primary Key : ID_Event

Foreign Key : -

Fungsi : Menyimpan data event

Tabel 4.2 Event

No Field Name Type Length Constraint Description

1 ID_Event Varchar 5 PK ID Event

2 Tanggal Date Tanggal Event

3 Nama Event Varchar Nama Event

4 Keterangan Varchar Keterangan Evant

Page 46: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

34

C. Tabel Artikel

Primary Key : No_Artikel

Foreign Key : -

Fungsi : Menyimpan data Artikel

Tabel 4.3 Artikel

No Field Name Type Length Constraint Description

1 No_Artikel Varchar 5 PK No Artikel

2 Penulis Varchar Penulis artikel

3 Judul Varchar Judul artikel

4 Status Varchar Status artikel

D. Tabel Foto

Primary Key : ID_Foto

Foreign Key : -

Fungsi : Menyimpan data foto

Tabel 4.4 Foto

No Field Name Type Length Constraint Description

1 ID_Foto Varchar 5 PK ID foto

2 Judul Foto Varchar Judul foto

3 Uploade Varchar Uploader

Page 47: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

35

E. Tabel Pesan

Primary Key : ID_Pesan

Foreign Key : -

Fungsi : Menyimpan data pesan

Tabel 4.5 Pesan

No Field Name Type Length Constraint Description

1 ID_Pesan Varchar 5 PK ID pesan

2 Pengirim Varchar Pengirim pesan

3 Subject Varchar Subject pesan

4 Ketarangan Varchar Keterangan pesan

F. Tabel Administrator

Primary Key : ID_Administrator

Freign Key : -

Funsi : Menyimpan data Administrator

Tabel 4.6 Administrator

No Field Name Type Length Constraint Description

1 ID_Admin Varchar 5 PK ID admin

2 User Name Varchar User name admin

3 Privilage Varchar Privilage admin

Page 48: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

36

4.6 Tampilan Website

Tampilan Website merupakan sarana bagi user untuk berinteraksi dengan sistem.

Tampilan Website digunakan oleh user untuk memasukkan input dan menerima

output deri sistem.

4.6.1 Halaman Home

Gambar 4.10 Tampilan halaman Home SMAN 1 Waru

Di halaman home seperti pada gambar 4.10 pengunjung bisa melihat yang

pertama adalah banner atau header dengan latar belakang foto depan SMAN 1

Page 49: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

37

Waru, kemudian pada bagian kiri terdapat tampilan semua menu yang ada pada

website SMAN 1 Waru.

4.6.2 Form Pendaftaran

Gambar 4.11 Tampilan halaman Form Pendaftaran User

Form perdaftaran digunakan untuk mendapatkan hak akses untuk mengisi

atau mengirim artikel, foto, dan sebagainya dengan tujuan agar siswa siswi

SMAN 1 Waru dapat lebih berpartisipasi. Setelah form diisi dan data dikirim,

Page 50: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

38

maka data akan masuk ke administrator dan selanjutnya administrator mempunyai

hak penuh untuk memberikan hak akses atau menolak permintaan registrasi user.

User yang lebih diutamakan adalah siswa-siswi aktif SMAN 1 Waru atau alumni

SMAN 1 Waru.

4.6.3 Halaman Profil Sekolah

Gambar 4.12 Tampilan halaman Profil Sekolah

Page 51: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

39

Pada halaman ini user dihadapkan pada profil SMAN 1 Waru, sejarah

berdiri hingga pergantian kepala sekolah dan deskripsi mengenai keadaan sekolah

dari pertama kali berdiri hingga sekarang. SMAN 1 Waru mengalami beberapa

beberapa kali pembangunan seperti pembangunan laboraturium komputer,

laboraturium IPA, ruang Audio Visual, ruang kelas baru hingga lapangan basket

dan lapangan futsal.

4.6.4 Halaman Visi dan Misi

Gambar 4.13 Tampilan halaman Visi dan Misi

Page 52: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

40

Halaman visi dan misi merupakan halaman yang static atau tidak akan

berubah karena sebuah visi dan misi adalah suatu tolak ukur SMAN 1 Waru akan

melangkah, visi dan misi dijadikan pedoman untuk membentuk sebuah sekolah

agar bisa bersaing dalam ketatnya dunia pendidikan.

4.6.5 Halaman Artikel dan Berita

Halaman ini merupakan inti dari website, berbagai artikel maupun berita

baik tentang SMAN 1 Waru maupun tentang berita yang menjadi hot topik pada

waktu ini. Artikel dan berita disini bukan hanya artikel dari administrator tetapi

juga dari user yang sudah terdaftar

Gambar 4.14 Tampilan halaman Artikel dan Berita

Page 53: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

41

4.6.6 Halaman Ekstra Kurikuler

Ekstra Kurikuler adalah kegiatan yang diadakan oleh sekolah. OSIS adalah

organisasi yang mengatur urusan ekstra kurikuler di sekolah. Dalam website,

ekstra kurikuler ditempatkan dalam suatu menu yang terdiri dari berbagai macam

kegiatan.

Gambar 4.15 Tampilan halama Ekstra Kurikuler

Page 54: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

42

4.6.7 Halaman Event

Dalam menu ini terdapat semacam gambar kalender dan di setiap tanggal

terdapat peringatan apabila ada suatu event yang akan diikuti atau diadakan oleh

pihak sekolah SMAN 1 Waru, semua event dibuat oleh administrator dan telah

disetujui oleh pihak sekolah. Dari kalender tersebut siswa dapat mengetahui event

apa saja yang akan diikuti oleh sekolah dan apabila siswa ingin berpartisipasi

maka website akan selalu mengupdate semua kegiatan yang diadakan sekolah

sehingga siswa tidak ketinggalan informasi.

Gambar 4.16 Tampilan halaman Event

Page 55: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

43

4.6.8 Halaman Search

Fitur Search banyak digunakan oleh sebuah website untuk mencari sesuatu

yang diinginkan oleh pengunjung, misalnya artikel atau gambar yang ada pada

website maupun yang ada di internet atau jika dispesifikasikan akan dicari dalam

mesin pencari google.

Gambar 4.17 Tampilan halaman Search

Page 56: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

44

4.6.9 Kontak Kami

Halaman Kontak Kami merupakan halaman yang bisa mengirim pesan

kepada administrator, baik yang berhubungan dengan website atau berhubungan

dengan sekolah. Pesan dilengkapi dengan fitur captcha agar terhindar dari spam.

Gambar 4.18 Tampilan halaman Kontak Kami

Page 57: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

45

BAB V

PENUTUP

5.1 Kesimpulan

Dari hasil proses perancangan dan pembuatan website ini didapat

beberapa kesimpulan dari system sebagai berikut ini :

1. Website ini menggunakan Content Management System (CMS) yang dapat

diubah baik oleh administrator atau user yang telah diberi hak akses.

2. Website dapat di-maintenance oleh administrator atau user yang mempunyai

hak akses lebih yang diberikan oleh administrator.

5.2 Saran

Saran – saran untuk pengembangan website ini berupa :

1. Website ini dapat dikembangkan dengan desain input output yang lebih

mudah digunakan atau dipahami agar dapat digunakan oleh siswa atau

masyarakat secara umum.

2. Website ini dapat dikembangkan lebih lanjut dengan memanfaatkan teknologi

WAP agar lebih mobile dalam penggunaanya.

Page 58: LAPORAN KERJA PRAKTEK - repository.dinamika.ac.idrepository.dinamika.ac.id/id/eprint/4831/1/... · Atas segala bimbingan dan . bantuannya, penulis mengucapkan terima kasih kepada

46

DAFTAR PUSTAKA

Hartono, Jogianto M., 1995, Analisa dan Desain Sistem Informasi, Andi,

Yogyakarta.

Kendall, Kenneth E. dan Julie E. Kendall, 2003, Analisa dan Perancangan

Sistem, Jilid I, Edisi Kelima, Edisi Bahasa Indonesia, PT. Prenhallindo,

Jakarta.

Sutanta, Edhy, 2004, Sistem Basis Data, Graha Ilmu Yogyakarta.