• Tidak ada hasil yang ditemukan

Pembuatan Sistem Informasi Pada SMK Immanuel Medan Dengan Php Dan Mysql

N/A
N/A
Protected

Academic year: 2016

Membagikan "Pembuatan Sistem Informasi Pada SMK Immanuel Medan Dengan Php Dan Mysql"

Copied!
79
0
0

Teks penuh

(1)

PEMBUATAN SISTEM INFORMASI PADA SMK IMMANUEL

MEDAN DENGAN PHP DAN MYSQL

TUGAS AKHIR

IRENE PRICELLA SITUMORANG

072406036

PROGRAM STUDI DIII ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PEMBUATAN SISTEM INFORMASI PADA SMK IMMANUEL MEDAN DENGAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madia

IRENE PRICELLA SITUMORANG 072406036

PROGRAM STUDI DIII ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : PEMBUATAN SISTEM INFORMASI PADA SMK IMMANUEL MEDAN DENGAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : IRENE PRICELLA SITUMORANG

Nomor Induk Mahasiswa : 072406036

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2010

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU Pembimbing I Ketua,

Dr. Saib Suwilo, M.Sc

(4)

PERNYATAAN

PEMBUATAN SISTEM INFORMASI PADA SMK IMMANUEL MEDAN DENGAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengaku bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2010

(5)

PENGHARGAAN

Puji syukur ke hadirat Tuhan Yang Maha Esa atas hikmat dan berkat-Nya yang berlimpah, sehingga penulis dapat menyelesaikan Tugas Akhir (TA) ini dengan judul “Pembuatan

Sistem Informasi Pada SMK Immanuel Medan Dengan PHP dan MYSQL”. Penyusunan

dan penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan Ilmu Komputer Program Studi DIII di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara (FMIPA-USU).

Dalam penulisan Tugas Akhir ini, penulis banyak mendapat masukan dan bimbingan serta dorongan dari berbagai pihak. Dalam kesempatan ini penulis mengucapkan terima kasih yang sebesar-besarnya kepada:

1. Bapak Drs. James P. Marbun, M. Kom selaku Dosen Pembimbing yang telah banyak memberikan dan membimbing penulis menyelesaikan Tugas Akhir ini.

2. Bapak Drs. Hormat Parningotan selaku Kepala Sekolah SMK Immanuel Medan. 3. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Pelaksana Program Studi D-3 Ilmu

Komputer FMIPA USU.

4. Bapak Prof. Dr. Eddy Marlianto, M. Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

(6)

6. Semua pihak yang tidak dapat penulis sebutkan satu per satu yang memberikan bantuan, baik saran maupun kritik sehingga Tugas Akhir ini dapat terselesaikan dengan baik.

7. Orang tua tercinta yang telah memberikan dukungan baik secara moril maupun materil sehingga penulis dapat menyelesaikan Tugas Akhir ini.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih jauh dari sempurna, untuk itulah penulis mengharapkan kritik dan saran dari semua pihak yang sifatnya membangun.

(7)

ABSTRAK

Website adalah salah satu sistem informasi yang dapat dengan mudah diakses melalui jaringan internet. Dalam perancangan suatu sistem informasi diperlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan yang sesuai dengan keinginan pengguna. Pembuatan website ini bertujuan untuk memudahkan siswa-siswi, guru, pegawai, serta masyarakat untuk mendapatkan informasi mengenai SMK Immanuel Medan. Website ini dikembangkan menggunakan bahasa pemrograman PHP dan MySQL sebagai databasenya. Untuk itu penulis akan membahas “Pembuatan Sistem

Informasi Pada SMK Immanuel Medan dengan PHP dan MySQL”. Sistem ini meliputi

(8)

DAFTAR ISI

1.2 Identifikasi Masalah 2

1.3 Tujuan Masalah 3

1.4 Batasan Masalah 3

1.5 Metodelogi Penelitian 4

1.6 Tinjauan Pustaka 5

1.6.1 Web Server Aphace 5

1.6.2 PHP 5

1.6.3 MySQL 6

1.6.4 Macromedia Dreamweaver 7

1.7 Sistematika Penulisan 7

Bab 2 Landasan Teori 9

2.1 Pengertian Komputer 9

2.2 Sistem dan Sistem Komput er 10

2.2.1 Sistem 10

2.2.2 Sistem Komputer 10

2.3 Pengertian Informasi dan Sistem Informasi 11

2.3.1 Pengertian Informasi 11

2.3.2 Pengertian Sistem Informasi 11

2.4 Data dan Database Management 11

2.4.1 Data 11

2.4.2 Database Management Sistem (DBMS) 12 2.5 Syarat-Syarat Merancang Sistem Informasi Berbasis Web 12

2.6 Internet 14

2.7 Web Server 14

2.8 HyperText Markup Language (HTML) 14

2.8.1 Pendahuluan HTML 14

(9)

2.9.3 Penggabungan Script PHP dan HTML 17

2.10 MySQL 19

2.10.1 Pemakaian Dasar MySQL 20

2.11 Data Flow Diagram (DFD) 21

2.12 Diagram Alir (Flowchart) 23

2.13 Cascading Style Sheet (CSS) 24

2.14 Macromedia Dreamweaver 8 25

Bab 3 Gambaran Sekilas SMK Immanuel Medan 26

3.1 Profil Sekolah 26

3.2 Struktur Orgganisasi 27

3.3 Uraian Jurusan dan Bidang Keahlian 28 3.3.1 Penerbangan (Airframe & Powerplant) 28

4.1 Perancangan Struktur Website 39

4.2 Jenis File yang digunakan 40

4.2.1 File Gambar Utama 40

4.2.2 File Halaman Website 40

4.3 Perancangan Database 42

4.3.1 Tabel Guru 42

5.1 Pengertian Implementasi Sistem 48

5.2 Tujuan Implementasi Sistem 48

5.3 Penerapan Sistem 49

5.4 Pemeliharaan Sistem 51

Bab 6 Kesimpulan dan Saran 52

6.1 Kesimpulan 52

6.2 Saran 53

Daftar Pustaka 54

(10)

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol Data Flow Diagram 22

Tabel 2.2a Simbol-Simbol Flowchart 23

Tabel 2.2b Simbol-Simbol Flowchart (lanjutan) 24

Tabel 4.1 Tabel Guru 42

Tabel 4.2 Tabel Siswa 43

Tabel 4.3 Tabel Buku Tamu 44

(11)

DAFTAR GAMBAR

Halaman

Gambar 3.1 Struktur Organisasi SMK Immanuel Medan 27

Gambar 4.1 Rancangan Halaman Web 39

Gambar 4.2 Flowchart Login Admin 45

Gambar 4.3 Flowchart Registrasi Guru 46

(12)

ABSTRAK

Website adalah salah satu sistem informasi yang dapat dengan mudah diakses melalui jaringan internet. Dalam perancangan suatu sistem informasi diperlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan yang sesuai dengan keinginan pengguna. Pembuatan website ini bertujuan untuk memudahkan siswa-siswi, guru, pegawai, serta masyarakat untuk mendapatkan informasi mengenai SMK Immanuel Medan. Website ini dikembangkan menggunakan bahasa pemrograman PHP dan MySQL sebagai databasenya. Untuk itu penulis akan membahas “Pembuatan Sistem

Informasi Pada SMK Immanuel Medan dengan PHP dan MySQL”. Sistem ini meliputi

(13)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Saat ini pembelajaran tentang ilmu pengetahuan dan teknologi semakin berkembang, khususnya dalam pemanfaatan Teknologi Informasi dan Komunikasi (TIK). TIK terus mengalami perkembangan seiring dengan perubahan zaman serta peningkatan ilmu pengetahuan dan pola pikir manusia. Salah satu bidang yang turut serta menikmati hasil perkembangan TIK ini adalah bidang pendidikan. TIK dalam hal ini berperan penting dalam meningkatan kualitas sumber daya manusia dan mutu dunia pendidikan, contohnya internet. Internet merupakan bagian dari TIK yang sudah lama dikenal dan berkembang, namun

dirasakan masih belum maksimal dalam pemanfaatannya (Laudon and Laudon, 2007).

Internet menjadi media elektronik untuk pertukaran ataupun pencarian informasi

(14)

tempat manapun selama terhubung ke dalam jaringan internet. Sehingga jelas bahwa saat ini website di dalam jaringan internet sudah umum digunakan tanpa adanya batasan pengguna,

waktu dan tempat

Pesatnya perkembangan teknologi informasi saat ini membuat peran sebuah website menjadi penting keberadaannya. Namun pada kenyataanya masih banyak sekolah yang belum memilki website resmi untuk menginformasikan keberadaan dan perkembangan sekolahnya. Hal ini dapat dikarenakan terhalang oleh jarak yang jauh dan kurangnya informasi mengenai kegunaan dan manfaat website sekolah, serta kendala sumber daya yang mampu untuk mengerti, membuat dan mengelola sistem informasi web tersebut di dalam internet. Untuk mengatasi masalah tersebut, maka penulis mencoba membuat website resmi

untuk sekolah khususnya Sekolah Menengah Atas (SMA) dan juga membuat Penulisan Ilmiah dengan judul “Pembuatan Sistem Informasi pada SMK Immanuel Medan dengan PHP dan MySQL”. Tujuannya untuk mengurangi masalah yang terjadi dan mengimbangi pesatnya perkembangan dan pemanfaatan TIK.

1.2Identifikasi Masalah

Berdasarkan latar belakang di atas ada beberapa masalah yang melatarbelakangi pembuatan aplikasi ini, diantaranya:

1. Pengelolaan data nilai, data jadwal, dan data absensi masih menggunakan sistem manual.

(15)

3. Laporan data hasil penilaian, absensi siswa, dan jadwal mata pelajaran yang masih manual.

1.3Tujuan Masalah

Ada beberapa tujuan yang ingin dicapai setelah dibuatnya aplikasi ini yaitu: 1. Pengelolaan data nilai, data jadwal, dan data absensi menjadi sistematis. 2. Memberikan pengolahan data akademik secara cepat, akurat, dan terpercaya.

3. Memberikan hasil laporan data hasil penilaian, absensi siswa, dan jadwal mata pelajaran menjadi lebih cepat dalam penyampaian laporan kepada pihak Kepala Sekolah.

1.4Batasan Masalah

Untuk mewujudkan tujuan dari penelitian ini, penulis membatasi permasalahan yang akan dibahas yaitu sebagai berikut:

1. Aplikasi Sistem Akademik ini merupakan aplikasi yang cukup sederhana, sehingga tidak terlalu banyak fitur di dalamnya.

2. Aplikasi ini hanya mengatur data siswa, data guru, dan buku tamu.

(16)

1.5Metodologi Penelitian

Metode penelitian yang digunakan adalah: 1. Studi Literatur dan Pemahaman Sistem

Studi literature dan pemahaman sistem meliputi pengumpulan data dari buku, artikel, dan karya ilmiah maupun situs internet mengenai perancangan website.

2. Melakukan Analisis

Analisis yang dilakukan meliputi analisis kebutuhan sistem, perancangan sistem, pengkodean, implementasi, dan pengujian terhadap sistem yang dibangun menggunakan bahasa pemrograman PHP dan database MySQL.

3. Pengujian dan Analisis Hasil

Pengujian dan analisis hasil adalah tahap untuk menguji program yang telah dibuat untuk mencari kekurangan yang mungkin terdapat dalam program untuk pengembangan lebih lanjut.

4. Pembuatan Laporan

Pembuatan laporan yang dimaksud adalah penyusunan laporan hasil Tugas Akhir dengan disertai kesimpulan akhir.

1.6Tinjauan Pustaka

(17)

dinamis dalam hal ini adalah sifat informasi website yang selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Teknologi informasi adalah satu dari banyak alat yang digunakan manajer untuk menghadapi perubahan (Laudon and Laudon, 2007).

1.6.1 Web Server Apache

Web server adalah server yang melayani permintaan klien terhadap halaman web. Apache,

IIS (Internet Information Server), dan Xitami merupakan contoh perangkat lunak web server (Kadir, 2003).

Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows, dan Novell Netware platform lainnya) yang berguna untuk melayani dan memfungsikan situs web.

1.6.2 PHP

PHP adalah singkatan dari Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML (Kasiman

(18)

Dengan menggunakan PHP suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP (Betha Sidik, 2001). Keuntungan lain menggunakan PHP adalah kode yang menyusun program tidak perlu diedarkan ke pemakai sehingga kerahasiaan kode dapat dilindungi (Abdul Kadir, 2003), serta banyak kelebihan PHP lainnya yang menjadikan PHP diminati oleh para programmer saat ini.

1.6.3 MySQL

MySQL adalah jenis database yang sangat populer dan digunakan pada banyak website di internet sebagai bank data (Madcoms). MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembangan software dan konsultan database bernama MySQL bernama MySQL AB yang bertempat di Swedia. Pengambilan nama MySQL sampai saat ini masih belum jelas asal-usulnya. Ada yang berpendapat nama My diambil dari huruf depan dan belakang Monty, tetapi ada juga yang berpendapat nama itu diambil dari putri Monty yang kebetulan juga bernama My (Didik Dwi Prasetyo, 2002).

MySQL merupakan salah satu Relational Database Management System (RDBMS) yang mendukung database yang terdiri dari sekumpulan relasi atau tabel. MySQL sangat cocok untuk bekerja bersama-sama dengan PHP (Kasiman Paranginangin, 2006).

(19)

Dreamweaver merupakan salah satu software dari kelompok Macromedia yang banyak digunakan untuk mendesain situs web. Adapun Macromedia dreamweaver itu sendiri adalah sebuah HTML editor professional yang berfungsi untuk mendesain secara visual dan mengelola situs web maupun halaman halaman web (Mei Lenawati, 2007). Dreamweaver menyediakan suatu persandian penuh Code Editing Tool (seperti code coloring, tag completion, acoding toolbar, dan code collapse) dan Language Reference (seperti

Cascading Style Sheet (CSS), JavaScript, ColdFusion Markup Language (CFML) dan

bahasa yang lain.

1.7 Sistematika Penulisan

Untuk mempermudah penulisan Tugas Akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari:

BAB 1 : PENDAHULUAN

Pada bab ini penulis menjelaskan tentang latar belakang masalah, identifikasi masalah, tujuan masalah, batasan masalah, metodologi penelitian, tinjauan pustaka, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Pada bab ini penulis menjelaskan tentang teori-teori yang mendukung perancangan aplikasi ini.

BAB 3 : GAMBARAN SEKILAS SMK IMMANUEL MEDAN

(20)

BAB 4 : PERANCANGAN SISTEM

Dalam bab ini akan dijelaskan tentang penentuan bentuk dari kebutuhan aplikasi pada saat membangun maupun pada saat implementasi.

BAB 5 : IMPLEMENTASI SISTEM

Dalam bab ini penulis menjelaskan dan menguraikan tentang definisi, tujuan, dan langkah-langkah dalam implementasi sistem yang disertai komponen-komponen kebutuhan sistem.

BAB 6 : KESIMPULAN DAN SARAN

(21)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Istilah Komputer (Computer) diambil dari bahasa Latin Computare yang berarti menghitung (Compute).

Menurut Donald H, Sanders dalam bukunya Computer Today bahwa:

Komputer adalah suatu alat elektronik yang memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya, dan menghasilkan output di bawah pengawasan suatu langkah-langkah instruksi program yang tersimpan di memori (stored program).

Menurut V.C. Hamaacher. A.G. Vranesic. S.G. Zaky dalam bukunya Computer Organization bahwa:

(22)

2.2. Sistem dan Sistem Komputer

2.2.1 Sistem

Suatu sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur, komponen atau variabel yang terorganisir, saling berinteraksi, saling tergantung satu sama lain dan terpadu.

2.2.2 Sistem Komputer

Supaya komputer dapat digunakan mengolah data, haruslah berbentuk sistem komputer (Computer system).

Tujuan pokok dari sistem komputer adalah mengolah data untuk menghasilkan informasi. Agar tujuan pokok tersebut terlaksana, haruslah ada elemen-elemen yang mendukungnya. Elemen-elemen dari sistem komputer adalah Hardware, Software dan Brainware.

(23)

2.3 Pengertian Informasi dan Sistem Informasi

2.3.1 Pengertian Informasi

Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian (even) yang nyata (fakta) yang digunakan untuk pengambilan keputusan.

2.3.2 Pengertian Sistem Informasi

Sistem informasi juga merupakan sistem yang berisi jaringan SPD (Sistem Pengolahan Data) yang dilengkapi dengan kanal-kanal komunikasi yang digunakan dalam sistem organisasi data. Elemen proses dari sistem informasi adalah: mengumpulkan data, mengolah data, dan menyebar informasi. Di dalam sistem informasi, manusia berinteraksi dengan manusia, manusia dengan komputer, dan komputer dengan komputer. Dalam sistem informasi data, informasi, atau pengetahuan mengalir dibawa oleh dokumen atau media komunikasi elektronik, seperti telepon atau jaringan komputer.

2.4 Data dan Database Management

2.4.1 Data

(24)

2.4.2 Database Management System (DBMS)

Basis data (database) merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan informasi bagi para pemakai. Penerapan database dalam sistem informasi disebut dengan database system. Sistem basis data (database system) adalah suatu sistem informasi yang mengintegrasikan kumpulan dari daya yang saling berhubungan satu dengan yang lainnya dan membuatnya tersedia untuk beberapa aplikasi yang bermacam-macam di dalam suatu organisasi. Pendekatan database berbeda dengan pendekatan tradisional.

Adapun tujuan dari pengolahan data yang dilakukan adalah untuk menghasilkan suatu keluaran yang nantinya dipergunakan, yaitu sebagai dasar untuk pengambilan keputusan informasi.

2.5 Syarat-Syarat Merancang Sistem Informasi Berbasis Web

Adapun syarat-syarat agar terbentuknya sebuah website adalah: 1. Tersedianya Web Server

(25)

selain operating system, harus disediakan juga software untuk web server itu sendiri. Untuk saat ini web server yang menjadi favorit adalah Aphace.

2. Tersedianya Software Pemrograman Web Berbasis Server

Jika ingin membuat web, berarti harus tersedia sebuah bahasa pemrograman web selain HTML, baik itu client side maupun server side. Untuk yang client side, memiliki

kekurangan yaitu instruksi program bisaa terlihat oleh pengguna internet. Sedangkan server side lebih aman karrena instruksi programnya tidak terlihat oleh user, yang terlihat

adalah seperti HTML biasa. Contoh bahasa pemrograman web yang favorit adalah PHP. 3. Tersedianya Database

Database merupakan software yang digunakan untuk menyimpan dan memanajemen data. Jika memiliki data yang sedikit, mungkin masih bisa memakai file biasa sebagai media penyimpanannya. Tapi jika datanya sudah sangat banyak, tanpa database akan sangat rumit. Database dapat menyimpan berjuta-juta data dan dapat diakses dengan sangat cepat. Contoh database yang bisa dipakai untuk membuat web adalah Oracle, MySQL, dan masih banyak lagi yang lain. Database yang akan digunakan penulis adalah

MySQL.

2.6 Internet

Internet adalah metode untuk menghubungkan berbagai komputer ke dalam satu jaringan

(26)

2.7 Web Server

Web server adalah perangkat lunak server yang berfungsi menerima permintaan HTTP atau

HTTS dari client yang dikenal dengan nama web browser dan akan mengirim kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Salah satu web server yang banyak dipakai adalah Aphace. Aphace merupakan web server antara flatform yang dapat berjalan dibeberapa platform seperti Linux dan Windows.

2.8 HyperText Markup Language (HTML)

2.8.1 Pendahuluan HTML

HTML atau singkatan dari HyperText Markup Language adalah script dimana kita bias menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri adalah suatu dokumentasi teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya dan karena bentuknya itu HTML dapat dibaca oleh berbagai platform seperti Windows, Linux, dan Macintosh.

2.8.2 Bagian-Bagian HTML

(27)

<title>…</title>

</head>

<body>

… isi dari halaman web …

</body>

</html>

Keterangan:

1. Dokumen HTML selalui diawali dengan tanda tag pembuka <html> dan diakhiri dengan tag penutup </html>.

2. Pada elemen <head>, dapat disisipkan kode-kode untuk menuliskan keterangan dokumen HTML atau disisipkan script-script pemrograman web seperti JavaScript, VBScript, dan CSS untuik menambah daya tarik pada situs yang kita buat.

3. Elemen <body>…</body> berisi tag-tag unutk isi atau layout tampilan pada situs, seperti: <font>…</font>, <table>…</table>, <form>…</form>.

Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag sebagai berikut:

<tag-awal>TEKS</tag-akhir>

Namun ada juga tag yang tidak perlu ada tag penutupnya seperti <br>, <hr>, <img>, dan lain sebagainya.

2.9 Pengenalan Personal Home Page (PHP)

(28)

PHP adalah script yang berjalan pada server side yang ditambahkan pada HTML. Script ini akan membuat suatu aplikasi yang dapat diintegrasikan kedalam HTML sehingga suatu halaman HTML tidak lagi bersifat statis, namun menjadi bersifat dinamis. Sifat server side membuat pengerjaan script tersebut dikerjakan di server sedangkan yang dikirimkan kepada browser adalah hasil proses dari script tersebut yang sudah berbentuk HTML.

PHP dibuat pada tahun 1994 oleh Rasmus Lerdof. Tetapi dikembangkan oleh orang lain dan setelah memulai tiga kali karya penulisan, akhirnya PHP menjadi bahasa pemrograman web. PHP adalah sebuah produk yang berbentuk open source, sehingga source code-code dari PHP dapat digunakan, diganti, diedit tanpa harus dikenakan biaya.

2.9.2 Kelebihan dan Kelemahan PHP

Kelebihan PHP sebagai bahasa server side adalah:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

2. Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan Aphace, dengan konfigurasi yang relative mudah.

3. Dapat digunakan diberbagai mesin (Linux, Unix, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.

Adapun kelemahan PHP adalah:

(29)

2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walaupun pengguna template dapat memperbaikinya).

3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemrograman dan kurang memperhatikan isu dan konfigurasi PHP.

2.9.3 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML yaitu:

1. Embedded Script

Embedded script adalah cara penulisan tag PHP disela-sela tag HTML. Dengan cara ini,

penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server.

Contoh penulisan Embedded script dapat dilihat di bawah ini:

<html> <head>

<title>Testing</title> </head>

<body>

(30)

</html>

2. Non Embedden Script

Non Embedded Script adalah cara penulisan tag PHP dibagian paling awal dan paling

akhir dokumen. Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan script HTML sebagai bagian dari script PHP. Contoh penulisan Non Embedded Script dapat dilihat di bawah ini:

<?php

echo ‘<html>’;

echo ‘<head>’;

echo ‘<title>Testing</title>’;

echo ‘</head><body>’;

echo ‘Welcome’;

echo ‘</body>’;

echo ‘</html>’;

?>

2.10 MySQL

(31)

Tiap database memiliki table-tabel, tiap tabel memiliki field-field. Umumnya informasi tersimpan dalam tabel-tabel yang secara logis merupakan struktur-struktur dimensi terdiri atas baris dan kolom. Field-field tersebut dapat berupa data seperti int, real, char, date, time, dan lainnya.

Keunggulan MySQL, di antaranya:

1. Bekerja pada berbagai platform (tersedia berbagai versi untuk berbagai sistem operasi). 2. Pengaksesan database dapat dilakukan dengan mudah.

3. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi sistem database.

4. Mendukung record yang memiliki kolom dengan panjang tetap atau panjang bervariasi. 5. MySQL dan PHP saling terintegrasi, maksudnya adalah pembuatan database dengan

menggunakan sintak PHP dapat dibuat. Sedangkan input yang dimasukkan melalui aplikasi web yang menggunakan script server side seperti PHP dapat langsung dimasukkan ke database MySQL yang ada di server dan tentunya web tersebut berada di sebuah web server.

2.10.1 Pemakaian Dasar MySQL

Pemakaian dasar SQL adalah sebagai berikut:

1. Mendefinisikan Tabel

(32)

Contoh: CREATE TABLE SISWA (NAMA VACHAR(20), ALAMAT VACHAR(100), PASSWORD VACHAR(10) );

2. Menyimpan Data

INSERT INTO NAME_TABLE (DAFTAR_FIELD) VALUES (DAFTAR_NILAI); Contoh: INSERT INTO SISWA (NAMA, ALAMAT, PASSWORD) VALUES

(‘Irene’,’Jl. Sei Padang No. 1’,’1234’);

3. Mengambil Data

SELECT DAFTAR_FIELD FROM NAMA_TABLE KONDISI; Contoh: SELECT NAMA FROM SISWA;

4. Mengubah Data

UPDATE NAMA_TABLE SET DATA_FIELD_LAMA WHERE DATA_FIELD_BARU;

Contoh: UPDATE SISWA SET nama = ‘Irene’ WHERE nama = ‘Pricella’;

5. Menghapus Data

DELETE FROM NAMA_TABLE KONDISI;

Contoh: DELETE FROM SISWA WHERE NAMA=’Irene’;

2.11 Data Flow Diagram (DFD)

(33)

sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir.

Keuntungan menggunakan DFD adalah memudahkan pemakaian yang kurang menguasai bidang computer untuk mengerti sistem yang sedang dikerjakan.

Simbol-simbol yang sering digunakan adalah:

Tabel 2.1 Simbol Data Flow Diagram

NO. SIMBOL KETERANGAN

1.

External entity (kesatuan luar) adalah kesatuan

lingkungan luar sistem yang dapat berupa orang, organisasi, atau sistem lainnya yang berada pada lingkungan luarnya yang akan memberikan input ataupun menerima output dari sistem.

2.

Attribute (proses) adalah kegiatan atau kerja

yang dilakukan oleh orang, mesin, atau computer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses.

3.

(34)

4.

Data Flow (arus data) adalah arus dari data

yang dapat berupa masukan (input) unutk sistem atau hasil (output) dari proses sistem.

2.12 Diagram Alir (Flowchart)

Flowchart adalah gambar yang menampilkan struktur dan isi halaman per halaman. Bagan

aliran (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan tiap langkah program. Simbol-simbol flowchart dapat dilihat pada Tabel 2.2 berikut ini.

Tabel 2.2a Simbol-Simbol Flowchart

SIMBOL NAMA KEGUNAAN

Input/ Output symbol Simbol input/ output digunakan mewakili data input/ output.

(35)

Flow Lines symbol Simbol garis arah digunakan untuk menunjukkan arus dari proses.

Connector symbol Simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus dihalaman yang masih sama atau dihalaman lainnya.

Tabel 2.2b Simbol-Simbol Flowchart (lanjutan)

Decition symbol Simbol keputusan digunakan untuk suatu penyeleksian kondisi di dalam program.

Predifined process

symbol

Simbol proses terdefinisi digunakan untuk menunjukkan suatu operasi yang rincinya ditunjukkan tempat/ halaman lainnya.

Magnetik disk symbol Simbol yang menunjukkan penyimpanan data ke dalam database.

Terminal point symbol Simbol titik terminal digunakan

(36)

2.13 Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) adalah sebagai pelengkap pada HTML. CSS digunakan untuk

menetapkan aturan tampilan/ style yang akan digunakan pada sebuah website. CSS dapat mengubah besar kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula mengubah warna border pada tabel, serta masih banyak lagi hal yang dapat dilakukan oleh CSS. Singkatnya, CSS digunakan untuk mengatur susunan tampilan pada halaman HTML.

2.14 Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah editor HTML professional untuk mendesain

secara visual dan mengelola situs web maupun halaman web. Saat ini Dreamweaver merupakan software utama yang digunakan oleh web desainer maupun web programmer dalam membangun suatu situs web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja ditentukan berdasarkan kebutuhan maupun kebiasaan pemakainya. Ruang kerja, fasilitas, dan kemampuan Dremweaver mampu meningkatkan produktivitas dan efektifitas dalam desain maupun dalam membangun sebuah situs web.

Macromedia Dreamweaver 8 telah mengalami banyak perbaikan dan peningkatan

(37)
(38)

BAB 3

GAMBARAN SEKILAS SMK IMMANUEL MEDAN

3.1 Profil Sekolah

Adapun profil dari sekolah adalah sebagai berikut:

NAMA SEKOLAH : SMK Immanuel Medan NSS/ TANGGAL : 324076004029

NDS/ TANGGAL : G 1705431002 Juni 1988

ALAMAT : Jln. Jenderal Gatot Subroto No. 325 Medan 20119 TELEPON : 061-4569548 Fax. 061-4154154

TAHUN BERDIRI : 1988

NAMA KEPALA SEKOLAH : Drs. Hormat Parningotan, M. Si NAMA KETUA KOMITE : Datmin Ginting, ST

KELOMPOK KEAHLIAN : Teknologi dan Industri PROGRAM KEAHLIAN : Teknik Mekanik Otomotif

: Teknik Pemesinan : Teknik Audio Video

(39)

3.2 Struktur Organisasi

Struktur organisasi SMK Immanuel Medan adalah sebagai berikut:

Gambar 3.1 Struktur Organisasi SMK Immanuel Medan Ketua Yayasan

Kepala Sekolah

PKS II PKS I PKS III

KAJUR

BP/ BK

Kepala Bengkel Toolman

Wali Kelas

(40)

3.3 Uraian Jurusan atau Bidang Keahlian

Jurusan-jurusan yang ada di SMK Immanuel Medan adalah sebagai berikut:

3.3.1 Penerbangan (Airframe & Powerplant)

Jurusan Penerbangan (Airframe & Powerplant) di Kelas I akan mempelajari:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga, dan Kesehatan 5. Seni Budaya

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

(41)

Mata Diklat Produktif: 1. Aircraft Drawing 2. Work Safety

3. Electrical Fundamental 4. Instrumen System 5. Material and Hardware 6. Aircraft Tools

7. Aerodynamic and Flight Control 8. Aicraft Structure

9. Aircraft System 10. Piston Engine 11. Gas Turbine Engine 12. Propeller

13. Aviation Legislation

Pada tingkatan berikutnya, di Kelas II, jurusan Penerbangan (Airframe & Powerplant) akan mempelajari:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewaraganegaraan 3. Bahasa Indonesia

(42)

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetaahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

Mata Diklat Produktif: 1. Aircraft Drawing 2. Instrumen System 3. Material and Hardware 4. Aircraft Tools

5. Aerodynamic and Flight Control 6. Aircraft Structure

7. Aircraft System 8. Piston Engine 9. Gas Turbine Engine 10. Propeller

(43)

Dan di Kelas III, jurusan Penerbangan (Airframe & Powerplant) akan mempelajar:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga dan Kesehatan

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

Mata Diklat Produktif:

1. Aerodynamic and Flight Control 2. Aircraft Structure

(44)

3.3.2 Audio Vidio (TAV)

Jurusan Audio Video (TAV) di Kelas I akan mempelajari:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga dan Kesehatan 5. Seni Budaya

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

Mata Diklat Produktif:

(45)

Pada tingkatan berikutnya, di Kelas II, jurusan Audio Video (TAV) akan mempelajari:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga dan Kesehatan

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

Mata Diklat Produktif:

1. Trouble Shooting Elektronika 2. Power Suplay & Amplifier 3. Radio & Tape Recorder 4. CD/ VCD/ DVD

(46)

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga dan Kesehatan

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

Mata Diklat Produktif:

1. Power Suplay & Amplifier 2. CD/ VCD/ DVD

(47)

3.3.3 Mekanik Otomotif (Terpadu)

Jurusan Mekanik Otomotif (Terpadu) di Kelas I akan mempelajari:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga dan Kesehatan 5. Seni Budaya

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

Mata Diklat Produktif: 1. Gambar Teknik

2. M. Pengelasan dan Pemantrian 3. DKK

(48)

5. Engine Otomotif 6. Kelistrikan Otomotif 7. Teknik Sepeda Motor

Pada tingkatan berikutnya, di Kelas II, jurusan Mekanik Otomotif (Terpadu) akan mempelajari:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga dan Kesehatan

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

(49)

3. Kelistrikan Otomotif 4. Teknik Sepeda Motor

Dan di Kelas III, jurusan Mekanik Otomotif (Terpadu) akan mempelajar:

Mata Diklat Normatif: 1. Pendidikan Agama

2. Pendidikan Kewarganegaraan 3. Bahasa Indonesia

4. Pendidikan Jasmani, Olahraga dan Kesehatan

Mata Diklat Adaptif: 1. Bahasa Inggris 2. Matematika

3. Ilmu Pengetahuan Alam (IPA) 4. Kimia

5. Fisika

6. Ilmu Pengetahuan Sosial (IPS)

7. Keterampilan Komputer dan Pengelolaan Informasi (KKPI) 8. Kewirausahaan

(50)

3.4 Visi dan Misi Sekolah

3.4.1 Visi Sekolah

Visi SMK Immanuel Medan adalah memanusiakan manusia. Sesuai dengan visi tersebut, pihak sekolah menyadari bahwa Tuhan menciptakan manusia dalam keadaan baik. Oleh sebab itu tanpa memanusiakan manusia, maka hasil output siswa yang tamat tidak mencapai hasil yang baik untuk menciptakan lapangan pekerjaan. Dengan visi itu maka siswa/ I SMK Immanuel Medan akan memiliki sikap dan perilaku yang produktif dan kreatif, bermoral dan berakhlak baik, berbudi pekerti, disiplin, bertanggung jawab, berkarakter yangn baik dan memiliki Iman dan Taqwa kepada Tuhan Yang Maha Esa.

3.4.2 Misi Sekolah

(51)

BAB 4

PERANCANGAN SISTEM

Sebelum melakukan perancangan sistem informasi, maka harus dilakukan analisis sistem terlebih dahulu untuk memperoleh gambaran yang jelas mengenai kelebihan dan kekurangan sistem yang sedang berjalan. Sistem Informasi Berbasis Web pada SMK Swasta Immanuel Medan disajikan dalam bentuk website agar lebih memudahkan siswa atau guru dalam melihat data.

4.1 Perancangan Struktur Website

Adapun perancangan halaman-halaman dalam website ini dibagi atas tiga macam yaitu admin, member maupun pengunjung biasa. Rancangan ini dapat dilihat pada gambar di bawah ini.

Website

SMK Immanuel Medan

Gambar 4.1 Rancangan Halaman Web

(52)

4.2 Jenis File yang digunakan

Dalam perancangan website, penulis mempersiapkan file-file digunakan dalam menunjang tampilan website. Adapun jenis-jenis file tersebut :

4.2.1 File Gambar Utama

File ini merupakan file gambar yang merupakan materi penunjang dalam pembangunan website, agar website memiliki tampilan yang menarik. File-file tersebut diatur dalam file yang berekstensi .jpg, yang dihasilkan dari Photoshop CS.

4.2.2 File Halaman Website

File halaman website yang dibuat berekstensi .php. Hal ini dikarenakan seluruh file halaman website menggunakan bahasa pemrograman PHP dan berkomunikasi dengan MySQL

sebagai tempat penyimpanan data atau sebagai database-nya. penjelasan terhadap file halaman website sebagai berikut:

1. Home.php

(53)

2. Profil.php

Halaman Profil.php disusun dengan tag-tag HTML yang merupakan isi web yang statis. Dalam halaman ini ditampilkan profil dari sekolah beserta alamat lengkapnya, visi, dan misi sekolah

3. Gallery.php

Halaman Gallery.php menampilkan fasilitas-fasilitas yang dimiliki oleh SMK Immanuel Medan yang sangat berperan penting dalam mendukung setiap akademik masing-masing jurusan.

4. File.php

Halaman File.php menampilkan tentang biodata siswa dan guru SMK Immanuel Medan yang ditampilkan dalam bentuk tabel, serta buku tamu yang digunakan untuk menuliskan pendapat user.

5. Admin.php

Halaman Admin.php berisi tentang penginputan, pengeditan, dan penghapusan data siswa, guru, dan buku tamu. Halaman ini berguna untuk pengamanan data.

(54)

4.3 Perancangan Database

Database merupakan salah satu komponen yang sangat penting dalam sistem informasi. Berikut ini adalah perancangan database yang dapat penulis uraikan sesuai dengan kebutuhan yang diperlukan sebagai media input, penyimpanan data dan serta sebagai media output:

4.3.1 Tabel Guru

Tabel ini berisi tentang data guru. Tabel ini dibuat selengkap mungkin dan sesuai dengan yang dibutuhkan.

Tabel 4.1 Struktur Tabel Data Guru

Field Name Type and Width Description nip varchar (20) Nip Guru (Primary Key)

nama varchar (50) Nama Guru/Pegawai

tempat_lahir varchar (15) Tempat lahir tanggal_lahir Date Tangggal lahir status varchar (20) Jabatan Guru

(55)

4.3.2. Tabel Siswa

Tabel ini berisi tentang data-data yang sangat dibutuhkan melihat banyaknya siswa. Tabel ini dibuat selengkap mungkin sesuai dengan data yang dibutuhkan.

Tabel 4.2 Struktur Tabel Data Siswa

Field Name Type and Width Description nis varchar(10) Id siswa (Primary key)

nama varchar (50) Nama siswa

alamat varchar (50) Alamat siswa

tempat_lahir varchar (15) Tempat lahir siswa tanggal_lahir Date Tanggal lahir siswa ortu varchar(30) Nama orang tua siswa

study varchar(30) Jurusan siswa

kelamin Vachar(50) Jenis kelamin

4.3.3 Tabel Buku Tamu

(56)

Tabel 4.3 Struktur Tabel Buku Tamu

Field Name Type and Width Description

Nama varchar (50) Nama tamu

Email varchar 50) Email tamu

Pesan text Pesan tamu

4.3.4 Tabel Login Admin

Tabel admin adalah tabel yang berisi data-data tentang administrator. siapa saja yang dapat login dengan password yang dimilikinya.

Tabel 4.4 Struktur Tabel Login Admin

Field Name Type and Width Description

id int (4) id admin (Primary Key)

username varchar (60) Nama admin password varchar (60) Password admin

4.4 Flowchart Sistem

(57)

4.4.1 Flowchart Login Admin

Halaman login admin adalah halaman khusus login user admin. Setelah nama, email, dan password admin diinput dengan benar maka selanjutnya masuk ke halaman admin. Jika login gagal maka akan kembali ke halaman login admin.

X

Form Login Admin

Masukkan

Username dan Password

Username No dan

Password sudah benar ?

Yes Halaman

Admin

A

(58)

4.4.2 Flowchart Registrasi Guru

Halaman Registrasi Guru adalah halaman khusus registrasi user guru. Setelah data diinput maka data yang diisi akan masuk ke database dan dapat dilihat pada halaman admin/dataguru/editguru.php.

Y

Form Registrasi Guru

Masukkan Data Databases Guru

Form Registrasi Edit/ Hapus Data Guru Data

End

Gambar 4.3 Flowchart Registrasi Guru

4.4.3 Flowchart Registrasi Siswa

(59)

Y

Form Registrasi Siswa

Masukkan Data Databases Siswa

Form Registrasi Edit/ Hapus Data Siswa Data

End

(60)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan perancangan sebuah sistem yang ada dalam dokumen desain sistem yang disetujui serta menguji, menginstal, dan memulai menggunakan sistem baru atau sistem yang diperbaiki. Sistem yang telah selesai dirancang selanjutnya akan diteruskan kepada tahap implementasi sistem. Jadi tahap implementasi ini merupakan kelanjutan dari tahap perancangan sistem yang akan didesain dan akan memperoleh hasil yang sesuai dengan yang diinginkan.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari Implementasi Sistem adalah sebagai berikut:

1. Menyelesaikan desain sistem seperti penulisan file-file dan pengaturan layar-layar komputer.

2. Menulis, menguji, dan mendokumentasikan program-program dan prosedur-prosedur yang diperlukan.

3. Memperhitungkan bahwa sistem memenuhi permintaan pemakai (user), yaitu dengan menguji sistem dan dapat menoperasikan sistem yang baru.

(61)

5. Memastikan bahwa konversi ke sistem baru berjalan dengan benar, yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

5.3 Penerapan Sistem

Hal-hal yang perlu dilakukan dalam penerapan sistem dengan komputer adalah:

1. Pengawasan terhadap instalasi. 2. Pemeliharaan dokumen.

3. Penyusunan prosedur pelaksanaan peralatan yang digunakan.

Pada prinsipnya, setiap desain sistem yang dirancang memerlukan sarana pendukung yakni berupa peralatan-peralatan atau komponen-komponen yang sangat berperan penting dalam menunjang penerapan sistem. Beberapa komponen yang ada pada umumnya dibutuhkan oleh sistem antara lain adalah:

1. Hardware (Perangkat keras)

Hardware merupakan gabungan rangkaian berbagai peralatan fisik komputer yang

kerjanya didasarkan akan ada tidaknya arus listrik. Perangkat keras yang digunakan antara lain:

1) Monitor SVGA

2) Memori minimal 128 MB

3) Harddisk sesuai dengan kebutuhan 4) Keyboard, printer, mouse

(62)

Software merupakan susunan instruksi yang dibuat secara sistematis dalam bentuk

program agar dapat dilaksanakan oleh komputer. Software yang digunakan penulis dalam pembuatan program ini adalah:

a. Sistem operasi yang digunakan adalah Microsoft Windows XP.

b. Bahasa pemrograman yang digunakan adalah bahasa Pemrograman Personal Home Page (PHP).

c. MySQL untuk pembuatan tabel database.

3. Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer.

a. Analis Sistem, yaitu orang yang membentuk dan membangun fasilitas sistem desain.

b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun program.

Programmer terdiri dari:

1) Pemrogram aplikasi, yaitu orang yang membuat perangkat lunak aplikasi untuk memenuhi kebutuhan dari pemakai.

2) Pemrogram pemeliharaan, yaitu orang yang bertanggung jawab memelihara, memodifikasi, dan memperbaiki program.

3) Pemrogram sistem, yaitu orang yang membuat perangkat lunak sistem untuk mengontrol operasi perangkat keras komputer agar dapat menjalankan program aplikasi.

(63)

5.4 Pemeliharaan Sistem

Sebuah kegiatan pengolahan data akan terus berlangsung dengan melibatkan sejumlah fungsi, sehingga pemanfaatan sistem tersebut secara maksimal sangat diperlukan. Kegiatan pengolahan data juga akan melibatkan penyelenggaraan data yang berkualitas, baik dalam kecepatan pengolahan data, dan menampilkan laporan.

Berdasarkan pernyataan di atas, diperlukan suatu pemeliharaan sistem agar sistem tersebut dapat berjalan sebagaimana mestinya dan dapat digunakan semaksimal mungkin. Adapun tujuan dari pemeliharaan sistem adalah sebagai berikut:

1. Mencegah modifikasi sistem yang dapat menggangu sistem.

2. Membuat modifikasi sistem yang sesuai dengan kebutuhan organisasi.

3. Menyempurnakan proses penyusunan sistem dan proses pemeliharaan sistem dengan menganalisis informasi tentang modifikasi sistem.

(64)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Website yang dirancang dan direalisasikan dengan menggunakan sistem operasi Windows

XP, MySQL sebagai database manajemen sistem, PHP sebagai bahasa scripting yang menyatu dengan HTML (sintaks dan perintah yang diberikan sepenuhnya dijalankan di web server), Aphacetriad sebagai web server, Macromedia Dreamweaver sebagai tempat penulisan kode program, dan Adobe Photoshop sebagai web editornya.

Dari realisasi tersebut dapat diambil beberapa kesimpulan yaitu:

1. Personal Home Page (PHP) yang kini lebih dikenal Hyper Pre Processor dapat dijadikan salah satu pilihan untuk merancang sistem informasi yang mendukung perkembangan teknologi internet.

2. Website adalah salah satu media yang tepat, menarik, akurat, dan terpercaya dalam hal pencarian informasi dalam berbagai produk iklan.

3. Penyajian informasi yang baik dan ter-update dapat menarik pengunjung dalam pencarian data.

(65)

Saran yang ingin disampaikna penulis adalah sebagai berikut:

1. Sebelum membuat web, kumpulkan terlebih dahulu buku-buku maupun informasi-informasi yang berkaitan dengan pembuatan web agar hasil web yang tercipta menarik dan bermanfaat.

2. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah ke atas, misalnya Komputer Pentium III karena penggunaan software-software yang banyak dan besar memakan sumber daya computer seperti memori dan kapasitas hardisk.

3. Web seharusnya di-update aleh admin secara berkala guna memberikan informasi yangn teraktual dan up to date sehingga siswa, guru, serta orang tua dapat melihat atau mengakses data siswa dan sekolah.

(66)

DAFTAR PUSTAKA

Madcoms.2007. PHP & MySQL untuk Pemula. Yogyakarta, Indonesia: Penerbit Andi.

Sampurna. 1997. Belajar Sendiri Membuat Home Page dengan HTML. Jakarta, Indonesia: PT Elex Media Komputindo.

Lenawati, Mei. 2007. Macromedia Dreamweaver 8 dengan PHP. Yogyakarta: Penerbit Andi.

Kadir, Abdul. 2003. Pemrograman Web Mencakup: HTML, CSS, Javascript & PHP. Yogyakarta: Penerbit Andi.

Sidik, Beta. 2001. Pemrograman Web dengan PHP. Bandung: Informatika.

(67)

1. Tampilan Index.html

(68)

3. Tampilan Gallery.php

(69)

5. Tampilan File.php (Buku Tamu)

(70)

index.html <html><head>

<title>SMK Immanuel Medan</title>

<meta name="keywords" content="" /> <meta name="description" content="" /> <link href="styles.css" rel="stylesheet" type="text/css" /></head>

<body>

<div id="main"> <!-- header begins -->

<div id="header"> <div id="logo"> <h1>&nbsp;</h1></div>

<div id="buttons">

<ul><li class="first"><a href="index.html" title="home">Home</a></li> <li><a href="profil.php" title="profil">Profil</a></li>

<li><a href="gallery.php" title="gallery">Gallery</a></li> <li><a href="file.php" title="file">File</a></li>

<li><a href="admin/admin.php" title="">Admin</a></li> </ul> </div></div> <!-- header ends --> <!-- content begins -->

<div id="cont_top"></div> <div id="content"> <div id="left"> <h2>Welcome to Our School </h2> <div class="text">

<p><img src="images/sekolah.jpg" width="127" height="95" class="img" alt="" /> <span>Identitas Sekolah.</span> <br />

SMK Immanuel Medan adalah salah satu sekolah kejuruan swasta di Indonesia yang terletak di Jalan Gatot Subroto No. 325 kelurahan Sei Kambing-D kecamatan Medan Petisah Medan.</p>

<p>Sekolah ini didirikan pada tahun 1988.Sekolah ini bergerak di bidang teknologi dan industri. Adapun sekolah ,yang hampir keseluruhan siswanya adalah laki-laki, ini sudah mendapat akreditasi A... </p> </div> <div class="read"><a href="profil.php"><img src="images/but_read.gif" alt="" /></a></div><br />

<div> <h2>Gallery of School </h2> <div id="col_l"> <div class="text">

<img src="images/perpus.jpg" width="127" height="95" class="img" alt="" /> <span>Perpustakaan Sekolah . </span> <br />

Buku adalah gudang ilmu, sehingga alangkah anehnya jika sebuah sekolah tidak mempunyai perpustakaan. Walaupun buku-buku di perpustakaan tersebut belum sepenuhnya dilengkapi...

<br /> </div> </div>

<div id="col_r"> <div class="text">

<img src="images/plane.jpg" width="127" height="95" class="img" alt="" /> <span>Pesawat Sekolah . </span> <br />

Pesawat ini adalah bukti kerja sama antara SMK Immanuel Medan dengan PT Garuda Maintenance Facilities (PT GMF Aerosia Jakarta). Atau yang lebih sering kita dengar perusahaan penerbangan Garuda Indonesia... <div class="read">

<p><a href="gallery.php"><img src="images/but_read.gif" alt="" /></a></p> </div><br /> </div> </div> </div> </div>

<div id="right"> <h1>Calender</h1>

<table width="220" height="199" id="calendar2" summary="Calendar"> <caption>Juli 2010</caption>

<thead> <tr><th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th>

<th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th>

<th abbr="Sunday" scope="col" title="Sunday">S</th></tr></thead>

<tfoot> <tr><td abbr="Des" colspan="3" id="prev"><a href="#">&laquo;Jun</a></td> <td class="pad">&nbsp;</td>

(71)

<td align="center">1</td> <td id="now" align="center">20</td> <td align="center">21</td>

<td class="pad" colspan="1" align="center">31</td></tr></tbody> </table> </div>

<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div> </div> <!-- content ends --> <div id="cont_bot"></div> <!-- footer begins -->

<div id="footer">

Copyright 2010. Designed by <a href="http://www.metamorphozis.com/" title="Free Website Templates">Irene Pricella Situmorang </a></div>

<!-- footer ends --></div> </body></html>

profil.php <html><head>

<title>SMK Immanuel Medan</title>

<meta name="keywords" content="" /> <meta name="description" content="" /> <link href="styles.css" rel="stylesheet" type="text/css" /> </head>

<body>

<div id="main"> <!-- header begins --> <div id="header"> <div id="logo"> <h1>&nbsp;</h1> </div>

<div id="buttons">

<li class="first"><a href="index.html" title="home">Home</a></li> <li><a href="profil.php" title="profil">Profil</a></li>

<li><a href="gallery.php" title="gallery">Gallery</a></li> <li><a href="file.php" title="file">File</a></li>

<li></li> <li></li> <li></li> <li></li>

(72)

<!-- header ends --><!-- content begins --> <div id="cont_top"></div><div id="content"> <div id="left"> <h2>Profil of School </h2>

<div class="text">

<p><img src="images/sekolah.jpg" width="127" height="111" class="img" alt="" /> <span>Identitas Sekolah.</span> <br />

SMK Immanuel Medan adalah salah satu sekolah kejuruan swasta di Indonesia yang terletak di Jalan Gatot Subroto No. 325 kelurahan Sei Kambing-D kecamatan Medan Petisah Medan.</p>

<p>Sekolah ini didirikan pada tahun 1988.Sekolah ini bergerak di bidang teknologi dan industri. Adapun sekolah ,yang hampir keseluruhan siswanya adalah laki-laki, ini sudah mendapat akreditasi A.</p>

<p>&nbsp;</p>

<p>Seiring dengan berkembangnya ilmu pengetahuan dan teknologi, sekolah ini juga mengalami perkembangan yang cukup membanggakan. SMK Immanuel Medan telah melakukan terobosan pada tahun 2004 menjadi sekolah berstandar nasional, kerja sama dengan PT ISI Jakarta melalui Lembaga Pendidikan (Lemdiklat) sesuai dengan Keputusan Direktur Pendidikan&nbsp; menengah Kejuruan Direktorat Jenderal Manajemen Pendidikan Dasar dan Menengah Departemen Pendidikan Nasional dengan Nomor: 0012/C5.5/Kep/KU/2005 tanggal 24 Oktober 2005 yang ditandatangani oleh Bapak Dr. Ir. Gatot Hari Priowirjanto (Direktur Pendidikan Menengah Kejurusan) dan kerja sama dengan PT Garuda Maintenance Facilities (PT GMF Aerosia Jakarta) dengan Nomor: GMF/PERJ/TP-3209/2006 dan Nomor: 1036/I.05.1/SMK-I/pp/2006 tanggal 11 September 2006 tentang Reengineering dengan membuka Bidang Keahlian Teknologi Pesawat Udara Program Keahlian Airframe &amp; Powerplant. Kemudian kerja sama dengan dunia usaha/ industry yang ada di luar negeri yaitu PT Transerve, Pte. Ltd Singapore dengan Mou nomor 197702443 M tanggal 27 Agustus tentang Technical Training.</p>

<p>&nbsp;</p>

<p>SMK Immanuel Medan berupaya untuk meningkatkan kualitas tamatan sekolah menengah kejuruan siap menuju keberhasilan memalui kompetitif kerja yang professional baik sikap profesionalisme yang tinggi, keterampilan, pelatihan dan pengalaman selama belajar, dapat mengembangkan dirinya kelak di lapangan kerja dalam memenuhi tuntutan pembanguna dalam penyediaan sumber daya manusia yang berkualitas.</p> <p>&nbsp;</p>

<p>Untuk mempersiapkan diri secara sungguh-sungguh untuk menghadapi persaingan yang semakin ketat dan tajam, SMK Immanuel Medan melakukan pengembangan sekolah bertaraf internasional dalam rangka peningkatan Kualitas Sumber Daya Manusia yang dapat memenuhi kebutuhan pasar kerja baik lokal, nasionasl, regional, maupun internasional.</p> </div> <br />

<div> <h2>&nbsp;</h2> </div></div> <div id="right">

<h1>Calender</h1>

<table width="220" height="199" id="calendar2" summary="Calendar"> <caption>Juli 2010</caption>

<thead> <tr><th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th>

<th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th>

<th abbr="Sunday" scope="col" title="Sunday">S</th></tr></thead>

<tfoot> <tr><td abbr="Des" colspan="3" id="prev"><a href="#">&laquo;Jun</a></td> <td class="pad">&nbsp;</td>

<td abbr="Feb" colspan="3" id="next" class="pad" align="right"><a href="#">Aug&raquo;</a></td> </tr></tfoot>

(73)

<td align="center">10</td> <td id="now" align="center">20</td> <td align="center">21</td>

<td class="pad" colspan="1" align="center">31</td></tr></tbody> </table> </div>

<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div> </div> <!-- content ends --> <div id="cont_bot"></div>

<!-- footer begins --> <div id="footer">

Copyright 2010. Designed by <a href="http://www.metamorphozis.com/" title="Free Website Templates">Irene Pricella Situmorang </a></div>

<!-- footer ends --> </div></body></html>

gallery.php <html><head>

<title>SMK Immanuel Medan</title>

<meta name="keywords" content="" /> <meta name="description" content="" /> <link href="styles.css" rel="stylesheet" type="text/css" /> </head>

<body>

<div id="main"><!-- header begins -->

<div id="header"><div id="logo"> <h1>&nbsp;</h1> </div> <div id="buttons">

<ul> <li class="first"><a href="index.html" title="home">Home</a></li> <li><a href="profil.php" title="profil">Profil</a></li>

<li><a href="gallery.php" title="gallery">Gallery</a></li> <li><a href="file.php" title="file">File</a></li>

<li><a href="admin/admin.php" title="">Admin</a></li> </ul></div></div> <!-- header ends --><!-- content begins -->

<div id="cont_top"></div> <div id="content"> <div id="left"> <h2>Gallery of School </h2> <div class="text">

<p><img src="images/perpus.jpg" width="127" height="95" class="img" alt="c"> <span>Perpustakaan Sekolah.</span> <br />

Buku adalah gudang ilmu, sehingga alangkah anehnya jika sebuah sekolah tidak mempunyai perpustakaan. Walaupun buku-buku di perpustakaan tersebut belum sepenuhnya dilengkapi.</p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> </div> <p>&nbsp;</p>

(74)

<p>Pesawat ini adalah bukti kerja sama antara SMK Immanuel Medan dengan PT Garuda Maintenance Facilities (PT GMF Aerosia Jakarta). Atau yang lebih sering kita dengar perusahaan penerbangan Garuda Indonesia.</p>

<p>&nbsp;</p> <p>&nbsp;</p><p>&nbsp;</p> <div class="text">

<p><img src="images/bengkel.jpg" width="127" height="95" class="img" alt="" /> <span>Bengkel Sekolah.</span> <br />

Bengkel yang dimiliki sekolah memang bukanlah bengkel yang besar. Tapi bengkel tersebut berisi dengan

mesin-mesin dan peralatan-peralatan bengkel lainnya sesuai dengan jurusan yang ada.</p> <p>Siswa dan siswi SMK Immanuel Medan akan mempraktikkan apa yang mereka pelajari di kelas

di bengkel kecil tersebut guna menambah pengetahuan mereka. </p> <p>&nbsp;</p> </div> <br />

<div><p>&nbsp;</p>

<p><img src="images/kantin.jpg" width="127" height="95" class="img" alt="a"><span>Kantin Sekolah.</span> <br /> Pihak sekolah hanya menyediakan satu buah kantin yang lokasinya berada di kawasan sekolah dan berbentuk koperasi. Kantin tersebut menyediakan makanan dan minuman, buku dan alat tulis, serta keperluan lainnya.</p>

<p>Tetapi kantin tersebut tidak menyediakan nasi putih dan jenis lauk, sehingga bagi siswa yang ingin menikmati makan siang dengan nasi putih ples lauk harus mencarinya di luar kawasan sekolah. </p> <p>&nbsp;</p></div></div>

<div id="right"> <h1>Calender</h1>

<table width="220" height="199" id="calendar2" summary="Calendar"> <caption>Juli 2010</caption>

<thead> <tr><th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th>

<th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th>

<th abbr="Sunday" scope="col" title="Sunday">S</th></tr></thead>

<tfoot><tr><td abbr="Des" colspan="3" id="prev"><a href="#">&laquo;Jun</a></td> <td class="pad">&nbsp;</td>

<td abbr="Feb" colspan="3" id="next" class="pad" align="right"><a href="#">Aug&raquo;</a></td></tr> </tfoot>

Gambar

Tabel 2.1 Simbol Data Flow Diagram
Tabel 2.2a Simbol-Simbol Flowchart
Tabel 2.2b Simbol-Simbol Flowchart (lanjutan)
Gambar 3.1 Struktur Organisasi SMK Immanuel Medan
+7

Referensi

Dokumen terkait

Hal ini dibuktikan dengan hasil rata – rata aktivitas peserta didik pada siklus I yaitu 3.3 yang termasuk kategori (baik) dan hasil rata – rata aktivitas guru pada siklus I

Trauma kepala adalah suatu trauma yang mengenai daerah kulit kepala, tulang tengkorak atau otak yang terjadi akibat injury baik secara langsung maupun tidak langsung pada

Sebelum melakukan analisa ada baiknya kita mengetahui jenis material yang akan dianalisa minimal penggunaan dari material ini agar saat dianalisa dengan

Kebijakan dalam penelitian ini adalah suatu kebijakan kepala sekolah dalam upaya mengelola Sumber Daya Manusia Pendidikan yang diatur dalam Permendiknas No 19

Puji dan syukur penulis panjatkan kepada Allah SWT yang telah memberikan rahmat-Nya sehingga penulis dapat menyelesaikan penyusunan laporan tugas akhir ini untuk

Politeknik bertanggungjawab memberi panduan mengenai prosedur permohonan tempat latihan industri, etika dan peraturan semasa menjalani Latihan Industri (LI) serta

SBY memulai pidatonya dengan membawa mindset pemirsa TV  ke sebuah kesadaran tentang betapa pentingnya menjaga hubungan baik dengan Malaysia mengingat begitu banyaknya tenaga

Penulis berharap dan berencana untuk menciptakan buku tentang alusista yang dimiliki oleh Tentara Nasional Indonesia (TNI) untuk memberi wawasan kepada warga negara Indonesia