Sistem Informasi Pusat Pengembangan Dan Pemberdayaan pendidikan Dan Tenaga Kependidikan Bidang Mesin Dan Teknik Industri Departemen Teknik Elektro Dan Teknik Informatika

1

BAB 1

PENDAHULUAN

1.1

Latar Belakang Masalah

Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung merupakan badan usaha milik negara (BUMN) yang bergerak dalam bidang pendidik dan kependidikan. (Surat Keputusan Nomor 0205/O/1978 tentang Pelembagaan Unit Pelaksana Teknis (UPT) Pusat Pengembangan Penataran Guru Teknologi (PPPG Teknologi) Bandung). Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung memiliki bebearapa departemen-departemen kependidikan antara lain adalah Departemen Teknik Bangunan, Departemen Elektronika dan Informatika, Departemen Mesin, Departemen Ketenagalistrikan, Departemen MTPS, MKE. PPPPTK Bidang Mesin dan Teknik Industri berperan dalam melakukan program pengembangan sebagai salah satu sub sistem yang sangat vital dalam pembangunan pendidikan di Indonesia. Peranan dan fungsi PPPPTK Bidang Mesin dan Teknik Industri makin diakui keberadaannya, baik ditingkat nasional maupun ditingkat internasional.

Informasi-informasi kegiatan pada Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung dapat diinformasikan kepada masyarakat melalui sebuah website. Website Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung berisikan informasi-informasi tentang kegiatan yang dilakukan semua departemen kependidikan termasuk Departemen Teknik Elektro dan Teknik Informatika, namun dalam hal ini kurang efisien dan kurang dinamis karena semua informasi pada setiap departemen-departemen kependidikan yang berada di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung diberitakan ke dalam satu website yaitu Website Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung. Hal ini membuat Departemen Teknik Elektro dan Teknik Informatika ingin memiliki sebuah website sendiri untuk menginformasikan semua kegiatan-kegiatan yang terdapat dalam Departemen Teknik Elektro dan Teknik Informatika.

Oleh Karena itu, salah satu cara untuk menanggulangi hal tersebut adalah dengan membuat Website Departemen Teknik Elektro dan Teknik Informatika pada Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri agar masyarakat lebih efisien dan lebih cepat dalam mencari informasi-informasi pada Departemen Teknik Elektro dan Teknik Informatika .

2

1.2

Perumusan Masalah

Berdasarkan latar belakang yang telah dikemukakan, maka perumusan masalahnya yaitu bagaimana membuat Website Departemen Teknik Elektro dan Teknik Informatika ,Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung.

1.3

Maksud dan Tujuan

1.3.1 Maksud

Maksud diadakan penelitian ini adalah untuk membangun website Departemen Teknik Elektro dan Teknik Informatika ,Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung serta untuk mengimplementasikan ilmu pengetahuan yang didapat di bangku perkuliahan dengan kenyataan yang sesungguhnya dilapangan.

1.3.2 Tujuan

Sebagai sarana yang lebih efisien dalam memberitakan informasi-informasi tentang kegiatan yang dilakukan di Departemen Teknik Elektro dan Teknik Informatika ,Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung.

1.4

Batasan Masalah

Website ini hanya menampilkan informasi-informasi tentang kegiatan dan aktifitas pada Departemen Teknik Elektro dan Teknik Informatika, Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri (BMTI) sehingga bisa digunakan dan diakses oleh masyarakat, dan tentunya nanti masyarakat dapat memberikan masukan berupa saran dan kritik yang telah tersedia pada website Departemen Teknik Elektro dan Teknik Informatika, Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri.

Dalam Pembangunan Website Departemen Teknik Elektro dan Teknik Informatika, Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri (BMTI) ini menggunakan spesifikasi perangkat lunak yaitu. Menggunakan Macromedia Dreamweaver sebagai Tools yang digunakan dan Windows 7 sebagai Sistem Operasi.

1.5

Metodologi Penelitian

3

1.5.1 Metode Pengumpulan Data

1.5.1.1Metode Observasi

Metode ini dilakukan dengan cara pengumpulan data yang berdasarkan pengamatan secara langsung ke Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung dan mencatat hal-hal yang berhubungan dengan permasalahan secara lengkap dan sistematis.

1.5.1.2Metode Wawancara

Metode ini dilakukan dengan cara tanya jawab secara langsung dengan pembimbing Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung yaitu dengan Bapak Drs. H.AHADIAT, S.ST, M.Pd dan para staff yang ahli dibidangnya sehingga tidak terjadi kesalahan.

1.5.2 Metode Pembangunan Perangkat Lunak

Metode yang digunakan untuk membangun Website Departemen Teknik Elektro dan Teknik Informatika ,Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri ini menggunakan Waterfall.

Gambar 1.1 Waterfall Model

Pengambilan Data di Departemen Teknik

Elektro dan Teknik Informatika

Perancangan Desain

Pengolahan data Departemen Teknik Elektro

dan Teknik Informatika

Pengujian Website Departemen Teknik Elektro

dan Teknik Informatika

Penggunaan Website Departemen Teknik Elektro

4

1.6

Sistematika Penulisan

Sistematika penulisan yang digunakan dalam laporan kerja praktek ini adalah : BAB 1 PENDAHULUAN

Bab ini menguraikan tentang latar belakang permasalahan, merumuskan inti permasalahan yang dihadapi, menentukan tujuan dan maksud, yang kemudian diikuti dengan pembatasan masalah, metdologi penelitian serta sistematika penulisan.

BAB 2 TINJUAN PUSTAKA

Bab ini merupakan tinjauan umum yang di dalamnya menjelaskan tentang profil instansi mulai dari sejarah, struktur organisasi, visi dan misi dan landasan teori yang berhubungan dengan permasalahan berdasarkan studi pustaka yang dilakukan di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri Bandung.

BAB 3 PEMBAHASAN

Bab ini berisi tentang hasil analisis dan perancangan terhadap seluruh sistem untuk mengetahui kebutuhan apa saja yang harus dipenuhi. Bab ini juga berisi tentang implementasi website, hasil website, pengujian website serta kelebihan dan kekurangan website.

BAB 4 KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan selama melakukan kerja praktek di instansi serta saran yang mungkin berguna bagi para pembaca berhubungan dengan hasil kerja praktek yang dibuat.

5

BAB 2

TINJAUAN PUSTAKA

2.1

Profil Tempat Kerja Praktek

2.1.1 Sejarah Instansi

Pada Pelita I (1969/1970 s.d 1974/1975), Pemerintah Republik Indonesia menempatkan pembangunan pendidikan teknologi sebagai bagian integral REPELITA mengisi kebutuhan terhadap tenaga kerja teknik. Sebelum Pelita I dimulai Direktur Pendidikan Teknologi, Kolonel Amir Gondokusuma, telah melakukan analisis kebutuhan, analisis jabatan, hingga analisis kemampuan,yang kemudian dijabarkan dalam bentuk Kurikulum STM Pembangunan.

Tahun pertama Pelita I dimulai dengan pembangunan delapan STM Pembangunan, dengan dukungan sumber daya yang dimiliki oleh Indonesia sendiri. Tahun kedua Pelita I (1970-1971), pembangunan pendidikan teknik ditingkatkan lagi dengan membangun lima Tehcnical Training Centre (Balai Latihan Pendidikan Teknik) dengan pinjaman dana dari World Bank, dan bantuan tenaga ahli dari UNESCO serta Pemerintah Inggris. Tahun keempat Pelita I (1972-1973), diadakan proyek Peningkatan Mutu Pengajaran Teknik (PMPT), dengan pusat penyelenggaraan di STM Instruktor (bekas SGPT) di Jalan Dr. Rum No. 9 Bandung, dengan sasaran utama mendukung peningkatan mutu guru teknik pada proyek-proyek STM Pembangunan dan BLPT.

Sejalan dengan perkembangan yang semakin intensif pembangunan pendidikan teknik, antara lain dengan penambahan BLPT menjadi sembilan atas bantuan World Bank dan rehabilitasi 27 STM atas bantuan pinjaman dari Pemerintah Belanda maka dirasakan perlunya pelembagaan proyek-proyek penataran guru teknik. Melalui bantuan tenaga ahli dari Australia Mr. Ian Scoot tahun 1972-1973, dan Mr. Ken Sharp tahun 1974-1975, dirumuskan suatu bentuk kelembagaan, yang waktu itu disebut TTUC (Tehnical Teacher Upgrading Centre).

Sejak tahun 1975/1976 kegiatan-kegiatan penataran telah dimulai dioperasikan secara melembaga oleh TTUC dalam status keproyekan.Pengakuan terhadap fungsi dan peranan pendidikan teknologi sebagai bagian integral program pembanguan nasional (REPELITA) mulai diperoleh pada masa jabatan Direktur Pendidikan Menengah Kejuruan, Drs. Soenaryo, M.Sc. tahun 1972-1979 yang pada saat itu juga sistem pendidikan menengah kejuruan dirumuskan secara konsepsional.

Seiring dari dampak positip dari peran TTUC terhadap pengembangan kemampuan guru maka pada tahun 1978 diterbitkan Surat Keputusan Nomor 0205/O/1978 tentang Pelembagaan Unit Pelaksana Teknis (UPT) Pusat Pengembangan Penataran Guru Teknologi (PPPG Teknologi) Bandung bersamaan dengan PPPG lain dan SK Pengangkatan Kepala Pusat pertama, Drs. Jorlin Pakpahan, sedangkan operasional PPPG Teknologi Bandung secara efektif dimulai pada tahun 1980.

6

Direktur Dikmenjur Ir. Hadiwaratama M.Sc (1981-1983), telah berupaya melakukan penyempurnaan peran TTUC menjadi "Pusat Pengembangan Pendidikan Teknologi" yang selanjutnya dikenal dikenal juga dengan sebutan Technical Education Development Centre (TEDC).Adanya program penataran guru STM dalam bentuk Program Diploma III Guru Teknologi (bulan Juli 1982) dan dengan misi "menciptakan guru STM menjadi guru profesional" sebagai bagian dari upaya memantapkan organisasi dan manajemen, PPPG Teknologi Bandung juga dituntut untuk menyajikan program dan manajemen yang berkualitas profesional. Pada tahun 1986, kampus PPPG Teknologi Bandung dipindahkan dari Jalan Dr. Rum Bandung ke Cimahi, dalam kerangka mengembangkan fungsi sebagai Pusat Pengembangan Pendidikan Teknologi.

Tahun 1990 dengan Surat Keputusan Mendikbud Nomor 0529/O/1990, tanggal 14 Agustus 1990, diadakan perampingan organisasi sekaligus diikuti dengan kebijakan strategis yakni pengakuan-pengakuan terhadap fungsi dan peranan PPPG Teknologi Bandung sebagai "Pusat Pengembangan Pendidikan", yang berarti semakin terbukanya peluang PPPG Teknologi Bandung melakukan program pengembangan sebagai salah satu sub-sistem yang sangat vital dalam pembangunan pendidikan menengah teknologi di Indonesia.

Peranan dan fungsi PPPG Teknologi Bandung makin diakui keberadaanya, baik ditingkat nasional maupun ditingkat internasional dan untuk lebih meningkatkan peran dan fungsinya sebagai lembaga pendidikan di tanah air, maka pada tahun 2007, Pusat Pengembangan Penataran Guru Teknologi Bandung sesuai dengan Peraturan Menteri Pendidikan Nasional No. 8 Tahun 2007 namanya menjadi Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) bidang Mesin dan Teknik Industri.

Dengan demikian semakin terbukanya peluang PPPPTK Bidang Mesin dan Teknik Industri melakukan program pengembangan sebagai salah satu sub sistem yang sangat vital dalam pembangunan pendidikan di Indonesia.

2.1.2 Logo P4TK BMTI

7

Makna dari logo P4TK BMTI : - Lambang gerigi berwarna kuning :

Menggambarkan kerja keras dan sosialisasi yang tinggi terhadap masyarakat, bangsa, dan Negara.

- Lingkaran berwarna biru :

Menggambarkan Keluasan ilmu pengetahuan yang tanpa batas. - Lambang buku, sayap, telapak tangan berwarna putih :

Menggambarkan bahwa P4TK BMTI bergerak di bidang pendidikan dan kependidikan.

2.1.3 Badan Hukum P4TK BMTI

P4TK BMTI Bandung merupakan badan usaha milik negara (BUMN) yang bergerak dalam bidang pendidik dan kependidikan. (Surat Keputusan Nomor 0205/O/1978 tentang Pelembagaan Unit Pelaksana Teknis (UPT) Pusat Pengembangan Penataran Guru Teknologi (PPPG Teknologi) Bandung).

2.1.4 Struktur Organisasi dan Job Description P4TK BMTI

2.1.4.1Struktur Organisasi P4Tk BMTI

8

2.1.4.2Job Description

a. Kepala

Kepala Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik, mempunyai tugas dalam membina dan memberikan pemahaman dalam mengembangkan dan Pemberdayaan Pendidik dan Tenaga Kependidikan di Bidang Mesin dan Teknik Industri.

b. Wakil Manajemen Mutu (WMM)

Wakil Manajemen Mutu (WMM) mempunyai tugas Memastikan proses-proses yang dibutuhkan dalam Sistem Manajemen Mutu ditetapkan, diimplementasikan dan dipelihara. Merencanakan dan memantau program Audit Mutu Internal. Mengidentifikasikan dan mengelola program-program untuk perbaikan Sistem Manajemen Mutu. Melaporkan kepada Kepala Sekolah performansi Sistem Manajemen Mutu dan peluang untuk melakukan perbaikan.

c. Bagian Umum

1. Subbag Keuangan mempunyai tugas dalam Perencanaan dan SAI, Gaji dan Pajak, Administrasi dan Pertanggungjawaban, Kebendaharawanan (Pengeluaran, dan Penerimaan Negara Bukan Pajak (PNBP)) .

2. Subbag Tata Laksana dan Kepegawaian mempunyai tugas dalam Ketatalaksanaan, Administrasi Umum, Administrasi Kepegawaian, Pembinaan dan Pengembangan Kepegawaian.

3. Subbag Tata Usaha dan Rumah Tangga mempunyai tugas pada Tata Usaha yaitu menangani Persuratan, kerasipan, dan keprotokolan, Humas dan Publikasi, perpustakaan, lab dan bengkel. Pada Kerumahtanggaan mempunyai tugas yaitu menangani Asrama, Keamanan, Transportasi, Kebersihan dan Pertamanan. Pada bagian Logsitik mempunyai tugas yaitu menangani Pengadaan, Invertaris, gudang dan Fasilitas penunjang Lembaga.

4. Koperasi mempunyai peran dalam membangun dan mengembangkan potensi dan kemampuan ekonomi anggota pada khususnya dan masyarakat pada umumnya untuk meningkatkan kesejahteraan ekonomi dan sosialnya, berperan serta secara aktif dalam upaya memeprtinggi kualitas kehidupan manusia dan masyarakat, memperkokoh perkeonomian rakyat sebagai dasar kekuatan dan ketahana perekonomian nasional dengan Koperasi sebagai sokogurunya, berusaha untuk mewujudkan dan mengembangkan perkeonomian nasional yang merupakan usaha bersama berdasar atas asas kekeluargaan dan demokrasi ekonomi.

9

d. Bidang Program dan Informasi

1. Seksi data dan Informasi mempunyai tugas dalam menangani S I M dan Infrastruktur.

2. Seksi Progran bertugas dalam Penyusunan dan Evaluasi Program, Pengembangan dan Inovasi Model Tingkom, Pengembangan Kelembagaan.

e. Bidang Fasilitas Peningkatan Kompetensi

1. Seksi Penyelenggaaan bertugas dalam Persiapan Penyelenggaraan Tingkom, Penyelenggaraan Tingkom, Pelaporan Penyelenggaraan dan Lembaga.

2. Seksi Evaluasi bertugas pada Evaluasi Tingkom, Pemantauan Tingkom, Sekretariat T U K.

3. API (Afiliasi Produksi & Industri) adalah satu organisasi intern di PPPPTK Bidang Mesin dan Teknik Industri Bandung yang dibentuk dalam rangka mengembangkan model Income Generating Activity (IGA). Pada stage pertama digunakan pendekatan pengembangan wawasan keintrausahaan dalam bentuk kegiatan Unit Produksi.

f. Kelompok Jabatan Fungsional

Koordinator Jabatan Fungsional terdiri dari beberapa departemen yaitu :

a. Departemen Teknik Bangunan

Departemen ini terdiri dari tiga jurusan yaitu: 1. Konstruksi Bangunan.

2. Arsitektur & Lansekap. 3. Bangunan Air & Jalan.

Departemen ini juga telah diakreditasi oleh Lembaga Pengembangan Jasa Konstruksi sebagai Badan Sertifikasi Keterampilan (BSK) Institusi Diklat yaitu Badan Penyelenggaraan Sertifikasi yang independen dan mandiri, yang dibentuk oleh Institusi Diklat guna menyelenggarakan pengujian keterampilan kerja untuk proses sertifikasi keterampilan kerja dalam bidang bangunan, arsitektur dan tata lingkungan.

b. Departemen Elektronika dan Informatika

Perkembangan teknologi informasi dan komunikasi tidak terlepas dari dukungan perkembangan Teknologi Elektronika. Dampak dari perkembangan tersebut adalah terbukanya lapangan kerja baru termasuk lahirnya spesialisasi teknologi informasi di hampir seluruh jenjang dan jenis pendidikan, termasuk di PPPPTK BMTI Bandung.

Potensi dan Fasilitas pendukung yang dimiliki Departemen ini cukup lengkap. Paket-paket pelatihannya meliputi bidang-bidang keahlian Teknik Informatika, Elektronika Industri, Digital dan Microprocessor serta elektronika Komunikasi. Beberapa produk yang telah dipasarkan sebagai hasil kerja departemen ini adalah dalam bentuk alat bantu mengajar (teaching aid) seperti : Radio System, Pemancar dan Penerima AM/FM, Televisi Berwarna dan Hitam Putih, DVD dan lain-lain.

10

Disamping itu departemen ini menyediakan jasa layanan bagi masyarakat umum, industri, dan lembaga dalam bidang-bidang perbaikan/perawatan, perencanaan, pembuatan dan pemasangan sistem elektronika komunikasi, elektronika industri dan instrumentasi.

Terdapat pula Lab Komputer sebagai sarana yang tidak terpisahkan dari bidang kemampuan Teknologi Komputer. Bidang ini selalu siap membantu anda dalam menguasai software komputer baik Program Aplikasi dan Desain Program. Sedangkan Lab Komputer Hardware dengan fasilitas lengkap akan membantu anda menguasai Maintenance PC dan sistem jaringan komputer bersertifikat Internasional (Cisco Networking Academy Program).

c. Departemen Ketenagalistrikkan

Kemajuan perkembangan pembangunan di semua aspek kehidupan, telah memicu juga perkembangan dibidang sumber daya khususnya tenaga listrik. Oleh karena itu, Departemen Ketenagalistrikan ini, memberikan solusi dan ilmu terhadap sumber daya, khususnya sumber daya manusia, supaya dapat memberikan nilai positif bagi perkembangan pembangunan negara.

d. Departemen Mesin

Departemen ini ditangani oleh tenaga-tenaga profesional yang telah mengembangkan pola/sistem pendidikan dan pelatihan berbasis modular. Sistem tersebut menjembatani kesenjangan antara tuntutan kemampuan tenaga kerja industri dan "output" lembaga pendidikan formal.

Sistem ini dirancang khusus bagi industri maupun bagi perorangan yang ingin berkembang sehingga dapat dipelajari secara mandiri. Pola pembelajaran dilakukan secara "learned centred" atau berfokus pada peserta belajar. Dengan demikian peserta dapat belajar menurut kemampuan masing-masing tanpa tergantung pada peserta lain. Departemen ini dikepalai oleh seorang Kepala Departemen dibantu oleh dua orang Wakil Kepala Departemen Bidang Diklat dan Non-diklat. Departemen ini terdiri dari jurusan Rancang Bangun dan Kontrol, Las dan Fabrikasi Logam serta Mesin Produksi. Dalam operasionalnya mempunyai keahlian Pemesinan, Pengelasan, Metalurgi, Teknik Pembentukan dan Pengecoran, Pemeliharaan dan Perbaikan, Mekatronik, Pengukuran dan Pengujian.

e. Departemen Mesin Konversi Energi Otomotif dan Pesawat Tenaga

Perkembangan teknologi sekarang ini memicu supaya perkembangan teknologi di negara kita mengikuti perkembangan dunia. Oleh karena ini, dengan memberikan imu pengetahuan tentang energi otomotif dan pesawat tenaga, diharapkan negara kita membuat suatu teknologi yang dapat memberikan kontribusi besar terhadap negara bahkan dunia internasional.

11

f. Departemen MTPS

Departemen ini berkiprah dalam upaya memenuhi tuntutan kebutuhan terhadap peningkatan mutu pendidik dan tenaga kependidikan dalam berbagai bidang kemampuan, seperti:

a. Bahasa Inggris Teknik

b. Pengembangan Kurikulum dan Metodologi Pengajaran Teknik

c. Perancangan dan Pembuatan Bahan Ajar untuk kebutuhan pendidikan pelatihan kejuruan dan umum

d. Penelitian Terapan e. Skills Audit

f. Analisis Kebutuhan Pelatihan

g. Talent Scouting bagi calon kepala sekolah

Terhadap perkembangan karir, Departemen ini juga telah berhasil mengembangkan sistem penelusuran calon pemimpin SMK melalui Talent Scouting dan pengembangan manajemen untuk level supervisor.

PPPPTK BMTI Bandung merupakan pengembang pendidikan kejuruan sekaligus penyelenggara pendidikan dan pelatihan guru teknologi, karena itu Departemen ini merupakan salah satu tulang punggung dari penyediaan bahan ajar dalam bentuk Hand Out, Lembar Operasi, Buku, Modul, Poster, Buku-buku Pelajaran. Selain itu berkemampuan untuk melatih bidang Penelitian Karya Ilmiah (KTI) dan Penelitian Tindakan Kelas (PTK) hal ini sebagai bukti produktivitas Departemen ini.

STAF

Sebagai lembaga tempat mengkaji dan melaksanakan kebijakan pemerintah bidang pengembangan pendidikan teknologi menengah kejuruan di Indonesia, kami menyadari bahwa Sumber Daya Manusia (SDM) adalah modal utama yang perlu dipelihara dan dikembangkan secara terus menerus seiring dengan perkembangan teknologi dan informasi serta tuntutan dunia kerja dan bisnis. Dari 408 karyawan, 60% memiliki latar belakang pendidikan tinggi dan hampir semua tenaga edukatif telah mengikuti pendidikan di luar negeri seperti di Australia, Jepang, Jerman, Inggris, Amerika, Austria, Swiss, Philipina, Belanda, Brunei dan beberapa negara lain, termasuk pengalaman kerja di beberapa industri berskala internasional.

2.2

Landasan Teori

2.2.1 Jaringan

2.2.1.1Jaringan Komputer

Jaringan komputer adalah sebuah kumpulan komputer, printer dan peralatan lainnya yang terhubung dalam satu kesatuan. Informasi dan data bergerak melalui kabel-kabel atau tanpa kabel sehingga memungkinkan pengguna jaringan komputer dapat saling bertukar dokumen dan data, mencetak pada printer yang sama dan bersama sama menggunakan hardware/software yang terhubung dengan jaringan. Setiap komputer, printer atau periferal

12

yang terhubung dengan jaringan disebut node. Sebuah jaringan komputer dapat memiliki dua, puluhan, ribuan atau bahkan jutaan node.(http://fadel05.tripod.com/network/jaringan.html)

2.2.1.2Klasifikasi Jaringan komputer

Jaringan komputer dapat diklasifikasikan menurut skala sebagai berikut : 1. Local Area Network (LAN):

suatu jaringan komputer yang menghubungkan suatu komputer dengan komputer lain dengan jarak yang terbatas.

2. Metropolitant Area Network (MAN):

prinsip sama dengan LAN, hanya saja jaraknya lebih luas, yaitu 10-50 km. 3. Wide Area Network (WAN):

jaraknya antar kota, negara, dan benua. ini sama dengan internet.

Berdasarkan fungsi: Pada dasarnya setiap jaringan komputer ada yang berfungsi sebagai client dan juga server. Tetapi ada jaringan yang memiliki komputer yang khusus didedikasikan sebagai server sedangkan yang lain sebagai client. Ada juga yang tidak memiliki komputer yang khusus berfungsi sebagai server saja. Karena itu berdasarkan fungsinya maka ada dua jenis jaringan komputer :

1. Client-server

Yaitu jaringan komputer dengan komputer yang didedikasikan khusus sebagai server. Sebuah service/layanan bisa diberikan oleh sebuah komputer atau lebih. Contohnya adalah sebuah domain seperti www.detik.com yang dilayani oleh banyak komputer web server. Atau bisa juga banyak service/layanan yang diberikan oleh satu komputer. Contohnya adalah server jtk.polban.ac.id yang merupakan satu komputer dengan multi service yaitu mail server, web server, file server, database server dan lainnya.

2. Peer-to-peer

Yaitu jaringan komputer dimana setiap host dapat menjadi server dan juga menjadi client secara bersamaan. Contohnya dalam file sharing antar komputer di Jaringan Windows Network Neighbourhood ada 5 kompute (A,B,C,D dan E) yang memberi hak akses terhadap file yang dimilikinya. Pada satu saat A mengakses file share dari B bernama data_nilai.xls dan juga memberi akses file soal_uas.doc kepada C. Saat A mengakses file dari B maka A berfungsi sebagai client dan saat A memberi akses file kepada C maka A berfungsi sebagai server. Kedua fungsi itu dilakukan oleh A secara bersamaan maka jaringan seperti ini dinamakan peer to peer.

Berdasarkan distribusi sumber informasi/data, jaringan komputer dapat dibedakan atas : 1. Jaringan terpusat

Jaringan ini terdiri dari komputer klient dan server yang mana komputer klient yang berfungsi sebagai perantara untuk mengakses sumber informasi/data yang berasal dari satu komputer server

2. Jaringan terdistribusi

Merupakan perpaduan beberapa jaringan terpusat sehingga terdapat beberapa komputer server yang saling berhubungan dengan klient membentuk sistem jaringan tertentu.

13

Berdasarkan media transmisi datanya, jaringan komputer dapat dibedakan atas beberapa kategori, diantaranya :

1. Jaringan Berkabel (Wired Network)

Pada jaringan ini, untuk menghubungkan satu komputer dengan komputer lain diperlukan penghubung berupa kabel jaringan. Kabel jaringan berfungsi dalam mengirim informasi dalam bentuk sinyal listrik antar komputer jaringan.

2. Jaringan Nirkabel(WI-FI)

Merupakan jaringan dengan medium berupa gelombang elektromagnetik. Pada jaringan ini tidak diperlukan kabel untuk menghubungkan antar komputer karena menggunakan gelombang elektromagnetik yang akan mengirimkan sinyal informasi antar komputer jaringan. (.http://id.wikipedia.org/wiki/Jaringan_Komputer)

2.2.2 Pengertian Internet

Menurut Tracy LaQuey “Internet merupakan jaringan longgar dari ribuan jaringan komputer yang menjangkau jutaan orang di seluruh dunia”.

Internet dapat diartikan sebagai jaringan komputer yang memiliki jangakauan luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber daya informasi, data dan lain-lain dari mulai yang statis hingga yang dinamis dan interaktif.

2.2.3 Pengertian Web dan Situs

Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam

World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar. (http://id.wikipedia.org/wiki/Situs_web, 19/1/2011 19.36 WIB).

Situs juga dapat diartikan sebagai kumpulan halaman yang memiliki atau menampilkan gambar diam, gambar bergerak, data, teks, animasi, suara, video dan atau gabungan keseluruhan elemen yang bersifat statis atau dinamis dalam sebuah kerangka dimana halaman-halaman tersebut saling berhubungan satu sama lain.

2.2.4 Pengertian Data

Data dapat didefinisikan sebagai berikut :

Data adalah fakta atau apapun yang dapat digunakan sebagai input dalam menghasilkan informasi. (Susanto, 2004: 40).

14

Data bisa berupa bahan untuk diskusi, pengambilan keputusan, perhitungan, atau pengukuran. Saat ini data tidak harus selalu dalam bentuk kata atau kalimat tapi bisa juga dalam bentuk suara, gambar diam dan bergerak, baik dalam bentuk dua atau tiga dimensi.

2.2.5 Pengertian Informasi

“Informasi adalah rangkaian data yang mempunyai sifat sementara, tergantung dengan waktu, mampu memberi kejutan atau surprise pada yang menerimanya. Informasi dapat juga dikatakan sebagai data yang telah diproses, yang mempunyai nilai tentang

tindakan atau keputusan”. (Witarto, 2004:9 ).

Informasi merupakan sesuatu yang harus dimiliki oleh suatu perusahaan atau organisasi untuk bisa tetap eksis dan bertahan, karena kurangnya informasi yang dimiliki akan mengakibatkan perusahaan atau organisasi akan hancur dan berakhir.

2.2.6 Pengertian Database

Database dapat diartikan sebagai kumpulan data yang terdiri atas satu atau lebih tabel yang terintegrasi satu sama lain, di mana setiap pemakai (user) diberi wewenang (otorisasi) untuk dapat mengakses (mengubah, menghapus, menganalisis, menambah, memperbaiki) data dalam tabel-tabel tersebut. (http://www.belajarti.co.cc/2010/02/pengertian-database.html, 20/01/2011 14:00 WIB)

2.2.6.1Fungsi Database

Adapun fungsi database diantaranya adalah sebagai berikut :

1. Salah satu komponen penting dalam sistem informasi, karena merupakan dasar dalam menentukan informasi

2. Menentukan kualitas informasi. Informasi dapat dikatakan bernilai apabila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya.

3. Mengurangi duplikasi data (data redundancy). 4. Hubungan data dapat ditingkatkan (data relatability). 5. Mengurangi pemborosan tempat simpanan luar.

2.2.6.2Kriteria Database

Dari penjelasan sebelumnya dapat disimpulkan bahwa basis data mempunyai beberapa kriteria penting, yaitu :

1. Bersifat data oriented dan bukan program oriented

2. Dapat digunakan oleh beberapa program aplikasi tanpa perlu mengubah basis datanya 3. Dapat dikembangkan dengan mudah, baik volume maupun strukturnya

4. Dapat memenuhi kebutuhan sistem-sistem baru secara mudah 5. Dapat digunakan dengan cara-cara yang berbeda.

15

2.2.7 Alat Bantu Pengembang Sistem

2.2.7.1Diagram 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 ke sistem atau output dari sistem.

(http://nyobayoo.blogspot.com/2008/09/diagram-konteks.html, 20/01/2011 14:06 WIB)

Ini akan memberi gambaran tentang keseluruhan sistem. Sistem dibatasi oleh boundary (dapat digambarkan dengan garis putus). Dalam diagram konteks hanya ada satu proses. Tidak boleh ada store dalam diagram konteks.

Simbol Keterangan

Kesatuan luar (external entity) yang menggambarkan sumber atau tujuan. Kegiatan yang dilakukan orang atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk menghasilkan informasi yang keluar dari proses.

Menunjukkan arus data yang berupa masukan untuk sistem atau dari sistem.

Tabel 2.1 Simbol-simbol Diagram Konteks

2.2.7.2DFD ( Data Flow _Diagram)

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis. (http://id.wikipedia.org/wiki/Data_flow_diagram, 20/01/2011 14:09).

DFD merupakan salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.

16

1. Pemberian nama untuk tiap komponen DFD 2. Pemberian nomor pada komponen proses

3. Penggambaran DFD sesering mungkin agar nyaman dilihat 4. Penghindaran penggambaran DFD yang rumit

5. Pemastian DFD yang dibentuk itu konsisten secara logika Adapun fungsi dari DFD adalah sebagai berikut :

1. Membantu para analis sitem meringkas informasi tentang sistem, mengetahui hubungan antar sub-sub sistem, dan membantu perkembangan aplikasi secara efektif. 2. Sebagai alat komunikasi yang baik antara pemakai dan analis sistem.

3. Menggambarkan sejumlah batasan otomasi untuk pengembangan alternatif sistem fisik.

Simbol Keterangan

Entitas

Kesatuan luar dilingkungan luar. Sistem dapat berupa uang, organisasi atau sistem lainnya yang berada dilingkungan luarnya yang akan memberikan input atau menerima

output dari suatu sistem.

Arus Data (Flow)

Menunjukkan arus dari data yang dapat berupa masukkan untuk sistem atau hasil dari proses sistem.

Proses

Proses ini mengubah 1 atau lebih input menjadi output. Nama proses dituliskan dengan suatu kata, singkatan atau kalimat sederhana.

17

Simpanan Data

Simpanan data dapat berupa file, database, arsip, tabel

Tabel 2.2 Simbol-simbol DFD

2.2.7.3Kamus Data

Kamus data merupakan alat yang digunakan untuk mendeskripsikan isi dan semantik data,laporan, dan seluruh aliran informasi dalam sistem. Kamus data terdiri dari nama data,sumber / tujuan data, deskripsi, bentuk data,periode, dan struktur data. (http://www.ittelkom.ac.id/library/index.php?view=article&catid=20%3Ainformatika&id=18 6%3Adiagram-aliran-data&option=com_content&Itemid=15, 20/01/2011 : 14:19 WIB)

Kamus data selain digunakan untuk dokumentasi dan mengurangi redudansi, juga memiliki fungsi sebagai berikut :

1. Memvalidasi diagram aliran data dalam hal kelengkapan dan keakuratan

2. Menyediakan suatu titik awal untuk mengembangkan layar dan laporan-laporan 3. Menentukan muatan data yang disimpan dalam file-file

4. Mengembangkan logika untuk proses-proses diagram aliran data.

2.2.8 Perangkat Lunak yang Digunakan

2.2.8.1PHP (Hypertext Preprocessor)

PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memprogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS. (http://id.wikipedia.org/wiki/PHP, 20/01/2011 14:24)

PHP pertama kali diperkenalkan Rasmus Lerdorf dari script Perl pada tahun 1994. PHP

dirancang untuk bekerja dengan Web Server Apache pada awal penciptaannya. PHP itu sendiri

merupakan pengembangan dari bahasa C yang sebelumnya dikenal dengan istilah FI (Form

Interpreter) untuk mengolah data form dari sebuah website. Selain itu, PHP juga dirancang untuk

membentuk web dinamis.

2.2.8.1.1 Kelebihan Menggunakan PHP

Kelebihan program yang menggunakan PHP MySQL antara lain : 1. Program dapat dijalankan di semua sistem operasi.

18

PHP MySQL berjalan secara web base, itu artinya semua sistem operasi yang memiliki web browser dapat menggunakan aplikasi ini, dan semua sistem operasi tentu saja selalu memiliki web browser.

2. Sangat cocok dan mudah diterapkan pada komputer berjaringan.

Program PHP MySQL cukup diinstal di salah satu komputer yang merupakan komputer server. Pada komputer client, pemakai tidak perlu menginstalasikan program apapun lagi. Pada komputer client pemakai cukup mengarahkan web browser ke komputer server dan program dapat langsung dijalankan.

3. Tidak ada virus yang menginfeksi program PHP.

Program PHP belum dapat diinfeksi virus sampai saat ini. Kebanyakan virus menginfeksi file berekstensi *.exe dan lain-lain.

2.2.8.1.2 Struktur Dasar PHP

<?php

<-– script PHP -- > ?>

2.2.8.2MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management sistem) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL. (http://id.wikipedia.org/wiki/MySQL, 20/01/2011 14:27 WIB)

Bahasa ini dapat digunakan untuk memuat, mengurutkan, dan menyaring suatu data sehingga suatu data yang spesifik dari suatu basia data dapat dihasilkan. MySQL adalah server database SQL (Structured Query Language) yang paling banyak diminati karena kecepatan kerja dan kemudahan dalam penggunaannya.

Kelebihan MySQL sebagai basis data, antara lain :

1. Mendukung standar yang telah ada, yaitu standar ODBC level 0-2 2. Mampu membuat tabel dengan ukuran besar

2.2.8.3Adobe Dreamweaver CS4

Adobe Deramweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola suatu web. Keunggulan Dreamweaver dibandingkan editor lainnya adalah memungkinkan pengguna berkreasi secara bebas dan cepat pada suatu lingkungan visual, tanpa menulis sebaris pun kode atau tag HTMLnya, dan setelah itu kita dapat menguji tampilan halaman web kita langsung di browser apapun yang kita inginkan.

19

Gambar 2.3 Adobe Dreamweaver CS4

2.2.8.4WAMP Server 2.0

Wamp Server atau wamp adalah sebuah aplikasi yang dapat menjadikan komputer pemakai menjadi sebuah server. Kegunaan wamp ini untuk membuat jaringan lokal sendiri dalam artian pemakai dapat membuat website secara offline untuk masa coba-coba di komputer sendiri.

Kelebihan wamp, yaitu praktis dan tidak perlu banyak melakukan setting. saat ini

wamp server hanya berjalan pada sistem operasi windows.

2.2.8.5Mozilla Firefox

Mozilla Firefox (aslinya bernama Phoenix dan kemudian untuk sesaat dikenal sebagai Mozilla Firebird) adalah penjelajah web antar-flatform gratis yang dikembangkan oleh yayasan mozilla.

Yayasan mozilla bertujuan untuk mengembangkan sebuah browser web yang kecil, cepat, dan simpel melalui firefox. Salah satu fitur populer firefox adalah pemblokir pop-up

yang sudah terpasang di dalamnya dan sebuah mekanisme pengembangan untuk menambah fungsionalitas tambahan.

20

BAB 3 PEMBAHASAN

3.1 Analisis sistem

Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

Sebagai analisis pada sistem yang sedang berjalan, akan dibahas bagaimana prosedur dan aliran dokumen yang sedang berjalan yang digambarkan dalam bentuk flow map dan analisis sistem non fungsional yang meliputi perangkat keras dan perangkat lunak yang digunakan, serta analisis user yang terlibat.

3.2 Analisis masalah

Analisis permasalahan yang terjadi pada Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri adalah kurang efisien dalam memberikan informasi-informasi layanan kepada para pengguna yang mengakses dan membutuhkan layanan ini.

3.2.1 Analisis Sistem yang Sedang Berjalan

Analisis sistem merupakan prosedur penjelasan tentang sistem yang sedang berjalan sekarang yaitu prosedur yang berjalan di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri.

21

3.2.1.1 Flowmap Login

Flowmap Login

User Admin

22

3.2.1.2 Flowmap Buku Tamu

Flowmap Login

User Admin

23

3.2.2 Analisis Kebutuhan Non Fungsional

Analisa kebutuhan non fungsional menggambarkan keadaan sistem yang ada di Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri, diantaranya perangkat keras, perangkat lunak, serta user sebagai bahan analisis kekurangan dan kebutuhan yang harus dipenuhi dalam perancangan sistem yang akan diterapkan.

3.2.2.1 Analisis User (Pengguna) Sistem

Sistem yang akan dibangun ini akan digunakan oleh dua jenis pengguna utama yaitu admin dan pengunjung. Admin dapat melakukan pengelolaan terhadap aplikasi ini seperti tambah data, hapus data, dan edit data, sedangkan pengunjung hanya dapat melihat informasi yang dibutuhkan.

Tabel 3.1 Analisis Pengguna Admin

Pengguna Admin

Tanggung Jawab Mengelola data yang terdapat dalam aplikasi

Hak Akses Melakukan pengolahan data staff, data jadwal

diklat, program diklat, katalog diklat, dan data buku tamu.

Tingkat Pendidikan Minimal SMA dan Sederajat

Tingkat Keterampilan Menguasai komputer, pemahaman yang

cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet

Pengalaman -

Jenis Pelatihan Cara Mengoperasikan Aplikasi

Tabel 3.2 Analisis Pengguna Pengunjung

Pengguna Admin

Tanggung Jawab Melihat informasi yang diinginkan.

Hak Akses Hanya dapat melihat informasi yang terdapat

di situs ini.

Tingkat Pendidikan Minimal SMA

Tingkat Keterampilan Menguasai komputer, pemahaman yang

cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet

Pengalaman -

Jenis Pelatihan -

Kesimpulan : Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan

dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri sudah memiliki cukup teknisi yang baik dalam mengelola perangkat lunak yang akan

24

dibuat. Selanjutnya, untuk lebih dapat memudahkan pihak Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri dalam memberikan informasi, maka pihak Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri memutuskan untuk membangun sebuah Sistem Informasi Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri berbasis web.

3.2.2.2 Analisis Perangkat Keras (Hardware)

Analisis perangkat keras (hardware) merupakan proses analisis yang lebih menekankan kepada aspek pemanfaatan perangkat keras yang selama ini telah dimiliki Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri.

Adapun spesifikasi perangkat keras komputer yang ada di Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri adalah sebagai berikut :

1. Processor Pentium IV 2.8 GHz 2. Kapasitas RAM 512 Mb 3. VGA card 256 MB 4. Kapasitas Hardisk 80 Gb 5. Monitor

6. Keyboard 7. Mouse

Kebutuhan minimal perangkat keras yang akan dibagun memiliki spesifikasi sebagai berikut :

1. Processor dengan kecepatan 1,8 GHz 2. RAM sebesar 256 MB

3. VGA card 256 MB

4. Kapasitas free Hardisk 80 GB 5. Monitor dengan revolusi 1024 x 768 6. Keyboard

7. Mouse

Setelah dilakukan analisis terhadap perangkat keras dimiliki oleh Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri sudah layak dan dapat mendukung sistem informasi yang akan dibangun, hanya saja perlu adanya akses

25

internet agar dapat berjalan maksimal karena dilakukan secara on-line serta memudahkan dalam pengolahan database yang disimpan di server.

3.2.2.3 Analisis Perangkat Lunak

Sistem Operasi yang digunakan di Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri adalah Windows XP sehingga sudah sangat mencukupi untuk dapat menjalankan perangkat lunak yang akan dibangun.

Adapun perangkat lunak yang dibutuhkan dalam pembangunan aplikasi ini adalah tercantum pada tabel 3.3 sebagai berikut :

Tabel 3.3 Perangkat Lunak yang Digunakan

No Perangkat Lunak Keterangan

1 Sistem Operasi Windows 7

2 Bahasa Pemrograman PHP

3 DBMS MySQL 5.0.27

4 Web Browser Mozilla firefox 3.5.5

5 Code Editor Macromedia Dreamweaver 8

6 DFD modeler Microsoft Visio 2007

7 Wamp Server 2.0 web server

3.2.3 Analisis Perancangan Basis Data

3.2.3.1 Entity Relationship Diagram (ERD)

ERD digunakan untuk menggambarkan secara sistematis berbagai entitas dan komponen data yang dimiliki sistem dan hubungan antar masing-masing entitas tersebut. Untuk melihat keterhubungan antar entitas yang ada maka akan digambarkan sebagai berikut :

26 Admin

Data staff

mengelola Data jadwal

diklat

Data program diklat

Data Katalog Diklat

Nip

Nama

Golongan

Id

Nama

Type Size

No

Nama Pola

Sasaran

Tanggal

No

Nama

Kompetensi

Level

Strategi 1

N

N

N

N

Data buku

tamu Id

Nama

Email Situs

Pesan Waktu

N

27

3.2.4 Analisis Kebutuhan Fungsional

Kebutuhan fungsional merupakan tahap aliran informasi yang meliputi diagram konteks dan aliran informasi yang di representasikan dengan menggunakan data flow diagram (DFD).

3.2.4.1 Diagram konteks

Diagram konteks ini menggambarkan sistem secara garis besar atau secara keseluruhan dan hubungannya dengan entitas luar. Adapun diagram konteks yang diusulkan adalah sebagai berikut :

Admin Pengunjung

website Departemen Teknik Elekto dan Teknik Informatika, PPPPTK BMTI

Bandung Data login

Data staff Data jadwal diklat Data program diklat

Data katalog diklat Data buku tamu

Info login Info staff Info jadwal diklat Info program diklat

Info katalog diklat Info buku tamu

Data jadwal diklat Data program diklat

Data katalog diklat Data buku tamu

Data vote Data profil Data visi dan misi

Data kerjasama Data struktur organisasi

Data staff

Info jadwal diklat Info program diklat

Info katalog diklat Info buku tamu

Info vote Info profil Info visi dan misi

Info kerjasama Info struktur organisasi

Info staff

Gambar 3. 4 Diagram Konteks website Departemen Teknik Elekto dan Teknik Informatika, PPPPTK BMTI

3.2.4.2 Data Flow Diagram (DFD)

Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. Dalam Data Flow Diagram (DFD)

terdiri dari entitas luar, aliran data, proses, dan penyimpanan data. Salah satu keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Adapun Data Flow Diagram dari Pembangunan website Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri adalah sebagai berikut :

28

1. DFD level 1

Berikut ini adalah DFD level 1 dari sistem yang akan dibangun.

Admin Pengunjung 1.0 Login 2.0 Pengolahan Data Master 3.0 Lihat informasi Data login admin

Info login valid, invalid

Data admin Data login admin

Data staff, data program diklat, Data jadwal diklat, data katalog diklat,

data buku tamu

Info staff, Info program diklat, Info jadwal diklat, Info katalog diklat,

Info buku tamu

Data staff Data jadwal diklat Data program diklat Data katalog dikat Data buku tamu Data staff Data staff

Data jadwal diklat Data jadwal diklat

Data program diklat

Data program diklat

Data katalog diklat Data katalog diklat Data Buku tamu Data buku tamu Data staff, data program diklat,

Data jadwal diklat, data katalog diklat, data buku tamu

Data vote Info staff,

Info program diklat, Info jadwal diklat, Info katalog diklat,

Info buku tamu Info vote Data staff

Data jadwal diklat

Data program diklat

Data katalog diklat

Data buku tamu Data Vote

Data vote

29

2. DFD Level 2 Proses Login

Admin

1.1 Login

1.2 Verifikasi Login Data admin

Data login admin Admin

Data Login admin

Info data password

Informasi login admin invalid

Login admin valid

30

3. DFD Level 2 Proses Pengolahan Data Master

Admin

2.1 Pengolahan Data

Staff

2.2 Pengolahan Data

Jadwal Diklat

2.3 Pengolahan Data

Program Diklat

2.4 Pengolahan Data

Katalog Diklat

2.5 Pengolahan Data

Buku Tamu Data staff

Info staff

Data jadwal diklat

Info jadwal diklat

Data program diklat Info program diklat

Data katalog diklat Info katalog diklat

Info buku tamu Data buku tamu

Staff

Jadwal Diklat

Program Diklat

Katalog Diklat

Buku tamu Data Staff

Data Staff

Data jadwal diklat Data jadwal diklat

Data program diklat Data program diklat

Data katalog diklat Data katalog diklat

Data buku tamu Data buku tamu

31

4. DFD Level 2 Proses Lihat Informasi

Pengunjung _{Lihat Data Staff}3.1

3.2 Lihat Data Jadwal

Diklat

3.3 Lihat Data Program

Diklat

3.4 Lihat Data Katalog

Diklat

3.5 Isi Buku Tamu Data staff

Info staff

Data jadwal diklat

Info jadwal diklat

Data program diklat Info program diklat

Data katalog diklat Info katalog diklat

Info buku tamu Isi buku tamu

Staff

Jadwal Diklat

Program Diklat

Katalog Diklat

Buku tamu Data Staff

Data jadwal diklat

Data program diklat

Data katalog diklat

Data buku tamu Data buku tamu

3.6

Isi Vote Data Vote Vote Info vote

Isi Vote

Data Vote

32

5. DFD Level 3 Proses Pengolahan Data Staff

Gambar 3. 9 DFD Level 3 Proses Pengolahan Data Staff

Admin 2.1.1

Tambah Staff

2.1.2 Edit Staff

2.1.4 Hapus Staff

2.1.3 Cari Staff Data Staff

Data staff

Data Staff

Data Staff

Info Staff

Info Data Staff

Info Data Staff

Info Data Staff

Tabel Staff Data Staff

Info Data Staff

Data Staff

Data Staff

Data Staff

Info Data Staff

Info Data Staff

Info Data Staff

33

6. DFD Level 3 Proses Pengolahan Data Jadwal Diklat

Gambar 3. 10 DFD Level 3 Proses Pengolahan Data Jadwal Diklat

Admin 2.2.1

Tambah Jadwal Diklat

2.2.2 Edit Jadwal Diklat

2.2.4 Hapus Jadwal D iklat

2.2.3 Cari Jadwal Diklat Data

Jadwal Diklat

Data Jadwal Diklat

Data Jadwal Diklat

Data Jadwal Diklat

Info Data Jadwal Diklat

Info Data Jadwal Diklat

Info Data Jadwal Diklat

Info Data Jadwal Diklat

Tabel Jadwal D iklat Data

Jadwal Diklat Info Data Jadwal Diklat

Data Jadwal Diklat

Data Jadwal Diklat

Data Jadwal Diklat

Info Data Jadwal Diklat

Info Data Jadwal Diklat

Info Data Jadwal Diklat

34

7. DFD Level 3 Proses Pengolahan Data Program Diklat

Gambar 3. 11 DFD Level 3 Proses Pengolahan Data Program Diklat

Admin _{Tambah Program Diklat}2.3.1

2.3.2 Edit Prog ram Diklat

2.3.4 Hapus Prog ram Diklat

2.3.3 Cari Program D iklat Data

Prog ram Diklat

Data Prog ram Diklat

Data Prog ram Diklat

Data Prog ram Diklat

Info Data Prog ram Diklat

Info Data Prog ram Diklat

Info Data Prog ram Diklat

Info Data Prog ram Diklat

Tabel Prog ram Diklat Data

Prog ram Diklat Info Data Prog ram Diklat

Data Prog ram Diklat

Data Prog ram Diklat

Data Prog ram Diklat

Info Data Prog ram Diklat

Info Data Prog ram Diklat

Info Data Prog ram Diklat

35

8. DFD Level 3 Proses Pengolahan Data Katalog Diklat

Gambar 3. 12 DFD Level 3 Proses Pengolahan Data Katalog Diklat

Admin 2.4.1

Tambah Katalog Diklat

2.4.2 Edit Katalog Diklat

2.4.4 Hapus Katalog Diklat

2.4.3 Cari Katalog Diklat Data

Katalog Diklat

Data Katalog Diklat

Data Katalog Diklat

Data Katalog Diklat

Info Data Katalog Diklat

Info Data Katalog Diklat

Info Data Katalog Diklat

Info Data Katalog Diklat

Tabel Katalog Diklat Data

Katalog Diklat Info Data Katalog Diklat

Data Katalog Diklat

Data Katalog Diklat

Data Katalog Diklat

Info Data Katalog Diklat

Info Data Katalog Diklat

Info Data Katalog Diklat

36

9. DFD Level 3 Proses Pengolahan Data Buku Tamu

Admin

2.5.1 Cari Buku

Tamu

2.5.2 Hapus Buku

Tamu Data buku tamu

Info buku tamu

Data buku tamu Info buku tamu

Buku tamu Data buku tamu

Yang dicari

Data buku tamu berhasil dihapus Data buku tamu yang dicari

Data buku tamu yang dihapus

Gambar 3. 13 DFD Level 3 Proses Pengolahan Data Buku Tamu

3.2.4.3 Spesifikasi Proses

Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan dijelaskan pada table 3.4 dibawah ini :

Tabel 3.4 Spesifikasi Proses

No.Proses 1.0

Nama Proses Login

Source Admin

Deskripsi Proses login ini dilakukan oleh admin untuk dapat mengakses halaman adminweb

Input Data login admin

Output Info login admin

Logika Proses 1. administrator memasukan data login.

2. Apabila data yang dimasukan salah maka akan ada info login invalid.

37 utama administrator.

No.Proses 2.0

Nama Proses Pengolahan data master

Source Admin

Deskripsi Proses ini digunakan admin untuk mengatur isi website.

Input Data Staff, Data Jadwal Diklat, Data Program Diklat, Data Katalog Diklat, Data Buku tamu

Output Info Staff, Info Jadwal Diklat, Info Program Diklat, Info Katalog Diklat, Info Buku tamu

Logika Proses 1. Admin masuk ke halaman data master. 2. Admin memasukan data master.

3. Jika data pengaturan valid maka akan menyimpan ke database.

No.Proses 3.0

Nama Proses Lihat informasi

Source Pengunjung

Deskripsi Proses ini dilakukan oleh pengunjung untuk mendapatkan berita dari Departemen Teknik Elektro dan Teknik Informatika, PPPPTK BMTI

Input Data Staff, Data Jadwal Diklat, Data Program Diklat, Data Katalog Diklat, isi Buku tamu, isi Vote

Output Info Staff, Info Jadwal Diklat, Info Program Diklat, Info Katalog Diklat, Info Buku tamu, Info Vote

No.Proses 1.1

Nama Proses Login

Source Admin

Input Data login admin, data login

Output Info login admin invalid, info invalid. Logika Proses 1. administrator memasukan data login.

2. Apabila password yang dimasukan tidak benar akan menampilkan informasi login invalid.

38

menuju ke halaman utama administrator.

No.Proses 1.2

Nama Proses Verifikasi Login

Source Admin

Input Data login admin, data login

Output Info login admin invalid, info invalid.

Logika Proses 1. Apabila password yang dimasukan tidak benar akan menampilkan informasi login invalid.

2. Apabila password yang dimasukan benar maka login valid, akan menuju ke halaman utama administrator.

No.Proses 2.1

Nama Proses Pengolahan data Staff

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mengolah data staff

Input Data staff

Output Info staff

Logika proses 1. Admin masuk ke halaman administrator.

2. Admin memilih menu Tambah Staff untuk memunculkan form tambah Staff.

3. Admin mengisi form tambah staff kemudian klik tombol simpan.

4. Maka data staff baru akan disimpan didalam database.

No.Proses 2.2

Nama Proses Pengolahan data jadwal diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mengolah data jadwal diklat

Input Data jadwal diklat

Output Info jadwal diklat

Logika Proses 1. Admin masuk ke halaman administrator.

39

memunculkan form tambah Jadwal Diklat.

3. Admin mengisi form tambah jadwal diklat kemudian klik tombol simpan.

4. Maka data jadwal diklat baru akan disimpan didalam database.

No.Proses 2.3

Nama Proses Pengolahan data program diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mengolah data program diklat

Input Data program diklat

Output Info program diklat

Logika Proses 1. Admin masuk ke halaman administrator.

2. Admin memilih menu Tambah Program Diklat untuk memunculkan form tambah program Diklat.

3. Admin mengisi form tambah program diklat kemudian klik tombol simpan.

4. Maka data program diklat baru akan disimpan didalam database.

No.Proses 2.4

Nama Proses Pengolahan data katalog diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mengolah data katalog diklat

Input Data katalog diklat

Output Info katalog diklat

Logika Proses 1. Admin masuk ke halaman administrator.

2. Admin memilih menu Tambah Katalog Diklat untuk memunculkan form tambah katalog Diklat.

3. Admin mengisi form tambah katalog diklat kemudian klik tombol simpan.

4. Maka data katalog diklat baru akan disimpan didalam database.

No.Proses 2.5

Nama Proses Pengolahan data buku tamu

40

Deskripsi Proses ini dilakukan oleh admin untuk mengolah data buku tamu

Input Data buku tamu

Output Info buku tamu

Logika Proses 1. Admin masuk ke halaman administrator.

2. Admin memilih menu Cari buku tamu untuk memunculkan form cari buku tamu.

3. Admin mengisi form cari buku tamu kemudian klik tombol cari. 4. Maka sistem akan mencari ke dalam database.

No.Proses 3.1

Nama Proses Lihat Data Staff

Source Pengunjung

Deskripsi Proses ini dilakukan oleh pengunjung untuk melihat data staff

Input Data staff

Output Info staff

Logika Proses 1. Pengunjung memilih menu staff. 2. Sistem akan menampilkan data staff.

No.Proses 3.2

Nama Proses Lihat Data Jadwal Diklat

Source Pengunjung

Deskripsi Proses ini dilakukan oleh pengunjung untuk melihat data jadwal diklat

Input Data jadwal diklat

Output Info jadwal diklat

Logika Proses 1. Pengunjung memilih menu jadwal diklat. 2. Sistem akan menampilkan data jadwal diklat.

No.Proses 3.3

Nama Proses Lihat Data Program Diklat

Source Pengunjung

41 diklat

Input Data program diklat

Output Info program diklat

Logika Proses 1. Pengunjung memilih menu program diklat. 2. Sistem akan menampilkan data program diklat.

No.Proses 3.4

Nama Proses Lihat Data Katalog Diklat

Source Pengunjung

Deskripsi Proses ini dilakukan oleh pengunjung untuk melihat data katalog diklat

Input Data katalog diklat

Output Info katalog diklat

Logika Proses 1. Pengunjung memilih menu katalog diklat. 2. Sistem akan menampilkan data katalog diklat.

No.Proses 3.5

Nama Proses Isi Buku tamu

Source Pengunjung

Deskripsi Proses ini dilakukan oleh pengunjung untuk melihat dan mengisi buku tamu

Input Data buku tamu

Output Info buku tamu

Logika Proses 1. Pengunjung memilih menu buku tamu untuk memunculkan form isi buku tamu.

2. Pengunjung mengisi form buku tamu kemudian klik tombol

submit.

3. Maka data buku tamu baru akan disimpan didalam database. 4. Pengunjung dapat melihat data buku tamu dengan klik tombol

lihat buku tamu

No.Proses 3.6

42

Source Pengunjung

Deskripsi Proses ini dilakukan oleh pengunjung untuk melihat dan mengisi Vote

Input Data vote

Output Info vote

Logika Proses 1. Pengunjung memilih menu vote untuk memunculkan form vote. 2. Pengunjung dapat melakukan vote kemudian klik tombol vote. 3. Maka vote akan disimpan didalam database.

4. Pengunjung dapat melihat hasil vote dengan klik tombol lihat hasil voting

No.Proses 2.1.1

Nama Proses Tambah Staff

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menambah staff

Input Tambah data staff

Output Info staff telah ditambah

Logika Proses 1. Admin memilih menu tambah staff untuk memunculkan form tambah staff.

2. Admin mengisi form tambah staff.

3. Data staff baru akan disimpan didalam database.

No.Proses 2.1.2

Nama Proses Edit Staff

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mengedit staff

Input Ubah data staff

Output Info data staff telah diubah

Logika Proses 1. Admin mencari data staff yang akan diubah.

2. Sistem akan menampilkan form data staff yang akan diubah. 3. Admin mengisi data staff yang ingin diubah.

4. Apabila ada data yang diubah maka sistem akan menyimpan ke dalam database.

43

No.Proses 2.1.3

Nama Proses Cari Staff

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mencari staff

Input Cari data staff

Output Info data staff

Logika Proses 1. Admin mencari data staff yang diinginkan.

2. Sistem akan mencari data staff kedalam database dan menampilkan data staff yang dicari.

No.Proses 2.1.4

Nama Proses Hapus Staff

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menghapus staff

Input Hapus data staff

Output Info data staff dihapus

Logika Proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Akan ada konfirmasi penghapusan data.

3. Apabila pilihannya data akan dihapus, maka sistem akan menghapus data dari database.

4. Apabila pilihannya data tidak jadi dihapus, maka data yang akan dihapus batal.

No.Proses 2.2.1

Nama Proses Tambah Jadwal Diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menambah jadwal diklat

Input Tambah data jadwal diklat

Output Info jadwal diklattelah ditambah

Logika Proses 1. Admin memilih menu tambah jadwal diklat untuk memunculkan form tambah jadwal diklat.

44

3. Maka data jadwal diklat baru akan disimpan didalam database.

No.Proses 2.2.2

Nama Proses Edit Jadwal Diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mengedit jadwal diklat

Input Ubah data jadwal diklat

Output Info data jadwal diklat diubah

Logika Proses 1. Admin mencari data jadwal diklat yang akan diubah.

2. Sistem akan menampilkan form data jadwal diklat yang akan diubah.

3. Admin mengisi data jadwal diklat yang ingin diubah.

4. Apabila ada data yang diubah maka sistem akan menyimpan ke dalam database.

No.Proses 2.2.3

Nama Proses Cari jadwal diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mencari jadwal diklat Input Cari data jadwal diklat

Output Info data jadwal diklat

Logika Proses 1. Admin mencari data jadwal diklat yang diinginkan.

2. Sistem akan mencari data jadwal diklat kedalam database dan menampilkan data jadwal diklat yang dicari.

No.Proses 2.2.4

Nama Proses Hapus jadwal diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menghapus jadwal diklat

Input Hapus data jadwal diklat

Output Info data jadwal diklat dihapus

Logika Proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Akan ada konfirmasi penghapusan data.

45

3. Apabila pilihannya data akan dihapus, maka sistem akan menghapus data dari database.

4. Apabila pilihannya data tidak jadi dihapus, maka data yang akan dihapus batal.

No.Proses 2.3.1

Nama Proses Tambah program diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menambah program diklat

Input Tambah data program diklat

Output Info program diklattelah ditambah

Logika Proses 1. Admin memilih menu tambah program diklat untuk memunculkan form tambah program diklat.

2. Admin mengisi form tambah program diklat.

3. Maka data program diklat baru akan disimpan didalam database.

No.Proses 2.3.2

Nama Proses Edit program diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mengedit program diklat

Input Ubah data program diklat

Output Info data program diklat diubah

Logika Proses 1. Admin mencari data program diklat yang akan diubah.

2. Sistem akan menampilkan form data program diklat yang akan diubah.

3. Admin mengisi data program diklat yang ingin diubah.

4. Apabila ada data yang diubah maka sistem akan menyimpan ke dalam database.

No.Proses 2.3.3

Nama Proses Cari program diklat

Source Admin

46 Input Cari data program diklat Output Info data program diklat

Logika Proses 1. Admin mencari data program diklat yang diinginkan.

2. Sistem akan mencari data program diklat kedalam database dan menampilkan data program diklat yang dicari.

No.Proses 2.3.4

Nama Proses Hapus program diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menghapus program diklat

Input Hapus data program diklat

Output Info data program diklat dihapus

Logika Proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Akan ada konfirmasi penghapusan data.

3. Apabila pilihannya data akan dihapus, maka sistem akan menghapus data dari database.

4. Apabila pilihannya data tidak jadi dihapus, maka data yang akan dihapus batal.

No.Proses 2.4.1

Nama Proses Tambah katalog diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menambah katalog diklat Input Tambah data katalog diklat

Output Info katalog diklattelah ditambah

Logika Proses 1. Admin memilih menu tambah katalog diklat untuk memunculkan form tambah katalog diklat.

2. Admin mengisi form tambah katalog diklat.

3. Maka data katalog diklat baru akan disimpan didalam database.

No.Proses 2.4.2

Nama Proses Edit katalog diklat

47

Deskripsi Proses ini dilakukan oleh admin untuk mengedit katalog diklat Input Ubah data katalog diklat

Output Info data katalog diklat diubah

Logika Proses 1. Admin mencari data katalog diklat yang akan diubah.

2. Sistem akan menampilkan form data katalog diklat yang akan diubah.

3. Admin mengisi data katalog diklat yang ingin diubah.

4. Apabila ada data yang diubah maka sistem akan menyimpan ke dalam database.

No.Proses 2.4.3

Nama Proses Cari katalog diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mencari katalog diklat Input Cari data katalog diklat

Output Info data katalog diklat

Logika Proses 1. Admin mencari data katalog diklat yang diinginkan.

2. Sistem akan mencari data katalog diklat kedalam database dan menampilkan data katalog diklat yang dicari.

No.Proses 2.4.4

Nama Proses Hapus katalog diklat

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menghapus katalog diklat Input Hapus data katalog diklat

Output Info data katalog diklat dihapus

Logika Proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Akan ada konfirmasi penghapusan data.

3. Apabila pilihannya data akan dihapus, maka sistem akan menghapus data dari database.

4. Apabila pilihannya data tidak jadi dihapus, maka data yang akan dihapus batal.

48 Nama Proses Cari buku tamu

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk mencari buku tamu

Input Cari data buku tamu

Output Info data buku tamu

Logika Proses 1. Admin mencari data buku tamu yang diinginkan.

2. Sistem akan mencari data buku tamu kedalam database dan menampilkan data buku tamu yang dicari.

No.Proses 2.5.2

Nama Proses Hapus buku tamu

Source Admin

Deskripsi Proses ini dilakukan oleh admin untuk menghapus buku tamu

Input Hapus data buku tamu

Output Info data buku tamu dihapus

Logika Proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Akan ada konfirmasi penghapusan data.

3. Apabila pilihannya data akan dihapus, maka sistem akan menghapus data dari database.

4. Apabila pilihannya data tidak jadi dihapus, maka data yang akan dihapus batal.

3.2.4.4 Kamus Data

Kamus data (data dictionary) merupakan katalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem. Kamus data dibuat berdasarkan arus data yang ada pada diagram aliran data. Dengan menggunakan kamus data, analisis sistem dapat mendefinisikan data yang mengalir pada sistem secara lengkap. Kamus data digunakan untuk merancang input, merancang laporan dan database. Kamus data yang dibutuhkan untuk membuat website Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri, yaitu :

49

Tabel 3.5 Kamus Data

Nama Aliran Data Data Admin

Username [A-Z|a-z|0-9]

Userpass [A-Z|a-z|0-9]

Nama [A-Z|a-z|0-9]

Level enum('ADMIN','SUPERADMIN')

Nama Alir Data Data Staff

Deskripsi Pengolahan Data Staff

Struktur Data nip+ nama+golongan

Nip [0-9]

nama [A-Z | a-z]

golongan [A-Z | a-z |0-9]

Nama Alir Data Data Jadwal Diklat

Deskripsi Pengolahan Data Jadwal Diklat Struktur Data no+nama+pola+sasaran+tanggal

No [0-9]

Nama [A-Z | a-z]

Pola [A-Z | a-z |0-9]

Sasaran [A-Z | a-z |0-9]

Tanggal [0-9]

Nama Alir Data Data Program Diklat

Deskripsi Pengolahan Data Program Diklat Struktur Data no+nama+kompetensi+level+strategi

No [0-9]

Nama [A-Z | a-z]

50

Level [A-Z | a-z]

Strategi [A-Z | a-z |0-9]

Nama Alir Data Data Katalog Diklat

Deskripsi Pengolahan Data Katalog Diklat Struktur Data id+nama+type+size

Id [0-9]

Nama [A-Z | a-z]

Type [A-Z | a-z]

Size [0-9]

Nama Alir Data Data Buku Tamu

Id [0-9]

Nama [A-Z | a-z |0-9]

Email [A-Z | a-z |0-9]

Situs [A-Z | a-z |0-9]

Pesan [A-Z | a-z |0-9]

waktu [0-9]

Nama Alir Data Data Vote

Id_polling [0-9]

Pertanyaan [A-Z | a-z |0-9] Jawab_a [A-Z | a-z |0-9] Jawab_b [A-Z | a-z |0-9] Jawab_c [A-Z | a-z |0-9] Jawab_d [A-Z | a-z |0-9] Jawab_e [A-Z | a-z |0-9] Hasil_a [A-Z | a-z |0-9] Hasil_b [A-Z | a-z |0-9]

51 Hasil_c [A-Z | a-z |0-9] Hasil_d [A-Z | a-z |0-9] Hasil_e [A-Z | a-z |0-9]

aktif enum('Y','N')

3.3 Perancangan Basis Data

Perancangan data atau lebih dikenal dengan perancangan basis data yaitu menciptakan atau merancang data yang terhubung dan disimpan secara bersama-sama. Untuk menggambarkannya digunakanlah skema relasi dan perancangan struktur tabel. Dari dua hasil tersebut, implementasi basis data akan bisa dikerjakan.

3.3.1 Perancangan Struktur Tabel

Tabel-tabel yang terdapat dalam basis data yang digunakan dalam pembangunan website Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri adalah sebagai berikut :

Tabel 3.6 Tabel Admin

Nama Field Tipe Data Ukuran Atribut

username Varchar 15 Primary key

userpass Varchar 50

Nama Varchar 50

Tabel 3.7 Tabel Staff

Nama Field Tipe Data Ukuran Atribut

Nip Varchar 50 Primary key

nama Varchar 50

52

Tabel 3.8 Tabel Jadwal Diklat

Nama Field Tipe Data Ukuran Atribut

No Integer 10 Primary key

(auto increment)

Nama Varchar 100

Pola Varchar 100

Sasaran Varchar 100

Tanggal Varchar 50

Tabel 3.9 Tabel Program Diklat

Nama Field Tipe Data Ukuran Atribut

No Integer 10 Primary key

(auto increment)

Nama Varchar 100

Kompetensi Text

Level Varchar 100

Strategi Text

Tabel 3.10 Tabel Katalog Diklat

Nama Field Tipe Data Ukuran Atribut

id Integer 11 Primary key

(auto increment)

Nama Varchar 50

Type Varchar 50

53

Tabel 3.11 Tabel Buku Tamu

Nama Field Tipe Data Ukuran Atribut

Id Integer 11 Primary key

(auto increment)

Nama Varchar 30

Email Varchar 70

Situs Varchar 50

Pesan Text

Waktu Datetime

Tabel 3.12 Tabel Polling

Nama Field Tipe Data Ukuran Atribut

Id_polling Integer 5 Primary key

(auto increment)

Pertanyaan Varchar 100

Jawab_a Varchar 50

Jawab_b Varchar 50

Jawab_c Varchar 50

Jawab_d Varchar 50

Jawab_e Varchar 50

Hasil_a Integer 5

Hasil_b Integer 5

Hasil_c Integer 5

Hasil_d Integer 5

Hasil_e Integer 5

54

3.4 Perancangan Arsitektur

Setelah melakukan perancangan data pada sistem yang dibangun, maka dilakukanlah perancangan arsitektur. Perancangan arsitektur yang telah dibuat meliputi beberapa perancangan diantaranya perancangan struktur menu, spesifikasi antarmuka, perancangan keluaran dan jaringan semantik.

3.4.1 Perancangan Struktur Menu

Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat dua pengguna website ini yaitu admin dan pengunjung. Adapun Struktur menunya adalah sebagai berikut:

1. Perancangan Struktur Menu Pengunjung

Gambar 3.14 Struktur Menu Pengunjung

Menu Utama

Home Profil Diklat Buku Tamu Vote

Profil Visi dan Misi Kerjasama

Jadwal Diklat Katalog Diklat

Organisasi

55

2. Perancangan Struktur Menu Admin

Gambar 3.15 Struktur Menu Pengunjung

Menu Utama

Home Pengolahan

Data Buku Tamu Pengolahan

Data Jadwal Diklat

Pengolahan Data Program

Diklat Pengolahan

Data Staff

Login

Pengolahan Data Katalog

56

3.4.2 Perancangan Antarmuka

Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user. Spesifikasi antarmuka terdiri dari Perancangan tampilan menu, tampilan form, tampilan pesan, keluaran dan jaringan semantik.

3.4.2.1 Perancangan Antarmuka Pengunjung

1. Perancangan Antarmuka Home

Berikut dapat dilihat perancangan antarmuka menu utama (Home) dari pembangunan website Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri pada Gambar 3.16 dibawah ini:

Gambar 3.16 Perancangan Antarmuka Home

Menu

Anda Pengunjung Ke-

Kalender

Klik Home menuju

T01

Klik Profil menuju T02

Klik Diklat menuju

T03

Klik Buku Tamu

menuju T04

Klik Vote menuju T05

Klik Profil menuju T06

Klik Visi dan Misi

menuju T07

Klik Kerjasama

menuju T08

Klik Organisasi

menuju T09

Klik Struktur

Organisasi menuju T10

Klik Staff menuju T11

Klik Jadwal Diklat

menuju T12

Klik Katalog Diklat

menuju T13

Header

+Home

+ Profil

+ Diklat

+ Buku Tamu

+ Vote

Angka

Kalender

Selamat Datang

Isi

Footer

Nama layar : T01

Ukuran layar : 1150x900

Font : Times New Roman

Warna Backgoround : Putih T01

Menu

Anda Pengunjung Ke-

57 2. Perancangan Antarmuka Profil

Berikut dapat dilihat perancangan antarmuka Profil dari pembangunan website Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri pada Gambar 3.17 dibawah ini:

Gambar 3.17 Perancangan Antarmuka Profil

Klik Home menuju

T01

Klik Profil menuju T02

Klik Diklat menuju

T03

Klik Buku Tamu

menuju T04

Klik Vote menuju T05

Klik Profil menuju T06

Klik Visi dan Misi

menuju T07

Klik Kerjasama

menuju T08

Klik Organisasi

menuju T09

Klik Struktur

Organisasi menuju T10

Klik Staff menuju T11

Klik Jadwal Diklat

menuju T12

Klik Katalog Diklat

menuju T13

Header

+Home

-Profil Profil

Visi dan Misi Kerjasama +Organisasi

+ Diklat

+ Buku Tamu

+ Vote

Angka

Kalender

Profil

Isi

Footer

Nama layar : T02

Ukuran layar : 1150x900

Font : Times New Roman

Warna Backgoround : Putih T02

Menu

Kalender Anda Pengunjung Ke-

58 3. Perancangan Antarmuka Diklat

Berikut dapat dilihat perancangan antarmuka Diklat dari pembangunan website Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri pada Gambar 3.18 dibawah ini:

Gambar 3.18 Perancangan Antarmuka Diklat

Klik Home menuju

T01

Klik Profil menuju T02

Klik Diklat menuju

T03

Klik Buku Tamu

menuju T04

Klik Vote menuju T05

Klik Profil menuju T06

Klik Visi dan Misi

menuju T07

Klik Kerjasama

menuju T08

Klik Organisasi

menuju T09

Klik Struktur

Organisasi menuju T10

Klik Staff menuju T11

Klik Jadwal Diklat

menuju T12

Klik Katalog Diklat

menuju T13

Header

+Home

+Profil

- Diklat

Jadwal Diklat

Katalog Diklat + Buku Tamu

+ Vote

Angka

Kalender

Diklat

Isi

Footer

Nama layar : T03

Ukuran layar : 1150x900

Font : Times New Roman

Warna Backgoround : Putih T03

Menu

Kalender Anda Pengunjung Ke-

59 4. Perancangan Antarmuka Buku Tamu

Berikut dapat dilihat perancangan antarmuka Buku Tamu dari pembangunan website Departemen Teknik Elekto dan Teknik Informatika di Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (PPPPTK) Bidang Mesin dan Teknik Industri pada Gambar 3.19 dibawah ini:

Gambar 3.19 Perancangan Antarmuka Buku Tamu

Klik Home menuju

T01

Klik Profil menuju T02

Klik Diklat menuju

T03

Klik Buku Tamu

menuju T04

Klik Vote menuju T05

Klik Profil menuju T06

Klik Visi dan Misi

menuju T07

Klik Kerjasama

menuju T08

Klik Organisasi

menuju T09

Klik Struktur

Organisasi menuju T10

Klik Staff menuju T11

Klik Jadwal Diklat

menuju T12

Klik Katalog Diklat

menuju T13

Header

+Home

+Profil

+ Diklat + Buku Tamu

+ Vote

Angka

Kalender

Buku Tamu Nama Email Situs Pesan

Lihat buku tamu

Footer

Nama layar : T04

Ukuran layar : 1150x900

Font : Times New Roman

Warna Backgoround : Putih T04

Menu

Kalender Anda Pengunjung Ke-

Daftar Riwayat Hidup

Data Pribadi

Nama : Chandra Wibowo Tempat, tanggal lahir : Cimahi, 18 Juni 1990 Jenis Kelamin : Laki-Laki

Status : Belum Menikah

Alamat : Jl.Cihanjuang No.185 Kec. Cimahi Utara 40513 Tlp Genggam (HP) : 08997106564

Pendidikan Formal

1996 – 2002 : SD Negeri Cibabat 5 2002 – 2005 : SLTP Pasundan 3 Cimahi

2005 – 2008 : SMK Teknologi Industri Pembangunan Cimahi 2008 – 2012 : UNIKOM

Keahlian Yang di Miliki

1. Mampu bekerja dengan tim.

2. Membuat website HTML, CSS, PHP.

Demikian Riwayat Hidup ini saya buat dengan sebenar-benarnya.

Bandung, Januari 2012 Hormat Saya,

Data Pribadi

Nama : Daud Sitompul

Tempat, tanggal lahir : Tanjunguban, 23 Oktober 1990 Jenis Kelamin : Laki-laki

Status : Belum Menikah

Alamat : Dipatiukur, Jln. Kubangsari 12 No. 29A Tlp Genggam (HP) : 085668109429

Pendidikan Formal

1996 – 2002 : SD Negeri 1 Tanjunguban 2002 – 2005 : SMP Katolik Tanjungpinang 2005 – 2008 : SMA Katolik Tanjungpinang 2008 – 2012 : UNIKOM

Keahlian Yang di Miliki

1. Mampu bekerja dengan tim.

2. Membuat website HTML, CSS, PHP.

Demikian Riwayat Hidup ini saya buat dengan sebenar-benarnya.

Bandung, Januari 2012 Hormat Saya,

Data Pribadi

Nama : Dhami Harison Ukur Tempat, tanggal lahir : Buntok, 10 Februarii 1990 Jenis Kelamin : Laki-Laki

Status : Belum Menikah

Alamat : Jl.kopo permai Blok.53CD Bandung Tlp Genggam (HP) : 082116102093

Pendidikan Formal

1996 – 2002 : SD Negeri 4 Buntok 2002 – 2005 : SLTP 2 Buntok 2005 – 2008 : SMAN 2 Buntok 2008 – 2012 : UNIKOM

Keahlian Yang di Miliki

1. Mampu bekerja dengan tim.

2. Membuat website HTML, CSS, PHP.

Demikian Riwayat Hidup ini saya buat dengan sebenar-benarnya.

Bandung, Januari 2012 Hormat Saya,