KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: DIAH...

RANCANG BANGUN APLIKASI COMPANY PROFILE PADA

SMPN 01 SUNGAI TABUK BERBASIS WEB KAB.

BANJARMASIN

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh:

DIAH EKYANA ETIKASARI

15410100084

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA SURABAYA

2019

RANCANG BANGUN APLIKASI COMPANY PROFILE PADA SMPN 01

SUNGAI TABUK BERBASIS WEB KAB. BANJARMASIN

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana

Disusun Oleh :

Nama : DIAH EKYANA ETIKASRI

NIM : 15410100084

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA SURABAYA

2019

“You Cannot Have

a Rainbow

Without Having

a Rain”

“ Ku Persembahkan Untuk Orang Tua, Kerabat, Dan Sahabat-Sahabat”

vii

ABSTRAK

Saat ini perkembangan teknologi sedah semakin pesat, teknologi tidak

hanya digunakan untuk mendukung aktivitas bisnis agar lebih produktif, namun

pemanfaatan teknologi saat ini lebih dikembangkan untuk penyebarluasan

informasi agar wilayah penyebarluasan menjadi lebih luas. Salahsatunya website

company profile, dimana website tidak hanya digunakan untuk menyebarluaskan

infromasi, namun juga digunakan untuk membangun citra perusahaan / organisasi.

Bahkan saat ini website company profile tidak hanya digunakan untuk perusahaan

/ organisasi, namun juga mulai merambah ke dunia pendidikan.

SMPN 01 Sungai Tabuk yaitu sekolah negeri yang berada di Jl. SMPN 27,

Gudang Hirang, Sungai Tabuk Banjar, Kalimantan Selatan. SMPN 01 Sungai

Tabuk saat ini mengalami kesulitan dalam menyebarluaskan informasi, sumber

daya manusia yang terbatas ditambah dengan waktu yang juga terbatas membuat

SMPN 01 Sungai Tabuk mengalami kesulitan, salahsatunya dalam

menyebarluaskan informasi terkait pengumuman pendaftaran siswa baru. Sehingga

pihak sekolah harus menginformasikan hal tersebut melalui undangan yang disebar

ke sekolah dasar.

Solusi yang ditawarkan adalah merancang dan membangun aplikasi

company profile pada SMPN 01 Sungai Tabuk berbasis web Kabupaten

Banjarmasin, yang meliputi company profile, Blog, Event, Galery, dan Contact

sekolah.

Kata Kunci : Company Profile, Website, SMPN 01 Sungai Tabuk

viii

KATA PENGANTAR

Puji syukur kehadirat Allah SWT, karena berkat dan rahmat penulis dapat

menyelesaikan Laporan Kerja Praktik yang berjudul “Rancang Bangun Aplikasi

Company Profile Pada SMPN 01 Sungai Tabuk Berbasis Web Kab. Banjarmasin”

ini dapat diselesaikan.

Laporan Kerja Praktik ini disusun dalam rangka penulisan laporan untuk

lulus mata kuliah Kerja Praktik pada Program Studi S1 Sistem Informasi

Universitas Dinamika.

Melalui kesempatan yang sangat berharga ini Penulis menyampaikan

ucapan terima kasih yang sebesar-besarnya kepada semua pihak yang telah

membantu penyelesaian Laporan Kerja Praktik ini, terutama kepada yang

terhormat:

1. Bapak Syamsuri S.Pd selaku Kepala Sekolah di SMPN 01 Sungai Tabuk

Banjarmasin yang selalu bersedia meluangkan waktu untuk membimbing

penulis selama proses pelaksanaan kerja praktik.

2. Keluarga besar SMPN 01 Sugai Tabuk Banjarmasin yang telah mengijinkan

penulis untuk melaksanakan Kerja Praktik.

3. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng. selaku Kepala Program Studi S1

Sistem Informasi.

4. Ibu Sulistiowati, S.Si., M.M. selaku dosen pembimbing yang dengan sabar

meluangkan waktu untuk memberikan bimbingan selama proses pembuatan

Laporan Kerja Praktik ini.

5. Kedua orang tua, yang selalu memberikan dukungan dan doa kepada penulis

untuk menyelesaikan Laporan Kerja Praktik ini.

6. Seluruh keluarga, teman dan sahabat yang selalu memberikan dukungan dan

doa sehingga penulis dapat menyelesaikan Laporan Kerja Praktik ini.

7. Teman-teman seperjuangan kerja praktik yang bersama-sama membantu,

memberikan dukungan dan saran dari awal proses pelaksanaan kerja praktik

hingga pembuatan laporan ini.

Semoga Allah SWT memberikan imbalan yang setimpal atas segala

bantuan, bimbingan dan saran yang telah diberikan. Penulis menyadari bahwa

ix

dalam pengerjaan laporan kerja praktik ini masih banyak kekurangan, sehingga

kritik dan saran dari semua sangatlah diharapkan agar aplikasi dapat lebih baik lagi

dikemudian hari. Semoga laporan kerja praktik ini dapat bermanfaat bagi semua

pihak.

Surabaya, 2019

Penulis

x

DAFTAR ISI

Halaman

ABSTRAK ............................................................................................................ vii

KATA PENGANTAR ......................................................................................... viii

DAFTAR ISI ........................................................................................................... x

DAFTAR TABEL ................................................................................................ xiii

DAFTAR GAMBAR ........................................................................................... xiv

DAFTAR LAMPIRAN ........................................................................................ xvi

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

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

1.2 Rumusan Masalah ........................................................................... 2

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

1.4 Tujuan Penelitian ............................................................................. 2

1.5 Manfaat Penelitian ........................................................................... 2

1.6 Sistematika Penulisan ...................................................................... 3

BAB II GAMBARAN UMUM PERUSAHAAN ................................................ 5

2.1 Profil SMPN 1 Sungai Tabuk Banjarmasin..................................... 5

2.2 Lokasi SMPN 1 Sungai Tabuk ........................................................ 6

2.3 Visi SMPN 1 Sungai Tabuk ............................................................ 6

2.4 Misi SMPN 1 Sungai Tabuk............................................................ 6

2.5 Tujuan SMA Muhammadiyah 1 Taman Sidoarjo ........................... 7

2.6 Struktur Organisasi SMP NEGERI 1 SUNGAI TABUK ............. 10

BAB III LANDASAN TEORI ............................................................................ 11

3.1 Aplikasi.......................................................................................... 11

3.2 Website .......................................................................................... 12

3.3 Company Profile ............................................................................ 12

xi

Halaman

3.4 Sistem ............................................................................................ 13

3.5 Informasi........................................................................................ 13

3.6 Bahasa Pemograman ..................................................................... 13

3.7 Java Scrip ...................................................................................... 14

3.8 MySQL .......................................................................................... 14

3.9 Hypertext Preprocessor (PHP) ...................................................... 15

3.10 Cascading Style Sheet (CSS) ........................................................ 16

3.11 System Flow .................................................................................. 17

3.12 Data Flow Diagram (DFD) .......................................................... 19

3.13 Conceptual Data Model (CDM) ................................................... 20

3.14 Physical Data Model (PDM) ........................................................ 20

BAB IV DESKRIPSI PEKERJAAN .................................................................. 21

4.1 Identifikasi Masalah ...................................................................... 21

4.2 Perancangan Sistem ....................................................................... 21

4.2.1 System Flow ......................................................................... 22

4.2.2 Context Diagram .................................................................. 35

4.2.3 Document Flow Diagram (DFD) ......................................... 35

4.2.4 Conceptual Data Model (CDM) .......................................... 38

4.2.5 Physical Data Model (PDM) ................................................ 39

4.2.6 Struktur Tabel ...................................................................... 40

4.3 Implementasi Aplikasi ................................................................... 47

4.3.1 Halaman Home .................................................................. 48

4.3.2 Halaman Profil ................................................................... 49

4.3.3 Halaman Blog .................................................................... 50

4.3.4 Halaman Galeri ................................................................. 50

xii

Halaman

4.3.5 Halaman Event ................................................................... 51

4.3.6 Halaman Contact ............................................................... 51

4.3.7 Halaman Login Admin ...................................................... 52

4.3.8 Halaman Dashboard Admin .............................................. 53

4.3.9 Halaman Kelola Blog ......................................................... 54

4.3.10 Halaman Kelola Event ....................................................... 54

4.3.11 Halaman Kelola Galeri ...................................................... 55

4.3.12 Halaman Kelola Slider ....................................................... 55

4.3.13 Halaman Kelola Testimoni ................................................ 56

4.3.14 Halaman Kelola Subcribers ............................................... 56

4.3.15 Halaman Kelola Kotak Masuk........................................... 57

4.3.16 Halaman Kelola Sosial Media ........................................... 58

4.3.17 Halaman Kelola Administrator .......................................... 58

BAB V PENUTUP ............................................................................................. 59

5.1 Kesimpulan .................................................................................... 59

5.2 Saran .............................................................................................. 59

DAFTAR PUSTAKA ........................................................................................... 60

LAMPIRAN ........................................................... Error! Bookmark not defined.

xiii

DAFTAR TABEL

Halaman

Tabel 3.1 Simbol-simbol System Flow.................................................................. 18

Tabel 3.2 Simbol-simbol DFD .............................................................................. 19

Tabel 4.1 Tabel Admin ......................................................................................... 41

Tabel 4.2 Tabel Blog ............................................................................................. 41

Tabel 4.3 Tabel Event ........................................................................................... 42

Tabel 4.4 Tabel Galery ......................................................................................... 43

Tabel 4.5 Tabel Subcribers ................................................................................... 44

Tabel 4.6 Tabel Sosial Media ............................................................................... 44

Tabel 4.7 Tabel Slider ........................................................................................... 45

Tabel 4.8 Tabel Kotak masuk ............................................................................... 45

Tabel 4.9 Tabel Testimoni .................................................................................... 46

Tabel 4.10 Tabel Index .......................................................................................... 47

xiv

DAFTAR GAMBAR

Halaman

Gambar 2.1 Map Lokasi SMPN Sungai Tabuk Banjarmasin ................................. 6

Gambar 2.2 Struktur Organisasi SMPN 1 Sungai Tabuk Banjarmasin ................ 10

Gambar 3.1 Contoh Kode PHP ............................................................................. 16

Gambar 4.1 System Flow Kelola Profil Sekolah ................................................... 22

Gambar 4.2 System Flow Kelola Blog Sekolah .................................................... 23

Gambar 4.3 System Flow Kelola Event Sekolah ................................................... 24

Gambar 4.4 System Flow Kelola Galeri dan Vidio ............................................... 25

Gambar 4.5 System Flow Kelola Akun Administrasi ........................................... 26

Gambar 4.6 System Flow Kelola Slider Sekolah .................................................. 27

Gambar 4.7 System Flow Kelola Daftar Testimoni .............................................. 28

Gambar 4.8 System Flow Kelola Subcribers ......................................................... 29

Gambar 4.9 System Flow Kelola Kotak Masuk .................................................... 30

Gambar 4.10 System Flow Kelola Sosial Media ................................................... 31

Gambar 4.11 System Flow Kelola Informasi Kontak Sekolah .............................. 32

Gambar 4.12 System Flow Pengunjung ................................................................ 34

Gambar 4.13 Context Diagram ............................................................................. 35

Gambar 4.14 Gambar DFD level 0 Company Profile ........................................... 36

Gambar 4.15 DFD level 1 Manajemen Admin ..................................................... 37

Gambar 4.16 DFD level 2 Web Akses Pengunjung .............................................. 38

Gambar 4.17 CDM ............................................................................................... 39

Gambar 4.18 PDM ............................................................................................... 40

Gambar 4.19 Halaman Home ................................................................................ 48

Gambar 4.20 Halaman Profil ................................................................................ 49

Gambar 4.21 Halaman Blog .................................................................................. 50

Gambar 4.22 Halaman Galery .............................................................................. 50

Gambar 4.23 Halaman Event ................................................................................ 51

Gambar 4.24 Halaman Contact ............................................................................. 52

Gambar 4.25 Halaman Informasi .......................................................................... 52

Gambar 4.26 Halaman Login Admin .................................................................... 53

Gambar 4.27 Halaman Dashboard Admin ........................................................... 53

xv

Halaman

Gambar 4.28 Halaman Kelola Blog Admin .......................................................... 54

Gambar 4.29 Halaman Kelola Event Admin......................................................... 54

Gambar 4.30 Halaman Kelola Galeri Admin ........................................................ 55

Gambar 4.31 Halaman Kelola Slider Admin ........................................................ 55

Gambar 4.32 Halaman Kelola Testimony Admin ................................................. 56

Gambar 4.33 Halaman Kelola Subcribers Admin ................................................ 57

Gambar 4.34 Halaman Kelola Kotak Masuk Admin ............................................ 57

Gambar 4.35 Halaman Kelola Sosial Media Admin ............................................. 58

Gambar 4.36 Halaman Kelola Administrator Admin ........................................... 58

xvi

DAFTAR LAMPIRAN

Halaman

Lampiran 1 Surat Balasan ...................................... Error! Bookmark not defined.

Lampiran 2 Form KP-5 (Halaman 1) ..................... Error! Bookmark not defined.






Lampiran 8 Kartu Bimbingan ................................ Error! Bookmark not defined.

Lampiran 9 Biodata Penulis ................................... Error! Bookmark not defined.

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

SMPN 01 SUNGAI TABUK adalah sebuah lembaga pendidikan yang

berlokasi di Jl. SMPN 27, Gudang Hirang, Sungai Tabuk Banjar, Kalimantan

Selatan. Dalam proses pengembangannya SMPN 01 Sungai Tabuk berusaha

memberikan pelayanan yang terbaik, misalnya dengan adanya fasilitas

laboratorium bahasa, laboratorium komputer, perpustakaan, sampai lapangan

basket maupun futsal. Hal lain yang juga sangat penting dalam pemberian layanan

adalah penyebarluasan informasi secara tepat waktu dan tepat sasaran. Berbagai

informasi disebarkan mulai dari informasi profil sekolah maupun informasi

mengenai pendaftaran siswa baru yang mana saat ini SMPN 01 Sungai Tabuk masih

menggunkan brosur maupun undangan yang disebarkan ke sekolah-sekolah dasar.

Saat ini pemanfaatan teknologi sebagai pendukung penyebarluasan

informasi sudah sangat berkembang, salahsatunya website profil sekolah, website

tidak hanya digunakan untuk menyebarluaskan informasi terkait dengan profil

sekolah maupun informasi terbaru tentang sekolah, namun website profil sekolah

juga dianggap mampu membangun maupun memberikan kesan baik dan

professional bagi sekolah yang memiliki website tersebut.

Berdasarkan peraturan pemerintah no 32 tahun 2013 Standar Sarana dan

Prasarana adalah kriteria mengenai ruang belajar, tempat berolahraga, tempat

beribadah, perpustakaan, laboratoruim, bengkel kerja, tempat bermain, tempat

berkreasi serta sumber belajar lain, yang diperlukan untuk menunjang proses

pembelajaran, termasuk penggunaan teknologi informasi dan komunikasi. Dengan

2

adanya website profil sekolah dapat meningkatkan sarana prasarana sekolah dalam

hal penggunaan teknologi informasi dan komunikasi untuk penyebarluasan

informasi yang terbaru dan tepat waktu.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah di atas, maka dapat dirumuskan

permasalahan yang ada, yaitu bagaimana merancang dan membangun aplikasi

company profile berbasis web pada SMPN 01 SUNGAI TABUK.

1.3 Batasan Masalah

Batasan masalah dalam merancang dan membangun aplikasi company

profile berbasis web pada SMPN 01 SUNGAI TABUK agar tidak menyimpang dari

topik yang diambil adalah sebagai berikut:

1. Studi kasus diambil di SMPN 01 Sungai Tabuk.

2. Database yang digunakan adalah MySQL.

3. Hak akses untuk edit, tambah, dan hapus hanya bisa dilakukan oleh admin

SMPN 1 Sungai Tabuk yang menangani bagian website sekolah.

1.4 Tujuan Penelitian

Tujuan dari penelitian ini adalah menghasilkan website profil sekolah,

yang nantinya dapat digunakan sebagai pendukung untuk menyebarluaskan

informasi terkait dengan sekolah SMPN 01 Sungai Tabuk.

1.5 Manfaat Penelitian

Beberapa manfaat yang dapat dijelaskan dari pembuatan dokumen ini adalah:

1. Memberikan kemudahan kepada pihak sekolah SMPN 01 Sungai Tabuk

dalam hal penyebarluasan informasi.

3

2. Dengan adanya website profil sekolah dapat mendukung dalam membentuk

citra baik bagi sekolah SMPN 01 Sungai Tabuk.

1.6 Sistematika Penulisan

Sistematika yang digunakan dalam penulisan laporan kerja praktik ini

adalah sebagai berikut:

BAB I : PENDAHULUAN

Bab ini menjelaskan mengenai latar belakang masalah,

permasalahan yang ada, batasan masalah, tujuan, manfaat serta

sistematika penulisan yang berisi penjelasan singkat pada masing-

masing bab.

BAB II : GAMBARAN UMUM PERUSAHAAN

Bab ini menjelaskan tentang gambaran umum atau profil, lokasi,

visi misi, tujuan, sarana prasarana, dan struktur organisasi dari

SMPN 1 Sungai Tabuk.

BAB III : LANDASAN TEORI

Bab ini menjelaskan landasan teori yang berisi tentang teori-teori

yang akan digunakan pada web company profile perusahaan

BAB IV : DESKRIPSI PEKERJAAN

Bab ini menjelaskan mengenai hasil dan pembahasan Aplikasi

Company Profile pada SMPN 1 Sungai Tabuk. Hasil dan

pembahasan aplikasi terdiri atas perancangan aplikasi, kebutuhan

aplikasi, dan implementasi input-output.

4

BAB V : PENUTUP

Bab ini menjelaskan tentang kesimpulan dari penggunaan program

aplikasi dan saran untuk pengembangan selanjutnya.

5

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Profil SMPN 1 Sungai Tabuk Banjarmasin

SMPN 1 Sungai Tabuk terletak di Jl. SMPN 27, Gudang Hirang, Sungai

Tabuk Banjar, Kalimantan Selatan 70653. Dengan bangunan yang kokoh dan

sangat luas. Maka SMPN 1 Sungai Tabuk Banjarmasin menjadi andalan bagi

masyarakat sekitar khususnya di daerah Kecamatan Sungai Tabuk. Fasilitas dan

Guru yang berkompeten mampu membawa SMPN 1 Sungai Tabuk Banjarmasin

mendapat berbagai penghargaan Sekolah Menengah Pertama Faforit di Kecamatan

Sungai Tabuk. Bangunan SMPN 1 Sungai Tabuk sekarang ini terus berkembang

dan terus diperbarui. Sehingga membuat SMPN 1 Sungai Tabuk ini terlihat kokoh

dan terkesan Modern.

Letak bangunan berada di pinggir jalan raya besar membuat akses masuk

SMPN 1 Sungai Tabuk Banjarmasin sangat lancar. Di tambah dengan parkiran yang

luas yang mempermudah penjemputan putra dan putri didik di SMPN 1 Sungai

Tabuk Banjarmasin. 368 Siswa dari kelas 7 sampai kelas 9. Angka ini dinilai

fantastis di daerah khususnya di Kecamatan Sungai Tabuk. Dengan siswa sebanyak

itu maka Guru yang di persiapkan juga di atas rata-rata. Sehingga proses belajar

mengajar sangatlah efisien karena di ajar oleh guru yang sudah Profesional di

bidangnya.

6

2.2 Lokasi SMPN 1 Sungai Tabuk

Alamat : Jl. SMPN 27, Gudang Hirang, Sungai Tabuk Banjar, Kalimantan

Selatan 70653

Gambar 2.1 Map Lokasi SMPN Sungai Tabuk Banjarmasin

2.3 Visi SMPN 1 Sungai Tabuk

SMPN 1 Sungai Tabuk bebas dari sampah, lingkungan yang bersih,

rindang dan teduh, serta sejuk. Siswa bebas dari buta baca tulis Al-Qur’an.

Memperoleh NEM yang sangat signifikan dengan nilai input siswa. Semua aparat

sekolah mempunyai kesehatan yang prima dan mempunyai disiplin yang tinggi

serta dapat berkopetensi dalam bidang olah raga baik tingkat kecamatan dan

kabupaten. Semua siswa wajib bertaqwa kepada Allah SWT.

2.4 Misi SMPN 1 Sungai Tabuk

Misi SMPN 1 Sungai Tabuk antara lain:

1. Setiap hari jum’at dilaksanakan senam kesegaran jasmani dan

dilanjutkan dengan gerakan jum’at bersih.

7

2. Setiap kelas mempunyai bak sampah yang penuh dibuang pada tempat

yang ditentukan.

3. Di lingkungan sekolah ditaman tanaman bunga yang membuat

lingkungan menjadi segar dan indah.

4. Semua siswa wajib membaca Al-Qur’an dan siswa kelas VII tamat 10

Zus, kelas VIII 20 Zus, dan kelas IX 30 Zus. Setiap akhir tahun

diadakan khataman Al-Qur’an.

5. Untuk memperoleh NEM yang baik, siswa(i) diberikan jam tambahan,

remedial, dan pengayaan, Try Out dan guru mempersiapan diri dengan

bidang studi masing-masing.

6. Untuk meningkatkan disiplin waktu, guru harus tepat waktu, baik pada

awal maupun akhir pelajaran.

7. Sekolah membuat daftar latihan olahraga secara kontinyu, setiap

menjelang akhir semester selalu diadakan pertandingan olahraga. Hal

ini dilaksanakan untuk bibit olahraga yang berprestasi.

8. Tiap hari dilaksanakan shalat zuhur berjamaah dipimpin oleh seorang

guru SMPN 1 Sungai Tabuk.

2.5 Tujuan SMA Muhammadiyah 1 Taman Sidoarjo

Tujuan SMPN 1 Sungai Tabuk antara lain:

1. Tujuan Jangka Panjang yang ingin dicapai SMP 1 Sungai Tabuk


a. Menghasilkan lulusan yang berprestasi baik akademik maupun non

akademik secara bertahap.

8

b. Memiliki perangkat pembelajaran yang representative untuk kelas

7, 8 dan 9 semua mata pelajaran sesuai dengan kurikulum tingkat

satuan pendidikan (KTSP).

c. Mencapai pendidikan yang bermutu, efisien dan relevan baik

terhadap tuntutan kemajuan teknologi maupun lingkungan.

d. Memiliki sarana dan prasarana pembelajaran yang sesuai standar.

e. Memenuhi pengelolaan pendidikan yang strasparan, akuntabel,

efektif dan partisipatif.

f. Menghasilkan lulusan yang mempunyai pengetahuan yang baik

dalam hal agama maupun ilmu pengetahuan.

g. Menghasilkan lulusan yang mempunyai keimanan dan ketakwaan

yang tinggi.

h. Mencapai predikat sekolah bersih, sehat dan hijau.

2. Tujuan Jangka Pendek yang ingin dicapai SMPN 1 Sungai Tabuk


a. Peningkatan rata-rata nilai ujian nasional sebesar 0,1 setiap bulan.

b. Menjadi juara (Minimal juara III) dalam lomba olimpiade mata

pelajaran, lomba mata pelajaran tingkat kabupaten dalam beberapa

tahun.

c. 80% siswa menguasai keterampilan computer program Microsoft

Ofice.

d. Menjasi juara (Minimal juara III) pada lomba baca puisi tingkat

kabupaten.

9

e. Memiliki perpustakaan, Laboratorium IPA, Laboratorium Bahasa,

dan Laboratorium Komputer yang berjalan sesuai fungsi.

f. TIM sepak bola menjadi semifinalis tingkat kabupaten.

g. Dapat melaksanakan sholat berjamaah terutama sholat zuhur

secara teratur.

h. Memiliki grup mauled yang mampu tampil pada acara sekolah.

i. Regu Pramuka menjadi juara 1 tingkat kecamatan.

j. Memiliki tempat parker siswa dan guru yang baik.

k. Budaya membuang sampah pada tempatnya, gerakan penghijauan.

l. Memiliki 11 ruang kelas dengan kategori baik dan sehat.

10

2.6 Struktur Organisasi SMP NEGERI 1 SUNGAI TABUK

Gambar 2. 2 Struktur Organisasi SMPN 1 Sungai Tabuk Banjarmasin

11

BAB III

LANDASAN TEORI

3.1 Aplikasi

Menurut Nazrudin Safaat H (2012 (Edisi Revisi)) Perangkat lunak aplikasi

adalah suatu subkelas perangkat lunak komputer yang memanfatkan kemampuan

komputer langsung untuk melakukan suatu tugas yang diinginkan pengguna.

Biasanya dibandingkan dengan perangkat lunak sistem yang mengintegrasikan

berbagai kemampuan komputer, tapi tidak secara langsung menerapkan

kemampuan tersebut untuk mengerjakan suatu tugas yang menguntungkan

pengguna. Contoh utama perangkat lunak aplikasi adalah pengolah kata, lembar

kerja, dan pemutar media.

Perangkat lunak aplikasi yaitu perangkat lunak yang digunakan untuk

membantu pemakai komputer untuk melaksanakan pekerjaannya. Jika ingin

mengembangkan program aplikasi sendiri, maka untuk menulis program aplikasi

tersebut, dibutuhkan suatu bahasa pemograman, yaitu language software, yang

dapat berbentuk assembler, compiler maupun interpreter. Jadi language software

merupakan bahasanya dan program yang ditulis merupakan program aplikasinya.

Language software berfungsi agar dapat menulis program dengan bahasa

yang lebih mudah, dan akan menterjemahkan ke dalam bahasa mesin supaya bisa

di mengerti oleh komputer. Bila hendak mengembangkan suatu program aplikasi

untuk memecahkan permasalahan yang besar dan rumit, maka supaya program

aplikasi tersebut dapat berhasil dengan baik, maka dibutuhkan prosedur dan

perencanaan yang baik dalam mengembangkannya.

12

3.2 Website

Website dipahami sebagai sekumpulan halaman yang terdiri dari beberapa

laman yang berisi informasi dalam bentuk digital baik itu teks, gambar, animasi

yang disediakan malalui jalur internet sehingga dapat diakses dari seluruh dunia

yang memiliki koneksi dan memiliki peranan penting dalam mencari informasi.

Pages diakses dan dibaca melalui browser seperti Netscape Navigator, Internet

Explorer, Mozila Firefox, Google Chome dan aplikasi browser lainnya.

Website dapat diartikan suatu kumpulan-kumpulan halaman yang

menampilkan berbagai macam informasi teks, data, gambar diam ataupun bergerak,

data animasi, suara, video maupun gabungan dari semuanya, baik itu yang bersifat

statis maupun dinamis, yang dimana membentuk satu rangkaian bangunan yang

saling berkaitan dimana masing-masing dihubungkan dengan jaringan halaman

atau hyperlink.

3.3 Company Profile

Menurut Maimunah & Larasati (2012) company profile adalah produk

tulisan praktisi yang berisi gambaran umum perusahaan. Sebuah profil perusahaan

bisnis dapat sesingkat satu halaman, atau mengundang data yang cukup untuk

mengisi beberapa halaman. Walaupun ada sejumlah format yang berbeda dan

digunakan menyusun sebuah profil, ada beberapa jenis informasi penting yang

wajib disertakan. Setiap jenis laporan profil perusahaan, informasi kontak selalu

disertakan. Informasi kontak munkin tidak lebih dari sekedar alamat fisik dan surat

untuk kantor pusat perusahaan, atau mungkin termasuk nama dan alamat dari

petugas atau eksekutif tertentu dari perusahaan. Biasanya nomor telepon dan nomor

faks juga dimasukan dalam data kontak dasar.

13

Dalam beberapa tahun terakhir, alamat email dan informasi umum juga

dianggap penting dalam sebuah profil perusahaan. Selain informasi kontak, profil

perusahaan biasanya mencakup beberapa informasi tentang latar belakang dan

sejarah dari bisnis yang bersangkutan. Ini termasuk data mengenai kapan

perusahaan itu dibentuk, nama-nama pendiri, dan bagaimana tumbuh kembang

tersebut. Kadang penulisan proses perjalanan jatuh bangun dari sebuah perusahaan

di sangkut-pautkan dengan perkembangan bisnis terkait pada saat ini. Sebuah

company profile meskipun tidak mencakup sejarah yang sangat lengkap, tetapi

dianggap telah cukup untuk memberi pembaca gambaran tentang perusahaan

tersebut melewati tahun-tahun perkembangannya.

3.4 Sistem

Menurut Sutarman (2012) sistem adalah kumpulan elemen yang saling

berhubungan dan saling berinteraksi dalam satu kesatuan untuk menjalankan suatu

proses pencapaian suatu tujuan utama.

3.5 Informasi

Sutabri (2012) mendefinisikan informasi sebagai data yang telah

diinterpretasi untuk digunakan dalam proses pengambilan keputusan. Sistem

pengolahan informasi mengolah data menjadi informasi atau tepatnya mengolah

data dari bentuk tak berguna menjadi berguna bagi penerimanya.

3.6 Bahasa Pemograman

Bahasa pemograman adalah intruksi standar untuk memerintah komputer.

Bahasa pemograman ini merupakan suatu himpunan dari aturan sintaks dan

semantik yang dipakai untuk mendefinisikan program komputer. Bahasa ini

14

memungkinkan seorang programmer dapat menentukan secara persis data mana

yang akan diolah oleh komputer, bagaimana data ini akan disimpan/diteruskan, dan

jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.

Fungsi bahasa pemrograman yaitu memerintah komputer untuk mengolah

data sesuai dengan alur berpikir yang kita inginkan. Keluaran dari bahasa

pemrograman tersebut berupa program/aplikasi. (Rudianto, 2011).

3.7 Java Scrip

Menurut Aloysius Sigit (2011) jQuery adalah librari atau kumpulan kode

JavaScrip siap pakai. Keunggulan menggunakan jQuery dibandingkan dengan

JavaScrip standar, yaitu menyederhanakan kode JavaScrip dengan cara memanggil

fungsi-fungsi yang disediakan oleh jQuery. JavaScrip sendiri merupakan bahasa

Scripting yang bekerja disisi Client/Browser sehingga website bisa lebih interaktif.

3.8 MySQL

Menurut Agus Saputra (2012) MySQL merupakan salah satu database

kelas dunia yang sangat sesuai bila dipadukan dengan bahasa pemrograman PHP.

MySQL bekerja menggunakan bahasa SQL (Structure Query Languange) yang

merupakan bahasa standar yang digunakan untuk manipulasi database.

Sedangkan menurut Abdul Kadir (2008) MySQL adalah salah satu jenis

database server yang sangat terkenal. MySQL menggunakan SQL sebagai bahasa

dasar untuk mengakses databasenya. Dari beberapa pendapat di atas dapat

disimpulkan bahwa MySQL merupakan salah satu jenis database yang besifat open

source yang menggunakan SQL sebagai bahasa dasar untuk mengakses dan

15

manipulasi database. MySQL merupakan tipe data relasional yang artinya MySQL

menyimpan datanya dalam bentuk tabel-tabel yang saling berhubungan.

Perintah yang sering digunakan dalam MySQL adalah SELECT

(mengambil), INSERT (menambah), UPDATE (mengubah), dan DELETE

(menghapus). SQL juga menyediakan perintah untuk membuat database, field,

ataupun index untuk menambah atau menghapus data. MySQL termasuk jenis

RDBMS (Relational Database Management System) yang menjadikan istilah

seperti tabel, baris, dan kolom digunakan pada MySQL.

Beberapa alasan yang menjadikan database MySQL disarankan untuk

digunakan oleh para programmer, antara lain:

1. Bersifat open source (tidak perlu membayar untuk menggunakannya)

2. Menggunakan bahasa SQL (Structure Query Language) yang merupakan

standar bahasa dalam pengolahan data

3. Performance dan reliable, pemrosesan databasenya sangat cepat dan stabil

(kecuali untuk jenis Enterprise, yang bersifat komersial)

4. Sangat mudah dipelajari

5. Memiliki dukungan pengguna MySQL

6. Lintas Platform, dapat digunakan pada berbagai Sistem Operasi berbeda

7. Multiuser, dimana MySQL dapat digunakan oleh banyak user dalam waktu

yang bersamaan tanpa mengalami konflik

3.9 Hypertext Preprocessor (PHP)

PHP adalah salah satu bahasa pemrograman yang berjalan di dalam server,

dan mampu membuat web menjadi interaktif dan dinamis. PHP dapat mengolah

16

data dari komputer client dan dari komputer server itu sendiri, sehingga mudah

disajikan dalam browser (MADCOMS, 2009).

Dari beberapa pendapat di atas maka dapat disimpulkan PHP (Hypertext

Preprocessor) adalah bahasa pemrograman web yang berjalan di dalam server yang

dirancang untuk membentuk aplikasi web dinamis. PHP banyak digunakan karena

PHP merupakan perangkat lunak bebas (open source) artinya tidak perlu membayar

apa pun untuk menggunakan perangkat lunak ini. Kode PHP dapat dilihat pada

gambar di bawah ini:

Gambar 3. 1 Contoh Kode PHP

Gambar di atas merupakan contoh kode PHP, diawali dengan <?php dan

diakhiri dengan ?>. Pasangan kedua kode inilah yang berfungsi sebagai tag kode

PHP. Dengan tag inilah, server dapat memahami kode PHP dan kemudian

memprosesnya dan hasilnya dikirim ke browser.

3.10 Cascading Style Sheet (CSS)

CSS merupakan bahasa pemrograman web yang didesain khusus untuk

mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan

web lebih rapi, terstruktur, dan seragam. CSS merupakan salah satu pemrograman

wajib disamping html yang harus dikuasai oleh para setiap pemprogram web,

terlebih lagi itu adalah Web Designer. Tujuan utama dari CSS adalah untuk

memisahkan konten utama dengan tampilan dokumen lainnya (html dan sejenisnya)

(Saputra, 2012).

17

Web yang menggunakan CSS akan lebih ringan dan mudah untuk dibuka

dibandingkan dengan web yang tidak menggunakan CSS. Tujuan lainnya

menggunakan CSS adalah untuk mempercepat pembuatan halaman web.

Keuntungan yang dapat diperoleh dengan menggunakan CSS, antara lain:

1. Memisahkan pembuatan dokumen (CSS dan HTML)

2. Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen

web

3. Akses web lebih cepat saat di-loading (mempercepat pembacaan HTML)

4. Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang

5. Lebih kecil ukuran file sehingga bandwith yang digunakan juga otomatis

menjadi lebih kecil

6. Dapat digunakan pada semua web browser

3.11 System Flow

System flow adalah perangkat diagram grafik yang menyimpan dan

mengkomunikasikan aliran data media dan prosedur proses informasi yang

diperlukan dalam sistem informasi dengan menggunakan berbagai simbol yang

dihubungkan dengan panah-panah untuk menampilkan proses informasi.

System flow atau bagan alir sistem merupakan bagan yang menunjukkan

arus pekerjaan secara keseluruhan dari sistem. System flow menunjukkan urutan-

urutan dari prosedur yang ada di dalam sistem dan menunjukkan apa yang

dikerjakan oleh sistem. Simbol-simbol yang terdapat pada system flow dapat dilihat

pada tabel di bawah ini:

18

Tabel 3. 1 Simbol-simbol System Flow

Simbol Keterangan

Simbol Dokumen

Menunjukkan dokumen input dan output baik proses

manual atau komputer

Simbol Kegiatan Manual

Menunjukkan kegiatan non-komputer yang

dilakukan

Simbol Simpanan Offline

Menunjukkan fike non-komputer yang diarsip

Simbol Proses

Menunjukkan kegiatan proses dari operasi program

komputer

Simbol Database

Menunjukkan tempat untuk menyimpan data hasil

operasi program komputer

Simbol Garis Alir

-

Simbol Penghubung ke

Halaman yang Sama

Menunjukkan penghubung ke halaman yang sama

Simbol Penghubung ke

Halaman Lain

menunjukkan penghubung ke beda halaman

19

3.12 Data Flow Diagram (DFD)

DFD merupakan proses mengidentifikasikan berbagai proses,

mengkaitkannya dengan arus data untuk menunjukkan hubungan, mengidentifikasi

entitas yang menyediakan input dan menerima output, serta menambahkan

penyimpanan data jika perlu (Laila & Wahyuni, 2011).

DFD adalah diagram yang menggunakan notasi-notasi untuk

menggambarkan arus dari data sistem. DFD berfungsi untuk menggambarkan

proses aliran data yang tertinggi sampai yang terendah, yang memungkinkan untuk

melakukan dekomposis, mempartisi atau membagi sistem ke dalam bagian-bagian

yang lebih kecil dan yang lebih sederhana. DFD meletakkan fokusnya pada aliran

data dari dan ke dalam sistem serta dapat memproses data tersebut . Simbol-simbol

dasar dalam DFD anatara lain:

Tabel 3. 2 Simbol-simbol DFD

Nama Simbol Keterangan

Eksternal Entity

Suatu eksternal entity merupakan

orang, kelompok, departemen, atau

sistem lain di luar sistem yang

dibuat dapat menerima atau

memberikan informasi atau data ke

dalam sistem yang dibuat.

Data Flow

Data flow atau aliran data

menunjukkan arus data atau aliran

data yang menghubungkan dua

proses atau entitas dengan proses.

Process

Suatu proses dimana beberapa

tindakan atau sekelompok tindakan

dijalankan.

20

Nama Simbol Keterangan

Data Store

Data store adalah simbol yang

digunakan untuk melambangkan

proses penyimpanan data.

3.13 Conceptual Data Model (CDM)

CDM merupakan suatu jenis model data yang menggambarkan secara

keseluruhan konsep struktur basis data atau hubungan antar tabel yang dirancang

untuk suatu program atau aplikasi secara konseptual (Diaz, Sulistiowati, &

Lemantara, 2016).

3.14 Physical Data Model (PDM)

PDM merupakan jenis model data yang menggambarkan struktur basis

data atau hubungan antar tabel yang akan digunakan oleh perangkat lunak secara

fisikal (Diaz, Sulistiowati, & Lemantara, 2016).

21

BAB IV

DESKRIPSI PEKERJAAN

4.1 Identifikasi Masalah

Tahap mengidenfikasi masalah digunakan sebagai dasar pembangunan

aplikasi. Identifikasi yang dilakukan adalah dengan melakukan observasi, dan

wawancara. Observasi dilakukan dengan pengamatan secara langsung terhadap

ruang lingkup profil SMPN 1 Sungai Tabuk Banjarmasin, seperti melakukan

dokumentasi kegiatan-kegiatan yang berada di lingkungan sekolah. Dengan

melakukan wawancara dan diskusi bersama guru dan staff dalam mengumpulkan

informasi kepada bagian kesiswaan atau humas dan staff IT di SMPN 1 Sungai

Tabuk Banjarmasin mengenai sistem yang ingin disajikan pada website nantinya.

Dari hasil observasi dan wawancara yang telah dilakukan, diketahui

beberapa fakta mengenai sulitnya menyebarluaskan informasi sekolah kepada

masyarakat. SMPN 01 Sungai Tabuk hanya menyebarluaskan informasi dari mulut

ke mulut atau disebar melalui undangan ke sekolah-sekolah, salahsatunya untuk

informasi pendaftaran siswa baru. Sehingga dengan adanya website nantinya dapat

membantu sekolah dalam menyebarkan informasi mengenai profil sekolah, agenda,

dan berita seputar sekolah.

4.2 Perancangan Sistem

Perancangan sistem yang dilakukan untuk Aplikasi Company Profile

Berbasis Web Pada SMPN 1 Sungai Tabuk Banjarmasin yang terdiri dari system

flow, context diagram, DFD (document flow diagram), CDM (conceptual data

model), PDM (physical data model), struktur tabel.

22

4.2.1 System Flow

A. System Flow Kelola Profil Sekolah

Pada gambar 4.1 menjelaskan mengenai sistem untuk kelola profile

sekolah yang ada di website SMPN 1 Sungai Tabuk Banjarmasin, dimana user yang

terlibat dalam Sysflow ini adalah admin website dan sistem.

Gambar 4.1 System Flow Kelola Profil Sekolah

23

B. System Flow Kelola Blog Sekolah

Pada gambar 4.2 menjelaskan mengenai alus sistem untuk admin

mengelola halaman website berita yang ada di sekolah, dimana admin

melakukan mulai dari insert, update, dan delete.

Gambar 4.2 System Flow Kelola Blog Sekolah

24

C. System Flow Event Sekolah

Pada gambar 4.3 menjelaskan mengenai alur sistem untuk admin

mengelola halaman website event yang ada di sekolah, dimana admin melakukan

aktivitas mulai dari insert, update, dan delete.

Gambar 4.3 System Flow Kelola Event Sekolah

25

D. System Flow Galeri dan Vidio


mengelola halaman website galeri dan video yang ada di sekolah, dimana admin

melakukan aktivitas mulai dari insert, update, dan delete.

Gambar 4.4 System Flow Kelola Galeri dan Vidio

26

E. System Flow Akun Administrasi

Pada gambar 4.5 menjelaskan mengenai alur sitem untuk admin

mengelola halaman website administrasi, dimana admin dapat melakukan

tambah akun mulai dari insert, update, dan delete.

Gambar 4.5 System Flow Kelola Akun Administrasi

27

F. System Flow Slider


mengelola halaman website slider yang ada di sekolah, dimana admin


Gambar 4.6 System Flow Kelola Slider Sekolah

28

G. System Flow Testimoni


mengelola halaman website daftar testimony yang ada di sekolah, dimana admin


Gambar 4.7 System Flow Kelola Daftar Testimoni

29

H. System Flow Subcribers


mengelola halamann website subcribers, dimana admin dapat melihat dan

menghapus subcribers.

Gambar 4.8 System Flow Kelola Subcribers

30

I. System Flow Kotak Masuk


mengelola halaman website kotak masuk, dimana admin melakukan aktifitas

update dan delete.

Gambar 4.9 System Flow Kelola Kotak Masuk

31

J. System Flow Sosial Media

Pada Gambar 4.10 menjelaskan mengenai alur sistem untuk admin

mengelola halaman website sosial media yang ada di sekolah, dimana admin

melakukan aktifitas mulai dari insert, update, dan delete.

Gambar 4.10 System Flow Kelola Sosial Media

32

K. System Flow Informasi Kontak Sekolah


mengelola halaman website informasi kontak yang ada di sekolah, dimana admin

melakuka aktifitas mulai dari insert, update, dan delete.

Gambar 4.11 System Flow Kelola Informasi Kontak Sekolah

33

L. System Flow Pengunjung

Pada gambar 4.12 menjelaskan pengunjung harus terlebih dahulu

membuka browser dan membuka website sekolah untuk bisa mengakses

informasi yang sudah ada di website sekolah SMPN 1 Sungai Tabuk

Banjarmasin. Setelah pengunjung masuk ke web sekolah maka langsung

ditujukan ke halaman home website tersebut. Dalam mengakses informasi,

pengunjung dapat memilih menu-menu yang sudah di persiapkan di website

tersebut. Menu – menu tersebut seperti profil atau about, galeri atau video, event,

blog dan contact sekolah SMPN 1 Sungai Tabuk Banjarmasin.

Menu profil atau about berisikan sejarah SMPN 01 Sungai Tabuk

Banjarmasin dan hal-hal yang berkaitan dengan sekolah. Pada menu galeri atau

video terdapat foto – foto dan dokumentasi kegiatan yang ada di SMPN 01

Sungai Tabuk Banjarmasin. Apabila pengunjung ingin mengetahui informasi

tentang jadwal kegiatan bazar, kegiatan tengah semester, dan perlombaan yang

di adakan oleh sekolah maka dapat memilih menu event. Jika pengunjung ingin

mengetahui berita seputar SMPN 01 Sungai Tabuk Banjarmasin maka dapat

memilih menu blog. Pada menu contact terdapat informasi lokasi, nomor dan

email yang dapat di hubungi.

34

Gambar 4.12 System Flow Pengunjung

35

4.2.2 Context Diagram

Dalam gambar conteks diagram berikut terdapat 2 external entity yaitu

admin dan pengunjung website. Dimana akan bertindak sebagai pengelola website,

dan pengunjung website nantinya akan melakukan polling website apakah website

sudah cukup menarik atau tidak.

Gambar 4.13 Context Diagram

4.2.3 Document Flow Diagram (DFD)

Document Flow Diagram (DFD) adalah alat yang digunakan pada

metodelogi pengembangan sistem yang terstruktur (Structured analyse and design).

DFD merupakan alat yang berfungsi dan dapat menggambarkan arus data sebuah

sistem aplikasi yang terstruktur sesuai dengan alur pembuatan program, DFD juga

merupakan dokumentasi dari sistem. DFD dari website profil sekolah.

Pada Gambar 4.14 menjelaskan tentang proses DFD level 0 dimana

terdapat 11 proses yaitu mengelola data profil, data blog, data event, data galeri atau

video, data akun administrasi, data slider, data testimony, data subcribers, data

kotak masuk, data sosial media, dan data informasi kontak yang berelasi dengan

36

external entity yaitu admin dan pengunjung. Disitu pihak admin dapat

menambahkan, mengelola, mengedit dan menghapus sebuah data yang akan di

tampilkan di pengunjung website tersebut. Pengunjung hanya dapat melihat

tampilan dan menu di website tersebut, pembatasan pengunjung dalam melihat

sebuah sub menu.

a. DFD Level 0 Company Profile SMPN 1 Sungai Tabuk Banjarmasin Berbasis

Website

Gambar 4.14 Gambar DFD level 0 Company Profile

37

b. DFD Level 1 Manajemen Admin

Pada gambar 4.15 adalah data flow diagram level 1 manajemen admin

yang telah dilakukan dekomposisi dari data flow diagram level 0.

Gambar 4. 15 DFD level 1 Manajemen Admin

c. DFD Level 2 Web Akses Pengunjung

Pada gambar 4.16 adalah data flow diagram level 2 web akses pengunjung

yang telah dilakukan dekomposisi dari data flow diagram level 0.

38

Gambar 4. 16 DFD level 2 Web Akses Pengunjung

4.2.4 Conceptual Data Model (CDM)

Conceptual data model (CDM) dari aplikasi company profile pada SMPN

01 Sungai Tabuk Banjarmasin ini terdapat 12 tabel yaitu tabel profil_blog, tabel

profil, tabel blog, tabel akun_administrasi, tabel testtimoni, tabel subcribers, tabel

event, tabel sosial media, tabel kotak_masuk, tabel galery, tabel slider, dan tabel

informasi_kontak. CDM yang telah dibuat ini nantinya akan digenerate menjadi

Physical Data Model (PDM).

39

Gambar 4.17 CDM

4.2.5 Physical Data Model (PDM)

Physical Data Model (PDM) merupakan hasil generate dari CDM yang

telah dibuat sebelumnya. PDM dari aplikasi company profile ini terdapat 12 tabel

yaitu tabel profil_blog, tabel profil, tabel blog, tabel akun_administrasi, tabel

testimoni, tabel subcribers, tabel event, tabel sosial media, tabel galery, tabel slider,

40

dan tabel informasi_kontak. Tabel-tabel yang dihasilkan dari PDM tersebut akan

digunakan di dalam aplikasi yang dibuat.

Gambar 4.18 PDM

4.2.6 Struktur Tabel

a. Tabel Admin

Primary key: id_user

Foreign key : -

Fungsi : menyimpan data username, password, dan identitas user

41

Tabel 4.1 Tabel Admin

No. Field Data Type Length Keterangan

1 Id_user Int 11 Primary key

2 Name Varchar 250

3 Username Varchar 250

4 Password Varchar 250

5 Image Text

6 Ipaddress Varchar 250

7 Lastlog Timestamp

8 Status Int 11

9 Created_at Timestamp

10 Updated_at Timestamp

b. Tabel Blog

Primary key: id

Foreign key : -

Fungsi : untuk menyimpan data berita / blog

Tabel 4.2 Tabel Blog


1 Id Int 11 Primary key

2 Id_category Int 11

3 Id_tag Varchar 250

42


4 Name Varchar 250

5 Description Text

6 Image Text

7 View Int 11

8 Status Int 11



c. Tabel Event

Primary key: id

Foreign key : -

Fungsi : untuk menyimpan data event

Tabel 4.3 Tabel Event



2 Title Varchar 250

3 Date Date

4 Place Datetime

5 Image Text

6 Description Text

7 View Int 11


43



d. Tabel Galery

Primary key: id

Foreign key : -

Fungsi : untuk menyimpan data galery

Tabel 4.4 Tabel Galery



2 Name Varchar 250

3 Description Text

4 Type Int 11

5 Image Text

6 Vidio Text

7 View Int 11

8 Status Int 11

9 Kategori Int 11



e. Tabel Subscribers

Primary key: id

Foreign key : -

44

Fungsi : untuk menyimpan data subcribers

Tabel 4.5 Tabel Subcribers



2 Email varchar 250

3 Readed Int 11



f. Tabel Sosial Media

Primary key: id

Foreign key : -

Fungsi : untuk menyimpan data sosial media

Tabel 4.6 Tabel Sosial Media


1 Id Int 11

2 Name Varchar 250

3 Type Text

4 Url Text



45

g. Tabel Slider

Primary key: id

Foreign key : -

Fungsi : untuk menyimpan data slider

Tabel 4.7 Tabel Slider



2 Name Varchar 250

3 Url Varchar 250

4 Image Text

5 Status Int 11

6 Description Text



h. Tabel Kotak Masuk

Primary key: id

Foreign key : -

Fungsi : untuk menyimpan data kotak masuk

Tabel 4.8 Tabel Kotak masuk



2 Name Varchar 250

46


3 Phone Varchar 250

4 Email Varchar 250

5 Description Text

6 Respon Int 11

7 Readed Int 11


9 Update_at Timestamp

i. Tabel Testimoni

Primary key: id

Foreign key : -

Fungsi : untuk menyimpan data testimoni

Tabel 4.9 Tabel Testimoni



2 Name Varchar 250

3 Image Text

4 Description Text

5 Position Varchar 250



47

j. Tabel Profile Sekolah (Index)

Primary key: id_ijin

Foreign key : -

Fungsi : untuk menyimpan data ijin index

Tabel 4.10 Tabel Index



2 Id_menu Int 11

3 Id_submenu Int 11

4 Title Varchar 100

5 Position Enum ‘center’ ,

‘right’,

‘left’)

6 Number Int 11

7 Hidden Enum ‘N’, ‘Y’

8 Width Varchar 100

9 Type Enum ‘default’,

‘new’



4.3 Implementasi Aplikasi

Proses implementasi aplikasi dilakukan dengan tujuan agar sistem yang

dibangun dapat mengatasi permasalahan dalam penelitian ini. Dalam implementasi

48

sistem akan dijelaskan detail tentang rancang bangun aplikasi company profile pada

SMPN 01 Sungai Tabuk berbasis web Kab. Banjarmasin adalah sebagai berikut:

4.3.1 Halaman Home

Gambar 4.19 Halaman Home

Pada gambar 4.19 halaman home adalah hasil implementasi website SMPN

01 Sungai Tabuk, dimana gambar diatas adalah tampilan awal saat pengunjung

membuka alamat website SMPN 01 Sungai Tabuk. Halaman utama yang

ditampilkan ketika pengunjung mengakses wesite, pada halaman home berisikan

informasi SMPN 01 Sungai Tabuk Banjar terkait profil sekolah, blog, galeri / video,

event, contact, dan informasi sekolah.

49

4.3.2 Halaman Profil

Gambar 4.20 Halaman Profil

Pada gambar 4.20 halaman profil adalah hasil implementasi website SMPN

01 Sungai Tabuk, dimana halaman tersebut akan menampilkan profil SMPN 01

Sungai Tabuk yang berisikan tentang informasi terkait sejarah, sehingga

pengunjung yang mengakses website ini dapat mengetahui keberadaan informasi

yang tersedia dalam profil sekolah. Sehinga para murid dan orang tua dapat

mengetahui sejarah dari sekolah SMPN 01 Sungai Tabuk Banjar. Para pengunjung

juga dapat melihat langsung sejarah yang sudah ada sebelum SMPN 01 di bangun

di daerah sungai tabuk. Sejarah ini menampilkan alamat, nama, dan logo dari

sekolah SMPN 01 Sungai Tabuk Banjar.

50

4.3.3 Halaman Blog

Gambar 4.21 Halaman Blog

Pada gambar 4.21 halaman blog adalah hasil implementasi website SMPN

01 Sungai Tabuk, dimana halaman berikut akan menampilkan berita terbaru tentang

SMPN 01 Sungai Tabuk Banjar.

4.3.4 Halaman Galery

Gambar 4.22 Halaman Galery

51

Pada gambar 4.22 halaman galery adalah hasil implenetasi website SMPN

01 Sungai Tabuk, dimana para pengunjung dapat melihat siswa-siswi yang di

sekolah tersebut serta mendapatkan informasi kegiatan yang dilakukan siswa

tersebut di sekolah SMPN 01 Sungai Tabuk Banjar.

4.3.5 Halaman Event

Gambar 4.23 Halaman Event

Pada gambar 4.23 Halaman event adalah hasil implementasi website SMPN

01 Sungai Tabuk, dimana halaman tersebut akan menampilkan kegiatan-kegiatan

sekolah, seperti lomba, ekstrakulikuler siswa yang ada di SMPN 01 Sungai Tabuk

Banjar.

4.3.6 Halaman Contact

Pada gambar 4.24 dan gambar 4.25 adalah hasil implementasi website

SMPN 01 Sungai Tabuk, dimana halaman tersebut akan menampilkan informasi

contact sekolah, dan tataletak yang ada di sekolah SMPN 01 Sungai Tabuk Banjar.

52

Gambar 4.24 Halaman Contact

Gambar 4.25 Halaman Informasi

4.3.7 Halaman Login Admin

Pada gambar 4.26 merupakan halaman login untuk admin berisikan

username dan password dengan menginputkan code “admin” “admin”. Jika login

berhasil langsung masuk pada halaman utama admin.

53

Gambar 4.26 Halaman Login Admin

4.3.8 Halaman Dashboard Admin

Pada gambar 4.27 halaman dashboard menampilkan data yang ada dalam

aplikasi company profile mulai dari data blog, data event, data galeri, data slider,

data testimony, data subcribers, data kotak masuk, data sosial media, dan data

administrator.

Gambar 4.27 Halaman Dashboard Admin

54

4.3.9 Halaman Kelola Blog

Pada gambar 4.28 halaman blog untuk insert, update, delete berita tentang

kegiatan apa saja yang ada pada SMPN 01 Sungai Tabuk. Di halaman ini juga ada

nama kegiatan waktu mulai hingga waktu selesai.

Gambar 4.28 Halaman Kelola Blog Admin

4.3.10 Halaman Kelola Event

Pada gambar 4.29 halaman event untuk insert, update, delete berita tentang

kegiatan lomba – lomba, bazar, dan event – event yang ada di SMPN 01 Sungai

Tabuk. Di halaman ini juga ada nama kegiatan waktu mulai hingga waktu selesai.

Gambar 4.29 Halaman Kelola Event Admin

55

4.3.11 Halaman Kelola Galery

Pada gambar 4.30 halaman galeri hanya menunjukan beberapa foto – foto

yang menunjukan sebuah moment. Salahsatunya foto dari kegiatan – kegiatan

banjara dan pramuka yang fotonya dapat langsung diupload. Admin juga dapat

melakukan insert, update, dan delete.

Gambar 4.30 Halaman Kelola Galery Admin

4.3.12 Halaman Kelola Slider

Gambar 4.31 Halaman Kelola Slider Admin

56

Pada gambar 4.31 halaman slider dimana admin dapat mengedit gambar dan

keterangan pada halaman home, admin juga dapat melakukan insert, update, dan

delete.

4.3.13 Halaman Kelola Testimony

Pada gambar 4.32 halaman testimony dimana admin dapat menambahkan,

mengedit, dan menghapus pengumuman atau informasi penting yang ada di

sekolah.

Gambar 4.32 Halaman Kelola Testimony Admin

4.3.14 Halaman Kelola Subcribers

Pada gambar 4.33 halaman subcribers dimana admin dapat melihat seberapa

banyak masyarakat yang mengunjungi website sekolah. Admin juga dapat mengedit

dan mengahapus subcribers yang sudah mengunjungi website sekolah.

57

Gambar 4.33 Halaman Kelola Subcribers Admin

4.3.15 Halaman Kelola Kotak Masuk

Pada gambar 4.34 halaman kotak dimana admin dapat melihat email telah

masuk serta dapat membalas pertanyaan-pertanyaan dari email yang masuk. Admin

juga dapat menghapus dan mengedit email yang telah masuk.

Gambar 4.34 Halaman Kelola Kotak Masuk Admin

58

4.3.16 Halaman Kelola Sosial Media

Pada gambar 4.35 halaman sosial dimana admin dapat menginputkan sosial

media seperti twitter, facebook, youtube, instagram, dan lain sebagainya.

Gambar 4.35 Halaman Kelola Sosial Media Admin

4.3.17 Halaman Kelola Administrator

Gambar 4.36 Halaman Kelola Administrator Admin

Pada gambar 4.36 dimana admin dapat menambahkan user baru, mengedit,

dan menghapus user.

59

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan hasil rancang bangun aplikasi company profile pada SMPN

01 Sungai Tabuk Banjarmasin, maka dapat disimpulkan bahwa website yang

dihasilkan meliputi company profile, blog, event, gallery, dan contact sekolah.

sehingga membantu dan memudahkan SMPN 01 Sungai Tabuk dalam

menyebarluaskan informasi yang berkaitan dengan sekolah, baik informasi dalam

bidang akademik maupun non-akademik.

5.2 Saran

Dalam pengembangan Aplikasi Company Profile Pada SMPN 01 Sungai

Tabuk Berbasis Web Kab. Banjarmasin, penulis memberikan saran yaitu aplikasi

ini dapat diintegrasikan dengan aplikasi akademik lainnya, sehingga infromasi yang

ada akan tersampaikan dengan baik.

DAFTAR PUSTAKA

Diaz, D. C., Sulistiowati, & Lemantara, J. (2016). Rancang Bangun Aplikasi

Penjualan Online Pada CV. Mitra Techno Sains. JSIKA, 2.

Kadir, A. (2008). Dasar Pemrograman Web Dinamis Menggunakan PHP (Revisi).

Yogyakarta: ANDI.

Laila, N., & Wahyuni. (2011). Sistem Informasi Pengolahan Data Inventory Pada

Toko Buku Studi CV. Aneka Ilmu Semarang. Jurnal Teknik Elektro, 48.

MADCOMS. (2009). Menguasai XHTML, CSS, PHP & MySQL Melalui

Dreamweaver. Yogyakarta: ANDI.

Maimunah, L. S., & Larasati, N. (2012, Mei). Media Company Profile Sebagai

Sarana Penunjang Informasi dan Promosi. Media Company Profile Sebagai

Sarana Penunjang Informasi dan Promosi, hal. Vol. 5 No.3.

Rudianto, A. (2011). Pemrograman Web Dinamis menggunakan PHP dan MySQL.

Yogyakarta: C.V ANDI OFFSET.

Safaat, N. (2012 (Edisi Revisi)). Pemograman Aplikasi Mobile Smartphone dan

Tablet PC Berbasis Android. Bandung: Informatika.

Saputra, A. (2012). WebTips PHP, HTML 5 dan CSS. Jakarta: Jasakom.

Sigit, A. (2011). Website super canggih plugin jquery terbaik. Jakarta: Mediakita.

Sutabri, T. (2012). Analisa Sistem Informasi. Yogyakarta: Andi.

Sutarman. (2012). Buku Pengantar Teknologi Informasi. Jakarta: Bumi Aksara.

KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: DIAH...

Documents

Transcript of KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: DIAH...