Perancangan Sistem Informasi Sekolah Berbasis Web Pada Sekolah Sepak Bola Persim Manonjaya

Transkripsi

1 Perancangan Sistem Informasi Sekolah Berbasis Web Pada Sekolah Sepak Bola Persim Manonjaya Deddy Supriadi 1, Opik Taopik Hidayat 2, Yus Mardiani 3 1 AMIK BSI Tasikmalaya deddy.dys@bsi.ac.id 2 AMIK BSI Tasikmalaya Opiktaopik92@yahoo.co.id 2 AMIK BSI Tasikmalaya Abstrak - Perkembangan teknologi pada saat ini sangat berpengaruh untuk kemajuan suatu organisasi, yaitu dalam mempromosikan profil dan informasi organisasi. Website merupakan media informasi dan promosi yang dianggap sebagai media promosi yang efisien, efektif dan murah dalam menyampaikan informasi kepada masyarakat. Sekolah Sepakbola Persim Manonjaya adalah sebuah organisasi non formal yang bergerak dibidang pendidikan olahraga sejak dini. Kurang optimalnya penyebaran informasi sekolah ini menjadi masalah utama yang dihadapi dalam perkembangan sekolah sepakbola Persim Manonjaya, karena sistem informasi promosi yang masih digunakan adalah dengan cara lama tanpa ada hal yang menarik dan mempersulit masyarakat untuk mengakses informasi atau berkomunikasi dengan organisasi yang bersangkutan. Dari hasil penelitian yang telah dilakukan penulis, adanya sistem informasi sekolah berbasis web pada Sekolah Sepakbola Persim Manonjaya diharapkan dapat membantu dan mempermudah calon anggota maupun anggota organisasi dalam mengakses informasi secara update tanpa harus datang langsung ke sekertariat Sekolah Sepakbola Persim Manonjaya, sedangkan untuk pihak sekolah sepakbolaakan mempermudah dalam mengelola, dan berbagi informasi yang ada di Sekolah Sepakbola. Kata kunci: sistem informasi, website, sekolah sepakbola, media informasi, akses I. PENDAHULUAN Sepakbola merupakan cabang olahraga yang sangat digemari oleh semua lapisan masyarakat di Indonesia, bahkan pada saat ini sepakbola juga banyak digemari oleh kaum wanita. Selain sepakbola cabang olahraga futsal yang merupakan turunan dari cabang olahraga sepakbola mulai banyak digemari oleh masyarakat. Hal ini dapat dibuktikan dengan maraknya SSB (Sekolah Sepakbola) yang berdiri di setiap daerah. Dengan banyaknya peminat cabang olahraga ini akhirnya bermunculan lah para bintang-bintang idola di dunia yang menjadi icon dari suatu klub maupun Negara asalnya. Dari sekian banyak pesepakbola yang menjadi idola tersebut, tidak sedikit orang yang menggemari idola sepakbola dunia ini terdiri dari anak-anak. Sekolah Sepakbola (SSB) sangat berperan penting dalam kemajuan persepakbolaan di suatu Negara, karena dengan pendidikan dan pelatihan di usia dini akan sangat membantu pengembangan keterampilan anak dalam bermain sepakbola serta menyalurkan bakat dan sebagai wahana bermain bagi anak. Di kabupaten Tasikmalaya tepatnya di kota Manonjaya mempunyai salah satu Sekolah Sepakbola (SSB) yang cukup berprestasi di dalam setiap kejuaraan yang terselenggara di sekitar Kota/Kabupaten Tasikmalaya. SSB tersebut bernama SSB Persim Manonjaya yang pada mulanya hanya terbentuk dalam satu wadah yang bernama Bina Bola Manonjaya (BBM) pada sekitar tahun Di dalam perkembangannya SSB Persim Manonjaya mengalami naik turun dalam hal jumlah peminat calon peserta didik. Hal ini disebabkan kurangnya proses penyampaian informasi kepada calon peserta didik. Proses penyampaian informasi tentang SSB Persim ini masih menggunakan media seperti brosur dan penyampaian melalui berita dari mulut ke mulut, sehingga informasi tentang profil Sekolah Sepakbola ini sangat terbatas dan tidak update. Ditinjau dari pencapaian tujuan promosi dengan mengunakan media brosur tersebut dinilai kurang efektif dan membutuhkan biaya yang lumayan mahal jika dibandingkan dengan menggunakan media website, maka dari permasalahan di atas penulis menggagas untuk membuat media promosi dan informasi melalui website yang akan dimanfaatkan untuk Sekolah Prosiding SIMNASIPTEK: Hal. A-145

2 Sepakbola Persim Manonjaya dengan harapan informasi yang tersaji di website SSB ini bisa diperoleh dengan lebih akurat dan efektif, serta bisa diakses oleh siapa saja dan di mana saja. II. METODE PENELITIAN Metode yang digunakan oleh penulis sangatlah sederhana namun memiliki fungsi yang sangat penting dalam penulisan. Beberapa metode yang digunakan penulis antara lain: 1. Observasi Observasi yang dilakukan penulis yaitu dengan melakukan observasi secara langsung ke tempat penelitian dan melakukan observasi melalui internet dengan cara membuka dan menganalisa sistem dari sebuah website yang telah jadi. 2. Wawancara Wawancara yang dimaksud penulis adalah melakukan interaksi tanya jawab secara langsung dengan narasumber yang bersangkutan dengan lembaga dan narasumber yang berpengalaman dibidang web design. 3. Studi Pustaka Studi Pustaka yaitu metode pengumpulan data dari buku-buku sumber yang berhubungan dengan permasalahan yang dihadapi, studi pustaka ini dimaksudkan untuk mendapatkan bahan-bahan yang sifatnya teoritis dan dijadikan bahan dasar pemikiran dan perbandingan dengan hal-hal yang sifatnya praktis. Dalam hal ini penulis mengambil dari buku-buku yang membahas mengenai dunia web design dan bahasa pemograman yang berhubungan dengan masalah yang dibahas. III. PEMBAHASAN A. Spesifikasi Rancangan Web 1. Rancangan Halaman Index (Home) Halaman home adalah halaman depan dari situs ini, halaman ini juga disebut sebagai halaman pembuka, karena pada saat pertama situs ini dibuka maka halaman inilah yang tampil pertama kali sebelum halaman yang lainnya. Pada halaman ini terdapat navigasi dan keterangan singkat tentang halaman-halaman selanjutnya yang dapat dikunjungi. Rancangan halaman index (Home) tampak pada Gambar 1. Gambar 1. Rancangan Halaman Home 2. Rancangan Halaman Profil Halaman ini berisi tentang sejarah Sekolah Sepakbola Persim Manonjaya. Rancangan halaman profil terlihat pada Gambar 2. Gambar 2. Rancangan Halaman Profil 3. Rancangan Halaman Visi dan Misi Pada halaman ini, penulis menjelaskan tentang visi dan misi Sekolah Sepakbola Persim Manonjaya. Rancangan halaman visi dan misi terlihat pada Gambar 3. Gambar 3. Rancangan Halaman Visi dan Misi 4. Rancangan Halaman Info Halaman ini berisi tentang informasiinformasi yang terkait dengan Sekolah Sepakbola Persim Manonjaya. Rancangan halaman info terlihat pada Gambar 4. Prosiding SIMNASIPTEK: Hal. A-146

3 Gambar 4. Rancangan Halaman Info 5. Rancangan Halaman Galeri Halaman ini berisi dokumentasidokumentasi foto Sekolah Sepakbola Persim. Rancangan halaman galeri dapat dilihat pada Gambar 5. Gambar 5. Rancangan Halaman Galeri 6. Rancangan Halaman Buku Tamu Halaman Buku Tamu merupakan halaman yang dirancang untuk memberikan komentar dari pengunjung yang ditujukan ke pemilik website khususnya agar pemilik website dapat mengetahui setiap isi dari komentar yang dapat memberikan kritik dan saran dari pada kekurangan isi website tersebut. Sehingga pemilik dapat mengetahui segala kekurangan dari isi web yang telah dibuat agar pemilik dapat mengembangkan informasi yang selalu update dan terciptanya informasi yang baik dan tepat. Rancangan Halaman Buku Tamu dapat dilihat pada Gambar 6. Gambar 6. Rancangan Halaman Buku Tamu 7. Rancangan Halaman Admin Halaman yang hanya bisa diakses oleh admin web.halaman admin digunakan untuk memanipulasi data-data yang ada di web, baik input data, edit data, maupun hapus data. Untuk menjaga keamanan informasi yang ada pada website maka untuk masuk kehalaman admin harus menggunakan username dan password, sehingga orang yang masuk kehalaman ini hanya orang yang berhak saja. a. Halaman Login Admin Halaman ini digunakan untuk verifikasi username dan password sebelum masuk ke halaman menu admin. Cara menjalankan form ini adalah dengan memasukkan username dan password yang sesuai dengan yang tersimpan di dalam database, bila username atau password tidak sesuai dengan database maka tidak berhasil masuk ke menu administrator. Rancangan halaman Login admin dapat dilihat pada Gambar 7. Gambar 7. Rancangan Halaman Login Admin b. Halaman Menu Utama Admin Pada menu utama admin ini terdapat beberapa menu untuk memasukkan data yang ada, kemudian data tersebut akan ditampilkan serta dapat dan dihapus. Rancangan menu utama admin dapat dilihat pada Gambar 8. Prosiding SIMNASIPTEK: Hal. A-147

4 Gambar 10. Rancangan Halaman Admin Upload Gambar Gambar 8. Rancangan Halaman Menu Utama Admin 8. Rancangan Halaman Admin Buku Tamu Pada halaman ini, administrator dapat melihat dan menghapus isi buku tamu. Rancangan halaman admin buku tamu dapat dilihat pada Gambar Rancangan Halaman Admin Artikel Halaman ini adalah halaman yang digunakan administrator untuk mengunggah artikel yang akan ditampilkan pada menu artikel di halaman user. Rancangan halaman Admin Artikel digambarkan pada Gambar 11. Gambar 9. Rancangan Halaman Admin Buku Tamu 9. Rancangan Halaman AdminUpload Gambar Halaman ini adalah halaman yang digunakan administrator untuk mengunggah foto yang akan ditampilkan pada menu galeri di halaman user. Rancangan halaman menu Upload Gambar dapat dilihat pada Gambar 10. Gambar 11. Rancangan Halaman Admin Artikel B. Rancangan Struktur Navigasi Struktur navigasi digunakan untuk menggambarkan secara garis besar isi dari keseluruhan situs tersebut, dan untuk menggambarkan bagaimana hubungan dari halaman-halaman situs tersebut. Untuk situs ini, penulis menggunakan struktur navigasi komposit (campuran) yang bisa dilihat pada Gambar 12. Gambar 12. Struktur Navigasi C. Spesifikasi File Spesifikasi file yang digunakan dalam perancangan web pada SSB Perasim Manonjaya terdiri dari satu database dan 4 tabel, yaitu: Prosiding SIMNASIPTEK: Hal. A-148

5 1. Tabel Berita Nama Database : ssb.sql Nama Tabel : artikel Kunci Field : id_artikel Tabel 1. Spesifikasi Tabel Artikel 2. Tabel Gambar Nama Database : ssb.sql Nama Tabel : gambar Kunci filed : id_gambar Maka dari itu perangkat pendukung sangat dibutuhkan dalam perancangan web. Sarana yang dibutuhkan adalah seperangkat komputer dengan peralatan pembantu seperti disket / flash disk, harddisk, dan sebagainya. 1. Perangkat Keras (Hardware) Perangkat keras atau yang disebut juga hardware adalah seperangkat alat yang dapat membantu sistem dan peralatan lainnya yang juga memungkinkan komputer melaksanakan tugasnya. Hardware merupakan sarana yang menghasilkan data program dan keluaran. Perangkat keras terbagi atas bagian utama dan secara diagram dapat digambarkan sebagai berikut: Tabel 2. Spesifikasi Tabel Gambar Gambar 13. Pengolahan Komputer 3. Tabel Tamu Nama Database Nama Tabel Kunci filed 4. Tabel User Nama Database Nama Tabel Kunci filed : ssb.sql : tamu : id_tamu Tabel 3. Spesifikasi Tabel Tamu : ssb.sql : user : user Tabel 4. Spesifikasi Tabel User D. Spesifikasi Sistem Komputer Pada perancangan web ini akan menggunakan perangkat pendukung dalam melaksanakan pengembangan sistem komputerisasi, agar dapat berjalan sebagaimana mestinya. Peralatan pendukung adalah sebuah perangkat komputer yang masing-masing dapat terintegrasi sehingga dapat mewujudkan hasil kerja yang baik. Dalam gambar diatas dapat menjelaskan bahwa ketiga bagian diatas sangat berkaitan erat dan menjelaskan prinsip kerja dari sebuah mesin komputer apapun jenisnya.adapun spesifikasi perangkat keras yang penulis pergunakan yaitu: a. Microprocessor (Processor):AMD E GHz b. Physical Memory : 256 MB c. Monitor : Digital 14 d. Hardisk : 20GB e. VGA Card : 64MB f. Keyboard : Standard 101/102- key g. Mouse : Standard Mouse h. Printer : Inkjet Spesifikasi perangkat keras yang disarankan penulis untuk user, yaitu: a. Microprocessor (Processor): Intel Pentium IV 2.00 GHz b. Physical Memory : 528 MB c. Monitor :Digital 14 d. Hardisk :40 GB e. VGA Card 64 MB f. Keyboard : Standard 101/102- key g. Mouse : Standard Mouse h. Printer : Inkjet 2. Perangkat Lunak (software) Perangkat lunak atau software merupakan bagian dalam komputer yang berupa program-program beserta dengan susunan infrastruktur yang harus benar dan berurutan. Program berguna untuk memberikan perintah Prosiding SIMNASIPTEK: Hal. A-149

6 kepada perangkat keras untuk mengolah data sehingga bisa menghasilkan suatu informasi yang dapat digunakan oleh pemakai atau user. Dalam pengembangan sistem komputer ini, penulis menggunakan perangkat lunak (software) sebagai berikut: a. Sistem Operasi : Windows 7 Ultimate b. Web Browser : Mozilla Firefox c. Aplikasi : Flash Player Konfigurasi Komputer Konfigurasi sistem komputer merupakan bentuk simbol terhadap hardware atau perangkat keras yang digunakan dalam komputer. Konfigurasi komputer yang akan digunakan tampak pada Gambar Sebaiknya terdapat komunikasi online agar pemberian informasi lebih jelas lagi karena langsung dari sumbernya. REFERENSI Arifin, Hasnul Teknik Menonton TV dan Mendownload Film, Musik, Game dan Ringtone dari Internet. Yogyakarta: Mediakom. Juju, Dominikus dan Matamaya, Studio Seri Penuntun Praktis Join Multiply. Jakarta: PT Elex Media Komputindo Kelompok Gramedia Anggota IKAPI. Juju, Dominikus Teknik Mempercepat Koneksi Internet. Jakarta: PT Elex Media Komputindo Kelompok Gramedia. Kadir, Abdul Dasar Pemrograman Web Dinamis Menggunakan PHP (Revisi). Yogyakarta: Andi. Koniyo, Andri, dan Kusrini tuntunan praktis membangun sistem informasi akuntansi dengan visual basic & microsoft SQL server. Yogyakarta: Andi. M. Shalahuddin, Rosa A.S Java di Web. Bandung: Informatika. Masrur, M Internet Super Mudah Untuk Siapa Saja. Yogyakarta: Bookmarks. Gambar 14. Konfigurasi Komputer IV. KESIMPULAN A. Kesimpulan 1. Dengan dibuatnya website di SMK Fadris, maka informasi yang diberikan lebih jelas dan semua dapat dituangkan lewat website. 2. Memberikan alternatif yang dapat membantu dalam mempromosikan SMK Fadris agar lebih dikenal masyarakat luas. 3. Dengan adanya Sistem Informasi tentang SMK Fadris, maka calon peserta didik yang baru dapat memperoleh informasi tentang SMK Fadris tanpa harus datang ke sekolah yang dimaksud. B. Saran 1. Sebaiknya dilakukan perbaikan maupun update secara berkala baik dalam tampilan maupun isi website. 2. Diperlukan admin yang cukup ahli dan terampil dalam mengelola website agar terhindar dari hacker maupun cracker. Mc leod Sistem Informasi Manajemen Edisi 10. Jakarta: Salemba Empat. Nuraida, Ida Manajemen Administrasi Perkantoran. Yogyakarta: KANISIUS (anggota IKAPI). Pascal, Steven Andy Tip & Trik Windows 7. Jakarta: PT Elex Media Komputindo. Pratama, Widhi, Nugraha Codelgniter: Cara Mudah Membangun Alpikasi PHP. Jakarta: MediaKita. Prayitno, Indra Kupas Tuntas Malware. Jakarta: PT Elex Media Komputindo Kelompok Gramedia Ramadhan, Arief Student Guide Series : Macromedia Dreamweaver 8. Jakarta: PT Elex Media Komputindo Kelompok Gramedia. Prosiding SIMNASIPTEK: Hal. A-150

7 Setianto, H. Eko, dan Smitdev, Comm Abg Series: Browsing Aja Di Internet. Jakarta: PT Elex Media Komputindo Kelompok Gramedia. Sunyoto, Andi Dengan Teknologi Asynchronouse JavaScript&XML. Yogyakarta: Andi. Sunyoto, Andi Adobe Flash + XML = Rich Multimedia Application. Yogyakarta : Andi. Sutisna, Dadan Langkah Mudah Menjadi Webmaster. Jakarta Selatan: Media kita. Yuhefizar CMM Website Interaktif MCMS Joomla (CMS). Jakarta: PT Elex Media Komputindo Kelompok Gramedia. Prosiding SIMNASIPTEK: Hal. A-151