PEMBUATAN WEBSITE PROFIL SEKOLAH DASAR NEGERI KARANGANYAR 2 SAMBUNGMACAN SRAGEN

Transkripsi

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 Pembimbing1 :RamadhianAgusTriono, S.Kom., M.M Pembimbing2 :Jani Kusanti, S.Kom FAKULTAS TEKNIK ELEKTRO DAN INFORMATIKA UNIVERSITAS SURAKARTA 2014

2 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 : 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 Fajar Adi Apriyanto ii

3 FAKULTAS TEKNIK ELEKTRO DAN INFORMATIKA PROGAM STUDI TEKNIK INFORMATIKA UNIVERSITAS SURAKARTA LEMBAR PERSETUJUAN SKRIPSI Judul : Pembuatan Website Profil Sekolah Dasar Negeri Karanganyar 2 Sambungmacan Sragen Nama : Fajar Adi Apriyanto NIM : Fakultas : Teknik Elektro Dan Informatika / S1 Naskah ini telah disetujui untuk diujikan Surakarta, 2014 Mengetahui, Pembimbing I Mengetahui, Pembimbing II Ramadhian Agus T., S.Kom., MM Jani Kusanti, S.Kom iii

4 FAKULTAS TEKNIK ELEKTRO DAN INFORMATIKA PROGAM STUDI TEKNIK INFORMATIKA UNIVERSITAS SURAKARTA LEMBAR PENGSAHAN SKRIPSI Judul : Pembuatan Website Profil Sekolah Dasar Negeri Karanganyar 2 Sambungmacan Sragen Nama : Fajar Adi Apriyanto NIM : Fakultas : Teknik Elektro Dan Informatika / S1 Naskah ini telah diujikan dihadapan dewan penguji Pada hari / tanggal : Ketua : ( ) Sekertaris : ( ) Anggota : ( ) Mengetahui, Dekan Fakultas Teknik Elektro dan Informatika Universitas Surakarta Ketua Program Studi Teknik Informatika Sukoco, S.Si., M.Si., M.Kom Ir. Tri Irianto Tj., M.T iv

5 DAFTAR ISI Halaman Judul... Lembar Pernyataan Penulis... Lembar Persetujuan... Lembar Pengesahan... Daftar Isi... i ii iii iv v Abstract... 1 Abstraksi Pendahuluan Latar Belakang Masalah Rumusan Masalah Batasan Masalah Tujuan Manfaat Penelitian Metode Penelitian 3 2 Landasan Teori Pengertian Sistem Informasi Pengertian Website Pengertian Website Profil Pengertian Web Server Pengertian Xampp Pengertian CSS Pengertian Browser Pengertian CMS Pengertian Data Base 4 v

6 2.10 Pengertian HTML Pengertian PHP Pengertian MySQL Pengertian Hosting Pengertian Domain Tinjauan Pustaka 5 3 Analisis dan Perancangan Sistem Analisa Kerangka Pemikiran Perancangan Siatem Diagram Konteks Data Folw Diagram Flowchart Rancangan Desain Halaman Web Struktur Link Website Rancangan Tampilan Login Admin Rancangan Tampilan Halaman Admin 8 4 Implementasi Sistem Tampilan Online Website 9 5 Penutup Kesimpulan Saran 9 Daftar Pustaka 9 vi

7 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 fajaradiapriyanto@gmail.com 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. Kata kunci : Website Profil SD Negeri Karanganyar 2 1

8 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 memberikan 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 jaringanjaringan 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 : (Melwin, 2005). Berdasarkan hasil Observasi yang dilakukan oleh peneliti, SD Negeri Karanganyar 2 Sambungmacan Sragen merupakan salah satu sekolah dasar yang berada di kecamatan Sambungmacan, kabupaten Sragen. Pada umumnya di setiap sekolah atau instansi seharusnya mempunyai website 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 penyampaian informasi yang dilakukan oleh SD Negeri Karanganyar 2 Sambungmacan Sragen masih sangat kurang, dimana penyampaian informasi yang digunakan hanyalah sebuah spanduk dan informasi lisan. Dengan cara tersebut peyebaran informasi mengenai SD Negeri Karanganyar 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 sebagai media penyampaian informasi, khususnya kepada siswa maupun kepada masyarakat luas mengenai profil SD Negeri Karanganyar 2 Sambungmacan Sragen 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 penyampaian dan penyebaran informasi yang lebih luas? 2

9 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 Sambungmacan Sragen menggunakan CMS dan sistem berisi fasilitasfasilitas 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 TUJUAN PENELITIAN Adapun tujuan dari pelaksanaan Skripsi ini adalah sebagai berikut : 1. Menghasilkan Website profil sekolah yang dinamis untuk SD Negeri Karanganyar 2 Sambungmacan Sragen yang dapat memberikan informasi seputar sekolah kepada publik (masyarakat). 2. Menyajikan informasi-informasi terbaru kepada siswa yang bersekolah di SD Negeri Karanganyar 2 Sambungmacan Sragen MANFAAT PENELITIAN Adapun manfaat dari penelitian ini antara lain sebagai berikut : 1. Memberikan kemudahan bagi masyarakat maupun pihak sekolah, dalam mengakses informasi 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 halhal yang akan dipublikasikan melalui website sekolah. 4. Analisis Menganalisis bagaimana membuat Website Profil yang dapat memberikan seputar informasi SD Negeri Karanganyar 2 Sambungmacan Sragen. 5. Perancangan yaitu metode dengan cara merancang dan membuat website yang dinamis untuk keperluan penyampaian informasi di SD Negeri Karanganyar 2 Sambungmacan Sragen. 6. Pembuatan Website Penulis membuat desain interface website dan mengimputkan datadata mengenai SD Negeri Karanganyar 2 Sambungmacan Sragen. 7. Uji Coba Penulis melakukan uji coba dari hasil perancangan dan pembuatan Website Profil di SD Negeri Karanganyar 2 Sambungmacan Sragen. 8. Implementasi Mengimplementasikan hasil jadi dari pembuatan website profil SD Negeri Karanganyar 2 Sambungmacan Sragen ke jaringan internet 3

10 sehingga bisa diakses oleh setiap pengguna. 2. LANDASAN TEORI 2.1. Pengertian Sistem Informasi Sistem adalah sekumpulan unsur yang saling berkaitan dan saling memengaruhi dalam melakukan kegiatan bersama untuk mencapai tujuan bersama. Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Informasi memiliki tingkat kualitas yang ditentukan, beberapa hal diantaranya sebagai berikut. Akurat : informasi harus bebas dari kesalahan-kesalahan atau menyesatkan, dan harus jelas penyampaian maksudnya. Tepat Waktu : informasi yang datang tidak boleh terlambat pada penerimanya. Relevan : informasi harus mempunyai manfaat bagi pengguna. Maka dapat disimpulkan sistem informasi adalah kegiatan dari prosedur-prosedur yang diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk mendukung pengambilan keputusan dan pengendalian 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, animasi, 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 perusahaan. (Bambang Eka Purnama, 2011) Pengertian Web Server Web Server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klient yang dikenal dengan web browser dan mengrimkan kembali hasilnya 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 memisahkan konten utama dengan dokumen 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 4

11 data yang secara logika saling berhubungan. Basis data mengonsolidasikan 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 mendiskripsikan berbagai entitas dan hubungan antar entitas. (Kurniawati & Prayitno, 2010) 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) 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) 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 menggunakan 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) Pengertian Hosting Hosting merupakan komputer khusus yang menjadi tempat tersimpanya filefile website. (Widiyanto & Community, 2011) Pengertian Domain Domain merupakan nama (kode) unik sebagai identitas atau tipe dari website tersebut. (Widiyanto & Community, 2011) 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 bertujuan untuk menyediakan informasi seperti profil, fasilitas, kegiatan dan potensi yang dimiliki sekolah. adapun rumusan masalah yang dilakukan priyadi adalah bagaimana membangun 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 Sambungmacan Sragen. Terdapat per-bedaan pada penelitian yang dilakukan penulis saat ini dengan penulisan yang dilakukan Priyadi, yaitu penulis memberikan info-rmasi yang lebih detail mengenai struktur organisasi pada sekolah tersebut seperti Data Guru dan Data Siswa. 5

12 Sebagai bahan pertimbangan tinjauan pustaka penulis, penulis juga mengambil dari penelitian yang dilakukan oleh (Pujantoko, 2013) mahasiswa dari Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret (UNS), yang mengambil judul penelitian Pembuatan Website SMA Negeri 1 Pracimantoro Menggunakan PHP & MySQL. Pada penelitian yang dilakukan oleh Pujantoko, adalah untuk menghasilakan suatu website profil sekolah SMA Negeri 1 Pracimantoro, website yang dibuat sebagai bahan pertimbangan 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 Website 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 disekolah. Manfaat penelitian yang dilakukan penulis di SD Negeri Karanganyar 2 Sambungmacan Sragen hampir sama dengan yang dilakukan Moises, yaitu memberikan kemudahan bagi siswa, guru dan masyarakat umum untuk mendapatkan 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 Sambungmacan Sragen Kerangka Pemikiran Gambar 3.1 Kerangka Pemikiran 6

13 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 perencanaannya dilakukan melalui beberapa 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 Diagram Konteks Diagram konteks berfungsi untuk menggambarkan keterkaitan aliranaliran 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. digunakan pada metodologi pengembangan sistem yang terstruktur (structured Analysis and design). DFD merupakan alat yang cukup popular sekarang ini, karena dapat menggambarkan arus data di dalam sistem dengan terstruktur dan jelas. Lebih lanjut DFD juga merupakan dokumentasi 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 permasalahan yang terdiri atas sekumpulan simbol, dimana masing-masing simbol merepresentasikan suatu kegiatan tertentu. 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 sebagainya) atau lingkungan fisik dimana data tersebut akan disimpan (misalnya file kartu, microfiche, hard disk, tape, diskette dan lain sebagainya). DFD merupakan alat yang Gambar 3.4 Flowchart User 7

14 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.5 Flowchart Admin 3.7. Rancangan Desain Halaman Web Perancangan halaman website diperlukan untuk mempermudah pembuatan web. Berikut rancangan tampilan website SD Negeri Karanganyar 2 Sambungmacan Sragen. Pada tampilan halaman website ini akan menampilkan seluruh menu yang dibutuhkan untuk mencari segala informasi yang ada di SD Negeri Karanganyar 2 Sambungmacan Sragen. Gambar 3.8 Rancangan Halaman Login Admin Rancangan Tampilan Halaman Admin Halaman admin adalah halaman yang didalamnya terdapat menu an content untuk melakukan pengelolaan website. 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.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. 8

15 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. 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 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 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 Saran Dikarenakan terbatasnya kemampuan penulis dan terbatasnya waktu dalam melaksanakan penelitian, maka masih terdapat kekurangan dalam pembuatan website SD Negeri Karanganyar 2 Sambungmacan Sragen antara lain : 1. Kepada peneliti selanjutnya agar melengkapi website SD Negeri Arief, dan Muhammad Rudyanto. Pemrogaman Web Dinamis Menggunakan PHP & MySQL. Yogyakarta: Andi, Kurniawati, Deborah, dan Edy Prayitno. Pengantar Sistem Informasi. Yogyakarta: Mahameru Press, Priyadi. Sistem Informasi Berbasis Web Pada SMK Muda Patria Kalasan. Yogyakarta: Sekolah Tinggi Manajemen Informatika dan Komputer, Pujantoko, Yoga. Pembuatan Website SMA Negeri 1 Pracimantoro Menggunakan PHP & MySQL. Surakarta: Universitas Sebelas Maret, Purnama, Bambang Eka. Cara Mudah Membuat Web Dengan Wordpress. Mahameru, Yogyakarta, 2011 Sadeli, Muhammad. Membuat Toko Online dengan PHP Untuk Orang Awam. Palembang: Maxikom, Saputra, Agus. Web Tips PHP, HTML5, dan CSS3. Jakarta: Jasakom, Saputra, Agus, Feni Agustin, dan CV ASVA Solution. Menyelesaikan Website 12 Juta secara Prefosional. Jakarta: PT Elex Media Komputindo, Syafriza, Melwin. Pengantar Jaringan Komputer. Yogyakarta: CV. Andi Offset,

16 Suprianto, Dodit. Dasar Pemrogaman PHP. Bandung: OASE Media, Sutarman. Membangun Aplikasi Web dengan PHP & MySQL. Yogyakarta: Graha Ilmu, Tilman, Moises Da Costa. Pembuatan Website Profil SD Kristen Kartasura Sukoharjo. Surakarta: Universitas Surakarta, Widiyanto, Rahmad, dan Asmad Community. Mudah Membangun Website Formal Secara Pro dengan Joomla. Jakarta: PT Elex Media Komputindo,