1 PENGEMBANGAN APLIKASI ALUMNI BERBASIS WEB PADA SMK NASIONAL DEPOK Billy Yanuardi PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UIN S...
PENGEMBANGAN APLIKASI ALUMNI BERBASIS WEB PADA SMK NASIONAL DEPOK
Billy Yanuardi 105091002791
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UIN SYARIF HIDAYATULLAH JAKARTA 2011
PENGEMBANGAN APLIKASI WEB ALUMNI BERBASIS MULTIMEDIA PADA SMK NASIONAL DEPOK Oleh BILLY YANUARDI 105091002791
Skripsi Sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer
Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2011
PENGEMBANGAN APLIKASI ALUMNI BERBASIS WEB PADA SMK NASIONAL DEPOK
Skripsi Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer Pada Fakultas Sains Dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta Oleh Billy Yanuardi 105091002791
Menyetujui
Pembimbing I
Pembimbing II
Ir. Bakri La Katjong, MT, M. Kom NIP. 470 035 764
Viva Arifin, MMSi NIP. 19730210 200604 2 001
Mengetahui, Ketua Program Studi Teknik Informatika
Yusuf Durrachman, M.Sc, MIT. NIP. 19710522 200604 1 002
PENGESAHAN UJIAN Skripsi berjudul ”Pengembangan Aplikasi Alumni Berbasis Web Pada SMK Nasional Depok” yang ditulis oleh Billy Yanuardi, 105091002791
telah diuji dan dinyatakan lulus dalam sidang Munaqosyah Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta pada tanggal 22
Juli 2011. Skripsi ini telah diterima sebagai salah satu syarat untuk memperoleh gelar sarjana strata satu (S1) Program Studi Teknik Informatika.
Menyetujui,
Penguji I
Penguji II rini, MT NIP. 19760131 200901
Herlg, MT
Pembimbing I
Pembimbing II
Ir. Bakri La Katjong, MT, M. Kom
Viva Arifin, MMSi NIP. 19730210 200604 2 001
Mengetahui,
Dekan Fakultas Sains dan Teknologi
Ketua Program Studi Teknik Info
DR. Syopiansyah Jaya Putra, M.Sis NIP. 19680117 200112 1001
Yusuf Durrachman MIT NIP. 19710522 200604 1 00
PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENARBENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU LEMBAGA MANAPUN
Jakarta, Juli 2011
Billy Yanuardi
105091002791
ABSTRAK BILLY YANUARDI, Pengembangan Aplikasi Alumni Berbasis Web Pada SMK Nasional Depok. (Di bawah bimbingan Bapak Bakri La Katjong dan Ibu Viva Arifin). Perkembangan internet akhir - akhir ini telah membuat institusi pendidikan khususnya Sekolah Menengah Kejuruan membutuhkan sebuah situs web untuk mempermudah para siswa dan alumninya dalam memperoleh berbagai macam informasi mengenai sekolah. Dengan mengembangkan aplikasi alumni berbasis web, data-data alumni akan tetap terjaga. Selain itu pula dapat memudahkan pihak sekolah untuk memantau perkembangan alumni begitupun sebaliknya. Penggunaan multimedia mampu membuat suatu terobosan baru dalam menciptakan dinamika kemasan data dan informasi dengan cara yang berbeda, bukan dengan teks statis tetapi dengan animasi, teks, gambar, suara, serta video. Aplikasi ini disusun berdasarkan metode pengembangan System Development Life Cycle (SDLC) dengan strategi Watterfall. Peneliti menggunakan Macromedia Dreamweaver 8 sebagai perangkat lunak utama yang dibantu dengan Macromedia Flash, Adobe Photosop, Ulead Video Studio. Pada tahap implementasi, aplikasi di-unggah pada sebuah web hosting agar mempermudah user mengaksesnya. Kata Kunci: System Development Life Cycle (SDLC), Watterfall, Aplikasi Web, web hosting V Bab + xii Halaman + 100 Halaman + 75 Gambar + 12 Tabel + Daftar Pustaka + 6 Lampiran Pustaka 10 (1989 - 2010)
KATA PENGANTAR
Assalamu’alaikum Wr.Wb Dengan mengucapkan syukur Alhamdulillah, penulis panjatkan kehadirat ILLAHI RABBI atas Rahmat dan Hidayah-Nya sehingga skripsi ini dapat selesai sebagaimana mestinya. Penulis menyadari bahwa tanpa bantuan dan bimbingan dari berbagai pihak, skripsi yang berjudul “Pengembangan Aplikasi Alumni Berbasis Web Pada SMK Nasional Depok” ini tidak akan selesai dengan baik. Pada kesempatan ini, penulis ingin mengucapkan terima kasih yang sebesar-besarnya atas bimbingan dan pengarahan yang diberikan pada penulis selama menyusun skripsi ini. Oleh karena itu, izinkanlah penulis menyampaikan ucapan terima kasih kepada : 1.
Bapak. DR. Syopiansyah, M.Sis selaku Dekan Fakultas Sains dan Teknologi.
2.
Bapak Yusuf Durrachman, M.Sc, MIT selaku Ketua Program Studi Jurusan Teknik Informatika.
3.
Ir. Bakri La Katjong, MT, M. Kom sebagai pembimbing pertama skripsi ini yang secara bijaksana selalu memberikan saran untuk perbaikan skripsi ini. Selalu memberikan dukungan moral maupun teknis dan telah memberikan semangat motivasi selama melakukan studi.
4.
Viva Arifin,MMSi selaku pembimbing kedua yang selalu memberikan dorongan semangat untuk penyelesaian skripsi ini. Terima kasih atas
kebijaksanaan dalam membimbing dan selalu memberikan ide maupun saran terlebih dalam aplikasi. 5.
Bapak Ikhsan, S.Pd, sebagai pembimbing lapangan di SMK Nasional Depok, yang selalu memberikan toleransi atas kesalahan. Selalu mengingatkan untuk penyelesaian tugas skhir ini.
6.
Kedua Orangtua saya, yang selalu memberikan contoh dan dukungan moril maupun materil.
7.
Kepada Kakak serta Adik saya, Selalu mengingatkan saya.
8.
Kepada Nanang Khaerul Anwar dan M. Septian Saputra, sahabat yang selalu memberikan inspirasi untuk terus semangat untuk maju walaupun dalam keadaan sulit.
9.
Kepada teman-teman kosan Danuri, M. Yogi Fatullah, M. Ridho Ihsan, M. Aussie, M. Alamsyah, Aditya Cita Nugraha, Okky, Lutfi Hidayat yang selalu memberikan tawa dan candanya didalam kejenuhan.
10. Kepada M. Fahrul Rodji dan Rizki Amadinda GP, teman seperjuangan tapi tak sejalan. 11. Sahabat-sahabat keluarga besar Pergerakan Mahasiswa Islam Indonesia (PMII) Komisariat Fakultas Sains dan Teknologi (KomFAST) yang telah memberikan banyak pelajaran kepada penulis pentingnya semangat pergerakan untuk perubahan. 12. Teman-teman TI 2005 A dan semua mahasiswa UIN Syarif Hidayatullah, Semoga kita menjadi manusia yang mulia dihadapanNya.
Penulis menyadari bahwa penyusunan skripsi ini masih jauh dari sempurna sehingga segala saran dan kritik akan sangat membangun demi kesempurnaan skripsi ini. Penulis berharap, skripsi ini dapat berguna dan bermanfaat bagi yang membutuhkannya khususnya penulis sendiri, rekan-rekan mahasiswa dan masyarakat pada umumnya. Semoga segala bantuan yang diberikan kepada penulis akan mendapatkan balasan yang setimpal dari Allah SWT, Amin.
Wassalamu’alaikum Wr.Wb
Jakarta, Agustus 2011
Billy Yanuardi Penulis
DAFTAR ISI
HALAMAN JUDUL ................................................................................................i HALAMAN SAMPUL .............................................................................................ii LEMBAR PERSETUJUAN PEMBIMBING ........................................................iii LEMBAR PENGESAHAN UJIAN ........................................................................iv HALAMAN PERNYATAAN..................................................................................v ABSTRAK ................................................................................................................vi KATA PENGANTAR ..............................................................................................vii DAFTAR ISI .............................................................................................................x DAFTAR TABEL ....................................................................................................xiv DAFTAR GAMBAR ................................................................................................xv DAFTAR SIMBOL ..................................................................................................xvii DAFTAR LAMPIRAN ............................................................................................xxi
BAB I
PENDAHULUAN 1.1. Latar Belakang ...............................................................................1 1.2. Rumusan Masalah ..........................................................................2 1.3. Batasan Masalah ............................................................................2 1.4. Tujuan dan Manfaat Penulisan ......................................................3 1.4.1. Tujuan Penulisan ................................................................3 1.4.2. Manfaat Penulisan ..............................................................4 1.5. Metodologi Penelitian ....................................................................5 1.5.1. Metodologi Pengumpulan Data .........................................5
1.5.2. Metode Pengembangan Sistem ..........................................5 1.6.
Aplikasi Berbasis Web ...................................................................8 2.1.1 Dasar-dasar Pemrograman Berbasis Web ............................10 2.1.2 Keunggulan Web Berfasilitas Basis Data .............................10 2.1.3 Jaringan Komputer ...............................................................11
Database Dan DBMS .....................................................................11
2.4
Pengembangan Sistem ...................................................................13 2.4.1 Definisi Pengembangan Sistem ............................................13 2.4.2 Tahapan Pengembangan Sistem ...........................................14
2.5
Siklus Hidup Pengembangan Sistem Informasi ............................17
2.6
Proses Pengembangan Sistem Sederhana ......................................18
2.7
Tool Pengembangan Sistem ..........................................................20 2.7.1 Flowchart .............................................................................20 2.7.2 DFD ( Data Flow Diagram).................................................21 2.7.3 ERD (Entity Relationship Diagram) ....................................22 2.7.4 Spesifikasi Proses .................................................................25 2.7.5 STD (State Transition Diagram)..........................................25
MySQL ..........................................................................................27
2.10 Fase Implementasi .........................................................................28 2.11 Web Browser ..................................................................................28 2.12 Web Server .....................................................................................29 2.13 Pengenalan Macromedia Dreamweaver 8 .....................................29 2.14 Pengujian .......................................................................................32 2.15 Penelitian Sejenis ...........................................................................33 BAB III
METODOLOGI PENELITIAN 3.1 Metode Pengumpulan Data............................................................37 3.1.1 Studi Pustaka ........................................................................37 3.1.2 Studi Literatur ......................................................................38 3.1.3 Studi Lapangan .....................................................................38
BAB IV
3.2
Metode Pengembangan Sistem ......................................................40
System Initiation ............................................................................45 4.1.1 Identifikasi Masalah .............................................................46 4.1.2 Lingkup Sistem ....................................................................46 4.1.3 Tujuan...................................................................................47
4.2
System Analysis ..............................................................................47 4.2.1 Gambaran Umum .................................................................47 4.2.1.1 Sejarah Singkat SMK Nasional Depok ..................47 4.2.1.2 Visi, Misi dan Motto ..............................................49 4.2.1.3 Struktur Organisasi SMK Nasional Depok ............50
4.2.2 Analisa Sistem Berjalan .......................................................50 4.2.2.1 Kelemahan Sistem Berjalan ...................................57 4.2.3 Analisa Pemecahan Masalah ................................................58 4.2.3.1 Kebutuhan User dan Sistem ...................................59 4.3
System Implementation .................................................................89 4.4.1 Coding ..................................................................................89 4.4.2 Pengujian Sistem ..................................................................89
DAFTAR PUSTAKA ...............................................................................................96 LAMPIRAN
DAFTAR TABEL Tabel 2.1 Langkah-langkah Pemecahan Masalah Umum .......................................19 Tabel 2.2 Skripsi Sebelumnya Tentang pembuatan web alumni pada SMKN .......34 Tabel 2.3 Skripsi Sebelumnya Tentang pembuatan web alumni pada SMAI .........35 Tabel 2.4 Skripsi Sebelumnya Tentang pembuatan web almamater .......................36 Tabel 4.1 Mengenal web alumni .............................................................................51 Tabel 4.2 Kegunaan web alumni .............................................................................52 Tabel 4.3 Keinginan Adanya Web Alumni .............................................................53 Tabel 4.4 Keinginan Isi web alumni........................................................................54 Tabel 4.5 Mengenal Web Aplikasi ..........................................................................55 Tabel 4.6 Ketertarikan Membuat aplikasi alumni berbasiskan web ...............................56 Tabel 4.7 Blackbox Testing .....................................................................................91
DAFTAR GAMBAR
Gambar 2.1
Komunikasi Data .................................................................................... 11
Gambar 2.2
Macro Media Dreamweaver 8.................................................................... 30
Gambar 4.10 Flowchart Menu Utama ......................................................................... 64 Gambar 4.11 Flowchart Home ..................................................................................... 65 Gambar 4.12 Flowchart Kata Sambutan ...................................................................... 67 Gambar 4.13 Flowchart Alumni .................................................................................. 68 Gambar 4.14 Flowchart Galeri .................................................................................... 69 Gambar 4.15 Flowchart Info BKK .............................................................................. 71 Gambar 4.16 Flowchart Login ..................................................................................... 72 Gambar 4.17 ERD Pengembangan aplikasi alumni berbasis web ..................................... 75
Gambar 4.18 Diagram Menu Utama ............................................................................ 76 Gambar 4.19 Diagram Kata Sambutan......................................................................... 77 Gambar 4.20 Diagram Alumni ..................................................................................... 78 Gambar 4.21 Diagram Menu Hiburan .......................................................................... 78 Gambar 4.22 Diagram Menu Info BKK....................................................................... 78 Gambar 4.23 STD Menu Utama................................................................................... 79 Gambar 4.24 STD Kata Sambutan ............................................................................... 80 Gambar 4.25 STD Alumni ........................................................................................... 81 Gambar 4.26 STD Galeri.............................................................................................. 81 Gambar 4.27 STD Info BKK ....................................................................................... 82 Gambar 4.28 layout halaman menu utama ................................................................... 83 Gambar 4.29 layout halaman Kata Sambutan .............................................................. 84 Gambar 4.30 layout halaman Alumni .......................................................................... 85 Gambar 4.31 layout halaman Galeri ............................................................................... 86 Gambar 4.32 layout halaman Info BKK .......................................................................... 87 Gambar 4.33 layout halaman edit profil .......................................................................... 88
DAFTAR SIMBOL
Flowchart Direction Symbol (Ladjamuddin, 2004)
No
Gambar
Keterangan
1.
Simbol Arus/ Flow Adalah simbol untuk menyatakan jalannya arus suatu proses
2.
Simbol Offline Connector Simbol ini digunakan untuk menyatakan sambungan dari satu proses ke proses lainnya dalam halaman/ lembar yang berbeda. Simbol Connector Digunaka untuk menyatakan sambungan dari satu proses ke proses lainnya dalam halaman/lembar yang sama
3.
Processing Symbol (Ladjamuddin, 2004)
No
Gambar
Keterangan
1.
Simbol Keying Operation Simbol untuk menyatakan segala jenis operasi yang diproses dengan menggunakan suatu mesin yang mempunyai keyboard
2.
Simbol Manual Simbol untuk menyatakan suatu proses yang dilakuakn secara manual.
3.
Simbol Decision Simbol untuk menunjukan kondisi tertentu yang akan menghasilkan dua kemungkinan jawaban, ya atau tidak.
4.
Simbol Predefined Proses Untuk menyatakan penyediaan tempat penyimpangan suatu pengolahan untuk memberi harga awal.
5.
Simbol Terminal Simbol Untuk menyatakan permulaan atau akhir suatu program.
6.
Simbol Off-Line Storage Simbol Untuk menunjukan bahwa data dalam symbol ini akan disimpan kesuatu media tertentu.
7.
Simbol Manual Input Simbol untuk memasukan data secara manual dengan menggunakan online keyboard.
Input-Output Symbol (Ladjamuddin, 2004)
No 1.
2.
3.
4.
Gambar
Keterangan Simbol Input-Output Simbol ini menyatakan proses input dan output tanpa tergantung jenis peralatannya. Simbol Punched Card Simbol untuk menyatakan input dari kartu atau output tulis ke kartu. Simbol Magnetik-Tape Unit Simbol untuk menyatakan input berasal dari pita magnetic atau output disimpan ke pita magnetik. Simbol Disk Storage Simbol untuk menyatakan input berasal dari disk atau output disimpan ke disk.
5.
Simbol Document Simbol untuk mencetal laporan ke printer.
6.
Simbol Display Simbol untuk menyatakan peralatan output yang digunakan berupa layar (video, komputer).
Data Flow Diagram Symbol (Ladjamuddin, 2004)
No
Gambar
Keterangan
Nama Simbol Simbo DFD versi Yourdan, Simbol DFD versi De Marco, dan Lainnya
Keterangan Himpunan Entitas Atribut Himpunan Relasi Link
BAB I PENDAHULUAN
1.4.
Latar Belakang Perkembangan internet akhir - akhir ini telah membuat institusi pendidikan
khususnya Sekolah Menengah Kejuruan membutuhkan sebuah situs web untuk mempermudah para siswanya dalam memperoleh berbagai macam informasi mengenai sekolah. Siswa dalam hal ini tidak hanya meliputi Siswa yang masih menjalani pendidikan di SMK tersebut, melainkan juga siswa yang telah menyelesaikan pendidikannya atau alumni. Setelah mereka lulus, mereka akan berpisah satu sama lain untuk melanjutkan ke jenjang yang lebih tinggi atau menggapai cita-citanya masingmasing. Banyak informasi tentang sekolah yang sudah ditinggalkan tidak sampai kepada alumni - alumni yang jarang berkomunikasi dengan sekolah bersangkutan. Salah satu media yang dapat dipakai untuk menjembatani hubungan antara alumni dengan pihak Sekolah adalah internet khususnya situs Web. Aplikasi Web tidak lagi terbatas sebagai pemberi informasi yang statis, melainkan juga mampu memberikan informasi yang berubah secara dinamis dengan cara melakukan koneksi terhadap basisdata. Dengan pesatnya perkembangan teknologi maka penulis berinisiatif untuk mengembangkan web SMK Nasional yang sudah ada dengan menambahkan sub menu alumni, hal ini dimaksudkan agar data-data alumni tetap terjaga, selain itu
pula dapat memudahkan pihak sekolah untuk memantau perkembangan alumni begitupun sebaliknya. Dalam penulisan skripsi ini penulis membuat sebuah penulisan yang berjudul “Pengembangan Aplikasi Alumni Berbasis Web Pada SMK Nasional Depok“. Alasan penulis membuat aplikasi alumni berbasiskan web ini seiring dengan bertambahnya jumlah alumni SMK Nasional maka pihak sekolah pun membutuhkan sebuah sarana untuk mengetahui informasi yang terkait tentang alumni – alumninya, selain itu para alumni lebih mudah dan interaktif dalam melihat informasi tentang lowongan pekerjaan yang tersedia dari sekolah dan informasi-informasi lainnya yang terkait dengan sekolah (Interview Bpk. Sugiharto, S.Sos. 2011). Untuk itu penulis berharap dengan adanya aplikasi alumni berbasiskan web ini dapat melancarkan kegiatan atau program-program yang sudah diagendakan pihak sekolah. 1.2.
Rumusan Masalah Rumusan masalah pada penyusunan skripsi ini adalah: 1. Belum adanya aplikasi yang dapat merekap data-data alumni SMK Nasional Depok . 2. Aplikasi web yang ada belum dapat menyajikan info bursa kerja khusus yang dibutuhkan oleh sebagian besar alumni SMK Nasional Depok.
1.3.
Batasan Masalah Dalam penyusunan skripsi ini, penulis membatasi pembahasannya hanya
pada:
1. Informasi yang ditampilkan adalah biodata alumni, gallery kelas berupa foto, data-data mengenai bursa kerja khusus (BKK) dan hal-hal yang terkait dengan data-data alumni SMK Nasional (video kata sambutan, lagu-lagu mars sekolah). 2. Data-data yang digunakan adalah data alumni SMK Nasional Depok Angkatan 2009. 3. Metodologi pengembangan sistem yang digunakan adalah System Development Life Cycle (SDLC) dari tahapan system initiation, system analysis, system design sampai dengan tahapan system implementation, peneliti
tidak
membahas
keamanan
data
dan
pemeliharaan
(maintenance) serta pengujian sistem dilakukan dengan blackbox testing. 4. Tools yang digunakan adalah Microsoft Visio 2007, Macromedia Firewoks 8, Macromedia Dreamweaver 8, Php MySQL dan shape pada microsoft power point. 5. Pengguna web alumni ini terdiri dari pihak sekolah, para alumni, dan siswa - siswi. 1.4.
Tujuan dan Manfaat Penulisan 1.4.1. Tujuan Penulisan Tujuan dalam penyusunan skripsi yang berjudul “Pengembangan Aplikasi Alumni Berbasis Web Pada SMK Nasional Depok” ini adalah: 1.
Mengembangkan aplikasi alumni berbasis web dengan penambahan suatu modul bursa kerja kursus (BKK).
2.
Mengembangkan Aplikasi web yang dapat diakses melalui internet, sehingga proses pencatatan serta pencarian data informasi khususnya berkaitan dengan data alumni yang dibutuhkan dapat berlangsung secara cepat dan akurat.
1.4.2. Manfaat Penulisan a. Bagi SMK Nasional Depok 1. Memberikan kemudahan kepada instansi untuk mengetahui informasi yang terkait tentang alumni.
2. Memberikan
kemudahan
kepada
alumni
untuk
mendapatkan informasi yang terkait tentang sekolah dan lowongan pekerjaan yang tersedia. 3. Dapat dijadikan sebagai salah satu media publikasi oleh pihak sekolah dalam menjalankan program sekolah khususnya info BKK. b. Bagi Peneliti 1. Untuk memenuhi salah satu syarat kelulusan Strata Satu (S1) pada Program Studi Sistem Informasi, Fakultas Sains dan
Teknologi
Universitas
Islam
Negeri
Syarif
Hidayatullah Jakarta. 2. Menerapkan ilmu multimedia pada bidang web publishing c. Bagi Universitas 1. Diharapkan sebagai sumbangan karya ilmiah dalam disiplin ilmu khususnya dalam bidang Multimedia.
2. Berguna sebagai penambah hasil-hasil penelitian yang dapat dijadikan bahan bacaan bagi yang berminat mengkaji permasalahan atau topik yang serupa. 1.5.
Metodologi Penelitian Dalam rangka menyusun skripsi ini, diperlukan data - data serta informasi
yang relatif lengkap sebagai bahan yang dapat mendukung kebenaran materi uraian dan pembahasan. Oleh karena itu sebelum menyusun skripsi ini, dalam persiapannya terlebih dahulu dilakukan riset atau penelitian untuk menjaring data serta informasi atau bahan materi yang diperlukan. Adapun metode pengumpulan data serta metode pengembangan aplikasi multimedia yang dilakukan adalah sebagai berikut: 1.5.1. Metodologi Pengumpulan Data 1.
Studi Pustaka
2.
Studi Literatur
3.
Studi Lapangan Pada studi lapangan, peneliti membaginya menjadi tiga bagian, yaitu: a. Observasi b. Kuisioner c. Wawancara
1.5.2. Metode Pengembangan Sistem Pada metode pengembangan sistem, penulis menggunakan metode pengembangan sistem System Development Life Cycle (SDLC) dengan
strategi Waterfall yang terdiri dari Permulaan sistem (system initiation), Analisis sistem (system analysis), Desain sistem (system design), Implementasi sistem (system implementation) (Whitten, 2004). 1. System Initiation 2. System Analysis 3. System Design 4. System Implementation 1.6.
Sistematika Penulisan BAB I
PENDAHULUAN Bab ini diuraikan mengenai latar belakang diadakannya penelitian, perumusan masalah, batasan masalah, tujuan dan manfaat penelitian, metodologi penelitian, dan sistematika penulisan.
BAB II
LANDASAN TEORI Bab ini diuraikan teori-teori yang menjadi dasar/landasan penelitian.
Teori-teori
tersebut
didapat
dari
penelitian
kepustakaan sebagai landasan dalam melakukan penelitian. Teori-teori yang digunakan adalah teori-teori mengenai Aplikasi web, interaksi manusia dan komputer, perancangan, serta aplikasi yang dipakai. BAB III
METODOLOGI PENELITIAN Bab ini berisi mengenai metodologi pengumpulan data serta metode pengembangan sistem.
BAB IV
HASIL DAN PEMBAHASAN Bab ini berisi mengenai gambaran umum sekolah SMK NASIONAL Depok, serta akan membahas mengenai analisa sistem yang sedang berjalan dan perancangan sistem baru berbasis web, serta pengimplementasian sistem yang baru pada sekolah beserta evaluasinya.
BAB V
KESIMPULAN DAN SARAN Bab ini penulis akan membuat kesimpulan dari inti penelitian dan hasil penelitian yang penulis kerjakan. Bab ini akan berisi juga saran-saran dan langkah-langkah lanjutan yang mungkin perlu diambil untuk memperbaiki dan melanjutkan lagi aplikasi penulis.
DAFTAR PUSTAKA
BAB II LANDASAN TEORI
2.1
Aplikasi Berbasis Web Pada awalnya aplikasi web dibangun hanya dengan menggunakan bahasa
yang disebut HTML (HyperText Markup Languange) dan protokol yang digunakan
dinamakan
HTTP
(HyperText
Transfer
Protocol).
Pada
peerkembangan berikutnya, sejumlah script dan objek yang dikembangkan untuk memperluas kemampuan HTML. Pada saat ini, banyak script seperti itu; antara lain PHP dan ASP, sedangkan contoh yang berupa objek antara lain adalah applet (Java). (Abdul Kadir,2005) Aplikasi web sendiri dapat dibagi menjadi web statis dan web dinamis. Web statis dibentuk dengan mengguankan HTML saja. Kekurangan aplikasi ini terletak pada keharusan untuk memelihara program secara terus-menerus untuk mengikuti setiap perubahan yang terjadi. Kelamahan ini dapat diatasi dengan model aplikasi web dinamis. Web dinamis adalah web yang menampilkan informasi yang bersifat dinamis (berubahubah) dan dapat saling berinteraksi dengan user. Dengan memperluas kemampuan HTML, yakni dengan menggunakan perangkat lunak tambahan. Perubahan informasi dalam halaman-halaman web dapat ditangani melalui perubahan data, bukan melalui perubahan program. Sebagai implementasinya, aplikasi web dapat dikoneksikan ke basis data. Dengan demikian perubahan informasi dapat dilakukan oleh operator atau yang
bertanggung jawab terhadap kemutakhiran data, dan tidak menjadi tanggung jawab pemrogram atau webmaster. Dengan menggunakan pendekatan web dinamis, dimungkinkan untuk membentuk aplikasi berbasis web yang berinteraksi dengan database. Sebagai contoh, system informasi karyawan berbasis web yang memungkinkan seorang karyawan melihat informasi tentang kehadiran dalam satu bulan. Saat ini, web telah menjadi antar muka pemakai untuk aplikasi basis data. Web telah menjadi sistem informasi terbesar berbasis hypertext. Web menjadi penting sebagai front-end basis data karena beberapa alasan sebagai berikut (Hariyanto, 2004): 1. Web browser telah menyediakan front-end universal terhadap informasi yang diberikan back-end yang berlokasi di manapun di dunia. 2. Web browser berjalan di sistem komputer manapun dan pemakai tidak perlu melakukan download perangkat lunak khusus untuk pengaksesan informasi melalui web. Web browser telah menjadi pilihan antar muka pemakai untuk aplikasi fungsi perusahaan. Pada perusahaan, aplikasi web interaktif digunakan dalam beragam cara antara lain: 1. Intranet Aplikasi yang menyediakan pengaksesan informasi skala Instansi. 2. Extranet Aplikasi yang merupakan antar muka antara sekolah dan para alumni.
3. Internet Aplikasi interaktif website Sekolah seperti web alumni sekolah. 2.1.1
Dasar-dasar Pemrograman Berbasis Web Beberapa dasar web yang perlu diketahui antara lain (Hariyanto,
2004): 1. Komunikasi antara web browser dan web server berdasarkan protokol HTTP. 2. Dokumen (bahkan sumber daya apapun di jaringan) yang dikehendaki diidentifikasi dengan URL (Universal Resource Locator, masih banyak yang menyebut Uniform Resource Locator). 3. Dokumen web ditulis berdasarkan standar HTML. 4. Pemrograman sisi client (client-side scripting) dan java upplet. 2.1.2
Keunggulan Web Berfasilitas Basis Data Dengan semakin berkembangnya layanan informasi dan e-
commerce pada web, maka basis data yang digunakan, sistem pendukung keputusan dan pengolahan transaksi harus ditautkan dengan web. Formulir HTML merupakan antar muka nyaman untuk pengolahan transaksi. Pemakai dapat mengisi rincian-rincian formulir dan melakukan klik submit untuk mengirim pesan ke server. Server mengeksekusi transaksi basis data di situs server.
Menghubungkan basis data dan web penting karena dokumen statik di situs web mempunyai keterbatasan bahkan untuk pemakai yang tidak melakukan query atau pengolahan transaksi sekalipun (Hariyanto, 2004). 2.1.3
Jaringan Komputer Yang disebut jaringan komputer (computer network) atau sering
disingkat jaringan saja adalah hubungan dua buah simpul (umumnya berupa komputer) atau lebih yang tujuan utamanya adalah untuk melakukan pertukaran data (Kadir, 2003).
Gambar 2.1 Komunikasi Data 2.2
Pengertian Alumni Menurut kamus besar bahasa Indonesia, kata alumni berarti orang - orang
yang telah mengikuti atau tamat dari suatu sekolah atau perguruan tinggi (Departemen Pendidikan Nasional, 2008) 2.3
Database Dan DBMS Basis Data (Database) adalah mekanisme suatu pengorganisasian
sekumpulan data yang saling terkait sehingga memudahkan aktivitas untuk memperoleh informasi (Kadir, 2003).
Sistem Manajemen Basis Data atau DBMS (Database Manajemen System) adalah perangkat lunak untuk mendefinisikan, menciptakan, mengelola dan mengendalikan pengaksesan basis data (Hariyanto, 2004).
Fungsi sistem
manajemen basis data saat ini yang paling penting adalah menyediakan basis untuk sistem informasi manajemen. Keunggulan
Sistem
Manajemen
Basis
Data
atau
DBMS(Database
Management System): 1.
Pengendalian terhadap redudansi data adalah
2.
Konsistensi data
3.
Informasi yang lebih banyak yang dapat di bentuk dari data tersimpan yang sama
4.
Pemakaian bersama data
5.
Peningkatan integritas data
6.
Pemaksaan terhadap standar
7.
Skala Ekonomi
8.
Penyeimbangan kebutuhan-kebutuhan sumber daya yang terbatas
9.
Peningkatan pengaksesan dan daya tanggap data
10. Peningkatan produktivitas 11. Peningkatan pemeliharaan lewat ketidakbergantungan data 12. Peningkatan konsekuensi 13. Peningkatan layanan backup dan pemulihan data Kelemahan
Sistem
Management System):
Manajemen
Basis
Data
atau
DBMS(Database
1.
Kompleksitas yang tinggi
2.
Ukuran perangkat lunak yang besar
3.
Ongkos sistem manajemen basis data untuk pengadaan, operasi, dan perawatan
4.
Penambahan ongkos-ongkos perangkat keras untuk menjalankan DBMS
2.4
5.
Ongkos konversi dari sistem lama ke sistem baru
6.
Kinerja yang rendah bila tidak mampu menggunakan dengan bagus
7.
Dampak yang tinggi bila terdapat kegagalan
Pengembangan Sistem Didalam pengembangan sistem ini akan menjelaskan tentang defnisi pengembangan sistem, tahapan pengembangan sistem dan konsep siklus pengembangan sistem. 2.4.1
Definisi Pengembangan Sistem Pengembangan
sistem
(system
development)
dapat
berarti
menyusun suatu sistem baru untuk menggantikan sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Sistem yang lama perlu diperbaiki atau diganti (Jogiyanto, 2005).
2.4.2
Tahapan Pengembangan Sistem
Proses pengembangan sistem terdiri dari proses standar atau langkah yang dapat digunakan pada semua proyek pengembangan sistem. Meskipun proses bisnis pada masing-masing organisasi berbeda, mereka memiliki karakteristik umum yang sama, yaitu kebanyakan proses pengembangan sistem pada organisasi mengikuti pendekatan problemsolving. Berikut ini adalah langkah problem-solving secara umum: 1. Analisis Sistem Analisis sistem (systems analysis) dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian
komponennya
mengidentifikasikan
dan
dengan mengevaluasi
maksud
untuk
permasalahan-
permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan- perbaikannya (Jogiyanto, 2005). Tahap analisis sistem dilakukan setelah tahap perencanaan sistem (systems planning) dan sebelum tahap desain sistem (systems design). Tahap analisis merupakan tahap yang kritis dan sangat penting, karena kesalahan di dalam tahap ini akan menyebabkan juga kesalahan di tahap selanjutnya (Jogiyanto, 2005). Didalam tahap analisis terdapat langkah-langkah dasar yang harus dilakukan oleh analis sistem sebagai berikut (Jogiyanto, 2005):
a) Identify, yaitu mengidentifikasi masalah. b) Understand, yaitu memahami kerja dari sebuah sistem yang ada. c) Analyze, yaitu menganalisis sistem. d) Report, yaitu membuat laporan dari hasil analisa. 2. Desain Sistem Desain sistem dapat diartikan sebagai berikut (Jogiyanto, 2005): a) Tahap setelah analisis dari siklus pengembangan sistem. b) Pengidentifikasian
dari
kebutuhan-kebutuhan
fungsional. c) Persiapan untuk merancang bangunan implementasi. d) Menggambarkan bagaimana suatu sistem di bentuk. e) Penggambaran berupa, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. f) Konfigurasi dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem. Desain sistem (systems design) dapat dibagi dalam dua bagian, yaitu desain sistem secara umum (general systems design) dan desain sistem terinci (detailed systems design). Desain sistem
secara umum (general systems design) disebut juga dengan desain konseptual (conceptual design) atau desain logikal (logical design) atau desain secara makro (macro design). Desain sistem terinci disebut juga dengan desain sistem phisik (physical systems design) atau desain internal (internal design). (Jogiyanto, 2005) Tujuan
dari
desain
secara
umum
adalah
untuk
memberikan gambaran secara umum kepada user tentang sistem yang baru. Desain secara umum mengidentifikasikan komponenkomponen sistem informasi yang akan di desain secara rinci. Desain terinci dimaksudkan untuk pemogram komputer dan ahli teknik lainnya yang akan mengimplementasi sistem (Jogiyanto, 2005). 3. Seleksi Sistem Menyeleksi atau memilih teknologi untuk sistem informasi merupakan tugas yang tidak mudah. Tahap seleksi sistem (system selection) merupakan tahap untuk memilih perangkat keras dan perangkat lunak untuk sistem informasi (Jogiyanto, 2005).
4. Implementasi Sistem Tahap implementasi sistem (system implementation) merupakan
tahap
meletakkan
sistem
supaya
siap
untuk
dioperasikan. Tahap ini termasuk juga kegiatan menulis kode program jika tidak digunakan paket perangkat lunak aplikasi dan pengetesan program (Jogiyanto, 2005). 2.5
Siklus Hidup Pengembangan Sistem Informasi Secara konseptual siklus pengembangan sebuah sistem informasi adalah sbb
(Ladjamuddin, 2005): 1. Analisis Sistem: menganalisis dan mendefinisikan masalah dan kemungkinan solusinya untuk sistem informasi dan proses organisasi. 2. Perancangan Sistem: merancang sistem baru yang dapat menyelesaikan masalah-masalah yang dihadapi perusahaan yang diperoleh dari pemilihan alternatif sistem yang baik. Kegiatan yang dilakukan antara lain merancang output, input, struktur file, program, prosedur, perangkat keras dan perangkat lunak yang diperlukan untuk mendukung sistem informasi. 3. Programming dan Testing Sistem : pada tahap ini dilakukan perancangan algoritma dengan menggunakan pseudocode yang ditulis dalam
bahasa
Indonesia
terstruktur/bahasa
inggris
terstruktur.
Perancangan algoritma sebaiknya dilakukan dengan menggunakan pendekatan
Top-Down
(Pemograman
Modular).
Setelah
selesai
pembuatan algoritma, maka dibuatlah program aplikasi dengan menggunakan salah satu bahasa pemograman terpilih. 4. Implementasi Sistem: beralih dari sistem lama ke sistem baru, melakukan pelatihan dan panduan seperlunya.
5. Operasi dan Perawatan: mendukung operasi sistem informasi dan melakukan perubahan atau tambahan fasilitas. 6. Evaluasi Sistem: mengevaluasi sejauh mana sistem telah dibangun dan seberapa bagus sistem telah dioperasikan. 2.6
Proses Pengembangan Sistem Sederhana System Development Process adalah satu set aktivitas, metode, praktek
terbaik, siap dikirimkan, dan peralatan terotomasi yang digunakan stakeholder untuk mengembangkan dan memelihara sistem informasi dan perangkat lunak (Whitten,
2004).
Kebanyakan
organisasi
memiliki
system
development
process/proses pengembangan resmi yang terdiri dari satu set standar prosesproses atau langkah-langkah yang mereka harapkan akan diikuti oleh semua proyek pengembangan sistem. Sementara proses ini dapat bervariasi untuk organisasi yang berbeda, ada karakteristik umum yang ditemukan proses pengembangan sistem di kebanyakan organisasi mengikuti pendekatan pemecahan masalah. Untuk mudahnya, pendekatan pemecahan masalah terdiri dari empat tahap atau fase yang harus diselesaikan untuk semua proyek pengembangan sistem – permulaan sistem, analis sistem, desain sistem, dan implementasi sistem. Tabel di bawah ini menunjukkan korelasi antara langkah-langkah pemecahan masalah umum tersebut. Berikut tahapan-tahapan pengembangan sistem pada waterfall yaitu : Tabel 2.1 Langkah-langkah Pemecahan Masalah Umum. (Whitten, 2004) Proses Pengembangan Sistem Langkah-Langkah Pemecahan Masalah yang
yang Disederhanakan
Umum
Permulaan Sistem
1. Mengidentifikasi
masalah
(Juga
merencanakan solusi untuk masalah). Analisis Sistem
2. Menganalisa dan memahami masalah. 3. Mengidentifikasi persyaratan dan harapan solusi.
Desain Sistem
4.
Mengidentifikasi
solusi
alternatif
dan
memilih tindakan terbaik. 5.
Mendesain solusi
yang
dipilih. Implementasi Sistem
6. Mengimplementasi solusi yang dipilih. 7. Mengevaluasi hasilnya. (Jika masalah tidak terpecahkan, kembalilah ke langkah 1 atau 2 seperlunya)
2.7
Tool Pengembangan Sistem 2.7.1
Flowchart Flowchart adalah bagan-bagan yang mempunyai arus yang
menggambarkan
langkah-langkah
penyelesaian
(Ladjamuddin, 2005) ada dua macam flowchart yaitu:
suatu
masalah.
1. Flowchart Sistem Flowchart Sistem adalah bagan yang memperlihatkan urusan proses dalam sistem dengan menunjukan alat media input, output serta jenis media penyimpanan dalam proses pengolahan data. 2. Flowchart Program Flowchart program adalah bagan yang memperlihatkan urutan instruksi yang digambarkan dengan simbol tertentu untuk memecahkan masalah dalam suatu program. Flowchart disusun dengan simbol. Simbol ini digunakan untuk membantu menggambarkan proses didalam program. Simbol dalam flowchart dibagi menjadi 3 kelompok, yaitu: 1. Flow Direction Symbol Simbol ini digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain (simbol bisa dilihat pada daftar simbol halaman xi). 2. Processing Symbol Simbol ini menunjukan jenis operasi pengolahan dalam suatu proses / prosedur (simbol bisa dilihat pada daftar simbol halaman xi). 3. Input-Output Symbol
Simbol Input-Output Symbol menunjukan jenis peralatan yang digunakan sebagai media input dan output (simbol bisa dilihat pada daftar simbol halaman xi). 2.7.2
DFD ( Data Flow Diagram) Data flow diagram merupakan model dari sistem untuk
menggambarkan pembagian sistem ke modul yang lebih kecil. DFD menampilkan kegiatan sistem lengkap dengan komponen- komponen yang menunjukan secara tegas file-file yang dipakai, unsur sumber atau tujuan data, serta aliran data dari satu proses ke proses lainnya (Ladjamuddin, 2005). DFD mempunyai level diagram antara lain (simbol bisa dilihat pada daftar simbol halaman xi): a. Diagram Konteks Diagram Konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level tertinggi dari DFD yang menggambarkan seluruh input atau output dari sistem.
b. Diagram Nol/Zero (Overview Diagram) Diagram Nol/Zero adalah diagram yang menggambarkan proses dari Data Flow Diagram. Diagram nol memberikan pandangan secara menyeluruh mengenai sistem yang ditangani, menunjukan tentang fungsi-fungsi utama atau proses yang ada, aliran data, dan eksternal entity.
c. Diagram Rinci Diagram rinci adalah diagram yang menguraikan proses apa yang ada dalam diagram zero atau diagram level atasnya. 2.7.3
ERD (Entity Relationship Diagram) ERD (Entity Relationship Diagram) adalah suatu model jaringan
yang menggunakan susunan data yang disimpan dalam sistem secara abstrak (Ladjamuddin, 2005). Elemen-elemen diagram hubungan entitas adalah sebagai berikut (simbol bisa dilihat pada gambar simbol halaman xi): a. Entity Entity adalah sesuatu apa saja yang ada didalam sistem, nyata maupun abstrak dimana data tersimpan atau dimana terdapat data. Dalam ERD entity digambarkan dengan sebuah bentuk persegi panjang. b. Relationship Relationship digambarkan dengan sebuah bentuk belah ketupat. Relationship adalah hubungan alamiah yang terjadi pada entitas. Umumnya relationship diberi nama dengan kata kerja dasar, sehingga memudahkan untuk melakukan pembacaan relasinya. Derajat relationship yang sering dipakai antara lain: 1. Unary Relationship Unary relationship adalah model relationship yang terjadi diantara entity yang berasal dari entity yang sama.
2. Binary relationship Binary relationship adalah model relationship antara instance-instance dari suatu tipe entitas (dua entitas yang berasal dari entitas yang sama). Relationship ini paling umum digunakan dalam pemodelan data. 3. Ternary Relationship Ternary relationship merupakan relationship antara instance-instance dari ketiga tipe entitas secara sepihak. c. Atribut Atribut adalah sifat atau karakteristik dari setiap entitas atau relationship. Atribut mempunyai value yaitu: 1. Identifier (key) Digunakan untuk menentukan suatu entity secara unik (primary key).
2. Descriptor (nonkey atribut) Digunakan untuk menspesifikasikan karakteristik dari suatu entity yang tidak unik. d. Kardinalitas (Cardinality) Kardinalitas relasi menunjukan jumlah maksimum tupel yang
dapat berelasi dengan entitas pada entitas yang lain.
Terdapat tiga macam kardinalitas relasi yaitu:
1. One to one One to one merupakan tingkat hubungan satu ke satu yang dinyatakan dangan satu kejadian pada entitas pertama, hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua dan sebaliknya. 2. One to many atau many to one Tingkat hubungan satu ke banyak sama dengan hubungan banyak ke satu yaitu satu kejadian pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejdian pada entitas yang kedua. Sebaliknya satu kejadian pada entitas yang kedua hanya dapat mempunyai satu hubungan dengan satu kejadian pada entitas yang pertama. 3. Many to many Tingkat hubungan banyak ke banyak terjadi jika setiap kejadian pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lain. Baik dilihat dari sisi entitas yang pertama maupun dilihat dari sisi yang kedua. 2.7.4
Spesifikasi Proses Pedoman bagi programmer dalam membuat coding. Tujuan dari
spesifikasi proses antara lain (Whitten, 2004): 1. Mengurangi makna ganda.
2. Memperoleh deskripsi yang tepat. 3. Validasi sistem desain. 2.7.5
STD (State Transition Diagram) STD merepresentasikan tingkah laku dari suatu sistem dengan
menggambarkan keadaannya dan kejadian yang menyebabkan sistem mengubah keadaan (Pressman, 2003). STD juga menunjukkan bahwa aksi (seperti aktivasi proses) diambil sebagai akibat dari suatu kejadian khusus (simbol bisa dilihat pada daftar simbol halaman xi). 2.8
PHP (Hipertext Preprocessor) PHP singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai
bahasa script server-side dalam pengembangan Web yang disisipkan pada dokumen HTML (Peranginangin, 2006). Penggunaan PHP memungkinkan Web dapat dibuat dinamis sehingga maintenance situs Web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan secara bebas dari situs resminya (htpp://www.php.net) PHP ditulis menggunakan bahasa C. PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja penjunjung pada homepage-nya. Rasmus Lerdorf adalah salah seorang pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0. Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuah kelompok pengembang software yang terdiri dari
Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. tidak berhenti sampai di situ, kemampuan PHP terus ditambah, dan saat buku ini disusun, versi terbaru telah dikeluarkan adalah PHP 5.0.x. Berikut contoh penggunaan sintaks PHP pada script berikut: PHP Sintaks <script language=”php”> echo ‘Ini teks dengan PHP’;
<% Print ‘Ini teks dengan PHP’; %> 2.9
MySQL MySQL adalah suatu Relational Database Management System (RDBMS)
yang mendukung database yang terdiri dari sekumpulan relasi atau tabel (Peranginangin, 2006). Banyak Relational Database Management System (RDBMS) yang tersedia, tetapi MySQL khususnya sangat cocok untuk bekerja sama dengan PHP. Bagaimanapun, konsep dasar SQL tetap sama apa pun jenis database yang Anda pergunakan. MySQL dilepaskan dengan suatu lisensi open source, dan tersedia secara cuma-cuma. MySQL bekerja pada berbagai sisteem operasi, dan banyak masalah. MySQL bekerja dengan cepat dan baik dengan data yang besar. PHP menyediakan banyak fungsi untuk mendukung database MySQL. 2.10 Fase Implementasi Rencana konversi umumnya melibatkan rencana pengujian terhadap sistem yang diterima. Tes terhadap sistem yang diterima adalah kesempatan terakhir bagi pengguna akhir, manajemen, dan manajemen operasi sistem informasi untuk menerima atau menolak sistem tersebut. System acceptance adalah tes terhadap sistem final yang dilakukan oleh pengguna akhir dengan menggunakan data riil pada periode waktu yang diperluas (Whitten, 2004). Tes ini merupakan pengujian
ekstensif yang menekankan tiga level pengujian penerimaan, pengujian verifikasi, dan validasi. 2.11 Web Browser Web browser adalah perangkat lunak untuk menampilkan dokumen web (HTML). Selain itu web browser dapat dilengkapi beragam plugin yang dapat menampilkan beragam jenis dokumen lain misalnya PDF, postscript, Macromedia Flash untuk file animasi dan sebagainya (Hariyanto, 2004). Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat melakukan “point dan klik” untuk pindah antar dokumen. Suatu browser mengambil sebuah web page dari server dengan sebuah request adalah sebuah request HTTP standar yang berisi sebuah alamat halaman misalkan http://www.google.com/page.htm. Seluruh web page berisi instruksiinstruksi bagaimana untuk ditampilkan. Browser menampilkan page dengan membawa
instruksi-instruksi
ini.
Instruksi
yang
paling
umum
untuk
menampilkannya disebut dengan tag HTML. 2.12 Web Server Web server adalah komputer yang digunakan untuk menyimpan dokumendokumen web (Kasiman, 2006). Komputer ini akan melayani permintaan dokumen web dari kliennya. Browser web seperti Internet Explorer dan atau Mozilla Firefox berkomunikasi melalui jaringan (termasuk jaringan Internet) dengan server web, menggunakan HTTP. Browser akan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan
oleh server. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol HTTP. Web server yang terkenal diantaranya adalah Apache dan Microsoft Internet Information Service (IIS). Apache merupakan web server antar-platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows. 2.13 Pengenalan Macromedia Dreamweaver 8 Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan dari perusahaan Macromedia, Inc. Software ini bergerak dalam bidang perancangan web. Sekelompok software perancang web diantaranya Flash, Dreamweaver, Firework, Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat software pembangun website yang mampu melakukan banyak hal dan memiliki banyak keunggulan.
Gambar 2.2 Macro Media Dreamweaver 8 Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat oleh Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah
membuat tampilan websitenya. Dreamweaver 8 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan adanya software ini kita tidak direpotkan untuk menuliskan skrip-skrip format HTML, PHP, ASP maupun bentuk program lainnya. Sebagai editor, Dreamweaver 8 mempunyai sifat WYSIGWYG atau yang dibaca Waysiwig yang artinya “apa yang kemu lihat akan kamu peroleh” atau “what you see is what you get”. Dengan kelebihan ini, seorang programmer dapat melihat langsung hasil buatannya tanpa harus membuka browser. Seperti software editor web lain, Dreamweaver 8 juga memiliki dua bentuk halaman, yaitu halaman rancangan dan halaman kode. Hal ini akan mempermudah dalam menambahkan skrip yang berbasis PHP maupun Javascript. Dreamweaver 8 selain mendukung dalam pembuatan web yang berbasis HTML, juga mendukung software lain diantaranya PHP, ASP, Perl, Javascript dan lain-lain. Dengan menggunakan Dreamweaver 8, programmer telah banyak dimudahkan dalam merancang dan pengkodean. Hal ini akan sangat membantu dalam hal perancangan sebuah website yang sedang dibangun. Adapun beberapa komponen yang dimiliki oleh Dreamweaver 8 adalah : 1.
Menu Panel Insert Menu Panel Insert adalah sekumpulan menu yang berhubungan dengan operasi pemasukan dan pembuatan pernik-pernik pada halaman web.
2.
Menu Panel Common Menu Panel common adalah emnu yang memiliki beberapa ikon yang merupakan menu standar pada saat merancang halaman web.
3.
Menu Panel Layout Menu ini berisi menu ikon tabel dan layer.
4.
Menu Panel Text Menu ini digunakan untuk mengatur format text yang ada pada halaman web.
5.
Menu Panel Table Menu ini digunakan untuk membuat tabel yang ada pada halaman web.
6.
Menu Panel Frame Menu frame adalah salah satu menu yang akan digunakan untuk memilih bentuk rancangan halaman utama website.
7.
Menu Panel Form Menu form digunakan untuk membuat formulir.
8.
Menu Panel Characters Menu characters memiliki beberapa ikon yang digunakan untuk melakukan operasi halaman dan pengaturan paragraf.
9.
Menu Panel Media Menu media adalah sekumpulan ikon yang berfungsi untuk melakukan pengggabungan file dari luar program Dreamweaver.
10. Menu Panel Head Menu head digunakan untuk operasi penambahan komponen dalam head HTML. 11. Menu Panel Script
Menu script adalah sekumpulan ikon yang pada umumnya digunakan untuk melakukan penulisan perintah script. 12. Menu Panel Application Menu application digunakan untuk operasi database. 13. Menu Panel Properties Menu ini adalah sekumpulan menu yang berfungsi sebagi tool dalam pengaturan objek yang ada pada halaman web. (Kasiman Peranginangin, 2009) 2.14 Pengujian Sebelum program diterapkan, maka program harus bebas dari kesalahan dan program harus diuji untuk menemukan kesalahan yang mungkin dapat terjadi seperti kesalahan dalam bahasa, kesalahan waktu proses dan kesalahan logika program. Pengujian Perangkat Lunak (PL) adalah elemen kritis dari jaminan kualitas PL dan merepresentasikan spesifikasi, desain dan pengkodean. Meningkatnya visibilitas PL sebagai suatu elemen sistem dan biaya yang muncul akibat kegagalan PL, memotivasi dilakukan perencanaan yang baik melalui pengujian yang teliti. Pengujian black-box berfokus pada persyaratan fungsional perangkat lunak. Pengujian black-box didesain untuk mengungkap kesalahan pada persyaratan fungsional tanpa mengabaikan kerja internal dari suatu program. Teknik pengujian black-box berfokus pada domain informasi dari perangkat lunak, dengan melakukan test case dengan mempartisi domain input dan output dari
suatu program dengan cara memberikan cangkupan pengujian yang mendalam (Pressman, 2002). 2.15 Penelitian Sejenis Sebagai acuan dalam menyusun skripsi ini, peneliti tidak hanya terpaku dari sumber yang ada pada buku maupun media elektronik lain. Skripsi lain tentang virtual reality maupun aplikasi pembelajaran juga menjadi pertimbangan dan acuan untuk menghasilkan aplikasi yang lebih baik lagi.
Judul
: Pembuatan Situs Web Alumni SMKN 44 Jakarta Dengan Macromedia Dreamweaver MX, PHP dan MySQL
Pengarang
: Vivi Candra (Jurusan Teknik Informatika, Universitas Guna Dharma, 2007)
Tabel 2.2 Skripsi Sebelumnya Tentang pembuatan web alumni pada SMKN Tujuan dari pembuatan web ini adalah untuk menjalin tali Tujuan
silaturahmi antar sahabat dalam hal ini siswa-siswi SMKN 44 Jakarta juga memberikan informasi tentang lamaran pekerjaan untuk semua user yang membutuhkan. Pada skripsi ini menggunakan struktur navigasi campuran
Keunggulan
(Composite) maka kelebihan yang dimiliki yaitu system yang mudah dikembangkan lagi, selain itu tersedia pula
fasilitas ruang bicara untuk memudahkan komunikasi antar alumni. Kelemahan dari aplikasi ini Coment
Kelemahan
yaitu tidak ada fitur post
jika ada alumni yang ingin menyampaikan
komentar atas informasi yang tersedia dan interfacenya yang kurang menarik. Perangkat Lunak
a. Macromedia Dreamweaver MX b. MySql
Judul
: Perancangan Website Alumni SMAI PB. SOEDIRMAN 2 Bekasi Dengan Menggunakan PHP dan MYSQL
Pengarang
: Jayanti Eka Putri (Jurusan Teknik Informatika, Universitas Guna Dharma, 2008).
Tabel 2.3 Skripsi Sebelumnya Tentang pembuatan web alumni pada SMAI Tujuan penelitian ini adalah membentuk web alumni SMA Tujuan
Islam PB Soedirman 2 Bekasi untuk memudahkan para alumni mendapatkan informasi tentang sekolah dan data alumni angkatan 2006 sampai angkatan 2008 serta sebagai wadah aspirasi dan pengikat hubungan silaturahim antara angkatan didalamnya yang ingin saling bertukar pikiran atau pengalaman.
Kelebihan dari web alumni ini selain user friendly adalah, mempunyai
Keunggulan
banyak
fitur
yang
mendukung
untuk
memudahkan komunikasi antar alumni, seperti forum alumni dan sebagainya. Kelemahan Aplikasi ini pada singkronisasi data alumni. Contohnya adalah tidak bisanya mengupdate data–data
Kelemahan
terbaru yang terkait dengan alumni. Selain itu web alumni ini tidak melibatkan unsur multimedia sehingga interface nya kurang interaktif dan menarik. a. Macromedia Dreamweaver b. MySql
Perangkat Lunak Judul
: Pembuatan
Situs
Web
Alamamater
Perguruan
Tinggi
Menggunakan PHP dan MySQL Pengarang
: Marsita Dewi (Jurusan Teknik Elektro, Universitas Diponogoro Semarang, 2008)
Tabel 2.4 Skripsi Sebelumnya Tentang pembuatan web almamater Tujuan penelitian adalah membuat Situs web almamater Tujuan
perguruan tinggi ini diharapakan dapat menjadi media informasi bagi alumni maupun pihak perguruan tinggi. Sehingga tetap terjalin hubungan timbal balik antara para alumni dengan pihak kampus.
Kelebihan dari web alumni ini selain user friendly adalah, Keunggulan
mempunyai memudahkan
banyak alumni
fitur
yang
mendapatkan
mendukung
untuk
informasi
yang
dibutuhkan. Kelemahannya yaitu belum adanya ruang bicara bagi para Kelemahan
alumni dan tidak melibatkan unsur multimedia sehingga interface nya kurang interaktif dan menarik. a. Macromedia Dreamweaver MX
Perangkat Lunak
b. MySql
BAB III METODOLOGI PENELITIAN
Penyusun skripsi ini, diperlukan data-data serta informasi yang relatif lengkap sebagai bahan yang dapat mendukung kebenaran materi uraian dan pembahasan. Oleh karena itu sebelum penulis menyusun skripsi ini, dalam persiapannya terlebih dahulu dilakukan riset atau penelitian untuk menjaring data serta informasi atau bahan materi yang diperlukan. Metodologi penelitian yang digunakan oleh penulis dalam pengembangan aplikasi alumni berbasis web ini adalah: 3.4
Metode Pengumpulan Data
Adapun metode pengumpulan data - data informasi yang dilakukan adalah sebagai berikut: 3.1.1.
Studi Pustaka Dilakukan dengan cara membaca dan mempelajari sekitar 5 buku
dan 12 ebook yang berhubungan dengan Aplikasi web, web alumni, database, PHP Script, serta buku-buku maupun artikel yang jumlahnya sekitar 11 dan diperoleh dari media cetak dan internet untuk mendukung topik yang dibahas dalam penyusunan skripsi ini. Untuk lebih jelasnya, judul dari buku-buku yang digunakan dan situs dapat dilihat pada Daftar Pustaka.
3.1.2.
Studi Literatur Pada studi literatur ini, peneliti mencari penelitian sejenis yang
pernah dibahas. Kemudian diperoleh penelitian yang dilakukan Marsita Dewi (2008) dari Universitas Diponogoro Semarang, tentang Pembuatan Situs Web Alamamater Perguruan Tinggi Menggunakan PHP dan MySQL, dan dua penelitian lain yang berasal dari Universitas Guna Dharma, yaitu Perancangan Website Alumni SMAI PB. SOEDIRMAN 2 Bekasi Dengan Menggunakan PHP dan MYSQL oleh Jayanti Eka Putri (2008) dan Pembuatan Situs Web Alumni SMKN 44 Jakarta Dengan Macromedia Dreamweaver MX, PHP dan MySQL oleh Vivi Candra (2007). Untuk lebih jelasnya dapat dilihat pada Bab II. Dalam penelitian-penelitian diatas tidak ada satu pun yang melibatkan komponen multimedia didalamnya dan masih bersifat statis. Pada penelitian ini peneliti mengembangkan Aplikasi Web yang bersifat dinamis. 3.1.3.
Studi Lapangan Pada
metode
pengumpulan
data
studi
lapangan,
peneliti
membedakannya menjadi tiga bagian, yaitu: a. Observasi
Penulis
melakukan
pengamatan
dengan
peninjauan
langsung di lapangan yaitu tempat dimana informasi dan materi dapat diperoleh seperti informasi biodata alumni, informasi bursa
kerja khusus, foto alumni dan data-data lain yang digunakan dalam pengembangan aplikasi alumni berbasis web. Dari hasil tersebut, diperoleh data berupa data-data alumni, foto dan informasi bursa kerja khusus, serta data-data lain yang akan digunakan dalam pembuatan aplikasi, observasi dilakukan pada: 1. Tempat Tempat yang menjadi objek penelitian adalah: Nama Instansi : Sekolah SMK NASIONAL Depok Alamat
: Jl. Grogol Raya No.2 Limo – Depok
2. Waktu Waktu pelaksanaan adalah: Hari
: Senin s/d Rabu
Pukul
: 09.30 – 10.30
Penelitian
: Februari - Maret 2011 (2 bulan)
b. Kuesioner
Untuk mendapatkan tambahan mengenai Aplikasi Alumni dan tingkat keterkaitan terhadap Aplikasi Alumni berbasis Web, penulis membuat 6 pertanyaan dan menyebarkan kuesioner kepada sebagian siswa aktif sekolah SMK NASIONAL Depok yang berjumlah 60 (enam puluh) orang. Pertanyaan dan hasil dari kuesioner tersebut tercantum pada Bab 4. Tujuannya untuk mengetahui layak apa tidaknya Aplikasi Alumni berbasis Web
yang akan dikembangkan oleh penulis. Hasil dari penelitian dan perhitungan kuesioner menggunakan metode kualitatif. 3.2. Metode Pengembangan Sistem Penelitian ini menggunakan metode pengembangan sistem System Development Life Cycle (SDLC) dengan strategi Waterfall. Dengan tahapan yaitu
system
initiation,
system
analysis,
system
design,
dan
system
implementation. 1. Permulaan Sistem (System Initiation) Dalam tahap ini, terdapat beberapa langkah yang perlu dilakukan di dalam mengembangkan aplikasi alumni berbasis web pada SMK Nasional Depok antara lain: a. Identifikasi masalah menjelaskan masalah yang ada pada sistem yang sedang berjalan. b. Lingkup sistem menentukan batasan ruang lingkup sistem yang akan dibangun. c. Tujuan menentukan untuk apa dan untuk siapa sistem ini dibangun. 2. Analisa Sistem (System Analysis) Dalam tahap ini, peneliti akan menguraikan beberapa hal, yaitu: a. Gambaran umum SMK Nasional seperti Visi, Misi dan Motto SMK Nasional, Struktur Organisasi, serta tujuan SMK Nasional. b. Analisa sistem yang berjalan menjelaskan sistem yang dipakai oleh SMK Nasional Depok dalam melakukan proses pendataan
alumni dan penyebaran informasi BKK sebelum adanya Aplikasi Web Alumni SMK Nasional. c. Analisa pemecahan masalah menguraikan tentang beberapa usulan yang dapat membantu menyelesaikan permasalahan yang ada pada sistem yang berjalan. 3. Desain Sistem (System Design) Pada tahapan ini penulis melakukan perancangan proses sebagai alternative solusi, spesifikasi proses. Kemudian merancang database dan tampilan sebagai desain dari pemilihan solusi terbaik, serta perancangan jaringan. a. Perancangan Proses Perancangan proses disajikan untuk membuat gambaran alur proses sistem baru yang diusulkan. Dengan dua entitas yaitu Admin yang mengelola keseluruhan aplikasi web tersebut dan Alumni. Perancangan proses akan dijelaskan dengan Flowchart dokumen dan Data Flow Diagram (DFD) dan spesifikasi proses pada BAB IV. Keterangan simbol-simbol yang digunakan penulis terlampir dalam daftar simbol. b. Perancangan Input dan Output Untuk perancangan Input (Berupa form masukan) dan Output (Berupa laporan), tools atau peralatan yang digunakan peneliti sebagai alat bantu adalah shape pada Micrromedia Fireworks 8.
c. Perancangan Database Penulis menyimpulkan bahwa diperlukannya identifikasi tipe entitas yakni terkait alumni, admin, kelas, alumni kerja, berita, gallery, program studi. Database yang akan di bangun menggunakan tools: ERD (Entity Relationship Diagram), normalisasi, kamus data, struktur data, dan STD (State Transition
Diagram).
Keterangan
simbol-simbol
yang
digunakan penulis terlampir dalam daftar simbol. d. Perancangan Tampilan User (GUI) Untuk perancangan GUI, tools atau peralatan yang digunakan peneliti sebagai alat bantu adalah Microsoft Office Visio 2007. 4. Implementasi Sistem (System Implementation) Pada tahap ini penulis melakukan coding dan pengujian system. a. Coding Setelah dilakukan perancangan system usulan, tahap berikutnya yang dilakukan adalah pemrograman system usulan menggunakan bahasa pemograman Hypertext Processor (PHP) dengan menggunakan
database mysql dan Macromedia
Dreamweaver sebagai editor untuk mendesign tampilan web nya yang telah ditentukan pada analisis sistem.
b. Pengujian Sistem Dari pengembangan sistem ini,
dilakukan secara
pengujian black-box dengan melakukan test-case : mempartisi input dan output dalam suatu program. 3.3
Kerangka Berpikir Penyusunan tugas akhir Pengembangan aplikasi alumni berbasis web ini disusun
melalui beberapa tahapan yang harus dilakukan dengan tujuan memudahkan dalam penulisan tugas akhir. Adapun kerangka berpikir yang dilakukan pada penulisan tugas akhir ini adalah sebagai berikut:
Gambar 3.1 Kerangka Berfikir
BAB IV PEMBAHASAN
4.1 System Initiation Pembangunan sistem informasi yang kompleks, mudah penggunaannya, memenuhi kebutuhan dan sesuai dengan proses bisnis yang akan dijalankan, jelas membutuhkan estimasi waktu, usaha dan ekonomi yang cukup, sama hal nya dengan aktifitas lain. Namun masalah yang terjadi dan di deskripsikan sering dinyatakan dengan kurang jelas. Alasan inilah maka pengembangan atau pembangunan
sistem
harus
direncanakan
dengan
hati-hati.
Mengawali
pengembangan sistem tentunya harus terlihat seberapa luas lingkupnya dan rencana pemecahannya (Whitten, 2004). Maka dari itu peneliti mengawalinya dengan menganalisa sistem yang berjalan, mencakup diantaranya: 1. Lingkup penelitian Dalam penelitian ini peneliti hanya membahas masalah pendaftaran alumni, pembuatan biodata alumni, gallery kelas sampai dengan bursa kerja khusus yang dikelola oleh pihak SMK Nasional Depok. 2. Tujuan penelitian Tujuan pengembangan aplikasi web alumni berbasis multimedia pada SMK Nasional Depok ini, yakni mampu memberikan pencatatanpencatatan data yang terkomputerisasi dengan baik sehingga proses pembuatan segala bentuk biodata alumni, gallery kelas sampai dengan
bursa kerja khusus, serta memberikan suatu system aplikasi dengan berbasis web agar dapat diakses secara online dan penyajian aplikasi yang userfriendly sehingga para alumni dapat dengan mudah mendapatkan informasi yang diinginkannya. Dengan solusi pemecahan masalah yaitu merancang dan membangun aplikasi alumni berbasiskan web. 4.1.1
Identifikasi Masalah Hingga saat ini SMK Nasional Depok telah memiliki beberapa
sistem yang sedang berjalan, salah satunya adalah pengelolaan data-data alumni. Akan tetapi aplikasi pengelolaan data-data alumni SMK Nasional Depok memiliki aplikasi pengelolaan data-data alumni yang kurang baik, karena system masih tersaji secara offline dan belum berbentuk sebuah web dinamis, melainkan aplikasi yang ada dibuat menggunakan Microsoft Office Exel yang belum memiliki interface yang baik. Akibatnya, para alumni SMK Nasional Depok tersebut tidak dapat mengaksesnya secara online dan membutuhkan waktu yang banyak untuk mencari informasi mengenai alumni lain. Selain itu sistem yang ada belum dapat menyajikan suatu bursa kerja kursus yang disajikan secara kursus oleh SMK Nasional Depok untuk para alumni nya. 4.1.2
Lingkup Sistem Berdasarkan hasil dari identifikasi masalah di atas, peneliti akan
mengembangkan aplikasi alumni berbasis web di SMK Nasional Depok
mulai dari pencatatan data alumni informasi hingga informasi bursa kerja khusus serta berbagai informasi yang terkait di dalamnya. Sistem ini akan dijalankan pada web browser dengan server Apache, bahasa pemrograman PHP dan database MySQL. 4.1.3
Tujuan Aplikasi ini dibangun untuk memberikan solusi terhadap
permasalahan yang telah diidentifikasi sebelumnya dan diharapkan dapat membantu para alumni yang sedang membutuhkan informasi yang dibutuhkannya. Selain itu juga diharapkan dapat membantu pihak akademik SMK Nasional Depok dalam mewujudkan tujuannya sebagai SMK terunggul di wilayahnya. 4.2 System Analysis System analysis dimulai dengan memaparkan gambaran umum seputar profil serta visi-misi perusahaan dan analisa sistem yang sedang berjalan. 4.2.1
Gambaran Umum 4.2.1.1
Sejarah Singkat SMK Nasional Depok. Sebagai kelanjutan perjuangan dan mengabdi pada
masyarakat yang sedang membangun, seorang pejuang berprakarsa mendirikian Yayasan Pendidikan Nasional Gelora dengan akta tertanggal 15 Oktober 1984, Nomor : 199, yang dibuat dihadapan notaris Hulman Sihaputar di Bogor, dan akte Perubahan No.3 Tanggal 3 Juni 1995 dengan notaris Ny. Wijanarti Prastowo. SH di Cinere – Depok, seiring mengikuti perkembangan Yayasan
berganti nama menjadi “Yayasan Gelora Haji Muhari Al_Azhari” (GHAMA) dengan akta tertanggal 30 Desember 2006 Nomor : 30 dengan notaris Supriyanto, SH, M.M di Depok. Atas kejadian dan kepedulian ketua “Yayasan Gelora Haji Muhari Al_Azhari” (GHAMA) Bapak H. Muhari. A yang dahulu mantan kepala Desa Grogol – Depok, mendirikan SMP Gelora sebagai upaya mengimbangi program inpres dibidang pembangunan gedung sekolah dasar serta memberi peluang kepada masyarakat
lingkungan
setempat
untuk
dapat
melanjutkan
pendidikan anak-anak mereka kejenjang yang lebih tinggi setelah tamat SD karena pada waktu itubanyak anak yang putus sekolah dikarenakan tingkat kesadaran pendidikan dan ekonomi orang tua yang masih rendah serta jauhnya lokasi sekolah lanjutan pertama (SMP). Pada tahun pertama SMP Gelora menempati gedung dengan
luas
tanah
bangunan
sekitar
600
m.
Dalam
perkembangannya sampai dengan akhir tahun 1990, sekolah ini kurang dapat berkembang karena hanya mengandalkan manajemen dan SDM seadanya, sementara itu donasi tidak pernah ada kecuali bantuan rutin dari orang tua siswa dan kegigihan ketua Yayasn itu sendiri. Baru pada tahun 1991, ada perubahan mewarnai perkembangan Yayasan ini, dimana pada waktu itu lokasi gedung
di pindah keposisi yang lebih mudah dijangkau serta sudah dimulainya pengelolaan dengan penerapan manajemen sesuai perkembangan zaman, dan dipandang perlu untuk menambah / melebarkan sayapnya maka pada tahun 1993 didirikan SMK yang waktu itu STM dengan nama STM Nasional, dan disusul pada tahun 1997 didirikan SMEA Ekonomika. Dan alhamdulillah hingga saat ini “Yayasan Gelora Haji Muhari Al_Azhari” (GHAMA) telah memiliki bangunan dan lokasi pengembangan yang sangat memadai untuk tetap eksis, dengan jumlah siswa yang terus meningkat serta diperhitungkan oleh lembaga – lembaga sejenis yang ada di kota Depok dan sekitarnya. 4.2.1.2
Visi, Misi dan Motto
1. Visi Sekolah: Meningkatkan kualitas pendidikan guna menghasilkan tamatan yang memiliki kompetensi berdaya saing global, beriman, berilmu dan berteknologi sebagai prasyarat memasuki lapangan kerja, dunia usaha dan industri di dalam negeri / luar negeri serta memiliki jiwa enterpreneur. 2. Misi Sekolah: a. Memiliki sekolah berstandar Internasional di tahun 2010 / dengan SMM ISO 9001 : 200 b. Membentuk tenaga kerja tingkat menengah yang memiliki disiplin, budaya bersih, budaya tertib dan budaya kerja yang
tinggi
untuk
menjadi
manusia
yang
jujur,
sportif,
bertanggungjawab dan mandiri sesuai kompetensinya c. Membentuk tenaga kerja tingkat menengah yang memiliki kompetensi
berguna
bagi
masyarakat
Nasional
dan
Internasional d. Membentuk taruna dengan kompetensi Industri berstandar 4.2.1.3
Direktur
Struktur Organisasi SMK Nasional Depok
Kepala Sekolah
Ka. Adm & Keuangan
Ka. Program TMO
Wk. Bid. KBM & Opr
Ka. Program TKJ
Wk. Bid. SDM & Humas Wk. Bid. Kesiswaan
Manajemen Sekolah
Siswa / Siswi
Gambar 4.1 Struktur Organisasi SMK Nasional Depok 4.2.2
Analisa Sistem Berjalan Untuk mendapatkan tambahan mengenai Alpikasi alumni dan
tingkat keterkaitan terhadap Alpikasi alumni berbasis web, penulis
menyebarkan kuesioner kepada 60 siswa kelas 3 yang telah dinyatakan lulus sekolah SMK Nasional Depok (7 Juni 2011). Hasil penyebaran kuesioner adalah sebagai berikut: 1. Apakah anda mengenal, mengetahui atau pernah mendengar tentang web alumni ? a. Ya b. Tidak / Belum pernah Tabel 4.1 Mengenal web alumni
Jawaban Responden
Jumlah Responden
Jumlah
Persentase
Penjawab
(%)
a. Ya
60
58
97
b. Tidak / Belum pernah
60
2
3
3% 3%
97% 97%
Ya Ya
Tidak Tidak // Belum Belum pernah pernah
Gambar 4.2. Diagram Mengenal Web Alumni Pertanyaan ini dibuat untuk mengetahui berapa banyak siswa-siswi SMK Nasional Depok mengenal, mengetahui atau mendengar web alumni. Hasil dari analisis No. 1 dapat disimpulkan bahwa sebagian besar siswa-siswi tersebut mengenal, mengetahui atau pernah
mendengar web alumni. Oleh karena itu, penulis menganggap bahwa sebagian besar siswa-siswi tersebut mempunyai gambaran seperti apa web alumni itu. 2. Menurut anda, apakah web alumni sangat berguna ? a. Berguna b. Tidak berguna c. Tidak tahu Tabel 4.2 Kegunaan web alumni Jawaban Responden
Jumlah Responden
Jumlah
Persentase
Penjawab
(%)
a. Berguna
60
57
95
b. Tidak berguna
60
0
0
c. Tidak tahu
60
3
5
0% 5% 0% 5%
95% 95%
Berguna Berguna
Tidak Tidak berguna berguna
Tidak Tidak tahu tahu
Gambar 4.3. Diagram Kegunaan Web Alumni Pertanyaan ini dibuat untuk mengetahui seberapa bergunakah web alumni bagi para alumni SMK Nasional Depok.
Hasil dari analisis No. 2 dapat disimpulkan bahwa sebagian besar siswa-siswi SMK Nasional Depok merasa bahwa web alumni sangat berguna. 3. Apakah anda menginginkan adanya web alumni ? a. Ya b. Tidak Tabel 4.3. Keinginan Adanya Web Alumni Jawaban Responden
Jumlah Responden
Jumlah
Persentase
Penjawab
(%)
a. Ya
60
58
97
b. Tidak
60
2
3
3% 3%
97% 97%
Ya Ya
Tidak Tidak
Gambar 4.4. Diagram Keinginan Adanya Web Alumni Pertanyaan ini dibuat untuk mengetahui keinginan siswasiswi SMK Nasional Depok untuk mempunyai web alumni. Hasil dari analisis No. 3 dapat disimpulkan bahwa sebagian besar siswa-siswi SMK Nasional Depok sangat menginginkan adanya web alumni.
4. Selain foto dan biodata alumni apakah yang anda inginkan dari Alpikasi alumni berbasis web? (Boleh lebih dari satu) a. Musik / Suara b. Animasi c. Video Tabel 4.4. Keinginan Isi web alumni Jawaban Responden
Jumlah Responden
Jumlah
Persentase
Penjawab
(%)
a. Musik / Suara
60
18
20
b. Animasi
60
39
43
c. Video
60
33
37
20% 20% 37% 37%
43% 43%
Musik Musik // Suara Suara
Animasi Animasi
Video Video
Gambar 4.5. Diagram Keinginan Isi web alumni Pertanyaan ini dibuat selain biodata dan foto alumni, hal apa saja yang diinginkan siswa-siswi SMK Nasional Depok ada dalam web alumni. Hasil dari analisis No. 4 dapat disimpulkan bahwa siswasiswi SMK Nasional Depok menginginkan adanya animasi, video, dan musik/suara dalam web alumni.
5. Apakah anda pernah mengenal, mengetahui, atau mendengar tentang web aplikasi ? a. Ya / Pernah b. Tidak / Belum pernah Tabel 4.5. Mengenal web aplikasi Jawaban Responden
Jumlah Responden
Jumlah
Persentase
Penjawab
(%)
a. Ya / Pernah
60
60
100
b. Tidak / Belum pernah
60
0
0
0% 0%
100% 100%
Ya Ya // Pernah Pernah
Tidak Tidak // Belum Belum pernah pernah
Gambar 4.6. Diagram Mengenal web aplikasi Pertanyaan ini dibuat untuk mengetahui seberapa tahu / kenal khususnya siswa-siswi SMK Nasional Depok, tentang web aplikasi. Hasil dari analisis No. 5 dapat disimpulkan bahwa semua siswa-siswi SMK Nasional Depok sudah mengenal web aplikasi. Oleh karena itu, memudahkan mereka dalam menggunakan aplikasi alumni yang berbasiskan web.
6. Apakah anda tertarik untuk mempunyai aplikasi alumni berbasiskan web? a. Tertarik b. Tidak tertarik c. Tidak tahu Tabel 4.6. Ketertarikan Membuat aplikasi alumni berbasiskan web Jumlah Jawaban Responden Jumlah Responden Penjawab 10% 10%
a. Tertarik
Persentase (%)
3% 3%
60
52
87
b. Tidak tertarik
60
6
10
c. Tidak tahu
60
2
3
87% 87%
Tertarik Tertarik
Tidak Tidak tertarik tertarik
Tidak Tidak tahu tahu
Gambar 4.7. Diagram Ketertaikan Akan Web Applikasi Pertanyaan ini dibuat untuk mengetahui seberapa tertariknya siswa-siswi SMK Nasional Depok untuk mempunyai aplikasi alumni yang berbasiskan web. Hasil dari analisis No. 6 tersebut dapat disimpulkan bahwa sebagian besar siswa-siswi aktif SMK Nasional Depok tertarik untuk mempunyai aplikasi alumni yang berbasiskan web. Oleh sebab itu penulis berharap agar web alumni ini dapat diterima oleh para alumni SMK Nasional Depok. Berdasarkan hasil kuesioner tersebut di atas, maka penulis mengambil kesimpulan bahwa tingkat ketertarikan multimedia dan penggunaan multimedia untuk membuat web alumni sangat tinggi.
Dari hasil wawancara dengan kepala sekolah SMK Nasional Depok (Interview, Bpk. Sugiarto, S.Sos. 28 Februari 2011) dan dari hasil kuesioner siswa-siswi SMK Nasional Depok (7 Juni 2011) bahwa siswasiswi menginginkan adanya Web Alumni yang bisa digunakan sekarang dan akan datang. 4.2.2.1 Kelemahan Sistem Berjalan Setelah menganalisa Aplikasi yang sedang berjalan, terdapat beberapa kelemahan di dalam aplikasi. Kelemahan-kelemahan dari aplikasi adalah sebagai berikut : 1. Aplikasi yang ada belum dapat menyajikan info bursa kerja khusus yang dibutuhkan oleh sebagian besar alumni SMK Nasional Depok. 2. Aplikasi yang ada masih tersaji secara offline sehingga para alumni tidak dapat mengakses secara online, melainkan harus mendatangi SMK Nasional Depok tersebut, hal demikian tentunya akan sangat mengganggu pihak akademik SMK Nasional Depok tersebut apabila banyak alumni yang berkunjung yang mencari informasi. 3. Pada aplikasi yang ada interface dan fitur-fitur yang disajikan masih sangat minim, hal tersebut perlu dikembangkan lagi mengingat kebutuhan informasi yang semakin lama semakin meningkat. 4.2.3
Analisa Pemecahan Masalah Berdasarkan kelemahan dari aplikasi yang berjalan pada SMK
Nasional Depok tersebut maka diusulkan untuk membuat aplikasi yang secara otomatisasi memberi kemudahan dalam pengelolaan data para
alumni. Adapun alternative pemecahan masalah untuk mengatasi masalah yang dihadapi Aplikasi pengelolaan data alumni SMK Nasional Depok, yaitu: a. Mengembangkan aplikasi dengan penambahan suatu modul bursa kerja kursus, hal ini sangat berguna bagi alumni dan juga untuk mewujudkan visi dan misi SMK Nasional Depok dalam menciptakan alumni-alumni yang terampil dan dapat langsung berkecimpung di dunia nyata selepas keluar dari SMK tersebut. b. Mengembangkan sistem berbasiskan web yang dapat diakses melalui internet yang memiliki interface dan fitur-fitur yang lengkap, sehingga proses pencatatan serta pencarian data informasi yang dibutuhkan dapat berlangsung secara cepat dan akurat. Pengembangan Apliasi pengeloalaan data alumni SMK Nasional Depok ini memberikan manfaat sebagai berikut: 1. Mempermudah
alumni
dalam
mencari
informasi-informasi
yang
dibutuhkan secara cepat (fleksibilitas waktu). 2. Mempermudah Bagian akademik SMK Nasional Depok dalam pencatatan data alumni, membuatkan informasi bursa kerja kursus sampai dengan pembuatan biodata alumni yang lengkap. 4.2.3.1 Kebutuhan User dan Sistem 1. Kebutuhan User a. Admin
Dalam Aplikasi web alumni berbasis multimedia pada SMK Nasional Depok ini, Admin dapat melakukan input, update dan delete data alumni, data gallery kelas dan data bursa kerja kursus, serta dapat melihat data alumni secara keseluruhan dan mencetak laporan biodata alumni. b. Alumni User dapat mengakses Aplikasi tersebut dengan mendaftarkan diri sebagai alumni, yang nantinya akan diproses setelah mengisikan semua persyaratan yang diminta oleh admin SMK Nasional Depok tersebut, user juga dapat melihat bursa kerja kursus dan gallery kelas, user juga dapat melihat data-data alumni laen dan mencetak biodata alumni yang dicarinya. 2. Kebutuhan Sistem a. Data-data yang perlu disimpan pada Aplikasi web alumni berbasis multimedia ini yaitu data alumni, berita, galery, kelas, program studi, alumni kerja, dan profil. b. Pengguna Aplikasi alumni berbasis web ini terdiri dari 2 (dua) yaitu Admin dan User. c. Jika user ingin mengakses Aplikasi alumni berbasis web ini diharuskan login terlebih dahulu dengan menginputkan username dan password agar privasi dari masing-masing user tetap terjaga.
d. Sistem ini memerlukan maintenance setiap tahunnya agar keabsahan data tetap terjaga dengan baik. e. Sistem ini membutuhkan suatu sistem keamanan data yang baik serta terupdate. f. Sistem ini membutuhkan akses internet agar dapat diakses secara online. 4.3
System Design Setelah dilakukan analisis, pada tahapan ini penulis melakukan perancangan
proses sebagai alternative solusi, spesifikasi proses. Kemudian merancang database dan tampilan sebagai desain dari pemilihan solusi terbaik, serta perancangan jaringan. 4.3.1
Perancangan Proses 4.3.1.1
Perancangan DFD (Data Flow Diagram)
a. DFD (Data Flow Diagram) Diagram Konteks Level 0 Diagram konteks level 0 ini menjelaskan hubungan antar entitasentitas yang saling terkait dan arus dokumen yang diperoleh pada masingmasing entitas. Diagram ini menjelaskan secara umum usulan sistem yang akan berjalan, disini terdapat 2 entitas yang saling berhubungan satu dengan yang lainnya, yaitu entitas Admin, dan User.
Gambar 4.8 Diagram Konteks Level 0 b. DFD (Data Flow Diagram) Diagram Nol Level 1 Diagram nol level 1 menjelaskan secara rinci hubungan antara entitas-entitas dengan proses yang dilakukan dan arus dokumen yang diperoleh setiap entitas tersebut. entitas Admin ini kegiatannya mencakup menginputkan data-data alumni pada database alumni, menginputkan data alumni kerja pada database alumni_kerja, menginputkan data lowongan kerja pada database berita, mencatat data kelas pada database kelas, mencatat program studi pada database program studi, mengupload galery dan menyimpannya pada database galery.
Gambar 4.9 Diagram Nol Level 1 Spesifikasi Proses 1. Proses Registrasi alumni Input form_alumni IF form_alumni sesuai THEN Tampil daftar alumni ELSE Lanjutkan pengolahan atau selesai ENDIF 2. Proses pencatatan alumni kerja Input form_alumni_kerja IF form_alumni_kerja benar THEN Tampil data alumni kerja
ELSE Lanjutkan pencatatan atau selesai ENDIF 3. Proses Pencatatan info lowongan kerja kursus Input form_lowongan_kerja_kursus IF form_lowongan_kerja_kursus benar THEN Tampil data lowongan_kerja_kursus ELSE Lanjutkan pengolahan hasil atau selesai ENDIF 4. Proses Pencatatan program studi Input form_program studi IF form_program studi benar THEN Tampil bukti form_program studi ELSE Lanjutkan pencatatan atau selesai ENDIF 5. Proses Pencatatan kelas Input form_kelas IF form_kelas sesuai THEN Tampil bukti form_kelas ELSE Lanjutkan pemilihan atau selesai ENDIF
4.3.1.2
Perancangan Flowchart View
Dengan menggunakan simbol-simbol, dibuat 6 flowchart, yaitu Flowchart Menu Utama, Flowchart Kata Sambutan, Flowchart Alumni, Flowchart Galeri, Flowchart Info BKK dan Flowchart Login. Mulai
Tampilkan Menu Utama
Pilih Menu
Ya
Home
Tidak
Keluar
Gambar 4.10 Flowchart Menu Utama Flowchart Gambar 4.10 menjelaskan bahwa aplikasi langsung dimulai dengan tampilan Menu Utama sebagai pembuka. Jika user memilih menu maka akan masuk ke menu Home.
Gambar 4.11 Flowchart Home
Keterangan : 1 : Halaman Home 2 : Halaman Kata Sambutan 3 : Halaman Alumni 4 : Halaman Galeri 5 : Halaman Info BKK 6 : Halaman Login Flowchart Gambar 4.11 menjelaskan isi dari home yang meliputi lima halaman untuk menuju ke menu selanjutnya. Jika pengguna memilih “ya”, maka akan masuk ke menu yang diinginkan. Apabila pengguna memilih “tidak”, maka akan kembali ke menu utama dan bisa memilih menu lainnya.
Gambar 4.12 Flowchart Kata Sambutan Keterangan : 1 : Halaman Home 2 : Halaman Kata Sambutan Flowchart Gambar 4.12 menjelaskan bahwa dalam halaman Kata Sambutan terdapat tiga menu yaitu kata sambutan kepala sekolah, kata sambutan Kabid humas dan kata sambutan Pembina osis. Apabila pengguna memilih tombol sambutan kepala sekolah maka akan muncul kata sambutan
kepala sekolah beserta video, sama halnya dengan tombol sambutan Kabid humas dan sambutan Pembina osis . Untuk kembali ke menu utama tekan tombol home.
Gambar 4.13 Flowchart Alumni Keterangan : 1 : Halaman Home 3 : Halaman Alumni Flowchart Gambar 4.13 menjelaskan bahwa dalam halaman Alumni terdapat menu dropdown yaitu angkatan dan kelas. Apabila
pengguna memilih tombol angkatan maka akan muncul pilihan angkatan yang tersedia, begitu pula halnya dengan tombol kelas setelah menekan tombol kelas yang dipilih baru ditampilkan data – data alumni. Untuk kembali ke menu utama tekan tombol home. 4
Pilih Angkatan
Tidak
Ya
Pilih Kelas
Tidak
Ya
Tampilkan Foto kelas
Pilih home
Tidak
Ya
1
Gambar 4.14 Flowchart Galeri Keterangan : 1 : Halaman Home
4 : Halaman Galeri Flowchart Gambar 4.14 menjelaskan bahwa dalam halaman Galeri terdapat menu dropdown yaitu angkatan dan kelas. Apabila pengguna memilih tombol angkatan maka akan muncul pilihan angkatan yang tersedia, begitu pula halnya dengan tombol kelas setelah menekan tombol kelas yang dipilih baru ditampilkan foto – foto kelas. Untuk kembali ke menu utama tekan tombol home.
Gambar 4.15 Flowchart Info BKK Keterangan : 1 : Halaman Home 5 : Halaman Info BKK Flowchart Gambar 4.15 menjelaskan Informasi yang tersedia pada Info BKK. Apabila pengguna menekan tombol Info BKK maka layar akan
menampilkan informasi – informasi yang sudah tersedia, begitu juga alurnya apabila pengguna menekan tombol Post komentar maka layar akan menyediakan kolom bagi pengguna untuk mengirim komentar. Untuk kembali ke menu utama tekan tombol home.
Gambar 4.16 Flowchart Login Keterangan : 1 : Halaman Home
4 : Halaman Login Flowchart Gambar 4.16 menjelaskan alur login bagi pengguna, apabila pengguna menekan tombol login maka akan tampil layar login dan pengguna dapat mengakses data pribadinya dan dapat mengirimkan komentar. Untuk kembali ke menu utama tekan tombol home. 4.3.2
Perancangan Database a. Entity Relationship Diagram (ERD) ERD ini menjelaskan hubungan antara entitas yang satu dengan entitas lainnya. Pada gambar 4.17 terdapat tujuh entitas dengan penjelasan sebagai berikut: satu admin mencatat banyak alumni,
banyak alumni dicatat oleh satu admin, satu admin
mencatat banyak alumni kerja, banyak alumni kerja dicatat oleh satu admin, satu admin mencatat banyak lowongan kerja, banyak lowongan kerja dicatat oleh satu admin, satu admin mencatat banyak banyak kelas, banyak kelas dicatat oleh satu admin, satu admin mencatat banyak program studi, banyak program studi dicatat oleh satu admin, satu mengakses banyak galery, banyak galerty diakses oleh satu admin, satu alumni memiliki satu alumni kerja, satu alumni kerja dimiliki oleh satu alumni, satu alumni memiliki satu kelas, satu kelas dimiliki oleh satu alumni, satu alumni memiliki satu program studi, satu program studi dimiliki satu alumni, satu alumni mengakses banyak lowongan kerja, banyak lowongan kerja diakses oleh satu alumni, satu alumni kerja
memiliki satu kelas, satu kelas dimiliki oleh satu alumni kerja, satu alumni kerja memiliki satu program studi, satu program studi dimiliki oleh satu alumni kerja, satu kelas mencatat satu program studi, satu program studi dicatat satu kelas.
Gambar 4.17 ERD Pengembangan aplikasi alumni berbasis web
4.3.3
Perancangan Tampilan (GUI) 4.3.3.1
Perancangan Struktur Navigasi Pada
perancangan
struktur
navigasi
ini
menggambarkan urutan-urutan proses yang ada dalam sistem. Diagram ini digambar berdasarkan kepada rumusan masalah yang ada. 1. Diagram Menu Utama Diagram menu utama pada tampilan ini adalah halaman utama dari aplikasi web alumni berbasis multimedia. Pada proses disini pengguna
dapat
memilih
menu
kata
sambutan
untuk
menampilkan layar kata sambutan, menu alumni untuk menampilkan layar alumni, menu galeri untuk menampilkan layar galeri, menu info BKK untuk menampilkan layar info BKK, menu login untuk merubah data – data pribadi alumni, dan menu home untuk kembali kemenu utama.
Gambar 4.18 Diagram Menu Utama
2. Diagram Menu Kata Sambutan Diagram menu kata sambutan ini adalah proses untuk menampilkan layar kata sambutan, diantaranya adalah menu sambutan dari Kepala Sekolah untuk menampilkan layar sambutan Kepala Sekolah, menu sambutan Kabid humas untuk menampilkan layar sambutan Kabid humas, dan menu sambutan Pembina OSIS untuk menampilkan layar sambutan Pembina OSIS.
Gambar 4.19 Diagram Kata Sambutan
3. Diagram Alumni Diagram menu alumni ini adalah proses untuk menampilkan layar alumni diantaranya adalah alumni angkatan – angkatan.
Gambar 4.20 Diagram Alumni
4. Diagram Menu galeri Diagram menu galeri adalah proses untuk menampilkan layar galer yaitu akan menampilkan foto-foto bebas alumni setiap kelas.
Gambar 4.21 Diagram Menu Hiburan
5. Diagram Menu Info BKK Diagram menu Info BKK adalah proses untuk menampilkan layar informasi mengenai lowongan pekerjaan.
Gambar 4.22 Diagram Menu Info BKK
4.3.3.2
State Transition Diagram (STD) a. STD Menu Utama Tekan “Menu Utama” Tampilkan Layar Menu Utama
Menu Utama
Klik “Kata Sambutan” Tampilkan Layar Kata Sambutan
Klik “Alumni”
Tampilkan Layar Alumni
Kata Sambutan
Alumni
Klik “Galeri” Tampilkan Layar Galeri
Galeri
Klik “Info BKK” Tampilkan Layar Info BKK
Klik “Home”
Info BKK
Home
Tampilkan Layar Home
Gambar 4.23 STD Menu Utama
b. STD Kata Sambutan
Gambar 4.24 STD Kata Sambutan
c. STD Alumni
Gambar 4.25 STD Alumni d. STD Galeri
Gambar 4.26 STD Galeri
e. STD Info BKK
Gambar 4.27 STD Info BKK
4.3.3.3 Perancangan Layout a. Menu Utama
HEADER Home
Kata Sambutan
Alumni
Galeri
Info BKK
Hari, Tanggal - jam Pencarian Alumni Foto-foto
cari
Login Member User Name
Password
Login
Text ( Info BKK ) Logo-logo
Radio Online
Footer
Gambar 4.28 layout halaman menu utama
b. Kata Sambutan
Gambar 4.29 layout halaman Kata Sambutan
c. Halaman Alumni
Gambar 4.30 layout halaman Alumni
d. Halaman Galeri
Gambar 4.31 layout halaman Galeri
e. Halaman Info BKK
Gambar 4.32 layout halaman Info BKK
f. Halaman Edit Profil
Gambar 4.33 layout halaman edit profil
4.4 System Implementation Pada tahap ini penulis menetukan spesifikasi komputer yang dibutuhkan oleh sistem dan juga proses pengujian Aplikasi Alumni berbasis web yang dikembangkan penulis agar dapat di lihat seluruh kemampuan dari sistem tersebut. Dalam pengembangan Aplikasi Alumni berbasis web ini memakai bahasa pemograman berbasis web yaitu PHP dan menggunakan database MySQL. 4.4.1
Coding Pada tahap ini , pengembangan sistem yang penulis buat
diterjemahkan ke dalam bahasa pemograman. Hasil tahapan ini terdapat pada source code. (Source Code terlampir pada lampiran 4). 4.4.2
Pengujian Sistem Spesifikasi minimal dari perangkat keras dan perangkat lunak yang
diusulkan adalah : a. Spesifikasi Untuk Server 1. Perangkat Keras (Hardware) a) Processor yang berkapasitas 800 MHz b) Memori 1 GB c) Hardisk 169 GB d) Monitor SVGA 15 e) Mouse dan Keyboard 2. Perangkat Lunak (Software) a) XP, Vista, Win. 7 (Rekomendasi)
b) Browsing Internet Explorer (IE), Mozilla Firefox, Opera 3. Perangkat Jaringan (Netware) a) Server b) Hub b. Spesifikasi Untuk Client 1. Perangkat Keras (Hardware) a) Processor yang berkapasitas 500 MHz b) Memori 500 MB c) Hardisk 80 GB d) Monitor SVGA 15 e) Mouse dan Keyboard f) Printer 2. Perangkat Lunak (Software) a) Win. 98, 2000, ME, XP (Rekomendasi) b) Browsing Internet Explorer (IE), Mozilla Firefox, Opera 3. Perangkat Jaringan (Netware) a) Modem b) Router c) Switch Black-box test-case Dari pengembangan sistem ini, dilakukan dengan pengujian blackbox dengan melakukan test-case yang di isi langsung dari pengguna.
Tabel 4.7 Pengujian Black-box NO
TEST CASE
HASIL HARAPAN
HASIL KELUAR
BUKTI
Menu
Sesuai
Lampiran 7 Gambar 1.7.1 Lampiran 7 Gambar 1.7.2 Lampiran 7 Gambar 1.7.3
Halaman Menu Input Data Tampilan Halaman Alumni Untuk Menambah, Menghapus, Merubah dan Melihat Data User Tampilan Tambah Alumni Menampilkan form untuk mengisikan data user baru
Sesuai
4
5
Tampilan Edit Alumni
6
Tampilan Alumni
7
Sesuai
Menampilkan form untuk mengedit data user
Sesuai
Cetak
Data Tampilan untuk mencetak laporan data alumni
Sesuai
Tampilan Alumni
Hapus
Data Tampilan Pesan Menghapus data
Sesuai
8
Halaman Alumni
Menu
View Tampilan halaman untuk melihat berita
Sesuai
9
Halaman Berita
Menu
Input Tampilan halaman untuk menambah, menghapus, dan merubah berita Tampilan Tambah Berita Menampilkan form untuk mengisikan berita baru
Sesuai
10
Sesuai
Lampiran 7 Gambar 1.7.4 Lampiran 7 Gambar 1.7.5 Lampiran 7 Gambar 1.7.6 Lampiran 7 Gambar 1.7.7 Lampiran 7 Gambar 1.7.8 Lampiran 7 Gambar 1.7.9 Lampiran 7 Gambar 1.7.10
Menampilkan form untuk mengedit berita
Sesuai
Data Tampilan Pesan Menghapus data
Sesuai
13
Halaman Menu View Data Tampilan halaman Berita untuk melihat berita
Sesuai
14
Halaman Menu galeri
Sesuai
15
Tampilan Tambah galeri
Tampilan halaman untuk menambah, menghapus,merubah dan melihat galeri Menampilkan form untuk mengisikan galeri baru
16
Tampilan Hapus Galeri
Tampilan Pesan Menghapus data
Sesuai
17
Halaman Galeri
View Tampilan halaman untuk melihat galeri
Sesuai
18
Halaman Menu sambutan
Sesuai
19
Tampilan sambutan
Input
Tampilan halaman untuk menambah, menghapus, dan merubah data sambutan Data Menampilkan form untuk mengisikan data sambutan baru
Sesuai
20
Tampilan sambutan
Edit
Data Menampilkan form untuk mengedit data sambutan
Sesuai
21
Halaman Menu View Data Tampilan sambutan untuk sambutan
22
Tampilan Hapus Sambutan
11
Tampilan Edit Berita
12
Tampilan Berita
Hapus
Menu
Tampilan
Sesuai
halaman melihat
Sesuai
Pesan
Sesuai
Lampiran 7 Gambar 1.7.11 Lampiran 7 Gambar 1.7.12 Lampiran 7 Gambar 1.7.13 Lampiran 7 Gambar 1.7.14 Lampiran 7 Gambar 1.7.15 Lampiran 7 Gambar 1.7.16 Lampiran 7 Gambar 1.7.17 Lampiran 7 Gambar 1.7.18 Lampiran 7 Gambar 1.7.19 Lampiran 7 Gambar 1.7.20 Lampiran 7 Gambar 1.7.21 Lampiran
Menghapus data
* 23
Untuk Tampilan User / Alumni Mengetikkan alamat Tampilan alumninasional.host56.com Home halaman address
Halaman
24
Tampilan Cari Data Menampilkan data Alumni Pada Menu home alumni sesuai pencarian data
25
Halaman Menu Sambutan
26
Halaman Menu Alumni
27
Halaman Menu Galeri
28
7 Gambar 1.7.22
Sesuai
Tampilan halaman untuk melihat video dan sambutan dari pihak sekolah Tampilan halaman untuk melihat data alumni yang diperlukan Tampilan halaman untuk melihat fotofoto kenangan
Sesuai
Halaman Menu Info BKK
Sesuai
29
Tampilan komentar
Tampilan halaman untuk melihat dan mencari informasi BKK yang diperlukan Post Menampilkan pesan komentar komentar baru berhasil dikirim
Sesuai
30
Halaman Menu Edit Profil
Menampilkan form untuk mengedit data pribadi alumni
Sesuai
31
Apabila user ingin Tampilan peringatan menambahkan komentar untuk login terlebih tetapi belum login dahulu
Sesuai
Tambah
Sesuai
Sesuai
Lampiran 8 Gambar 1.8.1 Lampiran 8 Gambar 1.8.2 Lampiran 8 Gambar 1.8.3 Lampiran 8 Gambar 1.8.4 Lampiran 8 Gambar 1.8.5 Lampiran 8 Gambar 1.8.6 Lampiran 8 Gambar 1.8.7 Lampiran 8 Gambar 1.8.8 Lampiran 6 Gambar 1.6.9
BAB V PENUTUP
Pada bab ini, peneliti akan merangkum hasil dari keseluruhan aplikasi dan penulisan dalam Kesimpulan dan Saran. 5.1 Kesimpulan Berdasarkan hasil penelitian dalam pembuatan skripsi ini, peneliti memperoleh kesimpulan sebagai berikut: 1. Dengan adanya pengembangan aplikasi web alumni ini pihak sekolah dapat merekap data-data para alumni dan menyajikan data-data tersebut kepada pihak-pihak terkait, dapat dilihat pada table 4.7. 2. Berjalannya program info BKK yang disediakan pihak sekolah serta memberikan kemudahan bagi para alumni untuk mendapatkan informasi yang tersedia, dapat dilihat pada table 4.7. 3. Dengan aplikasi alumni ini pencatatan serta pencarian data alumni dapat dilakukan secara cepat dan akurat, dapat dilihat pada table 4.7. 4. Aplikasi alumni berbasis web dapat diakses kapan saja karena sudah dapat dioprasikan secara online melalui internet, dapat dilihat pada table 4.7. 5.2 Saran Setelah aplikasi selesai dibuat, peneliti memperoleh beberapa saran untuk pengembangan Web Alumni, yaitu:
1. Adanya pengembangan pada fasilitas ruang bicara, yaitu dengan menambahkan fitur chatting agar lebih memudahkan para alumni berkomunikasi satu sama lainnya. 2. Dikembangkannya modul forum alumni agar tersedia pula ruang bagi alumni untuk berbagi ilmu dan pengalaman. 3. Penggunaan interactive link dan elemen multimedia
yang lebih
banyak agar membuat interfacenya lebih menarik. 4. Pada tahap pengembangan selanjutnya disarankan untuk memilih sever hosting yang lebih besar.
DAFTAR PUSTAKA An-Naggar, Ahmad. 1995. Muhafazoh wal Mua’saroh, Dirasah Fil Masrafiyah Laa’ Ribawiyah, Darul Qutub, Kairo. Departemen Pendidikan Nasional.2008.Kamus Besar Bahasa Indonesia.Balai Pustaka:Jakarta. Dwiloka, Bambang dan Rati Riana. 2005. Teknik Menulis Karya Ilmiah. PT. Rineka Cipta : Jakarta Hariyanto, Bambang. 2004. Sistem Manajemen Basis Data. Bandung: Informatika Bandung. Jogiyanto, H.M. 2005. Analisis dan Desain: Sistem Informasi Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: ANDI. Jogiyanto, H.M. 2008. Metodologi Penelitian Sistem Informasi. Yogyakarta: ANDI. Kadir, Abdul. 2003. Membuat Aplikasi Web dengan PHP dan Database MySQL. Yogyakarta: ANDI. Kadir, Abdul. 2008. Dasar Pemrograman Web Dinamis menggunakan PHP, Andi, Yogyakarta Ladjamuddin, Al-Bahra Bin. 2005. Analisis Dan Desain Sistem Informasi. Yogyakarta: Graha Ilmu. Mulyanto A. 2009. Sistem Informasi Konsep dan Aplikasi. Yogyakarta: Pustaka Pelajar. Peranginangin, Kasiman. 2006. Aplikasi WEB dengan PHP dan MySQL. Yogyakarta: ANDI.
LAMPIRAN-LAMPIRAN
Hasil Wawancara Tahap Pertama Narasumber : Bpk. Sugiharto, S.Sos (Kabid.Humas SMK Nasional Depok) Hari/Tanggal : Senin, 21 Januari 2011 (T = Tanya, J = Jawab) T:
Apakah yang dimaksud dengan Web Alumni menurut pandangan Anda?
J:
Menurut saya, web alumni adalah sebuah sarana untuk berkomunikasi dan untuk mendapatkan informasi-informasi yang dibutuhkan.
T:
Sejauh mana keterkaitan Web alumni dengan pemanfaatan multimedia?
J:
sejauh ini saya sering mempelajari web alumni yg banyak di internet tetapi masih jarang yang menggunakan teknologi multimedia, alangkah baiknya kalau teknologi tersebut dapat diterapkan karena setidaknya dapat membuat web alumni sekolah kami nanti menjadi lebih menarik.
T:
Apakah selama ini, SMK ini sudah mempunyai sebuah website?
J:
Ya, sudah tapi belum ada menu sarana yang memadai untuk para alumni
kami. T:
Jika iya, apakah masih terdapat masalah dan apa dilakukan untuk mengatasi masalah tersebut?
J:
Dengan menyebarkan kuisioner untuk para alumni. Sedangkan buku taruna yang kami miliki masih berisikan data-data lama yang tidak update.
T:
Perlukah dibuat sebuah sarana untuk mewadahi kebutuhan pihak seolah maupun para alumni dengan memanfaatkan multimedia?
J:
Perlu, agar para alumni kami data selalu mengupdate data-data mereka dan kami pun masih dapat berkomunikasi dengan mereka.
Keusioner Awal yang dibagikan pada 60 Siswa Aktif SMK Nasional Depok
Nama
: ……………….
Kelas
: ……………….
1. Apakah anda mengenal, mengetahui atau pernah mendengar tentang Web Alumni? a. Ya b. Tidak / Belum pernah 2. Menurut anda apakah Web Alumni sangat berguna? a. Berguna b. Tidak berguna c. Tidak tahu 3. Apakah anda menginginkan adanya Web Alumni? a. Ya b. Tidak 4. Selain foto dan biodata siswa apakah yang anda inginkan dari Aplikasi Alumni berbasis web? (Boleh lebih dari satu) a. Musik / Suara b. Animasi c. Video 5. Apakah anda pernah mengenal, mengetahui, atau pernah mendengar tentang aplikasi web ? a. Ya / Pernah b. Tidak / Belum pernah 6.
Apakah anda tertarik untuk mempunyai Aplikasi Alumni berbasiskan web? a. Tertarik b. Tidak tertarik c. Tidak tahu
Hasil Wawancara Tahap Kedua
Narasumber : Bpk. Ikhsan, S.Pd (IT Support SMK Nasional Depok) Hari/Tanggal : Senin, 23 Mei 2011
(T = Tanya, J = Jawab) T:
Apakah aplikasi Web Alumni berbasis multimedia ini mudah digunakan ?
J:
Menurut saya, web alumni ini adalah sebuah sarana yang mudah untuk diakses oleh kami pihak sekolah maupun para alumni untuk mendapatkan informasi-informasi yang dibutuhkan.
T:
Menurut anda, bagaimana tampilan aplikasi secara keseluruhan ?
J:
Menurut saya, interface dari aplikasi ini sudah bagus karena aplikasi ini melibatkan komponen-komponen multimedia.
T:
Bagaiman kesan animasi, teks, suara, video dan gambar pada aplikasi ini ?
J:
Sudah cukup memenuhi, tetapi akan lebih baik lagi jikalau lebih banyak komponen-komponen multimedia yang dilibatkan.
T:
Menurut anda, apakah aplikasi Web Alumni berbasis multimedia ini sudah cukup untuk memenuhi kebutuhan para alumni ?
J:
Menurut saya, Aplikasi web alumni disertai dengan fasilitas-fasilitas yang sudah ada ini sangat memadai baik dari pihak alumni maupun kami pihak sekolah.
Lampiran Source Code Script arsip.php
Selamat Datang
<span class="judularsip">Gallery Terbaru <marquee direction="left" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()"> << Lihat Semua Gallery Sekolah >>
<span class="judularsip">Info BKK
<< Lihat Semua Berita Sekolah >> Script alumni.php "; if($menuid!=""){ $filter = $filter." and tahunlulus='$menuid'"; $judulnya = $judulnya." Angkatan ".$menuid." "; } if($kelas!=""){ $filter = $filter." and id_kelas='$kelas'"; $judulnya = $judulnya." Kelas ". carikelas($kelas)." ";
} //if(isset($_POST[datacari]){ $datacari = $_POST[datacari]; if($datacari!=""){ $filter = $filter." and nama like '%$datacari%'"; $judulnya = $judulnya." Pencarian Data ". $datacari; } //} $strsql1 = "select * from _alumni where aktif='1' $filter order by nama asc limit $batas,$jmlbaris"; $strsql2 = "select * from _alumni where aktif='1' $filter order by nama asc"; //error_reporting(0); include "includes/koneksi_paging.php"; ?> Script arsipalumni.php
Alumni
Data Alumni Angkatan
while ($row = mysql_fetch_row($qry)) { ?>
'; } $i++; } } ?>
Script detailalumni.php
//
"order by _alumni_kerja.tahun,_alumni_kerja.idr_kerja desc";
Script galeri.php '' $filter order by g_id desc limit $batas,$jmlbaris"; $strsql2 = "select * from _galery where g_foto<>'' $filter order by g_id desc"; //error_reporting(0); include "includes/koneksi_paging.php";
?> Script arsipgaleri.php
Script detail_galeri.php ";
} else { $tglupload = ""; $foto = " Tidak Ada Gambar"; } ?> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <?php echo $judulweb ?> Tanggal Upload : $tglupload " ?>
} else { } ?> <script language="javascript"> var idrowexp = ; function tambahexp(){ var x=document.getElementById('datakerja').insertRow(idrowexp+1); var td1=x.insertCell(0); var td2=x.insertCell(1); td1.setAttribute('class','ganjil'); td2.setAttribute('class','ganjil'); td1.innerHTML="Tahun"; td2.innerHTML="";
var z = document.getElementById('datakerja').insertRow(idrowexp+2) z.setAttribute('class','ganjil'); var td5=z.insertCell(0); var td6=z.insertCell(1); td5.setAttribute('class','ganjil'); td6.setAttribute('class','ganjil'); $rs[1]"; } ?>
td5.vAlign="top"; td5.innerHTML="Status Data"; td6.innerHTML="<select name='dstatusdata[]' class='select'>"; var y = document.getElementById('datakerja').insertRow(idrowexp+3); y.setAttribute('class','ganjil'); var td3=y.insertCell(0); var td4=y.insertCell(1); td3.setAttribute('class','ganjil'); td4.setAttribute('class','ganjil'); td3.vAlign="top"; td3.innerHTML="Keterangan"; td4.innerHTML=""; idrowexp = idrowexp+3; } function hapusexp(){ if(idrowexp>2){ var x=document.getElementById('datakerja').deleteRow(idrowexp); var y=document.getElementById('datakerja').deleteRow(idrowexp1); var y=document.getElementById('datakerja').deleteRow(idrowexp2); idrowexp = idrowexp-3; } }
Profil Alumni
Script index.php
include "includes/config.php"; include "includes/function.php"; include "includes/pwd.php"; ?> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <?php echo $judulweb ?> <script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"> <script> window.setTimeout("waktu()",1000); function waktu() { var tanggal = new Date(); var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" "); var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober Nopember Desember"); namabulan = namabulan.split(" "); var hari = tanggal.getDay(); var tgl = tanggal.getDate(); var bln = tanggal.getMonth(); var thn = tanggal.getFullYear(); setTimeout("waktu()",1000); document.getElementById("output").innerHTML = namahari[hari]+", "+tgl+" "+namabulan[bln]+" "+thn+" "+tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); }
location='index.php'"; break; case "sambutan" : include "sambutan.php"; break; case "profil" : include "profilsekolah.php"; break; case "struktur" : include "struktur.php"; break; case "detail_struk" : include "detailstruktur.php"; break; case "grupguru" : include "gurustaf.php"; break; case "detail_guru" : include "detailguru.php"; break; case "ekskul" : include "ekskul.php"; break; case "alumni" : include "alumni.php"; break;
case "detail_alumni" : include "detailalumni.php"; break; case "gallery" : include "gallery.php"; break; case "ubah_data" : include "editprofil.php"; break; case "berita"; include "berita.php"; break; case "detail_berita"; include "detail_berita.php"; break; default: include "arsip.php"; } ?>
Ubah Profil
Keluar
