SISTEM INFORMASI KARIR BAGI SISWA DAN ALUMNI SMK NEGERI 3 PURWOREJO BERBASIS WEB DAN WAP

Transkripsi

1 SISTEM INFORMASI KARIR BAGI SISWA DAN ALUMNI SMK NEGERI 3 PURWOREJO BERBASIS WEB DAN WAP SKRIPSI Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I pada Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta Oleh : Abadi Nugroho NIM : L PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA 2012

2 HALAMAN PERSETUJUAN Skripsi dengan judul SISTEM INFORMASI KARIR BAGI SISWA DAN ALUMNI SMK NEGERI 3 PURWOREJO BERBASIS WEB DAN WAP ini telah diperiksa, disetujui dan disahkan pada : Hari : Tanggal : Pembimbing I Pembimbing II Endah Sudarmilah, S.T., M.Eng NIK : 969 Yusuf Sulistyo Nugroho, S.T., M.Eng NIK : ii

3 HALAMAN PENGESAHAN SISTEM INFORMASI KARIR BAGI SISWA DAN ALUMNI SMK NEGERI 3 PURWOREJO BERBASIS WEB DAN WAP dipersiapkan dan disusun oleh ABADI NUGROHO NIM : L telah dipertahankan di depan Dewan Penguji pada tanggal. Susunan Dewan Penguji Pembimbing I Dewan Penguji I Endah Sudarmilah, S.T., M.Eng NIK : 969 Pembimbing II Aris Budiman, S.T., M.T. NIK : 885 Dewan Penguji II Yusuf Sulistyo Nugroho, S.T., M.Eng NIK : Irma Yuliana, S.T., M.M. NIK : Skripsi ini telah diterima sebagai salah satu persyaratan untuk memperoleh gelar sarjana Tanggal... Dekan Fakultas Komunikasi dan Informatika Ketua Program Studi Teknik Informatika Husni Thamrin, S.T, MT., Ph.D. NIK : 706 Aris Rakhmadi, ST., M.Eng. NIK : 983 iii

4 DAFTAR KONTRIBUSI Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka. Surakarta, Januari 2012 Abadi Nugroho Mengetahui: Pembimbing I Pembimbing II Endah Sudarmilah, S.T., M.Eng NIK : 969 Yusuf Sulistyo Nugroho, S.T., M.Eng NIK : iv

5 MOTTO DAN PERSEMBAHAN MOTTO 1. Jika kita mempermudah urusan orang lain maka alloh akan memudahkan juga urusanmu begitu sebaliknya dan jika kita mempersulit jalan hidup orang lain maka niscaya alloh juga akan menyulitkan jalan hidupmu. 2. Berbuat baiklah kepada orang lain seperti berbuat baik kepada diri sendiri. 3. Seseorang yang optimis akan melihat adanya kesempatan dalam setiap malapetaka, sedangkan orang pesimis melihat malapetaka dalam setiap kesempatan. 4. Pergunakanlah masa mudamu sebaik-baiknnya sebelum datang masa tuamu. 5. Syukuri apa yang kita punya yang telah diberikan oleh-nya, jangan pernah mengeluh, karena hidup telah diatur oleh-nya. Apapun yang terjadi itu yang terbaik untuk kita, percaya bahwa Tuhan kan berikan yang terbaik, semua sudah ada waktunya. 6. Dibalik kesulitan pasti ada kemudahan yang terselip didalamnya namun keberhasilan akan lebih berkesan jika didahului dengan kesulitan dan kesulitan merupakan bumbu dari kesuksesan. 7. Seseorang akan menjadi kuat apabila melindungi seseorang yang dicintainya. v

6 PERSEMBAHAN 1. Orang tua, ibu dan bapak yang selalu memberikan kasih sayang dengan penuh keikhlasan, merawat dan mendidikku tanpa ada kata keluhan yang terucap sedikitpun dan selalu memberikan motivasi kepadaku. 2. Bp Citro dan Ibu Riswoyowati serta Ismi Aiman Rafidah yang selalu memberikan dorongan, semangat dan doa hingga terselesaikan laporan skripsi ini yang insyaalloh juga akan menjadi istriku dan akan ikut mengisi harihariku ke depan nanti. 3. Adikku tersayang bundan dan arif yang telah memberikanku dukungan semangat dan doa. 4. Semua saudara-saudaraku yang telah memberikan doa dan dukungan kepadaku. 5. Semua dosen dan karyawan beserta keluarga besar progdi teknik Informatika yang telah membimbing aku hingga selesai belajarku di teknik informatika dan terima kasih telah membimbing dan mengarahkanku selama aku menimba ilmu disana. 6. Semua mahasiswa dan alumni Teknik Informatika Universitas Muhammadiyah Surakarta yang telah memberikan doa dan semangat kepadaku. 7. Dan semua pihak yang tidak dapat penulis sebutkan satu persatu, terimakasih untuk bantuan dan ilmunya yang di berikan. vi

7 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat, hidayah, inayah serta barokahnya sehingga penulis dapat menyelesaikan skripsi dengan judul Sistem Informasi Karir Bagi Siswa dan Alumni SMK Negeri 3 Purworejo Berbasis Web dan Wap. Skripsi ini disusun untuk mendapatkan gelar sarjana dari Program Studi Teknik Informatika Universitas Muhammadiyah Surakarta. Terwujudnya skripsi ini tidak lepas dari bantuan berbagai pihak yang telah mendorong dan membimbing penulis, baik tenaga, doa, maupun pemikiran. Oleh karena itu dalam kesempatan ini penulis ingin mengucapkan terima kasih yang sebesar-besarnya dengan segala kerendahan hati kepada : 1. Allah SWT yang telah memberikan banyak kenikmatan, kesehatan, ketentraman dalam menjalani hidup ini dan berkat kehendak-nya lah skripsi ini dapat terselesaikan. 2. Husni Thamrin, S.T, MT., Ph.D. selaku Dekan Fakultas Komunikasi dan Informatika. 3. Aris Rakhmadi, S.T., M.Eng selaku Ketua Jurusan Teknik Informatika Universitas Muhammadiayah Surakarta. 4. Endah Sudarmilah, S.T., M.Eng selaku pembimbing I yang telah memberikan nasehat, bimbingan, dorongan, dan pengarahan kepada penulis sehingga dapat menyelesaikan skripsi ini. vii

8 5. Yusuf Sulistyo Nugroho, S.T., M.Eng selaku pembimbing II yang telah memberikan bimbingan dan pengarahan yang sangat maksimal dengan penuh tanggung jawab sehingga penulis dapat menyelesaikan skripsi ini. 6. Kepada orang tua dan saudara-saudaraku yang selalu memberikan do a, semangat serta motivasi kepada penulis. 7. Semua pihak yang tidak bisa disebutkan satu-persatu yang telah membantu hingga terselesainya skripsi ini. Penulis menyadari bahwa skripsi ini masih jauh dari kesempurnaan, oleh karena itu kritik saran yang membangun dari berbagai pihak sangat penulis harapkan demi perbaikan-perbaikan penelitian selanjutnya. Akhirnya penulis berharap semoga skripsi ini bermanfaat bagi penulis khususnya dan pembaca yang budiman pada umumnya dan semoga bisa menambah pengetahuan dan wawasan ilmu kepada kita semua. Surakarta, Januari 2012 Penulis viii

9 DAFTAR ISI HALAMAN JUDUL... HALAMAN PERSETUJUAN... HALAMAN PENGESAHAN... HALAMAN KONTRIBUSI... HALAMAN MOTTO DAN PERSEMBAHAN... KATA PENGANTAR... DAFTAR ISI... DAFTAR TABEL... DAFTAR GAMBAR... ABSTRAKSI... i ii iii iv v vii ix xvi xviii xxiii BAB I PENDAHULUAN... 1 A. Latar Belakang Masalah... 1 B. Rumusan Masalah... 3 C. Batasan Masalah... 3 D. Tujuan Penelitian... 4 E. Manfaat Penelitian... 4 F. Sistematika Penulisan... 5 BAB II TINJAUAN PUSTAKA... 6 A. Telaah Penelitian... 6 B. Landasan Teori Sistem Informasi... 8 ix

10 2. Internet HTML PHP Javascript JQuery CSS WAP WML Basis Data (database) MySQL Tahapan pembuatan Perangkat Lunak Unified Model Language (UML) BAB III METODE PENELITIAN A. Pengantar Waktu dan tempat penelitian Peralatan Utama dan Pendukung Alur Penelitian Alur Program Diagram alir Member Diagram alir admin Digram alir secara umum B. Gambaran Kerja Sistem C. Analisa Kebutuhan Sistem Spesifikasi Komputer Server x

11 2. Spesifikasi hardware client Admin Member Visitor D. Input dan output yang dikehendaki E. Perancangan Sistem F. Perancangan Use Case Administrator (Admin) Member Visitor Use Case Definition Finalize Use Case Use Case Description (decision table) G. Diagram Aktifitas Diagram aktifitas login Diagram aktifitas logout Diagram aktifitas mendaftar member Aktifitas pengisian data testimoni yang dilakukan oleh member.. 63 H. Perancangan Sistem dengan DFD (Data Flow Diagram) Context Diagram DFD (Data Flow Diagram) level DFD (Data Flow Diagram) Level 1 Proses menampilkan data I. Rancangan Database dan Tabel xi

12 1. Relasi antar tabel Table Instance Chart (TIC) J. Rancangan Desain Halaman Web dan Wap Desain tampilan dialog layar login sistem Desain dialog layar secara umum K. Membangun Sistem BAB IV HASIL DAN PEMBAHASAN A. Hasil Penelitian Hasil penelitian berbasis web a. Halaman depan atau home b. Form login member c. Halaman pendaftaran member baru d. Halaman berita e. Halaman lowongan pekerjaan f. Form komentar g. Halaman beasiswa h. Halaman panggilan tes i. Halaman tentang kami j. Halaman testimonial k. Halaman buku tamu l. Halaman agenda m. Halaman FAQ(Frequently Asked Questions) n. Halaman sitemap xii

13 o. Halaman member p. Halaman admin q. Halaman manajemen user r. Halaman manajemen tambah user oleh admin s. Halaman manajemen edit user oleh admin t. Halaman manajemen berita u. Halaman manajemen tambah berita v. Halaman manajemen edit berita w. Halaman manajemen profil x. Halaman manajemen kategori berita y. Halaman manajemen tambah kategori berita z. Halaman manajemen edit kategori berita aa. Halaman manajemen agenda ab. Halaman manajemen tambah agenda ac. Halaman manajemen edit agenda ad. Halaman manajemen beasiswa ae. Halaman manajemen tambah beasiswa af. Halaman manajemen edit beasiswa ag. Halaman manajemen lowongan ah. Halaman manajemen tambah lowongan ai. Halaman manajemen edit lowongan aj. Halaman manajemen kategori lowongan ak. Halaman manajemen tambah kategori lowongan xiii

14 al. Halaman manajemen edit kategori lowongan am.halaman manajemen panggilan tes an. Halaman manajemen tambah panggilan tes ao. Halaman manajemen edit panggilan tes ap. Halaman manajemen buku tamu aq. Halaman manajemen edit buku tamu ar. Halaman manajemen testimoni as. Halaman manajemen edit testimoni at. Halaman manajemen perusahaan au. Halaman manajemen tambah perusahaan av. Halaman manajemen edit perusahaan aw. Halaman manajemen galeri ax. Halaman manajemen tambah foto ay. Halaman manajemen edit foto az. Halaman manajemen komentar ba. Halaman manajemen edit komentar Hasil penelitian berbasis wap a. Halaman utama b. Halaman berita c. Halaman daftar user baru d. Halaman user-online e. Halaman info lowongan kerja f. Halaman info beasiswa xiv

15 g. Halaman testimonial h. Halaman tentang kami i. Halaman buku tamu B. Pengujian sistem C. Analisa dan Pembahasan Kelebihan Kekurangan BAB V PENUTUP A. Kesimpulan B. Saran DAFTAR PUSTAKA LAMPIRAN xv

16 DAFTAR TABEL Tabel 2.1 : Simbol Data Flow Diagram (DFD) Tabel 2.2 : Simbol Use Case Diagram Tabel 2.3 : Simbol Activity Diagram Tabel 2.4 : Simbol Sequence Diagram Tabel 2.5 : Simbol Class Diagram Tabel 3.2 : Input Admin Tabel 3.2 : Input member Tabel 3.3 : Input daftar users Tabel 3.4 : Input berita Tabel 3.5 : Input kategori berita Tabel 3.6 : Input lowongan Tabel 3.7 : Input kategori lowongan Tabel 3.8 : Input lowongan Tabel 3.9 : Input beasiswa Tabel 3.10 : Input panggilan tes Tabel 3.11 : Input agenda Tabel 3.32 : Input buku tamu Tabel 3.13 : Input testimoni Tabel 3.14 : Input komentar Tabel 3.15 : View berita Tabel 3.16 : View lowongan xvi

17 Tabel 3.17 : View beasiswa Tabel 3.18 : View panggilan tes Tabel 3.19 : Tabel users Tabel 3.20 : Tabel users memilih lowongan Tabel 3.21 : Tabel lowongan Tabel 3.22 : Tabel kategori lowongan Tabel 3.23 : Tabel berita Tabel 3.24 : Tabel kategori berita Tabel 3.25 : Tabel agenda Tabel 3.26 : Tabel beasiswa Tabel 3.27 : Tabel panggilan tes Tabel 3.28 : Tabel perusahaan Tabel 3.29 : Tabel statistik Tabel 3.30 : Tabel modul Tabel 3.31 : Tabel buku tamu Tabel 3.32 : Tabel komentar Tabel 3.33 : Tabel testimoni Tabel 4.1 : Tabel kuisioner Tabel 4.2 : Tabel daftar rekapitulasi kuisioner Tabel 4.3 : Tabel rekapitulasi pernyataan kuisioner manfaat dan tujuan Tabel 4.4 : Tabel rekapitulasi pernyataan kuisioner tampilan xvii

18 DAFTAR GAMBAR Gambar 2.1 : Contoh penulisan script HTML... 9 Gambar 2.2 : Contoh penulisan script PHP Gambar 2.3 : Contoh penulisan script jquery Gambar 2.4 : Penulisan script CSS Gambar 2.5 : Contoh penulisan script WML Gambar 3.1 : Diagram Alir Penelitian (Flowchart) Gambar 3.2 : Diagram Alir Member Gambar 3.3 : Diagram Alir Admin Gambar 3.4 : Diagram Alir Secara Umum Gambar 3.5 : Gambaran Kerja Sistem Gambar 3.6 : Diagram Menu Sistem berbasis web Gambar 3.7 : Diagram Menu Sistem berbasis wap Gambar 3.8 : Sitemap (Peta situs website) Gambar 3.9 : Use Case untuk aktor Administrator Gambar 3.10 : Use Case untuk aktor Member Gambar 3.11 : Use Case untuk aktor visitor Gambar 3.12 : Diagram aktifitas login user Gambar 3.13 : Diagram aktifitas logout user Gambar 314 : Diagram aktifitas mendaftar member Gambar 3.15 : Diagram aktifitas pengisian data testimoni Gambar 3.16 : Context Diagram Sistem Informasi Karir xviii

19 Gambar 3.17 : DFD level Gambar 3.18 : DFD level 1 proses menampilkan data Gambar 3.19 : ERD (Entitiy Relationship Diagram) sistem Gambar 3.20 : Desain Dialog layar sistem login Gambar 3.21 : Desain Dialog layar sistem login berbasis wap Gambar 3.22 : Desain Dialog layar website secara umum Gambar 3.23 : Desain Dialog layar sistem berbasis wap secara umum Gambar 4.1 : Halaman depan atau Home Gambar 4.2 : Form login Gambar 4.3 : Halaman pendaftaran member Gambar 4.4 : Halaman berita Gambar 4.5 : Tampilan halaman lowongan kerja umum Gambar 4.6 : Halaman lowongan kerja member Gambar 4.7 : Form komentar berita pengunjung Gambar 4.8 : Tampilan halaman beasiswa Gambar 4.9 : Halaman panggilan tes Gambar 4.10 : Halaman tentang kami Gambar 4.11 : Halaman testimoni umum Gambar 4.12 : Halaman testimoni member Gambar 4.13 : Tampilan buku tamu Gambar 4.14 : Halaman agenda Gambar 4.15 : Halaman FAQ Gambar 4.16 : Halaman sitemap xix

20 Gambar 4.17 : Tampilan halaman member Gambar 4.18 : Tampilan halaman admin Gambar 4.19 : Manajemen user Gambar 4.20 : Manajemen tambah user Gambar 4.21 : Manajemen edit user Gambar 4.22 : Tampilan halaman manajemen berita Gambar 4.23 : Tampilan halaman manajemen tambah berita Gambar 4.24 : Manajemen edit berita Gambar 4.25 : Manajemen profil Gambar 4.26 : Manajemen katergori berita Gambar 4.27 : Halaman manajemen tambah kategori berita Gambar 4.28 : Manajemen edit kategori berita Gambar 4.29 : Manajemen agenda Gambar 4.30 : Manajemen tambah agenda Gambar 4.31 : Halaman manajemen edit agenda Gambar 4.32 : Manajemen beasiswa Gambar 4.33 : Manajemen tambah beasiswa Gambar 4.34 : Manajemen edit beasiswa Gambar 4.35 : Halaman manajemen lowongan Gambar 4.36 : Manajemen tambah lowongan Gambar 4.37 : Halaman manajemen edit lowongan Gambar 4.38 : Manajemen kategori lowongan Gambar 4.39 : Manajemen tambah ketegori lowongan xx

21 Gambar 4.40 : Halaman manajemen edit kategori lowongan Gambar 4.41 : Manajemen panggilan tes Gambar 4.42 : Manajemen tambah panggilan tes Gambar 4.43 : Manajemen edit panggilan tes Gambar 4.44 : Manajemen buku tamu Gambar 4.45 : Manajemen edit buku tamu Gambar 4.46 : Hampilan halaman manajemen testimoni Gambar 4.47 : Hampilan halaman manajemen edit testimoni Gambar 4.48 : Hampilan manajemen perusahaan Gambar 4.49 : Manajemen tambah perusahaan Gambar 4.50 : Manajemen edit perusahaan Gambar 4.51 : Halaman manajemen galeri Gambar 4.52 : Manajemen tambah foto Gambar 4.53 : Manajemen edit foto Gambar 4.54 : Manajemen komentar Gambar 4.55 : Manajemen edit kometar Gambar 4.56 : Tampilan halaman utama berbasis wap Gambar 4.57 : Halaman berita berbasis wap Gambar 4.58 : Pendaftaran user baru berbasis wap Gambar 4.59 : Halaman user online sistem berbasis wap Gambar 4.60 : Halaman info lowongan kerja berbasis wap Gambar 4.61 : Halaman info beasiswa berbasis wap Gambar 4.62 : Halaman testimonial xxi

22 Gambar 4.63 : Halaman tentang kami berbasis wap Gambar 4.64 : Halaman buku tamu berbasis wap Gambar 4.65 : Grafik kuisioner manfaat dan tujuan Gambar 4.66 : Grafik kuisioner tampilan xxii

23 ABSTRAKSI Perencanaan karir merupakan salah satu aspek terpenting dalam perkembangan individu dan menjadi kepedulian di dalam dunia pendidikan maupun masyarakat. Kesulitan dalam perencanaan karir perlu arahan khusus dan fasilitas yang memadai. Dengan perkembangan teknologi yang sekarang ini akan lebih memudahkan dalam akses informasi. Penelitian ini bertujuan untuk membantu sekolah SMK Negeri 3 Purworejo dalam menyediakan fasilitas kepada siswa dan alumni dalam hal berkarir mulai dari mencari berita, informasi beasiswa sampai mencari lowongan pekerjaan. Karena dirasa siswa masih cukup kesulitan mencari informasi karir untuk masa depanya. Metode perancangan sistem yang digunakan yaitu metode use case. Sedangkan metode pengumpulan datanya yaitu dengan penyebaran kuisioner. Perancangan sistem dimulai dengan analisis kebutuhan sistem, perancangan dan pembuatan sistem sampai dengan tahap implementasi sistem. Tools yang digunakan dalam membangun sistem yaitu Dreamweaver CS5, Adobe Photoshop CS5, Xampp 1.70, Mozilla Firefox, Internet Explorer, M3Gate dan WinWap 4.2. Hasil dari penelitian bahwa sistem informasi karir berbasis web dan wap telah berhasil dibuat dan hasilnya dapat membantu BKK SMK 3 Purworejo dalam menyampaikan informasi seputar karir kepada siswa dan alumni, sistem informasi yang dibuat telah memenuhi kebutuhan sistem BKK SMK 3 Purworejo. Dan hasilnya cukup bagus karena dari hasil kuisioner sebesar 50% responden mengatakan bahwa sistem tersebut sangat bermanfaat dan 42,86% bermanfaat sedangkan dari segi tampilan 78,57% responden mengatakan bagus dan cukup menarik sedangkan 21,43% mengatakan sangat bagus dan sangat menarik. Kata kunci : lowongan pekerjaan, karir, sistem informasi, web, wap xxiii