PERANCANGAN DAN PENGEMBANGAN WEBSITE SMA MUHAMMADIYAH 1 YOGYAKARTA SEBAGAI SARANA INFORMASI
NASKAH PUBLIKASI
disusun oleh: Januar Rahmat Wajo
07.01.2156
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2010
PLANNING AND WEBSITE DEVELOPMENT AT SMA MUHAMMADIYAH 1 YOGYAKARTA FOR MEDIA INFORMATION
PERANCANGAN DAN PENGEMBANGAN WEBSITE SMA MUHAMMADIYAH 1 YOGYAKARTA SEBAGAI SARANA INFORMASI
Januar Rahmat Wajo
07.01.2156
Jurusan D3 teknik Informatika STIMIK AMIKOM YOGYAKARTA
ABSTRACT
Since the discovery of WWW or World Wide Web and the HTTP protocol (HyperText Transfer Protocol) by Tim Berners-Lee, the rapid development of Internet technology. This technology contributed exchange information quickly and efficiently. Therefore, the writing of this manuscript, the theme of the website based applications. Title of final project we've created the "Planning And Development At SMA Muhammadiyah 1 Yogyakarta For Media Information ". Technology used, among others, using PHP as the language of programming, MySQL databases, CSS, Javascript and some other technologies that make your website a dynamic and interactive. Features such as news about the school, hot news indeks, links, RSS, chatroom, google searching, random Al-Qur’an, and winamp Al-Qur’an. Moreover, in this application is no facility for students in expressing themselves in accommodating in a container called a wall magazine .
Keyword: PHP, MySQL, JAVASRIPT, HTML
1. Pendahuluan Website(web/situs) merupakan salah satu sarana informasi. Website itu sendiri dibuat dengan tujuan agar pemakai(user) dapat berinteraksi dengan penyedia informasi dengan mudah dan cepat. Dimana mengakses website ini melalui dunia internet yang sudah dikenal oleh masyarakat pada umumnya. Dalam perkembangannya, kebutuhan akan website ini kini telah melebar hingga ke dunia pendidikan. Dalam dunia pendidikan website juga digunakan sebagai media publikasi/promosi, dengan kata lain mempromosikan lembaga-lembaga pendidikan. Tujuannya agar lembaga-lembaga pendidikan tersebut lebih dikenal di mata masyarakat dengan informasi yang tawarkan. SMA Muhammadiyah 1 Yogyakarta merupakan salah satu sekolah islam swasta di yogyakarta. Kurangnya informasi
dan efisiensi yang ditawarkan oleh
website yang sudah ada, membuat masyarakat kurang berminat memprioritaskan sekolah ini dalam pilihan yang utama. Oleh karena itu penulis bermaksud untuk mengembangkan website yang baru yaitu dengan parameter-parameter yang menunjukkan nilai guna sebuah website sehingga menarik minat dari masyarakat.
2. Dasar Teori 2.1. Tinjauan Pustaka Tinjauan Pustaka laporan penelitian yang dijadikan referensi dalam Tugas Akhir ini adalah Tugas Akhir yang disusun oleh Edi Wibowo jurusan Teknik
Informatika STIMIK AMIKOM Yogyakarta yang berjudul “Perancangan Website Untuk Meningkatkan Teknologi Informasi Di SMP N 1 Prambanan” tahun 2010. 2.2.
Konsep Dasar Sistem Secara garis besar sistem dapat didefinisikan menjadi dua kelompok,
kelompok pertama lebih menekankan pada pendekatan prosedur-prosedur. Menurut Jerry Fit. G sistem dapat diartikan : “Sistem adalah jaringan dari prosedur-prosedur yang terhubung satu sama lain” 2.2.1
Pengertian Sistem
Sistem berasal dari bahasa Latin (systēma) dan
bahasa Yunani
(sustēma) adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat.
2.2.2
Pengertian Informasi Informasi adalah hasil dari pengolahan data-data tertentu sehingga
menjadi data yang dapat dimanfaatkan sebagai landasan mengambil keputusan sesuai dengan kepentingan. Satu hal yang terpenting didalam informasi adalah adanya data.
2.2.3
Pengertian Sistem Informasi Sistem informasi didefinisikan oleh Rober A. Leitch dan K. Roscob
Davis adalah “Sistem Informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”
2.3. Konsep Dasar Web 2.3.1. Pengertian Internet Internet merupakan jaringan global komputer dunia, besar dan sangat luas sekali jangkauannya, dimana setiap komputer saling terhubung satu sama lainnya dari negara ke negara lainnya di seluruh dunia dan berisi berbagai macam informasi, mulai dari text, gambar, audio, video, dan lainnya. 2.3.2. Sejarah Internet 1. Pada tahun 1969, lembaga riset Departemen Pertahanan Amerika DARPA (Defence Advance Research Project Agency), mendanai sebuah riset untuk mengembangkan jaringan komunikasi data antar komputer. 2.3.3. Perkembangan Internet Sejak awal perkembangan TCP/IP hingga sekarang, semakin banyak layanan yang diberikan oleh jaringan TCP/IP. Layanan yang diciptakan pada
awal TCP/IP adalah FTP (File Transfer Protocol). Dengan protocol ini, komputer-komputer dapat saling mengirim file. 2.3.4. Pengertian Web Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site) adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau subdomain di World Wide Web (WWW) di Internet. 2.4. Konsep Database Database merupakan sekumpulan data yang disusun secara logis dan dikendalikan secara sentral. Database memiliki bagian penting, misalnya tabel yang digunakan untuk menyimpan data sedangkan tabel itu sendiri memiliki bagian field atau kolom dan record atau data per baris. 2.5. MYSQL Sebagai Database Server MySQL adalah salah satu database open source yang populer. Sebuah database mendefinisikan struktur untuk menyimpan informasi. Dalam database ada beberapa tabel dan dan pada HTML sebuah tabel berisi baris, kolom dan cell. 2.6. Data Flow Diagram(DFD) Data
Flow Diagram
(DFD)
adalah
alat
pembuatan
model
yang
memungkinkan profesional sistem untuk menggambarkan system sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi.
2.7. Teknologi Pemrograman 2.7.1
PHP
PHP (Hypertext Preprocessor) dikembangkan pertama kali tahun 1995 oleh Rasmus Lerdorf yang merupakan salah satu anggota group Apache. PHP pertama kali didesain sebagai alat tracking pengunjung website Lerdorf.. Kemudian, fungsinya diperlebar dan dihubungkan dengan Apache. 2.7.2
Javascript Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada
fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah
bahasa skrip
pertama untuk web. Bahasa ini adalah bahasa
pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web. 2.7.3
Hypertext Markup Language(HTML) HTML dewasa ini dikenalkan sebagai bahasa standar untuk membuat
membuat dokumen web. Sesungguhnya Hypertext Markup Language (HTML) justru tidak dibuat untuk mempublikasikan informasi di web, namun oleh karena kesederhanaan serta kemudahan penggunanya, HTML kemudian dipilih orang untuk mendistribusikan informasi di web. 2.7.4
Cascading Style Sheet(CSS) Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang
digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa
markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya
sendiri
dapat
dipergunakan
untuk
semua
jenis
dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
3. Analisis dan Perancangan Sistem 3.1. Tinjaun Umum 3.1.1. Sejarah SMA Muhammadiyah 1 Yogyakarta - selanjutnya dikenal dengan julukan SMA MUHI - sebenarnya sudah berdiri 1 November 1948. Waktu itu seluruh aktivitas persekolahan bertempat di Sekolah Rakyat (SR) VI Muhammadiyah Jl. Ngupasan (sekarang Jl. Bhayangkara) Yogyakarta, dan oleh karenanya masuk siang, sebab pada pagi hari dipergunakan oleh SR VI tersebut. Karena pada waktu itu baru ada sebuah SMA Muhammadiyah di Yogyakarta, maka namanya pun bukan SMA Muhammadiyah I tetapi hanya SMA Muhammadiyah Yogyakarta. 3.1.2. Visi dan Misi VISI “SMA Muhammadiyah 1 Yogyakarta berwawasan masa depan dan” “berakhlaqul karimah, unggul dalam IMTAQ dan IPTEK”
MISI 1. Memberdayakan seluruh sumber daya sekolah untuk membentuk kepribadian muslim yang berwawasan ke-Indonesia-an. 2. Membekali siswa ilmu pengetahuan dan teknologi yang berorientasi pada kecakapan hidup. 3.2. Analisis sistem 3.2.1. Analisis Sistem Lama Di dalam aplikasi web SMA Muhammadiyah 1 Yogyakarta yang sudah ada. Oleh karena itu dibutuhkan user interface dan fitur-fitur-fitu kemudahan dalam penggunaan harus menjawab kebutuhan dari semua user tersebut tanpa harus melalui program latihan. Pada web yang sudah ada, penulis menemukan beberapa kelemahan, antara lain: -
Halaman utama yang masih statis & Kurangnya fitur-fitur yang ditawarkan untuk menjawab kebutuhan dari user.
3.2.2. Analisis Kebutuhan Sistem Kebutuhan sistem terdiri dari kebutuhan fungsional dan kebutuhan fungsional. Kebutuhan fungsional merupakan fungsi-fungsi yang harus dimiliki sistem yang dibutuhkan oleh pengguna sistem. Untuk itu penulis merancang
kebutuhan
sistem
dalam
pengembangan
web
SMA
Muhammadiyah 1 Yogyakarta ini dimana menjawab kelemahan-kelemahan yang terdapat pada sistem yang lama. Kebutuhan sistem itu sendiri antara lain:
-
Halaman utama yang lebih dinamis & Fitur-fitur yang ditawarkan untuk menjawab kebutuhan dari user.
3.3. Perancangan Sistem 3.3.1. Data Flow Diagram (DFD) Dalam perancangan suatu sistem DFD digunakan untuk menggambarkan bagaimana sistem beroperasi. Dimulai dari level 1 hingga level 3. 3.3.2. Kamus Data
No 1
Nama arus data Data user
Sumber
..
..
Admin
Tabel 3.1. Kamus data Tujua Bentuk Periode n Proses Field/ Bulanan 1.1 Variabel Tahunan
..
..
..
Fiel-filed id_user password nama_lengkap email level ..
Gambar.Kamus Data 3.3.3. Rancangan Basis Data Pada perancangan basis data terdapat kumpulan data yang akan direkam, tidak ada keharusan mengikuti format tertentu, dapat saja data tidak lengkap atau terduplikasi. Agar data-data tersebut tidak terduplikasi diperlukan Normalisasi.
3.4. Perancangan Tampilan(User Interface) 3.4.1. Tampilan Halaman Utama Halaman ini merupakan halaman pertama yang muncul di hadapan pengunjung. Sehingga halaman ini harus mempunyai fungsi yang di butuhkan oleh pengunjung biasa. 3.4.2. Tampilan Halaman Admin Sedangkan halaman untuk administrator akan dibuat sesuai kebutuhan administrator untuk kemudahan mengatur konten yang ada di dalam website nanti. 3.5. Kebutuhan NonFungsional Kebutuhan non fungsional merupakan kebutuhan penunjang dalam pembuatan sistem ini. Dalam perancangan sistem ini. Penulis membutuhkan spesfikiasi komputer dan perangkat lunak untuk membuat system tersebut. Berikut data perangkat computer (hardwere) dan perangkat lunak (software) yang di gunakan.
4. Pembahasan dan Implementasi Hanif Al Fatta (2007) menjelaskan bahwa pengembangun perangkat lunak mengikuti siklus hidup tertentu yang dimulai dari menentukan solusi masalah yang ditemukan dan mengimplementasikannya. Oleh karena itu proses implementasi merupakan tahapan yang penting dalam perancangan sistem. Implementasi tabel merupakan proses realisasi dari perancangan tabel yang telah dibuat pada tahapan sebelumnya. Setelah pembuatan database yang perlu dilakukan adalah melakukan pembuatan tabel dengan bahasa sql.
4.1.1. Tampilan berita(Hot News)
Gambar 4.1. Tampilan input hot news pada admin
Gambar 4.2. Tampilan hot news pada user 4.1.2. Tampilan gallery
Gambar 4.3. Tampilan input gallery pada admin
Gambar 4.4. Tampilan gallery pada user
4.1.3. Tampilan Mading
Gambar 4.5. Tampilan input mading pada login siswa
Gambar 4.6. Tampilan mading pada user 4.1.4. Fitur Indeks Hot News
Gambar 4.7. Tampilan indeks hot news pada user
4.1.5. Fitur Links
Gambar 4.8. Tampilan links pada user 4.1.6. FiturRSS
Gambar 4.9. Tampilan Rss pada user
4.1.7. Fitur Chatroom
Gambar 4.10. Tampilan chatroom pada user
4.1.8. Fitur Mesin Pencari Google
Gambar 4.11. Tampilan mesin pencari google pada user
4.1.9. Fitur Random Ayat Al-Qur’an
Gambar 4.12. Tampilan Random Ayat Al-Qur’an
4.1.10. Fitur Winamp Ayat Al-Qur’an
Gambar 4.13. Tampilan Winamp Ayat Al-Qur’an
5. Penutup 5.1. Kesimpulan Berdasarkan hasil pengujian sistem yang telah dibuat, penulis dapat mengambil beberapa kesimpulan, antara lain : a. Memudahkan tata kelola halaman utama web SMA Muhammadiyah 1 Yogyakarta. b. Fitur-fitur yang diatawarkan dapat memudahkan user dalam mendapatkan informasi dan menjawab kebutuhan user mencari kebutuhan. 5.2. Saran Adapun saran yang dapat menjadi masukan pada SMA Muhammadiyah 1 Yogyakarta antara lain,
a. Diharapkan administrator secara terus menerus mengupdate dan memelihara website agar adanya website ini tidak sia-sia. b. Penyusun sadari website yang telah dibuat masih memiliki banyak kekurangan, jadi segala masukan akan kami terima sebagai acuan untuk memperbaiki segala kekurangan di dalam website. Adapun saran bagi pengembang sistem ini berikutnya: a. Bisa membuat sistem yang lebig baik lagi dari sekarang. b. Bisa menambahkan fitur keamanan yang belum tersedia di sistem ini. c. Pada dasarnya memang tidak ada yang sempurna di dunia ini, maka diharapkan selalu menambah ilmu pengetahuan. Semoga dengan sedikit kritik dan saran yang penulis kemukakan akan menjadikan SMA Muhammadiyah 1 Yogyakarta terus berkembang dan memperoleh hal-hal yang terbaik.
