Anda di halaman 1dari 39

LEMBAR PERSETUJUAN

Laporan Kerja Praktek yang telah diajukan Oleh :

Nama : Ahamd Rafi Hidayat


NIM 41516310046
Program Studi : Teknik Informatika
Judul Laporan KP : Perancangan Website Company Profile
SD Negeri Jatisampurna V Kota Bekasi
Nama Instansi KP : SD Negeri Jatisampurna V Kota Bekasi

Telah disetujui untuk dapat dilanjutkan ke tahap evaluasi dalam Sidang Kerja
Praktek sebagai persyaratan yang diperlukan untuk dapat dinyatakan LULUS
Mata Kuliah Kerja Praktek pada Program Studi Teknik Informatika, Fakultas Ilmu
Komputer, Universitas Mercu Buana.

Disetujui Oleh :

Pembimbing Industri Dosen Pembimbing


Kepala SDN jatisampura V Kerja Praktek

LILIS SUHARTI,S.Pd (Sri Dianing Asri, ST., M.Kom


NIP. 19670203 199203 2 007 NIP/NIK. 217740145

Disetujui di : Bekasi
Tanggal : ,2019
ii
LEMBAR PENGESAHAN

Laporan Kerja Praktek yang telah diajukan Oleh;


Nama : Ahmad Rafi Hidayat
NIM 41516310046
Program Studi : Teknik Informatika
Judul Laporan KP : Perancangan Website Company Profile
SD Negeri Jatisampurna V Kota Bekasi
Nama Instansi KP : SD Negeri Jatisampurna V Kota Bekasi
Tanggal Sidang : …………………………………….
Dosen Penguji : …………………………………….

Disahkan dan disetujui Oleh :

Dosen Pembimbing
Kerja Praktek

( Sri Dianing Asri, ST., M.Kom )


NIP/NIK 217740145

Koordinator Kerja Praktek Program Ketua


Studi Teknik Informatika Program Studi Teknik Informatika

( Desi Ramayanti, S.Kom., M.T )


( Herry Derajad Wijaya, S.Kom., MM )
NIP/NIK 110810303
NIP/NIK 615890084

Disetujui di : Jakarta
Tanggal : , ,2019
iii
KATA PENGANTAR

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang
telahmemberikan rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan laporan
pelaksanaan kerja praktek ini.
Kerja praktek ini merupakan salah satu mata kuliah yang wajib ditempuh pada
Jurusan Teknik Informatika Universitas Mercu Buana. Laporan kerja praktek ini disusun
sebagai pelengkap kerja praktek yang telah dilaksanakan lebih kurang 3 bulan di SD
Negeri Jatisampurna V dengan selesainya laporan kerja praktek ini tidak terlepas dari
bantuan banyak pihak yang telah memberikan masukan-masukan kepada penulis.
Untuk itu penulis mengucapkan banyak terimakasih kepada :

1. Dekan Dr. Mujiono, ST., MT.


2. Kaprodi Informatika Desi Rahmayanti, S.Kom., MT.
3. Sekprodi Informatika Herry Derajad Wijaya, S.Kom., MM
4. Dosen Pembimbing Ibu Sri Dianing Asri, ST., M.Kom
5. Kepala Sekolah Ibu Lilis Suharti,S.Pd
6. Bapak/Ibu Guru PNS dan GTK beserta Staf SDN Jatisampurna V.

Penulis menyadari bahwa masih banyak kekurangan dari laporan ini, baik dari
materi maupun teknik penyajiannya, mengingat kurangnya pengetahuan dan pengalaman
penulis. Oleh karena itu, kritik dan saran yang membangun sangat penulis harapkan. Akhir
kata, semoga laporan kerja praktek ini, walaupun sederhana, tetapi dapat bermanfaat bagi
semua pihak.

Bekasi, 12 Oktober
Penulis

Ahmad Rafi Hidayat

iv
DAFTAR ISI

LEMBAR PERSETUJUAN ..................................................................................... ii

LEMBAR PENGESAHAN ...................................................................................... iii

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

DAFTAR ISI............................................................................................................. v

DAFTAR GAMBAR ............................................................................................... vii

BAB I : PENDAHULUAN

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

1.2 Tujuan dan Manfaat ............................................................................ 1

1.3 Waktu dan Tempat Pelaksanaan ......................................................... 1

BAB II : GAMBARAN UMUM INSTANSI

2.1 Sejarah Instansi ................................................................................... 2

2.2 Visi dan Misi Instansi .......................................................................... 2

2.3 Struktur Organisasi ............................................................................. 2

2.4 Logo Instansi .................................................................................................... 3

BAB III : GAMBARAN TEKNOLOGI INFORMATIKA (TI)

3.1 Deskripsi Implementasi TI pada Instansi ............................................ 4

3.2 Landasan Teori .................................................................................... 4

v
3.3 Analisa Implementasi TI pada Instansi ............................................... 5

BAB IV : HASIL DAN KEGIATAN KERJA PRAKTEK

4.1 Profil Pembimbing Instansi ................................................................. 6

4.2 Bidang Kompetensi ............................................................................. 6

4.3 Deskripsi Kegiatan .............................................................................. 6

4.4 Hasil Kegiatan ..................................................................................... 8


BAB V : KESIMPULAN DAN SARAN

5.1 Kesimpulan ........................................................................................ 19

5.2 Saran................................................................................................... 19

DAFTAR PUSTAKA .................................................................................... 20

LAMPIRAN

- FORMULIR 2 : Form Absensi dan Aktifitas Pelaksanaan Kerja Praktek

- FORMULIR 3 : Form Nilai KP Industri

- Surat Keterangan Magang

- Form Bimbingan Kerja Praktek

vi
DAFTAR GAMBAR

Gambar 2.1 Logo Sekolah Dasar .................................................................... 3

Gambar 2.2 Logo Tut Wuri Handayani .......................................................... 4

Gambar 4.1 login pada halaman Dasboard WordPress .................................. 9

Gambar 4.2 Tampilan Dashboard WordPress................................................ 10

Gambar 4.3 Instalasi plugin pada wordpress ................................................. 11

Gambar 4.4 Dashboard website SDN Jatisampurna V pada wordpress ........ 12

Gambar 4.5 Pemilihan tema website pada Wordpress................................... 12

Gambar 4.6 Setting up home page, logo,navigation bar dan menu ............... 13

Gambar 4.7 Laman awal website setelah diedit ............................................... 13

Gambar 4.8 Isi laman awal website setelah diedit............................................ 14

Gambar 4.9 Pembuatan menu dan navigation bar ......................................... 14

Gambar 4.10 Pembuatan sub menu untuk detil service yang tersedia ........... 15

Gambar 4.11 Hasil pembuatan menu dan sub menu ...................................... 15

Gambar 4.12 isi Laman Profil ........................................................................ 16

Gambar 4.13 Laman VISI dan MISI .............................................................. 16

Gambar 4.14 Laman Sejarah SD Negeri Jatisampurna .................................. 17

Gambar 4.15 Laman “Lokasi SDN Jatisampurna V” .................................... 17

vii
Gambar 4.16 Laman “Ekstrakulikuler” ......................................................... 18

Gambar 4.17 Laman Sub Menu “Pramuka” .................................................. 18

Gambar 4.18 Laman Sub Menu “Voly”......................................................... 19

Gambar 4.19 Laman Sub Menu “Futsal” ....................................................... 19

Gambar 4.20 Laman “Akademik” ................................................................. 20

Gambar 4.21 Laman “Status Akriditasi Sekolah Jatisampurna V”................ 20

Gambar 4.22 Laman “Informasi ” ................................................................. 21

Gambar 4.23 Primary Sidebar Untuk Menampilkan “ Berita Terabaru” ....... 22

Gambar 4.24 Header Option “ Kontak Instansi” ........................................... 22

viii
1
BAB I
PENDAHULUAN

1.1. Latar Belakang

Website adalah hasil pengolahan informasi yang dipadukan dengan teknologi


komputer dan diintegrasikan dengan internet. Semakin berkembangnya pemanfaatan
internet secara umum dan penggunaan website terhadap perusahan – perusahaan maupun
Lembaga dalam segala bidang seperti informasi, pendaftaran siswa baru secara online.
Website ini dapat memberikan kemudahan bagi Lembaga Pendidikan Khususnya di
Sekolah Dasar Negeri Jatisampurna V dalam penyampain informasi mengenai sekolah
kami dengan bentuk yang lebih menarik selain persentasi dengan penampilkan dokumen
dan pengembangan website ini menggunakan Wordpress sebagai Web Builder.

1.2. Tujuan dan Manfaat

Mata kuliah kerja praktek bertujuan untuk meningkatkan keterampilan, kemampuan


kerjasama, kemandirian, dan wawasan mahasiswa melalui pengalaman kerja pada
instansi yang relevan dengan bidang Teknik Informatika. Manfaat yang diharapkan dari
kerja praktek :
1. Mahasiswa mendapatkan kesempatan untuk menerapkan ilmu yang didapatkan
dibangku kuliah.
2. Meningkatkan keterampilan mahasiswa dalam bekerja.
3. Mahasiswa mendapatkan informasi mengenai lapangan kerja yang sesuai dengan
bidang Teknik Informatika.

1.3. Waktu dan Tempat Pelaksanaan

Waktu : 12 Agustus s.d 12 Oktober 2019


Tempat : SD Negeri Jatisampurna V
Alamat : Jl. Pasar Kranggan No.24, Kel. Jatisampurna
Kec. Jatisampurna Kota Bekasi Jawa Barat Kode Pos 17433

1
BAB II
GAMBARAN UMUM INSTANSI

2.1. Sejarah

Sekolah Dasar Negeri Jatisampurna V merupakan sekolah yang beridiri pada 04 Juli
1983 Yang kemudian mendaptkan ijin operesional sekolah dengan nomor
421.2/581/Psd/1986 pada tanggal 26 April 1986 yang dikelurakan oleh Kepala Dinas
Pendidikan dan K provinsi Daerah Tingkat Jawa Barat dengan nama sekolah yaitu Sekolah
Dasar Negeri Budi Sampurna.

Dengan tidak memenuhi syarat syarat yang berlaku sehingga diperkirakan akan
mengganggu proses belajar dan mengajar, maka pada tahun 1995 dilakukan pemekaran
sekolah terhadap Sekolah Dasar Negeri Budi Sampurna oleh Kepala Dinas P dan K
Provinsi Daerah Tingkat Jawa Barat menjadi Sekolah Dasar Negeri Sampurna I (
merupakan sekolah yang lama ) dan Sekolah Dasar Negeri Budi Sampurna II ( sekolah
yang baru ) pada tanggal 07 Juni 1995 dengan nomor surat keputusan 421.2/SK-
1114/1995.

Pada tahun 2000 terjadi lagi perubahan nama sekolah dimana Sekolah Dasar Negeri Budi
Sampurna I berubah menjadi Sekolah Dasar Negeri Jatisampurna V dengan Surat keputusan
Kepala P dan J Provinsi Jawa Barat dengan nomor 421.2/SK.2721 – Pendas/2000 pada tanggal 14
Juni 2000. Sekolah Dasar Negeri Budi Sampurna II sendiri berubah nama menjadi Sekolah Dasar
Negeri Jatisampurna X.

2.2. Visi Misi Instansi

Visi
Berprestasi dalam ilmu pengetahuan,sehat, cerdas, terampil, beriman dan bertaqwa

Misi
1. Meningkatkan disiplin kinerja insan pendidik.
2. Meningkatkan ilmu pengetahuan, iman, dan Taqwa kepada peserta didik.
3. Melaksanakan kegiatan intra dan ekstrakurikuler secara optimal
4. Memberikan kesempatan belajar bagi anak yang kurang mampu.

2
2.3. Struktur Organisasi

2.4. Logo SDN Jatisampurna V


2.4.1 Logo Sekolah Dasar ( SD )
Pada tanggal 17 Agustus 1945 adalah peristiwa penegakan jembatan emas
kemerdekaan Indonesia Mengundang nilai-nilai Perjuangan 45 yang harus dihayati para
siswa sebagai kader penerus perjuangan bangsa dan pembangunan nasional.
Kemerdekaan yang telah ditebus dengan mahal perlu diisi denan partisipasi penuh para
siswa.

Gambar 2.1 Logo Sekolah Dasar


Sumber : Nusagama.com/logo-sd-mi-nasional

Warna Coklat adalah warna tanah Indonesia, berpijak pada kepribadian dan budaya
sendiri serta rasa nasional Indonesia. Warna putih adalah warna kebangsaan Indonesia
yang menggambarkan hati yang suci dan berani memberla kebenaran. Tulisan SD adalah

3
tingkatan Sekolah Dasar. Bangunan / Rumah adalah tempat putra putri menuntut ilmu.

2.4.2 logo Tut Wuri Handayani

Semboyan “Tut wuri handayani” atau Ing ngarsa sung tulada, ing madya mangun
karsa, tut wuri handayani. Terdiri dari 3 kalimat ungkapan atau slogan yang dibuat oleh
bapak Pendidikan kita Sekaligus Pahlawan Nasional Ki Hajar Dewantara.

Gambar 2.2 Logo Tut Wuri Handayani


Sumber : Id.Wikipedia.org/logo of Ministry of Education and cultute of republic of
Indonesia.svg

Arti dari semboyan dari kalimat “ Tut wuri handayani “ adalah Dari belakang
seorang guru harus bisa memberikan dorongan dan arahan . “ing madya mangun karsa”
adalah ditengan atau diantara murid, guru harus menciptakan prakarsa dan ide. “ing
ngarsa sung tuladha” adalah didepan, seorang pendidik harus memberi teladan atau
contoh yang baik.

4
BAB III
GAMBARAN TEKNOLOGI INFORMATIKA (TI)

3.1. Deskripsi Implementasi TI Pada Instansi

Implementasi TI pada pembuatan website company profile menggunakan wordpress


ini dapat memberikan tampilan digital dan dinamis sebagai media informasi akademik
bagi siswa / wali murid dan juga menjadi sebuah media informasi masyarakat luas,
misalnya Visi Misi sekolah, kegiatan – kegiatan sekolah, fasilitas yang dimiliki sekolah,
dokumentasi sekolah, yang bisa menjadi sebuah nilai plus dan meningkatkan citra
sekolah.
Teknologi Informasi (Information technology) biasa disebut TI, Beberapa ahli IT
telah medefinisikan beberapa pengertian mengenai teknologi informasi. Menurut Kadir
& Triwahyuni (2011:2), teknologi informasi adalah teknologi yang menggabungkan
komputasi (komputer) dengan jalur komunikasi berkecepatan tinggi yang membawa
data, suara, dan video.
Teknologi informasi mencakup perangkat keras dan perangkat lunak untuk
melaksanakan satu atau sejumlah tugas pemrosesan data seperti menangkap,
mentransmisikan, menyimpan, mengambil, memanipulasi atau menampilkan data.
Dari definisi tersebut, dapat disimpulkan bahwa teknologi informasi merupakan
gabungan perangkat keras dan perangkat lunak dengan jalur komunikasi untuk
mengolah, mentransmisikan, menyimpan, mengambil, menampilkan dan memanipulasi
data, suara dan video

3.2. Landasan Teori

3.2.1. Wordpress

WordPress ( WordPress.org ) adalah sistem manajemen konten (CMS) gratis dan open-
source berbasis PHP & MySQL. Fitur termasuk arsitektur plugin dan sistem template . Ini paling
terkait dengan blogging tetapi mendukung jenis konten web lainnya termasuk milis dan forum
yang lebih tradisional , galeri media, dan toko online . Digunakan oleh lebih dari 60 juta situs
web, termasuk 33,6% dari 10 juta situs web teratas pada April 2019, WordPress adalah sistem
manajemen situs web paling populer yang digunakan. WordPress juga telah digunakan untuk
domain aplikasi lain seperti sistem tampilan pervasive (PDS).WordPress dirilis pada 27 Mei
2003, oleh pendirinya, Matt Mullenweg dan Mike kecil, sebagai garpu dari b2 / cafelog .

5
Perangkat lunak ini dirilis di bawah lisensi GPLv2 (atau lebih baru).
Agar berfungsi, WordPress harus diinstal pada server web , baik bagian dari layanan hosting
Internet seperti WordPress.com atau komputer yang menjalankan paket perangkat lunak
WordPress.org agar dapat berfungsi sebagai host jaringan sendiri. Komputer lokal dapat
digunakan untuk tujuan pengujian dan pembelajaran pengguna tunggal.

3.2.2. Mysql

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(bahasa Inggris: database management system) atau DBMS yang multialur,
multipengguna, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat
MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General Public
License (GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-
kasus di mana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, di mana perangkat lunak


dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh
penulisnya masing-masing, MySQL dimiliki dan disponsor oleh sebuah perusahaan
komersial Swedia MySQL AB, di mana memegang hak cipta hampir atas semua kode
sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB
adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius.

3.3. Analisa Implementasi TI Pada Instansi

Dengan adanya website ini untuk meningkatkan kualitas sekolah sebagai media
informasi akademik, memudahkan menginformasikan kabar terkini dari sekolah,
dokumentasi Foto Sekolah, memaparkan prestasi – prestasi yang telah di raih oleh
peserta didik dan media promosi sekolah dalam mencari peserta didik baru.

6
BAB IV
HASIL DAN KEGIATAN KERJA PRAKTEK

4.1 Profil Pembimbing ;

Nama : LILIS SUHARTI,S.Pd


NIP/NIK 19670203 199203 2 007
Jabatan : Kepala Sekolah SD Negeri Jatisampurna V
Nama Instansi : SD NEGERI JATISAMPURNA V
Alamat Instansi : Jl. Pasar Kranggan No.24 Kel. Jatisampurna, Kec.
Jatisampurna Kota Bekasi, Jawa Barat 17433

4.2 Bidang Kopetensi

Sekolah dasar adalah jenjang paling dasar pada Pendidikan formal di Indonesia.
Sekolah dasar ditempuh dalam waktu 6 tahun, mulai dari kelas 1 sampai kelas 6. Saat ini
murid kelas 6 diwajibkan mengikuti ujian nasional yang memengaruhi kelulusan siswa.
Pelajar sekolah dasar umumnya berusia 6-12 tahun. Diindonesia setiap warga negara
berusia 6-15 tahun wajib mengikuti Pendidikan dasar, sekolah dasar diselenggarakan oleh
pemerintah maupun swasta. Sejak diberlakukannya otonomi daerah pada tahun 2001,
pengelolaan sekolah dasar Negeri ( SDN ) di Indonesia yang sebelumnya berada dibawah
Departemen Pendidikan Nasional,Kini menjadi tanggung jawab Pemerintah Daerah
Kabupaten/Kota.

SD Negeri Jatisampurna V adalah sekolah yang dioperasikan / disediakan oleh


negara ( Pemerintah ) dengan segala fasilitas gratis, mulai dari kelas hingga guru digaji
oleh pemerintah untuk memberikan fasilitas kepada rakyat Indonesia. Biasanya sekolah
Negeri begitu banyak diminati karena biaya Pendidikan yang relative terjangkau.

4.3 Deskripsi Kegiatan

Kerja Praktek di SD Negeri Jatisampurna V dilaksanakan kurang lebih selama 3


bulan dimulai dari tanggal 12 Agustus sampai dengan 12 Oktober 2019. Dengan jadwal
kegiatan kerja praktek sebagai berikut:

7
Minggu pertama

1. Menyampaikan maksud dan Tujuan Kerja Praktek di Instansi SD Negeri


Jatisampurna V.

2. Mendiskusikan Kebutuhan System yang dibutuhkan pada instansi Bersama Dewan


Guru dan Kepala Sekolah SDN Jatisampur V.

Minggu Kedua

1. Arahan dan bimbingan Bersama kepala sekolah SD Negeri Jatisampurna V.

2. Membuat struktur design web.

Minggu Ketiga

1. Membuat menu dan navigation bar yang berfungsi untuk menunjukan menu yang
tersedia pada website

Minggu Keempat

1. Membuat sub menu untuk detil menu.

Minggu Kelima

1. Pengisian konten dalam menu dan sub menu sesuai permintaan pembimbing di
Instansi.

Minggu Keenam

1. Update konten pada menu dan sub menu sesuai permintaan pembimbing Instansi.

2. Memilih tema web yang menarik dan sesuai untuk kebutuhan .

Minggu Ketujuh

1. Merekap Data Guru, Siswa dan Keadaan Sekolah untuk informasi yang
ditampilkan di web.

Minggu Kedelapan

1. Testing fungsi website oleh pembimbing industri dan juga validasi konten yang
telah dimasukan.
8
4.4 Hasil Kegiatan
Setelah Sukses Memasang WordPress, langkah selanjutnya yang perlu dilakukan
adalah membuka dashboard atau dasbor WordPress. Melalui dasbor WordPress bisa
mengelola Website dengan mudah, dari mengganti tema,Menambah Plugin, menabah
Halaman hingga menerbitkan Blogpost.

Gambar 4.1 login pada halaman Dasboard WordPress


Sumber : Dokumentasi Pribadi

Cara mudah dasbor WordPress tidak sulit, hanya perlu menambahkan Wp-admin di
Belakang Domain misalnya localhost/sekolahku/wordpress/wp-admin. Setalah itu, dilayar
akan muncul gambar seperti diatas. Masukan Username dan Password yang sudah dibuat
ketika menginstall WordPress dilangkah sebelumnya. Jika login suskses akan muncul
Dasboard seperti dibawah ini.

9
Gambar 4.2 Tampilan Dashboard WordPress
Sumber : Dokumentasi Pribadi

Dashboard WordPress terbagi menjadi tuga bagian Utama yaitu


1. Toolbar yaitu untuk mengelola profil selain itu juga dapat notifikasi berapa banyak
komentar yang di dapatkan melalui toolbar.\
2. Dashboard adalah menu navigasi. Sebagian besar aktivitas mengelola Wordpress
berada di menu navigasi. Dari menerbitkan Blogspot, mengunggah media,
menambah halaman,mengelola komentar,mengganti tema, memasang plugin, hingga
mengganti pengaturan Wordpress.
3. Bagian tiga adalah area kerja utama terdapat emapat halaman berikut
- At a Glance menampilkan jumlah post,halaman,komentar dan versi Wordpress
yang digunakan
10
- Activity menunjukan informasi singkat tentang post dan komentar baru.
- Jika memiliki ide artikel dan ingin segera menulisnya bisa dilakukan di Quick
Draft. Tetap melakukan penerbitan melalui menu utama.
- Wordpress New menampilkan berita terbaru dari Wordpress.

4.4.1 Installasi Plugin pada wordpress

Pada aplikasi wordpress ini kita membutuhkan plugin untuk dapat mengedit dan
mendesain website yang kita inginkan, beberapa list plugin yang di butuhkan :

 Akismet Anti-Spam
 Hello Dolly
 Easy Wp SMT
 Elementor
 Table Press

Gambar 4.3 Instalasi plugin pada wordpress


Sumber : Dokumentasi pribadi

Selanjutnya tampilan dashboard Website SD Negeri Jatisampurna Kota Bekasi pada


Aplikasi Wordpress Sebelum melakukan Aktivitas dan desain tampilan Website SD
Negeri Jatisampurna V Kota Bekasi, Seperti yang dapat dilihat pada gambar berikut
ini :

11
Gambar 4.4 Dashboard website SDN Jatisampurna V pada wordpress
Sumber : Dokumentasi Pribadi

Selanjutnya proses pemilihan tema website sebagai template dasar tampilan website
yang sesuai dengan permintaan pihak Instansi yang dapat terlihat pada gambar berikut
ini :

Gambar 4.5 Pemilihan tema website pada Wordpress


Sumber : Dokumentasi Pribadi

4.4.2. Proses Desain Home Page Website

Setelah tema ditentukan, Membuat halaman statis di Wordpress yang dijadikan


halaman utama akan membantu untuk menampilkan informasi penting. Misalnya
ketika website yang digunakan bertujuan untuk mengenalkan Instansi sekolah pasti
kita memasukan profil sekolah, misi visi sekolah dan lain – lainya untuk ditampilkan
dihalaman depan Website. Maka dari itu kami membuat halaman utama pada website
SD Negeri Jatisampurna V dengan Istilah Home Page, maka dilakukan pengaturan
sesuai dengan arahan pihak kepala sekolah sesuai kebutuhan instansi seperti gambar
12
berikut ini ;

Gambar 4.6 Setting up home page, logo,navigation bar dan menu


Sumber : Dokumentasi Pribadi

4.4.2. Hasil Desain Home Page Website

Setelah diskusi dengan pihak Instansi terkait desain website maka dilakukan
pengaturan sesuai keinginan Instansi, tampilan dari halaman awal atau dikenal dengan
istilah home page, seperti gambar berikut ini :

Gambar 4.7 Laman awal website setelah diedit


Sumber : Dokumentasi Pribadi
13
Dalam home page ada beberapa yang kami tampilkan seperti Jumah Guru, Siswa dan
Rombongan Kelas. Dan kami tampilkan pula Status Akriditasi Sekolah dan Pusat
Informasi Sekolah SD Negeri Jatisampurna V Kota Bekasi dan kami melampirkan
beberapa link untuk keperluan mencetak data NISN siswa dan News ( Berita Nasional
menyeluruh Indonesia, sebagai berikut :

Gambar 4.8 Isi laman awal website setelah diedit


Sumber : Dokumentasi Pribadi

4.4.3. Proses Desain Menu dan Navigation Bar Website

Berikut adalah proses pembuatan menu dan navigation bar pada wordpress untuk
website seperti yang dapat dilihat pada gambar berikut :

Gambar 4.9 Pembuatan menu dan navigation bar


Sumber : Dokumentasi Pribadi

14
Setelah pembuatan menu adapun proses selanjutnya yaitu pembuatan menu pada
wordpress untuk website seperti yang dapat dilihat pada gambar berikut :

Gambar 4.10 Pembuatan sub menu untuk detil service yang tersedia
Sumber : Dokumentasi Peribadi

4.4.5. Hasil Desain Menu dan Navigation Bar Website

Setelah sub menu berhasil dibuat, maka terdapat tampilan sub-menu dari Fitur
yang tersedia pada website SD Negeri Jatisampurna V dan dapat terlihat sebagai
berikut :

Gambar 4.11 Hasil pembuatan menu dan sub menu

Sumber : Dokumentasi Pribadi


15
4.4.6 Hasil Pengisian Konten Pada Menu dan Sub Menu Website

Setelah pembuatan menu selesai konten yang sudah dimasukan sesuai dengan
permintaan kebutuhan pada masing – masing menu dan sub menu. Berikut dalam
Menu “Profil” terdapat Sub menu “ Visi & Misi, Sejarah dan Lokasi “ Isi profil itu
sendiri bisa dilihat Digambar bawah ini sebagai berikut ;

Gambar 4.12 isi Laman Profil


Sumber : Dokumentasi Pribadi
adapun konten yang sudah dimasukan sesuai dengan permintaan Kebutuhan pada
masing- masing menu dan sub menu. Dapat dilihat pada menu visi misi seperti
gambar berikut ini :

Gambar 4.13 Laman VISI dan MISI


Sumber : Dokumentasi Pribadi
16
Adapun konten yang sudah dimasukan sesuai dengan kebutuhan pada Website yang
menampilkan sejarah SD Negeri Jatisampurna V yang ada seperti gambar berikut ini :

Gambar 4.14 Laman Sejarah SD Negeri Jatisampurna


Sumber : Dokumentasi Pribadi

sama dengan proses sebelumnya konten yang sudah dimasukan sesuai dengan arahan
atau permintaan pembimbing diintansi pada Menu “Profil “ berikut ini sub menu yang
berisi “Lokasi” sekolah SDN Jatisampurna V ;

Gambar 4.15 Laman “Lokasi SDN Jatisampurna V”


Sumber : Dokumentasi Pribadi
17
Adapun menu “EKSTRAKURIKULER” merupakan salah satu kegiatan siswa diluar
kelas yang bermanfaat untuk mengembangkan minat dan bangkat siswa SDN
Jatisampurna V kota Bekasi,

Gambar 4.16 Laman “Ekstrakulikuler”


Sumber : Dokumentasi Pribadi

adapun gambar Diaatas ini isi dari “Ekstrakurikuler” dan sub menu diantaranya
“Pramuka,Volly dan Futsal” sebgai berikut :

Gambar 4.17 Laman Sub Menu “Pramuka”


Sumber : Dokumentasi Pribadi
18
Pada halaman sub menu Pramuka ini kami menampilkan beberapa informasi kejuaran
yang telah diraih siswa dan menampilkan kegiatan - kegitan yang diselenggarakan pada
ekstrakurikuler pramuka di SD Negeri Jatisampurna V Kota Bekasi.

Gambar 4.18 Laman Sub Menu “Voly”


Sumber : Dokumentasi Pribadi

Pada Halaman Sub Menu Voly kami menginformasikan bahawa sekolah kami sangat
berantusias, bakat - bakat yang dimiliki siswa untuk dikembangkan menjadi potensi dan
prestasi yang baik dan positif. Selanjutnya dibawah ini kegiatan Ekstrakurikuler Futsal di
SD Negeri Jatisampurna V Kota Bekasi Sebagai Berikut ;

Gambar 4.19 Laman Sub Menu “Futsal”

Sumber : Dokumentasi Pribadi


19
Di sekolah kami sangat akktif dalam bidang cabang olahraga Terutama Futsal dan
Voly yang sangat diminati oleh siswa SD Negeri Jatisampurna V Kota Bekasi,
dengan hal ini kami menginformasikan kegiatan Estrakurikuler Futsal dan prestasi –
prestasi yang telah diraih oleh siswa dalam bidang cabang olahraga Futsal.
Selanjutnya, teresedia fitur laman “ Akademik” yang merupakan isi rombel kelas wali
kelas dan kurikulum yang dipakai, seperti terlihat pada gambar berikut :

Gambar 4.20 Laman “Akademik”


Sumber : Dokumentasi Pribadi

Setelah penyajian informasi Akademik, adapun laman “Akriditasi Sekolah” yang


merupakan laman yang berisi tentang sebagai berikut gambar dibawah ini.

Gambar 4.15 Laman “Our Client”

Gambar 4.21 Laman “Status Akriditasi Sekolah Jatisampurna V”


Sumber : Dokumentasi Pribadi

20
Pada halaman ini kami menginformasikan bahwa sekolah kami telah terakriditasi dan
mendapatkan nilai cukup baik. Akriditasi sekolah merupakan penilaian (Asesmen)
Sekolah secara sistem dan komprehensif melalui kegiatan evaluasi internal dan evaluasi
eksternal (visitasi) untuk menentukan kelayakan dan kinerja sekolah. Dan selanjutnya
halaman informasi sekolah seperti gambar berikut ;

Gambar 4.22 Laman “Informasi ”


Sumber : Dokumentasi Pribadi

Untuk Kebutuhan Informasi Terupdate mengenai Instansi, Maka dibuatlah Primary


Sidebar “ Berita Terbaru” yang berisi Artikel atau News Update dari SD Negeri
Jatisampurna V kota Bekasi Seperti terlihat pada gambar berikut :
21
Gambar 4.23 Primary Sidebar Untuk Menampilkan “ Berita Terabaru”
Sumber : Dokumentasi Pribadi

Terakhir, fitur Header Option yang berisi mengenai informasi kontak Instansi yang
sangat berguna khususnya bagi kebutuhan user mendapatkan informasi lebih lanjut
atau ada hal yang perlu ditanyakan kepada pihak instansi.

Gambar 4.24 Header Option “ Kontak Instansi”


Sumber : Dokumentasi Pribadi

Ditambah dengan fitur “Search From” untuk memfilter artikel / news terupdate atau
yang sudah lawas untuk kebutuhan informasi user atau pemberkasan arsip kebutuhan
instansi.

22
BAB V
KESIMPULAN DAN SARAN

5.1. Kesimpulan

Berikut ini merupakan kesimpulan dari pembuatan website SD Negeri Jatisampurna


V menggunakan Wordpress yaitu :
1. Pembuatan website Company Profile SD Negeri Jatisampurna V yang Khususnya
diperuntukan untuk pusat informasi dan sebagai media sosialisasi ini
menghasilkan integrasi yang baik antara penerapan tekhnologi computer dan
strategi Sosialisasi yang sehingga dapat menghasilkan dampak yang postif.
2. Company profile atau profil Instansi merupakan sebuah media atau alat yang
bermanfaat untuk memberikan informasi atau gambaran secara lengkap mengenail
detail Instansi. Secara umum company profile memiliki peran sebagai alat
Sosialisasi. Bisa dikatakan bahwa company profile memang wajib dimiliki oleh
setiap Instansi yang sedang berjalan.
3. Beberapa fungsi dan manfaat company profile antara lain memuat informasi detail
mengenai Instansi, berperan sebagai media representasi dan tools Sosialisasi,
pelengkap dalam proposal, serta berperan sebagai media untuk branding dan
publikasi.
4. Sebeneranya tujuan utama dalam pembuatan Company Profile SDN Jatisampurna
V ini untuk mensosialisasikan Sekolah sebagai media PPDB Online untuk
kedapannya apa bila diberi izin dari pihak instansi atau dari pihak dinas
Pendidikan kota Bekasi.
5. Beberapa informasi yang terdapat di dalam Company Profile SDN Jatisampurna V
antara lain Misi Visi Sekolah, Sejarah Sekolah, Akademik, Profile sekolah,
PPDB,Pusat informasi sekolah, Ekstrakurikuler, kontak sekolah ( No. Handphone,
Alamat Email ) dan lain lain.

5.2. Saran

1. Perancangan website ini diharapkan bisa lebih berkembang dan juga inovativ agar
informasi yang disajikan kepada pengakses dapat lebih komunikatif.
2. website ini masih sangat amat sederhana dan belum sempurna, sehingga masih
perlu pengembangan lagi dari segi tampilan dan isi halaman pada website.

23
DAFTAR PUSTAKA

Balebengong, 2007. Pengertian Website website webhosting dan domainname.


(http://www.baliorange.web.id/pengertian-websitewebhosting-domainname Diakses 27
Maret 2013

Balebengong, 2007, Pengertian Website dan Unsurunsurnya.html.


(http://www.balebengong.net/topik/teknologi Diakses 27 Maret 2013)

Fathoni, Muhammad, 2012. Aplikasi CMS Wordpress untuk Merancang Webside Sebagai
Pengembangan Media Promosi Pada Praja Warnet dan Aksesoris Gresik

Eko, Heri Eko, 2012. Aplikasi Cms Wordpress Versi 3.0 Untuk Merancang Website Sebagai
Media Promosi Online Di Ndiko

Pane, E, S, dan Sadar, M. 2012. Rancangan Website Akademik Sekolah Menengah


Kejuruan (SMK) Negeri 5 Pekanbaru. Tugas Akhir Universitas Lancang Kuning:
Pekanbaru

Soleh, dan Muhamad Sam. 2013. Pembangunan Website Sekolah SMK Islam Sudirman
Kedung Jati. Tugas Akhir Universitas Widyatama: Bandung

Euis widiyastuti, 2005. Pembuatan Website Sekolah SMU Negeri 1 Lembang. Tugas Akhir
Universitas Komputer Indonesia: Bandung

Rohman, Saifur. 2012. Dalam skripsi yang berjudul “Pengembangan Website Sekolah
dengan Menggunakan Joomla Sebagai Alternatif Pemberian Informasi di SD Srondol
Wetan 06 Semarang”. Semarang: Kurtekdik UNNES.

24
25
26
27
28
29
30
31

Anda mungkin juga menyukai