MEMBUAT WEBSITE LEMBAGA KURSUS LPK VISTA STIMKY YOGYAKARTA
NASKAH PUBLIKASI
diajukan oleh Vina Arivan 10.01.2683
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2014
NASKAH PUBLIKASI
2
PRODUCING WEBSITE VOCATIONAL EDUCATION INSTITUTIONS AT LPK VISTA STIMKY YOGYAKARTA MEMBUAT WEBSITE LEMBAGA KURSU AT VISTA STIMKY YOGYAKARTA
Vina Arivan Bayu Setiaji Jurusan D3 Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT VISTA STIMKY is a Vocational Education Institutions engaged in services. The institute is to promote the agency still uses media brochures and the alumni organization if it is to obtain good information about the organization or job must be over the phone or have to come to the center. So that these institutions have difficulty in promoting that known by the general public as well as provide important information for alumni, students or prospective students who want to determine the correct information agency. As the development of the media advertising via the Internet and then an idea to create a website for VISTA STIMKY as media campaigns or information relating to notify the agency. In planning web creation using Dreamweaver CS3, to the database using MySQL (XAMPP). With the planning agency website creation is expected to gain ease in giving information relating to the LKP VISTA STIMKY and easily viewed by the general public. With this web of institutions can promote easily through the internet. Keywords : LKP VISTA STIMKY, Institute courses, VISTA STIMKY.
3
1.
Pendahuluan Lembaga kursus adalah salah satu pilihan yang tepat bagi orang yang ingin memiliki keterampilan kusus yang sebelumnya tidak pernah di ajarkan di sekolah. Sangat dibutuhkan juga bagi orang yang akan mencari pekerjaan tetapi tidak mempunya keterampilan. Dengan adanya sistem informasi atau website saat ini perkembangan dunia periklanan sangat berpengaruh bagi suatu perusahaan. Saat ini periklanan dengan media internet berkembang sangat pesat di karena banyak orang sudah sering munggunakan media internet untuk mencari suatu informasi. Jadi sebuah website sangat dibutuhkan untuk lembaga tersebut. Tujuan utama Dengan adanya website diharapkan lembaga tersebut akan memudah dalam memberikan informasi-informasi penting kepada karyawan, siswa atau alumni. Lembaga tersebut jug bisa memanfaatkan website tersebut sebagai media promosi kepada masyarakat luas.
2.
Dasar Teori 2.1.
Konsep Dasar Web Web merupakan satu aplikasi yang berisi dokumen-dokumen multimedia (teks, gambar, suara, video) di dalamya yang menggunakan protocol HTTP (hypertext transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser (M. Rudyanto Arief, 2011).
2.2.
SQL (Stuctured Query Language) SQL (Stuctured Query Language) adalah salah satu bahasa generasi level ke-4 yang di kembangkan oleh IBM di san jose research Laboratory. SQL adalah bahasa request oriented dan bersifat non-prosedural sehingga lebih mudah untuk dipelajari karena sintak yang digunakan hampir menyerupai bahasa yang digunakan oleh manusia untukk nerkomunikasi. SQL terdiri dari dua bagian utama yaitu :
a. DDL (Data Definition Language), yaitu bahasa yang memiliki kemampuan untuk mendefinisikan data ya,ng berhubungan dengan pembuatan dan penghapusan objek seperti seperti tabel, indek, bahkan basis datanya sendiri. Misalnya, CREATE, DROP, dan ALTER.
b. DML (Data Manipulation Language), yaitu bahasa yang berhubungan dengan proses manipulasi data pada tabel, record. Misalnya, INSERT, UPDATE, SELECT, dan DELET (M. Rudyanto Arief, 2006).
4
2.3.
Database Database adalah sebuah kumpulan terpadu dari elemen data logis yang saling berhubungan. Basis data mengkonsolidasi banyak catatan yang sebelumnya disimpan dalam file terpisah. Merupakan suatu kumpulan data yang berhubungan
secara logis dan deskripsi
data tersebut,
yang
direncanakan untuk memenuhi informasi yang dibutuhka oleh suatu organisasi. Artinya, basis data merupakan tempat penyimpanan data besar yang dapat digunakan oleh banyak pengguna (Indrajani, 2009). 2.4.
PHP PHP adalah bahasa interprete yang mirip dengan Bahasa C dan Perl yang memiliki kesederhanaan dalam peritah. PHP dapat digunakan bersama dengan HTML sehingga memudahkan dalam pembangunan aplikasi web (Mico Pardosi, 2001).
2.5.
Flowchart dan Data Flow Diagram 2.5.1. Flowchart Flowchart bisa diartikan penggambaran pemetaan sebuah proyek arus pekerjaan yang terjadi pada sebuah aktifitas. Flowchart bisa menggambarkan tentang pekerjaan yang terjadi dalam sistem, dokumen, program maupun proses. Flowchart digunakan sebagai alat bantu komukasi dan dokumentasi satu bagan alir adalah diagram yang mempergunakan peta symbol-symbol dan menunjukan algoritma untuk symbol proses. 2.5.2. Data Flow Diagram (DFD) Data Flow Diagram (DFD) merupakan diagaram yang digunakan untuk menggambarkan proses-proses yang terjadi pada sistem yang akan dikembangkan. Dengan model ini, data-data yang terlibat pada masing-masing proses dapat diidentifikasi. Pengembangan DFD biasanya menggunakan cara berjenjang. Dimulai dari context diagram, DFD level 1, DFD level 2 dan seterusnya sesuai dengan kompleksitas sistem yang akan dikembangkan (Hanif Al Fatta, 2007).
2.6.
Software Pendukung 2.6.1. Adobe Photoshop Adobe photoshop adalah software grafis bebasis bitmap (pixel), yang biasa dipakai untuk mengedit foto, membuat ilustrasi bahkan desain web. Sehingga banyak digunakan distudio foto, percetakan,
5
production house, biro arsitektur, pabrik tekstil dan bidang yang berkaitan dengan Teknologi Informasi (Hendi Hendratman, 2012). 2.6.2. Dreamweaver Dreamweaver merupakan perangkat lunak yang berfungsi untuk mendesain
halaman
web,
mengolah
situ
web
maupun
untuk
pemrograman web. 2.6.3. XAMPP XAMPP adalah software Web Server yang merupakan tool yang memiliki paket software atau software database. Saat menginstal XAMPP akan terinstal juga software Apache, MySQL, PHPMyAdmin. 3.
Gambaran Umum 3.1.
Lembaga Kursus VISTA STIMKY Sebelum LPK VISTA STIMKY sebagai salah satu lembaga pendidikan non formal ternama di Daerah Istimewa Yogyakarta pada tanggal 2 Juli 2001, berdirilah sebuah Yayasan yang bernama “Yayasan Bhakti Persada Mandiri” sebagai wadah paguyuban pemerhati pendidikan dan pelatihan non formal calon tenaga kerja. LPK VISTA STIMKY merupakan binaan dan sekaligus mitra kerja DISNAKERTRANS Kabupaten Bantul
3.2.
Keunggulan Sistem pembalajaran menggunakan metode penyampaian materi dengan teori 25% dan metode praktek langsung 75%.
3.3.
Program yang Dilaksanakan Sebagai Lembaga Pelatihan yang bekerjasama dengan Pemerintah maupun swasta, LKP VISTA STIMKY menyelenggarakan berbagai pelatihan meliputi komputer perkantoran, desain grafis, teknisi komputer,
dan rancang
bangunan. 4.
Pembahasan 4.1.
Rancangan ERD Relationship adalah hubungan di antara beberapa entity, menpunyai tipe yang sama. Entity set dilambangkan dengan bentuk persegi panjang. Relationship digamabarkan dengan diamond. Sedangkan atribut merupakan sebutan untuk mewakili suatu entity. Atribut dalam ERD dilambangkan dengan bentuk elip.
6
Gambar 4.1 Rancangan ERD 4.2.
Relasi Antar Tabel
Gambar 4.2 Relasi Antar Tabel
7
4.3.
Implementasi dan Pebahasan Website ini terdiri dari 2 tampilan yaitu tampilan halaman user dan administrator. Saat pertama kali pengunjung/user membuka website maka user akan diarahkan ke halaman utama atau home. 4.3.1.
Tampilan Web Publik Saat halaman utama muncul user dapat melihat isi dari website dan terdapat beberapa menu. Menu utama terletak di bagian atas dan untuk menu tambahan ada di samping. Untuk menu utama terdiri dari enam menu utaman dan menu tambahan: 1. Menu Halaman Utama Dalam menu ini pengunjung dapat melihat berita dari yang paling baru dan sebelumnya dari berita untuk umun dan berita kusus untuk siswa.
2. Menu Profile Menu Profile menampilkan informasi tentang profile lembaga dan semua yang berkaitan dengan lembaga kursus. 3. Akademik Menu ini diutamakan untuk siswa yang mengikuti kursus untuk melihat nilai dari masing-masing siswa 4. Jadwal Untuk menu ini menampilkan jadwal yang terdiri pembagian kelas, hari,
jam,
rungan,
mata
pelajaran
yang
tentunya
sudah
terkempokan dalam kelas masing-masing 5. Informasi Menampilkan berita yang berkaitan dengan lembaga kursus misalnya penerimaan siswa baru, lowongan kerja dan sebagainya 6. Pendaftaran Menampilkan form pendaftaran bagi siswa yang berminat untuk daftar kursus. Untuk menu disamping hanya menampilkan informasi terbaru, berita terbaru, link yang berkaitan serta alamat dari lembaga kursus. Berikut ini adalah tampilan dari menu utama dan menu pendaftaran.
8
Gambar 4.3 Tampilan Menu Home
4.3.2.
Tampilan Web Administrator Untuk masuk ke halam administrator admin terlebih dahulu menbuka
halam
utama
kemudian
http://localhost/LPK/LPK.1.0/index.php/
pada
bagian
diganti
URL
di
dengan
http://localhost/LPK/LPK.1.0/backend makan admin akan di arahkan ke menu login administrator. Setelah berhasil melakukan login administrator akan masuk ke halam administrator. Dalam tampilan administrator terdapat menu-menu pengolah website maupun data yang lain diantaranya : 1. Menu Utama administrator Dimenu ini akan di tampilkan report berupa grafik dari data siswa yang mengikuti kursus. 2. Menu Akademik Dalam menu ini masih terdapat sub menu yaitu menu jadwal pelajaran dan nilai. Admin bisa mengolah data tersebut dengan melakukan tambah data, edit, dan hapus data. 3. Menu Public Management Dalam menu ini masih terdapat tiga sub menu yaitu menu berita, info, dan profile. Admin bisa mengolah data tersebut dengan melakukan tambah data, edit, dan hapus data.
9
4. Menu PSB Menu PSB berfungsi untuk mengetahui daftar calon siswa yang melakukan pendaftaran. Admin juga dapat mengolah data pendaftaran meliputi edit, hapus, tambah pendaftar dan mengecek status 5. Master Data Didalam menu ini terdapat lima sub menu yaitu menu siswa, menu pengajar, menu pelajaran, kelas, jurusan. Pada masing- masing sub menu pada intinya sama untuk mengolah data masing-masing meliputi tambah data, edit data, hapus data, 6. Setting Menu setting berfungsi menambah, edit, hapus data dan menentukan seseorang itu terdaftar sebagai admin web atau super operator Website tersebut juga terhubung dengan Microsoft Excel untuk melakunan penyimpanan atau print data pendaftar. Berikut ini adalah beberapa tampilan dari web administrator.
Gambar 4.4 Tampilan Utama Administrator (Dasboard)
10
Gambar 4.5 Tampilan Tambah Pendaftar
Gambar 4.6 Tampilan Master Data
Gambar 4.7 Hasil penyimpanan dalam ms. Excel
11
5.
Penutup 5.1. Kesimpulan Setelah melalui beberapa tahapan dalam menyelesaikan aplikasi kontrol gudang pada UD Toyoriz busindo, maka dapat disimpulkan bahwa : 1. Pembuatan tampilan website maupun halaman admin dibuat dengan desain yang sederhana sehingga mudah dipahami dan dipakai oleh pengguna. 2. Pembuatan website LPK Vista Stimky ini diutamakan mempunyai fungsi sebagai sistem informasi lembaga dan memberikan informasi atau berita – berita yang terkait dengan lembaga kursus LPK Vista Stimky Yogyakarta. 3. Pembuatan website menggunakan framework CI-Smart 4. Fitur-fitur website Lembaga Kursus VISTA STIMKY yang disediakan untuk pengunjung dan siswa meliputi home, profile, pedaftaran, informasi, nilai, jadwal, kelas dan berita mengenai lembaga kursus Vista Stimky Yogyakarta. 5.2. Saran Saran fitur yang perlu dikembangkan untuk penelitian selanjutnya website yang ada di Lembaga Kursus VISTA STIMKY yaitu: 1. Penambahan fitur absensi bagi pengajar dan siswa. 2. Penambahan fitur login untuk siswa agar dapat masuk ke website untuk mengetahui detail dan informasi yang lebih pribadi untuk setiap siswa. 3. Penambahan fitur download dan upload materi.
12
DAFTAR PUSTAKA
Arief, M. Rudyanto. 2006. Pemrograman Basis Data Menggunakan Transact-SQL dengan Microsoft SQL Server 2000. Yogyakarta. Andi. Al Fatta, Hanif. 2007. Analisis dan Perencanaan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi. Hendratman, Hendi. 2012. The Magic of Adobe Photoshop. Bandung: Informatika. Indrajani. 2009. Sistem Basis Data Dalam Paket Five in One. Jakarta: PT Elek Media Komputindo. Iswanto, ST. 2007. Membangun Aplikasi Berbasis PHP 5 dan Firebird 1.5. Yogyakarta: Andi. Pardosi, Mico. 2001. Bimbingan Belajar Internet. Surabaya: Indah.
13