ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA SMP NEGERI 1 MLATI. Naskah Publikasi

Transkripsi

1 SAMPUL ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA SMP NEGERI MLATI Naskah Publikasi diajukan oleh Pramono Pamrih Prayogo JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 202

2 ii

3 ANAYSIS AND DESIGN OF THE WEB AS A MEDIA CAMPAIGN AND INFORMATION ON SMP NEGERI MLATI ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA SMP NEGERI MLATI Pramono Pamrih Prayogo Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta ABSTRACT Web-based information systems SMP Negeri Mlati is a system used to promote intansi via the web. Through this system, owners are expected to improvethe quality of human resources, and facilities the company itself. Thus this system has an important role in suppressing the promotional costs, incurred by the company that previously carried out by the campaign through print or electronic media that requires a lot of cost. Promotion of the adoption of internet media will be more effective and efficient. Implementation of web-based information system is expected to facilitate the agency to promote the company's facilities. Keywords: information systems, website, promotions.

4 2 PENDAHULUAN. PENDAHULUAN Perkembangan teknologi informasi dan komputer selalu berubah baik dibidang pendidikan, industri ataupun dibidang yang lain. Hal ini terbukti dengan semakin banyak masyarakat yang memanfaatkan internet sebagai media untuk mendapatkan informasi yang dibutuhkan dengan cepat, mudah dan murah. Informasi yang tersedia dapat berupa promosi, layanan, produk, pemasaran, transaksi, dan lain sebagainya. Tingkat apresiasi masyarakat terhadap berbagai bentuk informasi dan promosi sangat beraneka ragam yang seakan akan menetapkan suatu persaingan dalam pasar promosi dan hal tersebut bisa dijadikan peluang dalam merebut peluang pasar dan meningkatkan citra diri sebuah perusahaan, instansi, ataupun lembaga pendidikan. Pada akhirnya sebuah informasi maupun promosi yang dilakukan oleh perusahaan, instansi, ataupun lembaga pendidikan akan dilihat dan dinilai baik dan buruknya oleh masyarakat itu sendiri. Seperti halnya dalam mempromosikan SMP Negeri Mlati yang selama ini menggunakan brosur dan spanduk dirasakan masih ada kekurangan kekurangannya. Media penyebaran informasi dan promosi menggunakan brosur dan spanduk kinerjanya sedikit kurang efektif dan efisien yaitu muatan informasi yang terbatas dan proses update yang relatif kurang menguntungkan baik menyangkut biaya dan waktu, sehingga perlu adanya media informasi yang dapat melengkapi dari media tersebut untuk meningkatkan pemasaran dan citra SMP Negeri Mlati. 2. LANDASAN TEORI 2. Konsep Dasar Sistem 2.. Pengertian Sistem Kata sistem mempunyai beberapa pengertian tergantung dari sudut pandang mana sistem tersebut didefininsikan. Terdapat dua kelompok pendekatan di dalam mendefnisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Pendekatan system yang lebih menekankan pada prosedur mendefinisikan sistem sebagai berikut.

5 3 Suatu system adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu Karakteristik Sistem Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu, yaitu mempunyai komponen-komponen (components), batas sistem (boundary), lingkungan luar sistem (environment), penghubung (interface), masukan (input), keluaran (output), pengolah (process) dan sasaran (objective) atau tujuan (goal). 2 Di bawah ini merupakan penjelasan dari masing-masing karakteristik tersebut :. Komponen Sistem (Components) Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, bekerja dan membentuk kesatuan. Komponen atau elemen-elemen sistem dapat berupa suatu sub sistem atau bagian-bagian dari sistem. 2. Batas Sistem (Boundary) Batas sistem (boundary) merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut. 3. Lingkungan Luar Sistem (Environment) Lingkungan luar (environment) dari suatu sistem adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem. 4. Penghubung Sistem (Interface) Penghubung (interface) merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumbersumber daya mengalir dari satu subsistem ke subsistem lainnya. 5. Masukan Sistem (Input) Jogiyanto. ANALISIS & DESAIN Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, ANDI, Yogyakarta, Hal.. 2 Ibid.

6 4 Masukan (input) adalah energy yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energy yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energy yang diproses untuk didapatkan keluaran. 6. Keluaran Sistem (Output) Keluaran (output) adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan masukan bagi subsistem lain. 7. Pengolah Sistem (Process) Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran. 8. Sasaran Sistem (Object) 3. ANALISIS DAN PERANCANGAN SISTEM 3. Analisis SWOT Salah satu cara untuk menentukan suatu sistem baru layak dipakai atau tidak maka diperlukan analisis, salah satunya adalah analisis SWOT (Strengths, Weaknesses, Opportuniies, Threeats) : 3.. Strengths (Kekuatan atau kelebihan) Seiring dengan perkembangan teknologi informasi yang semakin pesat kebutuhan akan suatu informasi sangatlah penting bagi masyarakat, dan informasi yang didapat juga harus akurat, efisien dan tepat waktu, banyak media yang di gunakan oleh masyarakat untuk memperoleh informasi, tapi kenyataan yang ada iformasi yang di dapat tidak akurat, tepat waktu Weaknesses (Kelemahan) Seberapa sempurnanya sebuah sistem pastilah memiliki kekurangan, demikian juga dengan website ini. Kekurangan yang ada antara lain: kurangnya dukungan pemerintah, dalam hal ini mengenai tarif biaya akses internet yang relatif mahal dibanding dengan negara lain, serta pemerinatah juga harus mengupayakan di setiap rumah harus memiliki aksess internet sehingga masyarakat dapat memperoleh informasi dengan mudah, karena kita harus menyadari pentingnya suatu informasi bagi masyarakat.

7 Opporunities (Peluang/ Kesempatan) Website yang di buat sebagai media informassi ini khussnya untuk dunia pendidikan ini memberikan peluang kepada masyarakat untuk dapat memilih dengan baik sekolahan yang berkualitas sehingga para orang tua tidak khawatir untuk menitipkan anaknya pada sekolahan yang sudah dipilih Threeats Dunia saat ini telah memasuki era yang lebih modern dan canggih. Kemajuan teknologi akan sangat mendukung sekali dalam pembuatan website yang lebih canggih lagi. Banyak pihak atau lembaga yang berlomba-lomba dalam meneliti tentang internet dan sistem yang berada di dalamnya. Akibatnya daya saing akan semakin tinggi dan pilihan semakin banyak. 3.2 Analisis Kebutuhan Sistem 3.2. Kebutuhan Fungsional. Admin harus melakukan login untuk dapat melakukan proses tentang pengoperasian sistem yang sudah dibuat, seperti proses input, pengeditan, dan pemeliharaan. Untuk keluar dari sistem harus mengklik link logout demi keamanan. 2. Guru dapat melakukan proses penginputan seperti a) Guru harus melakukan login terlebih dahulu untuk dapat mengakses sistem untuk guru. b) Menambahkan, mengedit dan menghapus ekskul. c) Menambahkan berita. d) Mengedit manajemen pegawai. e) Menambah agenda. f) Untuk keluar dari sistem harus mengklik logout demi keamanan. 3. a) Siswa dan pengunjung dapat melihat an umum tentang web, seperti dapat mengakses halaman beranda, profil, guru, siswa, galeri photo, hubungi kami, dan alumni. b) Siswa dan pengunjung juga dapat mendowload berita yang telah diupload, melakukan voting, dan memberikan komentar Kebutuhan Non fungsional Kebutuhan non Fungsional menjabarkan apa-apa saja yang harus dimiliki oleh sistem agar dapat berjalan. Kebutuhan non-fungsional melitputi ketersedian perangkat keras, perangkat lunak dan pengguna :. Kebutuhan Perangkat Keras (hardware)

8 6 2. Kebutuhan Perangkat Lunak (software) 3. Kebutuhan Sumber Daya Manusia (brainware) 3.3 Perancangan Database Basis ( base ) merupakan kumpulan dari yang saling berhubungan satu sama lain. Tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem informasi. Penerapan base dalam sistem informasi disebut dengan base sistem. Sistem basis ini adalah suatu sistem informasi yang mengintegrasikan kumpulan dari yang saling berhubungan satu dengan yang lain dan membuatnya tersedia untuk beberapa aplikasi yang bermacam macam didalam suatu sistem ERD ERD merupakan diagram yang menunjukkan mengenai informasi yang dibuat, disimpan dan digunakan dalam sistem. Berikut adalah an ERD sistem yang dibangun :

9 7 Id_statistik statistik hits tanggal online Id_main mainmenu link Nama_menu Id_download download Nama_file Tgl_posting hits nip pegawai Nama_lengkap mengajar password alamat No_tlp level blokir id Id_sekilas sekilasinfo Tgl_posting info Id_tag tag count Nama_tag Tag_seo Id_exkul exkul keterangan pembimbing Nama_exkul Id_halaman Halamanstatis Isi_halaman Tgl_posting Id_banner banner url Tgl_posting Id_template template pembuat folder Id_modul Modul Link_seo Nama_modul urutan status link publish Ststic_content Id_hubungi hubungi subjek pesan nama tanggal Id_polling polling rating pilihan status

10 8 mengajar Admin alamat blokir Nama_lengkap username Id_session No_tlp level password masukan Id_berita Admin headline Judul_seo dibaca hari Isi_berita Id_kategori tag tanggal jam Id_kategori Kategori Nama_kategori Kateori_seo masukan Tgl_selesai Agenda Tgl_mulai Id_agenda tempat tema Tema_seo Tgl_posting jam Isi_agenda username masukan Jam_komentar Komentar tgl Id_komentar Nama_komentar url Isi_komentar N masukan Gambar 3.2 ERD yang diusulkan N

11 Gmb_album level status NIS Jdl_album Album No_tlp Siswa Thn_masuk blokir Id_album Thn_masuk alamat Nama_lengkap cek Id_kelas NIS Id_album keterangan Gambar 3.3 ERD yang diusulkan Id_galery Gallery Galery_seo N Id_kelas Kelas keterangan Gmbr_galery Jdl_glery Jdl_album 9 Pilh kelas Nama_kelas album_seo

12 0 3.4 Relasi Tabel Komentar Berita Kategori Statistik id_komentar Id_berita id_kategori id_statistik FK Id_berita nama_komentar url isi_komentar tgl jam_komentar Admin username password nama_lengkap mengajar alamat no_tlp level blokir id_session Mainmenu id_main nama_menu link Pegawai nip password nama_lengkap mengajar alamat no_telp level blokir id_session Template id_template pembuat folder FK2 FK FK Download id_download nama_file tgl_posting hits Sekilasinfo id_sekilas info tgl_posting Modul id_modul nama_modul link static_content publish status urutan link_seo id_kategori username _seo headline isi_berita hari tanggal jam dibaca tag agenda id_agenda username tema tema_seo isi_agenda tempat pengirim tgl_mulai tgl_selesai tgl_posting jam Polling id_polling pilihan status rating Halamanstatis id_halaman isi_halaman tgl_posting Hubungi id_hubungi nama subjek pesan tanggal Table nis thn_masuk nama_lengkap alamat no_tlp level status blokir nama_kategori kategori_seo Album id_album jdl_album album_seo gbr_album Banner id_banner url tgl_posting FK FK2 Pilih_Kelas id_kelas nis FK Tag id_tag tanggal hits online Kelas id_kelas nama_kelas keterangan Galery id_galery id_album jdl_album jdl_galery galery_seo keterangan gbr_galery nama_tag tag_seo count Exkul id_exkul nama_exkul pembimbing keterangan Gambar 3.4 Relasi Tabel 3.5 Perancangan Sistem Tahapan perancangan sistem adalah dengan tahapan mengidentifikasi kebutuhan fungsional dalam mempersiapkan rancang bangun implementasi yang bertujuan untuk merancang dan mendesain sistem dalam memenuhi kebutuhan pemakai sistem. Perancangan sistem terdiri dari perancangan proses, perancangan basis, dan perancangan antarmuka / interface.

13 r 3.5. Flowchart System Flowchart sistem merupakan suatu bagan alir yang mengkan bagaimana sistem secara fisik akan diterapkan yaitu urutan instruksi dari suatu program komputer. Simbol Simbol yang digunakan untuk mengkan flowchart adalah sebagai berikut : Data Exkul Input Exkul Exkul Exkul Lap.Exkul Data Download Input Download Download Download Lap.Downloa d Lap.Downloa Data Agenda d Data Template Input Template Template Template Lap.Templat e Lap.Templat Data Agenda e Data Pegawai Input Pegawai Pegawai Pegawai Lap.Pegawai Data Lap.Pegawai Agenda Data Statistik Data Kelas Data Mainmenu Input Statistik Input Kelas Input Mainmenu Statistik Kelas Mainmenu Statistik Kelas Mainmenu Lap.Statistik Lap.Kelas Lap.Mainme nu Data Lap.Statistik Agenda Lap.Mainme Data nu Agenda Gambar 3.5 Flowchart System Data Siswa Input Siswa Siswa Siswa Lap.Siswa Data Lap.Siswa Agenda Data Kategori Input Kategori Kategori Kategori Lap.Kategori Data Berita Input Berita Berita Berita Lap.Berita Data Lap.Berita Agenda Data Komentar Input Komentar Komentar Komentar Lap.Komenta Data Album Input Album Album Album Lap.Agenda Data Lap.Agenda Data Agenda Input Agenda Agenda Agenda Lap.Agenda Data Lap.Agenda

14 2 Data Tag Input Tag Tag Tag Lap.Tag Data Lap.Tag Agenda Data Polling Data HalamanStatis Data Admin Data Banner Data Hubungi Data Gallery Input Polling Input HalamanStatis Input Admin Input Banner Input Hubungi Input Gallery Polling HalamanStatis Admin Banner Hubungi Gallery HalamanStat Polling Admin Banner Hubungi Gallery is Lap.Polling Lap.HalamanSt atis Lap.Admin Lap.Banner Lap.Hubungi Lap.Gallery Lap.HalamanSt Data Lap.Polling Agenda Data atis Agenda Data Lap.Admin Agenda Data Lap.Banner Agenda Data Lap.Hubungi Agenda Data Lap.Gallery Agenda Gambar 3.6 Flowchart System Data Modul Input Modul Modul Modul Lap.Modul Data Lap.Modul Agenda Data Sekilasinfo Input Sekilasinfo Sekilasinfo Sekilasinfo Lap.Sekilasinfo Lap.Sekilasinfo Data Agenda Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalah suatu model untuk mengkan asal, tujuan serta proses apa saja yang terjadi pada suatu sistem. Dengan menggunakan DFD diharapkan dapat memudahkan user untuk mengerti bentuk aplikasi yang diterapkan. DFD Website SMP Negeri MLATI ini meliputi :

15 Diagram Level 0 Admin Berita, ektrakurikuler, galeri, agenda, info sekolah, Polling, profil sekolah, guru, upload, siswa, alumni Pollling, Hubungi kami Laporan : Berita, profil, siswa, ekstrakurikuler, profil guru, agenda, download, geleri photo, polling, info sekolah, profil alumni, profil sekolah, info sekolah, hubungi kami Informasi web sekolah User/ Siswa/ Alumni Berita, ektrakurikuler, edit profil guru, agenda, polling, hubungi kami Laporan : Berita, profil, siswa, ekstrakurikuler, profil guru, agenda, download, geleri photo, polling, info sekolah, profil alumni, profil sekolah, info sekolah, hubungi kami Guru Laporan : Berita, profil, siswa, ekstrakurikuler, profil guru, agenda, download, geleri photo, polling, info sekolah, profil alumni, profil sekolah, info sekolah, hubungi kami Gambar 3.7 Diagram Level DFD Level Sisi Guru Tambah,edit,hapus. agenda Data agenda Agenda Guru Tambah.2. berita Data berita Berita tambah, edit, hapus.3. exkul Data agenda Exkul Gambar 3.9 DFD Level Guru

16 DFD level Sisi User, Siswa, Alumni Tambah, view. polling Data polling Polling Siswa, User, Alumni tambah,view.2 hubungi Data agenda Hubungi Gambar 3.0 DFD Level User, Alumni, Siswa DFD Level. agenda Agenda 2. album Album Data agenda Data album 3. admin Admin 8. sekilas info Sekilas Info Data sekilas info Data siswa Data baner 4. baner Id_berita Id_galery Baner 9. statistik Statistik Data berita 5. berita Id_album Berita Data download 6. download Download Data siswa Data template Data tag Data statistik Admin Data exkul Data galery 7. exkul 8. galery Id_berita Id_komentar Exkul Galery 20. tag 2. template 22. siswa Tag Template Siswa Data halstatis Data hubungi Data katagori Data kelas Data komentar Id_kelas 9. hal statis 0. hubungi. katagori 2. kelas Hal_statis Hubungi Katagori Kelas Data main menu Data modul 3. komentar Komentar Data pegawai 4. proses mainmenu Mainmenu Data polling 5. modul Modul 6. pegawai Pegawai 7. Polling Polling Gambar 3. DFD Level

17 5 4. IMPLEMENTASI SISTEM DAN PEMBAHASAN SISTEM 4. Manual Program Pada manual program ini akan menampilan print out web SMP N MLATI. 4.. Manual Program Pada Halaman Utama. Halaman Beranda Halaman ini merupakan halaman utama dari website. Berikut merupakan tampilan halaman home. Gambar 4.30 Tampilan Halaman Home 2. Halaman Profil Halaman ini berisi profil tentang SMP N MLATI. Berikut merupakan tampilan halaman Profil Gambar 4.3 Tampilan Halaman Profil

18 6 5. KESIMPULAN DAN SARAN 5. Kesimpulan Berdasarkan pada pembahasan bab bab sebelumnya, maka kesimpulan pembuatan laporan skripsi yang ber Analisis dan Perancangan Web Sevagai Media Promosi dan Informasi Pada SMP N MLATI adalah sebagai berikut :. web ini didalam prosesnya menggunakan modul yang berisi tentang script script yang befungsi untuk menampilkan halaman pada web. 2. Modul ini terletak didalam folder pegawai, ketika membuat halaman manajemen modul kita harus membuat pula folder folder yang akan kita masukkan script pemanggil untuk menampilkan sebuah halaman. 3. Semoga Informasi SMP N MLATI akan lebih mudah dan cepat diakses dimana saja dan kapan saja tanpa batasan waktu setelah diterapkannya sistem ini. 5.3 Saran Saran yang coba diberikan oleh penulis untuk proses pengembangan sistem dimasa yang akan ng adalah sebagai berikut :. Melakukan pertimbangan untuk sistem yang telah diusulkan sebagai media yang mempermudah promosi dan meningkatkan efisiensi dan efektivitas. 2. Peningkatan sumber daya manusia dalam aspek teknologi informasi pada harus dikembangkan dengan adanya sistem baru. 3. Untuk penelitian dimasa menng hendaknya dapat menambahkan fitur fitur yang masih kurang guna penyempurnaan, seperti fitur e learning dan yang lainnya yang mendukung pendidikan dizaman teknologi ini.

19 DAFTAR PUSTAKA Al Fatta, Hanif. Analisis dan Perancangan Sistem Informasi Untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern Andi, 2007, Yogyakarta. Jogiyanto., ANALISIS & DESAIN Sistem Informasi, ANDI, 2005, Yogyakarta. Nugroho, Bunafit., PHP dan MySQL dengan Editor Dreamweaver MX, ANDI, 2004, Yogyakarta. Prasetyo D, Dwi., Solusi Menjadi Webmaster Melalui Manajemen Web dengan php, Elex Media Komputindo, 2005, Jakarta. Prihatna, H., Kiat Praktis Menjadi Webmaster Profesional. Elex Komputindo, 2005, Jakarta. Sunarfrihantono, Bimo., PHP dan MySQL Untuk Web, ANDI, 2002, Yogyakarta.