PERANCANGAN DAN PEMBUATAN WEBSITE SEBAGAI MEDIA INFORMASI DAN PROMOSI PADA SMK AN-NUR KUALA SELAT RIAU
NASKAH PUBLIKASI
diajukan oleh Muhammad Nurdin 12.02.8248
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2015
PERANCANGAN DAN PEMBUATAN WEBSITE SEBAGAI MEDIA INFORMASI DAN PROMOSI PADA SMK AN-NUR KUALA SELAT RIAU Muhammad Nurdin1), Akhmad Dahlan,2) 1)
Manajemen Informatika STMIK AMIKOM Yogyakarta Teknik Informatika STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 2)
Email :
[email protected]),
[email protected])
Abstract - The development of information technology in today's technology, especially the internet, do not rule out a lot of potential and resources that can be utilized. Today, the use of information technology not only as a facility to obtain the latest information about businesses only. But it can also be as optimizing learning for students even good impression and professionalism for an educational institution. But an-nur SMK KUALA SELAT is one of the schools that do not yet have dikuala strait official website earlier, it causes less optimal such things. The development of technology and resources from all over the media, it turns out to today's internet media is very loved by the people and even businesses. Information obtained in addition to fast, accurate also can be used and obtained anywhere. Internet users today are always doing a search of information or knowledge even though shopping needs done through the internet. Facilities to access the internet provider also increased, in addition to mobile phones, and network servers.
efisien. Tentu saja komponen komponen tersebut dapat terdistribusi secara cepat, akurat, dan memiliki jangkauan yang luas sampai ke pelosok bahkan seluruh dunia. Sistem manual yang digunakan oleh Smk An-nur Kuala Selat Riau bisa dikatakan kurang optimal.Dengan adanya kemajuan teknologi sudah seharusnya Smk An-nur Kuala Selat Riau mempunyai sistem informasi yang lebih baik.Oleh karena itu penulis menawarkan sebuah solusi untuk mengatasi masalah tersebut diharapkan mempermudah guru-guru dalam mengoprasikan web dan menambah semangat para siswa dalam pembelajaran.
Keywords: Website. Media informasi dan promosi. Profil sekolah, SMK AN-NUR KUALA SELAT.
1.Masalah profil sekolah perkembangan sekolah, data guru dan karyawan, informasi agenda sekolah , prestasi sekolah serta fasilitas sekolah. 2.Hak Akses Admin terbagi menjadi tiga level ,yaitu Admin, Guru, Siswa(OSIS dan Ekstra kulikuler). 3.Bahasa Pemrograman yang digunakan adalah PHP, HTML, CSS, Jquery dan Sublime Text 3. 4.Perangkat Lunak yang digunakan adalah Sublime Text ,Google Chome dan XAMMP 5.Tidak membahas tentang spesifikasi hardware computer. 1.4 Tujuan Penelitian Adapun tujuan yang dapat diperoleh dari sebuah perancangan dan pengembangan sebuah website adalah sebagai berikut :
1 Pendahuluan 1.1 Latar Belakang Masalah Perkembangan teknologi informasi pada saat ini khususnya teknologi internet, tidak menutup kemungkinan banyak potensi dan sumber daya yang bisa dimanfaatkan. Sekarang ini, pemanfaatan teknologi informasi tidak sekedar sebagai fasilitas untuk memperoleh informasiinformasi terbaru mengenai pelaku bisnis saja. Tetapi juga dapat sebagai optimalisasi pembelajaran bagi siswa bahkan kesan baik dan profesionalisme bagi sebuah lembaga pendidikan tersebut. Dengan dengan website pada suatu lembaga pendidikan, maka hampir seluruh komponen seperti pertukaran data dan informasi antar sekolah, sekolah dengan siswa, sekolah dengan masyarakat, semua akan lebih efektif dan
1.2
Rumusan Masalah Berdasarkan uraian dari latar belakang di atas, maka rumusan masalahnya adalah sebagai berikut: “Bagaimana membuat website PromosiSmk An-nur Kuala Selat Riau” 1.3 Batasan Masalah Beberapa batasan masalahyang digunakan untuk pembuatan website ini, hanya menyangkut:
1
1.
2.
menyajikan informasi “Smk An-nur Kuala Selat Riau” kepada masyarakat luas melalui media berbasis web. Prasyarat program studi Diploma III jurusan Manajemen Informatika STIMIK AMIKOM Yogyakarta untuk memperoleh gelar Ahli Madya Komputer (A.Md).
informasi dan mendapatkan informasi (Yuniar Supardi:2002).[1] 2.4
Pemograman Web Secara umum jenis pemograman web terbagi menjadi 2 , yaitu Client Side Scripting (CSS) dan Server Side Scripting (SSS). Perbedaan kedua jenis ini adalah pada bagaimana cara kerjanya dan pemrosesannya dilakukan dimana. Aplikasi berbasis web adalah aplikasi yang arsitekturnya berbasis Client-Server. Maksudnya adalah aplikasi web dapat diolah di sisi Client dan di sisi Server. 1. Client Side Scripting adalah jenis bahasa pemograman yang proses pengolahannya dilakukan di sisi client. Proses pengolahan client side scripting dilakukan oleh web browser sebagai clientnya. Di dalam web browser terdapat library yang mampu menerjemahkan semua perintah di halaman web yang menggunakan Client Side Scripting. Library ini secara teknis disebut sebagai web engine. 2. Server Side Scripting adalah bahasa pemograman web yang pengolahannya dilakukan d sisi server. Maksud dari sever di sini adalah web server yang di dalamnya telah mengintegrasikan komponen web engine. Tugas web engine adalah memproses semua script yang termasuk kategori client side scripting di dalam dokumen web.
1.5
Manfaat Penelitian Penyusunan Tugas Akhir ini diharapkan dapat member manfaat antara lain: 1. Bagi penulis a. Untuk menyusun Tugas Akhir sebagai syarat kelulusan program Diploma III STIMIK AMIKOM Yogyakarta. b. Memberikan kesempatan bagi penulis untuk menerapkan teori yang telah diperoleh selama mengikuti kuliah di STIMIK AMIKOM. 2. Bagi Smk An-nur Kuala Selat Riau Sebagai sarana online untuk memudahkan dalam penyebar luasan informasi ke publik atau masyarakat luas dan mendukung pembelajaran dengan adanya Website. 3. Bagi STIMIK AMIKOM YOGYAKARTA a. Dokumentasi Karya ilmiah mahasiswa dalam bentuk laporan Tugas Akhir b. Refrensi penulisan karya ilmiah dalam bentuk laporan Tugas Akhir bagi mahasiswa yang sedang mengambil Tugas Akhir. 4. Bagi Masyarakat Umum Memudahkan masyarakat untuk mencari segala informasi yang berkaitan denganSmk An-nur Kuala Selat Riau.
2.4.1
Relasional Basis Data Dalam Basis Data Relasional, data akan dipilah-pilah kedalam tabel 2 dimensi. Setiap tabel terdiri atas lajurmendatar yang disebut dengan baris data (row/record) dan jalur vertikal yang disebut kolom (column/field). Disetiap pertemuan baris data dan kolom itulah, item data (satuan data terkecil) di tempatkan. Dalam kehidupan kita sehari-hari, Tabel merupakan bentuk natural (alamiah) dalam menyatakan fakta/ data yang sering kita gunakan. Ituala sebabnya, model ini lebih mudah kita terapkan ketimbang model basis data yang lain (Fathansyah. 2012)[3]
1.6 1.6.1
Metode Pengumpulan Data Studi Literatur Penulisan ini dimulai dengan studi ke perpustakaan ,mengumpulkan dan memahami bahan-bahan referensi yang membahas tentang pembuatan website. 1.6.2
Observasi Metode ini dilaksanakan dengan melakukan pengamatan langsung di Smk An-nur Kuala Selat Riau sehingga diperoleh data-data yang dibutuhkan sesuai tema penelitian.
3. ANALISIS DAN PERANCANGAN 3.1 Profil SMK An-nur Kuala Selat Riau 3.1.1 Tentang SMK An-nur Kuala Selat Riau Pembangunan di bidang pendidikan sebagai kunci untuk meningkatkan kualitas sumber daya manusia mencakup berbagai aspek, antara lain adalah di Bidang Pendidikan .Sehingga sekolah sebagai institusi terdepan untuk memproses manusia-manusia kecil yang berilmu pengetahuan dan bertaqwa kepada Tuhan Yang Maha Esa dapat terlaksana secara optimal. Desa kuala selat merupakan desa yang secara geografis berada pada pesisir pantai dan termasuk
2. Landasan Teori 2.1
Pengertian Internet Internet (Interconecting Network) adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringanjaringan di seluruh dunia tanpa mengenal batas teritorial, budaya, dan hukum untuk menyebarkan
2
pada wilayah 3 T (Terdepan, Terluar dan Tertinggal). Dan dibidang ekonomi secara rata-rata berada pada kalangan kelas ekonomi menengah kebawah, sehingga dalam hal melanjutkan pendidikan untuk anak-anak mereka ke jenjang pendidikan yang lebih tinggi sangat sulit sekali untuk dilakukan, ini semua dikarenakan keterbatasan mereka dari sisi biaya pendidikan, pemerintah desa kuala selat melihat hal ini sebagai suatu masalah yang harus segera di benahi atau dicarikan jalan keluarnya, jika tidak maka desa kuala selat akan menjadi desa yang tertinggal dari segi pendidikannya. Persentasi dari kelulusan setiap tahunnya dari Sekolah Menengah Pertama (SLTP) yang melanjutkan pendidikan hanya sekitar 30 % dari siswa yang lulus yang melanjutkan pendidikan ke jenjang (rata-rata kelulusan setiap tahunnya 40 orang dari dua SLTP yang ada di desa Kuala Selat) Melihat fenomena ini maka pada tahun 2009 Pemerintah Desa Kuala Selat bersama para Tokoh masyarakat dan Tokoh Pemuda yang ada di Desa Kuala Selat, memutuskan untuk membangun Sebuah Sekolah Menengah Kejuruan, ini dikarenakan sekolah menengah kejuruan merupakan solusi untuk menciptakan Tenaga Kerja yang siap dan mempunyai Skill dan kemampuan di bidang tenaga kerja, di Dunia Sekolah mengah Kejuruan dikenal yang namanya Praktek Kerja Industri yang dilaksanakan selama 3 bulan dimana siswa terjun langsungn ke dunia kerja dan belajar langsung bagaimana bekerja pada dunia kerja sesungguhnya. SMK An-Nur Kuala Selat telah melaksanakan 5 kali PRAKERIND terhadap siswa/siswinya yang keseluruhannya dilaksanakan di Kota Batam.Alasan SMK An-Nur kuala Selat memilih Kota Batam Sebagai Tempat Prakerind adalah dikarenakan Kota Batam Sebagai kawasan Kota Industri yang cukup terkenal di Indonesia. Hingga tahun 2015 SMK An-Nur Kuala Selat telah telah meluluskan 4 Kali angkatan dimana kesemua dari kelulusan tersebut rata-rata sudah bekerja dan ada juga yang melanjutkan pendidikan ke Perguruan tinggi. SMK An-Nur Kuala Selat sebagai salah satu lembaga Pendidikan kejuruan yang berperan menciptakan lulusan siap kerja pada level menengah perlu merencanakan dan meralisasi program – program pendidikan yang menuju pada peningkatan mutu tamatan. Adapun faktor pendukung antara lain, SMK An-Nur Kuala Selat memiliki lahan tanah seluas 1,5 Ha sudah memiliki Surat Keterangan Tanah (SKT). Jumlah murid 101 orang, terdiri atas dua jurusan yang dikelola SMK An-NUr kaula Selat yaitu Jurusan Administrasi Perkantoran dan Jurusan Teknik Komputer dan Jaringan. Prospek kedepan sangat memungkinkan perkembangan yang sangat baik, memiliki 4 (empat) SLTP sebagai sekolah pendukung diantaranya :
1. MTS An-Nur Kuala Selat 2. SMPN Satu Atap Desa Kuala Selat 3. MTS Darul Hidayah Desa Penjuru 4. MTSTI Desa Sungai Simbar. 3.1.2 VISI Menjadi Lembaga Bisnis Tingkat Menengah yang Unggul sebagai Pendorong dan Penggerak Bidang Kejuruan untuk menghasilkan SDM yang berkualitas, Berbudaya dan Berkepribadian dalam Menghadapi Persaingan Era Global dan FTZ (Free Trade Zone). 3.1.3 MISI 1. Bekerja sama dengan Stakeholder untuk Pengembangan Sekolah Menengah Kejuruan (SMK) 2. Meningkatkan sumberdaya sekolah dalam memberikan pelayanan yang prima. 3. Meningkatkan kemampuan berkomunikasi global dengan menjunjung norma dan nilai budaya bangsa Indonesia. 4. Menghasilkan tamatan yang mampu berkompetitip ditingkat Regional, Nasional,dan Internasional.
1.1 4.2 Perancangan Proses 4.2.1
Flowchart
Gambar 1Flowchart sistem
3
4.2.2
4.3
Diagram Konteks
Perancangan Sistem
1.2 4.3.1
Perancangan Basis Data 1. Entity Relationship Diagram (ERD)
Gambar 4 Entity Relationship Diagram (ERD) Gambar 2Diagram Konteks 2. 4.2.3
Relasi antar tabel
Data Flow Diagram 1. DataFlowDiagramLevel
Gambar 5 Relasi antar tabel 4.1. 4.1.1.
Rancangan Interface Tampilan Halaman Home
Gambar 3Data Flow Diagram level 1
Gambar 6 Rancangan tampilan halaman home
4
4.4.2
Tampilan Halaman login users
4.2.2.
Halaman Gallery Halaman gallery berisi tampilan foto-foto tentang kegiatan sekolah.
Gambar 7 Rancangantampilan halaman login users 4.4.3
Tampilan dashboard users
Gambar 10- Halaman gallery. 4.2.3.
Login Siswa Tampilan halaman menu siswa terdapat menu utama siswa yaitu dapat menambah berita, mengubah password
Gambar 8 Rancangan tampilan dashboard users 4.2. Manual Program 4.2.1. Home Tampilan halaman utama website SMK An-nur Kuala Selat terdapat fitur yaitu .home, agenda, jurusan, gallery, guru,ekstrakurikuler, sejarah sekolah,visi&misi dan psb dan di lengkapi tampilan berita terbaru agenda ,jurusan dan profil kepala sekolah di SMK An-nur Kuala Selat.
Gambar 11 Halaman Menu Siswa 4.2.4.
Login guru Tampilan halaman menu guru setelah login terdapat menu utama yaitu berita,agenda,mengubah password, album gallery dan gallery poto,
Gambar 12 Halaman Menu Guru
Gambar 9 Halaman Home
5
2. Penambahan fitur seperti ujian online dan rapotonlinesehingga webiste lebih optimal. 3. Belum ada forum untuk alumni juga merupakan pengembangan yang perlu ada. Karena dengan menu tersebut alumni bisa member informasi dan mempererathubungan silaturahmi.
4.2.5. Login admin Tampilan halaman untuk login admin
DAFTAR PUSTAKA
[1] Supardi, Ir. Yuniar. 2002 Internet Untuk Segala Kebutuhan Bandung:Elex Media Komputindo. [2] Sunyoto, Andi. 2007 Ajax Membangun Web dan Teknologi Asynchronouse JjavaScript dan Xml Yogyakarta:Andi Offset [3] Fathansyah. 2012 Basis Data Edisi Revisi Bandung:Informatika. [4] Al Fatta, Hanif.2007 Analisis dan Perancangan Sistem InformasiYogyakarta:Andi Offser. [5] Rudianto Arif, M. Pembrograman Web Dinamis menggunakan PHP dan MySQLYogyakarta:Andi Offset.
Gambar 13 Halaman Login Admin 4.2.6.
Halaman admin Tampilan halaman admin terdapat menu utama yaitu dapat menkonfigurasi data admin, guru, siswa , jurusan ,mata pelajaran, berita, agenda, visi misi, sejarah sekolah, PSB, ekstrakurikuler.
Biodata Penulis Muhammad Nurdin, memperoleh gelar Ahli Madya Komputer (A.Md) Jurusan Manajemen Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2015. Gambar 14 Halaman Utama Admin
Akhmad Dahlan, memperoleh gelar Sarjana Komputer (M.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2006. Memperoleh gelar Magister Komputer (M.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2013.
5. PENUTUP 5.1
Kesimpulan Berdasarkan hasil perancangan pembuatan website, maka diambil kesimpulan sebagai berikut: 1. Website sudah terbentuk dengan lengkap, memiliki 10 tabel, hak akses terbagi tiga level yaitu Admin, Guru, Siswa, login kehalaman pengguna menggunakan username dan password yang sebelumnya dibuat oleh admin. 2. Website sudah diuji dengan menggunakan black box white box dengan hasil baik. 3. Website sudah bisa di akses denga domain http://www.smkannurkualaselat.sch.id/ 5.2 Saran Berdasarkan kesimpulan yang telah dipaparkan di atas, saran yang ingin peneliti sampaikan adalah: 1. Sistem yang dibuat sebatas untuk menupload gambar/poto, bertanya terhadap pengguna sehingga diharapkan agar sistem dapat dikembangkan menjadi lebih kompleks lagi.
6
