PEMBUATAN WEBSITE PROFIL SEKOLAH DASAR NEGERI KARANGANYAR 2 SAMBUNGMACAN SRAGEN

(1)

PEMBUATAN WEBSITE PROFIL

SEKOLAH DASAR NEGERI KARANGANYAR 2 SAMBUNGMACAN

SRAGEN

NASKAH PUBLIKASI

Diajukanuntukmelengkapitugasdansyarat – syaratgunamemperolehderajat Sarjana Strata Satu (S1) dalam Program StudiTeknikInformatika

FakultasTeknikElektrodanInformatika Universitas Surakarta

DisusunOleh : Fajar Adi Apriyanto

201022042

Pembimbing1 :RamadhianAgusTriono, S.Kom., M.M Pembimbing2 :Jani Kusanti, S.Kom

FAKULTAS TEKNIK ELEKTRO DAN INFORMATIKA

UNIVERSITAS SURAKARTA

(2)

ii

FAKULTAS TEKNIK ELEKTRO DAN INFORMATIKA PROGAM STUDI TEKNIK INFORMATIKA

UNIVERSITAS SURAKARTA

LEMBAR PERNYATAAN PENULIS

Judul : Pembuatan Website Profil Sekolah Dasar Negeri Karanganyar 2 Sambungmacan Sragen

Nama : Fajar Adi Apriyanto NIM : 201022042

1. Saya menyatakan dan tanggung jawab dengan sebenarnya bahwa kerja praktik ini adalah hasil karya saya sendiri kecuali cuplikan, dan ringkasan masing-masing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya, ada pihak lain yang menemukan sebagian atau seluruh kerja praktik ini yang di sertai bukti-bukti yang cukup maka saya bersedia untuk dibatalkan gelar strata satu saya beserta segala hak dan kewajiban yang melekat pada gelar tersebut.

2. Saya menyatakan bahwa hasil penelitian diperbolehkan untuk disebarluaskan dan dipublikasikan secara umum oleh Universitas Surakarta bersama dengan dosen pembimbing dan dosen penguji.

Surakarta, .... Agustus 2014

(3)

iii

LEMBAR PERSETUJUAN SKRIPSI

Fakultas : Teknik Elektro Dan Informatika / S1

Naskah ini telah disetujui untuk diujikan

Surakarta, 2014

Mengetahui, Mengetahui,

Pembimbing I Pembimbing II

(4)

iv

LEMBAR PENGSAHAN SKRIPSI

Fakultas : Teknik Elektro Dan Informatika / S1

Naskah ini telah diujikan dihadapan dewan penguji Pada hari / tanggal :

Ketua : ( )

Sekertaris : ( )

Anggota : ( )

Mengetahui,

Dekan Fakultas Ketua Program Studi

Teknik Elektro dan Informatika Teknik Informatika Universitas Surakarta

(5)

v

DAFTAR ISI

Halaman Judul ... ... i

Lembar Pernyataan Penulis ... ii

Lembar Persetujuan ... iii

Lembar Pengesahan ... iv

Daftar Isi ... v

Abstract ... 1

Abstraksi ... 1

1 Pendahuluan 2

1.1 Latar Belakang Masalah 2

1.2 Rumusan Masalah 2 1.3 Batasan Masalah 3 1.4 Tujuan 3 1.5 Manfaat Penelitian 3 1.6 Metode Penelitian 3 2 Landasan Teori 4

2.1 Pengertian Sistem Informasi 4

2.2 Pengertian Website 4

2.3 Pengertian Website Profil 4

2.4 Pengertian Web Server 4

2.5 Pengertian Xampp 4

2.6 Pengertian CSS 4

2.7 Pengertian Browser 4

2.8 Pengertian CMS 4

(6)

vi

2.10 Pengertian HTML 5 2.11 Pengertian PHP 5 2.12 Pengertian MySQL 5 2.13 Pengertian Hosting 5 2.14 Pengertian Domain 5 2.15 Tinjauan Pustaka 5

3 Analisis dan Perancangan Sistem 6

3.1 Analisa 6

3.2 Kerangka Pemikiran 6

3.3 Perancangan Siatem 7

3.4 Diagram Konteks 7

3.5 Data Folw Diagram 7

3.6 Flowchart 7

3.7 Rancangan Desain Halaman Web 8

3.8 Struktur Link Website 8

3.9 Rancangan Tampilan Login Admin 8

3.10 Rancangan Tampilan Halaman Admin 8

4 Implementasi Sistem 8

4.1 Tampilan Online Website 9

5 Penutup 9

5.1 Kesimpulan 9

5.2 Saran 9

(7)

1

PEMBUATAN WEBSITE PROFIL

SEKOLAH DASAR NEGERI KARANGANYAR 2 SAMBUNGMACAN SRAGEN Fajar Adi Apriyanto, Ramadhian Agus T, S.Kom., M.M, Jani Kusanti, S.Kom

Program Studi Teknik Elektro Dan Informaatika Email : [email protected]

ABSTRACT

The development of information technology and the world of today is very rapidly among the public, who then changed the way meraka against media information provider. Website is one of the means of internet media that serves to show, introducing even can serve as a medium of information seekers who are needed.

State Primary School Karanganyar 2 Sambungmacan Sragen is one public elementary school located in Sragen which still requires interaction and socialization so that the school can be more widely known and his students themselves, in particular by providing complete information, detailed and clear about the school.

The purpose of this study is to produce a website profile Karanganyar Elementary School 2 Sambungmacan Sragen. The benefit of this study is to provide convenience to the public and school community, in accessing information about Elementary School Karanganyar 2 Sambungmacan Sragen.

In this study the authors use the methods of literature, observation, interviews, analysis, design, website creation, testing and implementation.

The results of this study is the construction of Elementary School Website Karanganyar 2 Sambungmacan Sragen, which is used as a medium to disseminate information more effectively and efficiently which can be accessed anywhere and anytime online.

Keyword : Website Profile Public Primary School Karanganyar 2 ABSTRAKSI

Perkembangan dunia teknologi dan informasi sekarang ini sangat pesat dikalangan masyarakat yang kemudian mengubah cara pandang meraka terhadap media penyedia informasi. Website merupakan salah satu sarana media internet yang berfungsi untuk menampilkan, memperkenalkan bahkan dapat berfungsi sebagai media pencari informasi yang sedang dibutuhkan.

Sekolah Dasar Negeri Karanganyar 2 Sambungmacan Sragen merupakan salah satu Sekolah Dasar Negeri yang berada di Kabupaten Sragen yang masih sangat membutuhkan interaksi maupun sosialisasi agar sekolah tersebut dapat lebih dikenal masyarakat luas maupun siswa-siswanya sendiri, yaitu dengan cara memberikan informasi secara lengkap, detail dan jelas mengenai sekolah tersebut.

Tujuan dari penelitian ini yaitu untuk menghasilkan website profil SD Negeri Karanganyar 2 Sambungmacan Sragen. Manfaat dari penelitian ini adalah untuk memberikan kemudahan bagi masyarakat umum maupun warga sekolah, dalam mengakses informasi tentang SD Negeri Karanganyar 2 Sambungmacan Sragen.

Dalam penelitian ini penulis menggunakan metode kepustakaan, observasi, wawancara, analisis, perancangan, pembuatan website, ujicoba dan implementasi.

Hasil dari penelitian ini adalah dibangunnya Website SD Negeri Karanganyar 2 Sambungmacan Sragen, yang digunakan sebagai media penyampai informasi yang lebih efektif dan efisien yang dapat diakses dimana saja dan kapan saja secara online.

(8)

2

1. PENDAHULUAN

1.1. LATAR BELAKANG MASALAH Di era globalisasi dan teknologi seperti sekarang ini istilah internet sudah tidak asing lagi bagi kita, mulai dari orang dewasa sampai pelajar sudah menggunakan teknologi ini. Bahkan produsen komputer juga tidak ketinggalan mereka berlomba-lomba menciptakan kompuer yang canggih untuk memenuhi kebutuhan yang semakin bertambah. Di zaman dahulu informasi yang didapat hanya melalui media cetak seperti koran atau buku serta media elektronik seperti radio dan televisi. Media-media tersebut berkembang terus seiring dengan kebutuah masyarakat akan informasi. Namun media-media ini banyak kekurangannya, karena hanya mem-berikan informasi yang ada maupun berita yang sudah lama dan iniformasi hanya sekali saja, tidak dapat diulang lagi. Dengan menggunakan teknologi internet, informasi yang didapat tidak terbatas oleh waktu, terbuka sehari semalam dan dapat mencari informasi yang lebih lengkap dibandingkan dengan media-media terlebih dahulu serta menggunakan internet akan menghemat waktu pencarian data, karena mudahnya informasi yang diperoleh sesuai dengan kebutuhan kita.

Interconnected Network atau yang lebih populer dengan sebutan internet adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh dunia. Setiap komputer dan jaringan terhubung secara langsung maupun tidak langsung ke beberapa jalur utama yang disebut internet backbone dan dibedakan satu dengan lain menggunakan unique name yang biasa disebut dengan alamat IP 32 bit. Contoh : 202.65.124.130 (Melwin, 2005).

Berdasarkan hasil Observasi yang dilakukan oleh peneliti, SD Negeri Karanganyar 2 Sambungmacan Sra-gen merupakan salah satu sekolah dasar yang berada di kecamatan Sambungmacan, kabupaten Sragen.

Pada umumnya di setiap sekolah atau instansi seharusnya mempunyai web-site yang dapat diakses oleh masyarakat dan memberikan informasi yang lengkap pada masyarakat, namun sampai saat ini SD Negeri Karanganyar 2 Sambungmacan Sragen masih belum memiliki website sebagai media penyampaian informasi dan promosi. Untuk saat ini penyam-paian informasi yang dilakukan oleh SD Negeri Karanganyar 2 Sam-bungmacan Sragen masih sangat kurang, dimana penyampaian infor-masi yang digunakan hanyalah se-buah spanduk dan informasi lisan. Dengan cara tersebut peyebaran informasi mengenai SD Negeri Ka-ranganyar 2 Sambungmacan Sragen dirasa kurang efektif karena masih memiliki banyak kekurangan, antara lain muatan informasi yang terbatas, jangkauan penyebaran informasi yang kurang luas. Penyebaran informasi tersebut akan dirasakan lebih efektif apabila SD Negeri Karanganyar 2 Sambungmacan Sragen memiliki website profil sebagai salah satu media penyampaian informasi kepada masyarakat mengenai instansinya. Berdasarkam permasalahan yang ada, maka penulis mengambil Skripsi dengan judul “Pembuatan Website Profil Sekolah Dasar Negeri Karanganyar 2 Sambungmacan Sragen” yang dapat digunakan se-bagai media penyampaian informasi, khususnya kepada siswa maupun kepada masyarakat luas mengenai profil SD Negeri Karanganyar 2 Sambungmacan Sragen.

1.2. RUMUSAN MASALAH

Berdasarkan Latar Belakang yang telah diuraikan di atas, maka dapat diperoleh sebuah rumusan masalah yaitu “ Bagaimana membuat sebuah website profil yang dinamis pada Sekolah Dasar Negeri Karanganyar 2 Sambungmacan Sragen sehingga dapat meningkatkan kualitas pen-yampaian dan penyebaran informasi yang lebih luas ?”

(9)

3

1.3. BATASAN MASALAH

Agar penyusunan Skripsi ini tidak keluar dari pokok permasalahan yang telah dirumuskan, maka ruang lingkup pebahasan dibatasi pada :

1. Pembuatan website profil pada SD Negeri Karanganyar 2 Samb-ungmacan Sragen menggunakan CMS dan sistem berisi fasilitas-fasilitas yang tersedia, yaitu : a. Halaman User, halaman ini

berisi menu, Home, profil, Guru, Siswa, Fitur.

b. Halaman Admin, berisi menu untuk manajemen situs, meliputi delete, upload dan update informasi.

2. Software yang digunakan untuk pembuatan website profil adalah Adobe Dreamweaver CS3, Adobe Photoshop CS3, CorelDraw X4, Xampp, Web Browser Mozila Firefox.

3. Tidak membahas mengenai database, bagian controller dan model keamanan website.

1.4. TUJUAN PENELITIAN

Adapun tujuan dari pelaksanaan Skripsi ini adalah sebagai berikut : 1. Menghasilkan Website profil

sekolah yang dinamis untuk SD Negeri Karanganyar 2 Sambung-macan Sragen yang dapat mem-berikan informasi seputar sekolah kepada publik (masyarakat). 2. Menyajikan informasi-informasi

terbaru kepada siswa yang bersekolah di SD Negeri Karang-anyar 2 Sambungmacan Sragen. 1.5. MANFAAT PENELITIAN

Adapun manfaat dari penelitian ini antara lain sebagai berikut :

1. Memberikan kemudahan bagi masyarakat maupun pihak sekolah, dalam mengakses infor-masi mengenai SD Negeri Karanganyar 2 Sambungmacan Sragen.

2. Dapat mengangkat serta meningkatkan citra positif dan prestasi SD Negeri Karanganyar 2 Sambungmacan Sragen

1.6. METODE PENELITIAN

Metode penelitian sangat diperlukan untuk mendapatkan bukti kebenaran suatu konsep dan teori yang diperoleh serta untuk menemukan dan menguji suatu pengetahuan. Adapun metode yang digunakan penulis adalah : 1. Metode Kepustakaan

Metode Kepustakaan Merupakan pengumpulan data dengan cara mengambil data dari buku maupun jurnal penelitian yang berkaitan dengan penelitian yang dilakukan oleh penulis.

2. Metode Observasi

Yaitu mengumpulkan data secara langsung pada objek yang diteliti, sehingga didapat data yang akurat.

3. Metode wawancara

Melakukan tanya jawab dengan pihak sekolah sehingga dapat diperolah data dan gambaran hal-hal yang akan dipublikasikan melalui website sekolah.

4. Analisis

Menganalisis bagaimana mem-buat Website Profil yang dapat memberikan seputar informasi SD Negeri Karanganyar 2 Sambung-macan Sragen.

5. Perancangan

yaitu metode dengan cara merancang dan membuat website yang dinamis untuk keperluan penyampaian informasi di SD Negeri Karanganyar 2 Sambung-macan Sragen.

6. Pembuatan Website

Penulis membuat desain interface website dan mengimputkan data-data mengenai SD Negeri Karang-anyar 2 Sambungmacan Sragen. 7. Uji Coba

Penulis melakukan uji coba dari hasil perancangan dan pem-buatan Website Profil di SD Negeri Karanganyar 2 Sambung-macan Sragen.

8. Implementasi

Mengimplementasikan hasil jadi dari pembuatan website profil SD Negeri Karanganyar 2 Sambung-macan Sragen ke jaringan internet

(10)

4

sehingga bisa diakses oleh setiap pengguna.

2. LANDASAN TEORI

2.1. Pengertian Sistem Informasi

Sistem adalah sekumpulan un-sur yang saling berkaitan dan saling memengaruhi dalam melakukan ke-giatan bersama untuk mencapai tujuan bersama.

Informasi adalah data yang di-olah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Informasi memiliki ting-kat kualitas yang ditentukan, beberapa hal diantaranya sebagai berikut.

 Akurat : informasi harus bebas dari kesalahan-kesalahan atau menyesatkan, dan harus jelas pe-nyampaian maksudnya.

 Tepat Waktu : informasi yang datang tidak boleh terlambat pada penerimanya.

 Relevan : informasi harus mem-punyai manfaat bagi pengguna. Maka dapat disimpulkan sistem informasi adalah kegiatan dari prosedur-prosedur yang diorganisasi-kan, bilamana dieksekusi akan men-yediakan informasi untuk mendukung pengambilan keputusan dan peng-endalian di dalam organisasi. (Saputra, Agustin, & Solution, 2013) 2.2. Pengertian Website

Website merupakan sebuah tempat di internet yang dapat berisi text informasi, suara/musik, gambar, ani-masi, film/video klip yang diolah oleh komputer. Website memiliki alamat lokasi untuk dikunjungi, bila di dunia nyata alamat dikenal dengan nama jalan, kota, propinsi dan negara. (Widiyanto & Community, 2011)

2.3. Pengertian Website Profil

Website profil adalah sebuah website yang menampilkan informasi tentang latar belakang sebuah perusahaan, produk atau layanan, informasi kontak dan berita singkat seputar per-usahaan. (Bambang Eka Purnama, 2011).

2.4. Pengertian Web Server

Web Server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klient yang dikenal dengan web bro-wser dan mengrimkan kembali hasil-nya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. (Sadeli, 2011)

2.5. Pengertian Xampp

Xampp merupakan aplikasi yang mengintegasi beberapa aplikasi utama web di dalamnya. Dalam Xampp terdapat instalasi modul PHP, MySQL, web server Apache. (Arief & Rudyanto, 2011)

2.6. Pengertian CSS

CSS merupakan singkatan dari Cascading Style Sheet merupakan bahasa pemrograman web yang didesain khusus untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web lebih rapih, terstruktur, dan sragam. Tujuan CSS adalah untuk mem-isahkan konten utama dengan dok-umen lainnya (html dan sejenisnya). (Saputra, 2012)

2.7. Pengertian Browser

Browser merupakan suatu program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet. Jadi untuk mengakses web diperlukan suatu program yaitu Web browser atau biasa disebut browser saja. (Sutarman, 2007)

2.8. Pengertian CMS

Content Management System (CMS) adalah sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. (Widiyanto & Community, 2011)

2.9. Pengertian Data Base

Basis data atau database adalah kumpulan terintegrasi dari elemen

(11)

5

data yang secara logika saling berhubungan. Basis data meng-onsolidasikan berbagai catatan yang dahulu disimpan dalam file-file terpisah kedalam satu gabungan umum elemen data yang menyediakan data yang menyediakan data untuk banyak aplikasi. Jadi, basis data berisi berbagai elemen data yang men-diskripsikan berbagai entitas dan hubungan antar entitas. (Kurniawati & Prayitno, 2010)

2.10. Pengertian HTML

HTML merupakan singkatan dari (Hyper Text Mark-up Language). HTML bisa disebut bahasa paling dasar dan penting yang digunakan untuk menampilkan dan mengelola tampilan pada halaman website. (Saputra, 2012)

2.11. Pengertian PHP

PHP merupakan kependekan dari kata Hypertext Preprocessor. PHP tergolong sebagai perangkat lunak open source yang diatur dalam aturan general purpose licences (GPL). Pemrogaman PHP sangat cocok dikembangkan dalam lingkungan web, karena PHP bisa dilekatkan pada script HTML atau sebaliknya. (Suprianto, 2008)

2.12. Pengertian MySQL

MySQL merupakan salah satu

database kelas dunia yang sangat cocok bila dipadukan dengan bahasa pemrograman PHP. MySQL bekerja menggunakan bahasa SQL (Strcture Query Langue) yang merupakan bahasa standar yang digunakan untuk manipulasi database. Perintah yang paling sering digunakan dalam MySQL adalah SELECT (mengambil), INSERT (menambah), UPDATE (mengubah), dan DELETE (menghapus). (Saputra, 2012)

MySQL adalah database yang menghubungkan script PHP meng-gunakan perintah query dan escaps character yang sama dengan PHP. MySQL mempunyai tampilan client yang mempermudah pengguna dalam mengakses database dengan kata

sandi untuk mengijinkan proses yang boleh pengguna lakukan. Untuk masuk ke dalam database disediakan user default, yaitu root dengan password (password root dibuat pada saat melakukan instalasi AppServ). (Sadeli, 2011)

2.13. Pengertian Hosting

Hosting merupakan komputer khusus yang menjadi tempat tersimpanya file-file website. (Widiyanto & Community, 2011)

2.14. Pengertian Domain

Domain merupakan nama (kode) unik sebagai identitas atau tipe dari website tersebut. (Widiyanto & Community, 2011)

2.15. Tinjauan Pustaka

Berbagai penelitian tentang pembangunan website sudah banyak dilakukan. (Priyadi, 2012) seorang mahasiwa dari Sekolah Tinggi Manajemen Informatika dan Komputer AMIKOM Yogyakarta, melakukan penelitian dengan judul “Sistem Informasi Berbasis Web Pada SMK Muda Patria”. pada penelitian yang dilakukan oleh Priyadi ini mengulas bagaimana website yang dibuat ber-tujuan untuk menyediakan informasi seperti profil, fasilitas, kegiatan dan potensi yang dimiliki sekolah. adapun rumusan masalah yang dilakukan priyadi adalah bagaimana mem-bangun Sistem Informasi Berbasis Web yang mampu memberikan informasi tentang sekolah tersebut. Penelitian yang dilakukan penulis pada salah satu sekolahan ini sama halnya seperti yang dila-kukan oleh Priyadi yaitu men-jadikan website profil sebagai media informasi dan promosi se-hingga dapat mempromosikan SD Negeri Karanganyar 2 Sambung-macan Sragen. Terdapat per-bedaan pada penelitian yang dilakukan penulis saat ini dengan penulisan yang dila-kukan Priyadi, yaitu penulis mem-berikan info-rmasi yang lebih detail mengenai struktur organisasi pada sekolah tersebut seperti Data Guru dan Data Siswa.

(12)

6

Sebagai bahan pertimbangan tinjauan pustaka penulis, penulis juga meng-ambil dari penelitian yang dilakukan oleh (Pujantoko, 2013) mahasiswa dari Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret (UNS), yang meng-ambil judul penelitian “Pembuatan Website SMA Negeri 1 Pracimantoro Menggunakan PHP & MySQL”. Pada penelitian yang dilakukan oleh Pujantoko, adalah untuk meng-hasilakan suatu website profil sekolah SMA Negeri 1 Pracimantoro, website yang dibuat sebagai bahan per-timbangan dalam penyampaian informasi dan profil SMA Negeri Pracimantoro agar lebih dikenal dan diakses dengan mudah oleh Siswa, Guru, dan pihak luar sekolah. Website SMA Negeri 1 Pracimantoro tersebut berisikan profil sekolah yang terdiri dari sejarah, visi misi, fasilitas, data sekolah, data pengajar, galeri dan buku tamu. Seperti halnya penelitian yang dilakukan Pujantoko, ada banyak persamaan penelitian yang dilakukan dengan penulis, yaitu Menghasilkan Website Profil SD Negeri Karanganyar 2 Sambungmacan Sragen yang berisi seputar informasi dan data sekolah, sebagai media penyedia informasi kepada pihak sekolah maupun masyarakat pada umumnya.

Untuk lebih memperkuat penelitian yang dilakukan penulis di SD Negeri Karanganyar 2 Sambungmacan Sragen, penulis juga menambah bahan pertimbangan tinjauan pustaka ini dengan mengambil dari penelitian yang dilakukan oleh Moises Da Costa Tilman mahasiswa Fakultas Teknik Elektro dan Informatika Universitas Surakarta (UNSA), 2014 yang mengambil judul : “Pembuatan Web-site Profil SD Kristen Kartasura Sukoharjo” yang dimaksudkan agar dapat memberikan informasi secara Online dan Up to date kepada siswa demi mempertahankan kualitas dan kuantitas sekolah. Pada penelitian yang dilakukan Moises ini bermanfaat untuk meningkatkan kualitas dan kuantitas pendidikan yang terdapat di SD Kristen Kartasura Sukoharjo, maka

dibuatlah media informasi sekolah melalui website yang merupakan tolak ukur keberhasilan pendidikan dise-kolah. Manfaat penelitian yang dilakukan penulis di SD Negeri Karanganyar 2 Sambungmacan Sra-gen hampir sama dengan yang dilakukan Moises, yaitu memberikan kemudahan bagi siswa, guru dan masyarakat umum untuk menda-patkan informasi sekolah tanpa harus datang kesekolah. Metode penelitian yang dilakukanpun sama dengan penulis yaitu metode Kepustakaan, Observasi, Wawancara, Analisis, Perancanagan, Pembuatan, Uji Coba dan Implementasi. Dan menggunakan perangkat lunak yang digunakan untuk mendukung pembuatan Website e-commerce adalah MySQL sebagai Web Server, dan PHP sebagai Database-nya.

3. ANALISIS DAN PERANCANGAN SISTEM

3.1. Analisa

Menganalisis sistem yang akan digunakan sebagai media penyampai informasi di SD Negeri Karanganyar 2 Sambungmacan Sragen, yang selama ini melakukan penyampaian informasi hanya menggunakan spanduk dan informasi lisan. Maka perlu dirancang suatu sistem yang dapat mempercepat proses pencairan informasi tentang SD Negeri Karanganyar 2 Sam-bungmacan Sragen.

3.2. Kerangka Pemikiran

(13)

7

3.3. Perancangan Sistem

Pembuatan website pada prinsipnya adalah mengubah tampilan informasi brosur, kertas, foto, buku atau hardcpopy menjadi tampilan softcopy yaitu siap diolah oleh aplikasi komputer dan dapat dipublikasikan melalui media komputer dan internet Dalam pembuatan website peren-canaannya dilakukan melalui bebe-rapa tahapan. Yaitu :

1. Mempelajari dan mengumpulkan data yang akan ditampilkan pada website.

2. Merancang Website, Membuat Desain Website, menyusun Dokumen Website dan membuat Dokumen Website.

3.4. Diagram Konteks

Diagram konteks berfungsi untuk menggambarkan keterkaitan aliran-aliran data antara sistem dengan bagian-bagian luar (kesatuan luar). menggambarkan admin dan user dapat mengakses informasi yang ada pada website SD Negeri Karanganyar 2 Sambungmacan Sragen.

Gambar 3.2 Diagram Konteks 3.5. DFD (Data Flow Diagram)

DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir (misalnya lewat telpon, surat dan se-bagainya) atau lingkungan fisik dimana data tersebut akan disimpan (misalnya file kartu, microfiche, hard disk, tape, diskette dan lain seba-gainya). DFD merupakan alat yang

digunakan pada metodologi pengem-bangan sistem yang terstruktur (structured Analysis and design). DFD merupakan alat yang cukup popular sekarang ini, karena dapat meng-gambarkan arus data di dalam sistem dengan terstruktur dan jelas. Lebih lanjut DFD juga merupakan doku-mentasi dari sistem yang baik. (Jogiyanto, 2000) Beberapa symbol digunakan di DFD untuk maksud mewakili :

1. External entity (kesatuan luar) atau boundary (batas sistem) 2. Data flow (arus data)

3. Process (proses) Data store (simpanan data)

Gambar 3.3 Data Flow Diagram 3.6. Flowchart

Flowchart adalah representasi grafik dari langkah-langkah yang harus diikuti dalam menyelesaikan suatu perma-salahan yang terdiri atas sekumpulan simbol, dimana masing-masing simbol merepresentasikan suatu kegiatan tertentu.

(14)

8

Gambar 3.5 Flowchart Admin 3.7. Rancangan Desain Halaman Web

Perancangan halaman website diperlukan untuk mempermudah pem-buatan web. Berikut rancangan tampilan website SD Negeri Karang-anyar 2 Sambungmacan Sragen. Pada tampilan halaman website ini akan menampilkan seluruh menu yang di-butuhkan untuk mencari segala informasi yang ada di SD Negeri Karanganyar 2 Sambungmacan Sragen.

Gambar 3.6 Rancangan Tampilan

Website

3.8. Struktur Link Website

Struktur link pada website dibuat sedemikian rupa agar website dapat terlihat menarik dan tampil dengan jelas dalam pencarian data, maka perlu adanya pengaturan link antar halaman atau antarmuka daripada website tersebut.

Gambar 3.7 Struktur Link Website 3.9. Rancangan Tampilan Login Admin

Halaman login admin adalah halaman yang didalamnya terdapat formulir yang digunakan untuk masuk pada halaman admin.

Gambar 3.8 Rancangan Halaman

Login Admin

3.10. Rancangan Tampilan Halaman Admin Halaman admin adalah halaman yang didalamnya terdapat menu an content untuk melakukan pengelolaan website.

Gambar 3.9 Rancangan Halaman

Admin

4. IMPLEMENTASI SISTEM

Untuk mendapatkan sebuah hasil seperti yang diharapkan, sebuah website harus diimplementasikan, apakah sistem yang sudah dibuat dapat berfungsi dan dapat diterapkan secara efektif dan efisien. Sehingga Website Profil yang dihasilkan dapat digunakan sebagai media penyampai informasi di SD Negeri Karangayar 2 Sambungmacan Sragen.

(15)

9

4.1 TAMPILAN ONLINE WEBSITE

Pada halaman Home menyajikan berbagai menu, diantaranya Menu utama yang terdapat pada bagian atas yaitu “Home, Profil, Guru, Siswa, Fitur” dan beberapa konten di sebelah kiri dan kanan seperti “Berita, Kalender, Baner, Statistik, Poling, Info Sekolah, Galeri Foto, Pencarian”.

Gambar 4.1 Halaman Home 5. PENUTUP

5.1. Kesimpulan

Dari berbagai uraian yang telah disusun penulis mengenai website SD

Negeri Karanganyar 2

Sambungmacan Sragen dapat diambil kesimpulan :

1. SD Negeri Karanganyar 2 Sambungmacan Sragen sudah memiliki website, sehingga masyarakat maupun warga sekolah dapat mencari informasi mengenai SD Negeri Karanganyar 2 Sambungmacan Sragen secara online melalui alamat http://sdnkaranganyar2sragen.sch .id dan dapat berinteraksi dengan pihak sekolah tanpa harus mendatangi SD Negeri Karanganyar 2 Sambungmacan Sragen secara langsung.

2. Dengan adanya website ini jangkauan informasi yang diberikan akan lebih luas.

5.1. Saran

Dikarenakan terbatasnya kemampuan penulis dan terbatasnya waktu dalam melaksanakan penelitian, maka masih terdapat kekurangan dalam pem-buatan website SD Negeri Kar-anganyar 2 Sambungmacan Sragen antara lain :

1. Kepada peneliti selanjutnya agar melengkapi website SD Negeri

Karanganyar 2 Sambungmacan Sragen dengan menambah halaman pendaftaran online siswa baru SD Negeri Karanganyar 2 Sambungmacan Sragen.

2. Kepada peneliti selanjutnya agar dapat lebih menyempurnakan sistem pada website SD Negeri Karanganyar 2 Sambungmacan Sragen baik tampilan dan tingkat interaktif website.

DAFTAR PUSTAKA

Arief, dan Muhammad Rudyanto.

Pemrogaman Web Dinamis

Menggunakan PHP & MySQL. Yogyakarta: Andi, 2011.

Kurniawati, Deborah, dan Edy Prayitno.

Pengantar Sistem Informasi.

Yogyakarta: Mahameru Press, 2010. Priyadi. Sistem Informasi Berbasis Web

Pada SMK Muda Patria Kalasan. Yogyakarta: Sekolah Tinggi Manajemen Informatika dan Komputer, 2012.

Pujantoko, Yoga. Pembuatan Website SMA

Negeri 1 Pracimantoro Menggunakan PHP & MySQL. Surakarta: Universitas Sebelas Maret, 2009.

Purnama, Bambang Eka. Cara Mudah

Membuat Web Dengan Wordpress. Mahameru, Yogyakarta, 2011

Sadeli, Muhammad. Membuat Toko Online

dengan PHP Untuk Orang Awam. Palembang: Maxikom, 2011.

Saputra, Agus. Web Tips PHP, HTML5,

dan CSS3. Jakarta: Jasakom, 2012.

Saputra, Agus, Feni Agustin, dan CV ASVA Solution. Menyelesaikan Website 12 Juta secara Prefosional. Jakarta: PT Elex Media Komputindo, 2013.

Syafriza, Melwin. Pengantar Jaringan Komputer. Yogyakarta: CV. Andi Offset, 2005.

(16)

10

Suprianto, Dodit. Dasar Pemrogaman

PHP. Bandung: OASE Media, 2008.

Sutarman. Membangun Aplikasi Web dengan PHP & MySQL. Yogyakarta: Graha Ilmu, 2007.

Tilman, Moises Da Costa. Pembuatan

Website Profil SD Kristen Kartasura Sukoharjo. Surakarta: Universitas Surakarta, 2014.

Widiyanto, Rahmad, dan Asmad Community. Mudah Membangun Website Formal Secara Pro dengan Joomla. Jakarta: PT Elex Media Komputindo, 2011.