Perancangan Data Flow Diagram DFD Desain situs Proses Upload File

4.2 Perancangan Data Flow Diagram DFD

Data Flow Diagram DFD adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi symbol lingkaran dan anak panah mewakili menggambarkan arus data dalam perancangan sistem yang sangat membantu sekali di dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem. Adapun Data Flow Diagram DFD yang penulis ajukan yaitu: informasi data tamu - Login user Name dan password - data guru - data alumni - data siswa Gambar 4.2 Data Flow Diagram DFD Diagram Konteks Administrator Sistem informasi sekolah pada SMA Perguruan PArulian 1 berbasis web. Data pengunjung user Jahrudin : Perancangan Website Pada SMA Perguruan Parulian 1 Dengan Menggunakan PHP Dan MySql, 2008 USU Repository © 2008 - Login user name dan password - Data guru - Data alumni - Data siswa Gambar 4.3 Data Flow Diagram DFD Level 0

4.3 Mempersiapkan Database Server

Tahap ini merupakan tahap dimana penulis menempatkan data yang sudah ada pada bagian server. Data tersebut nantinya akan diproses oleh data yang sudah dibuat. Tempat untuk menampung data tersebut disebut dengan database, database terdiri atas tabel-tabel yang dibuat menggunakan program MySQL. Administrator 1 Input data 2 Informasi Data pengunjung user Data Guru Data Alumni Data Siswa Jahrudin : Perancangan Website Pada SMA Perguruan Parulian 1 Dengan Menggunakan PHP Dan MySql, 2008 USU Repository © 2008 Adapun database yang penulis buat yaitu database webku yang terdiri dari 7 tujuh tabel, yaitu :

1. Tabel Administrator

Tabel 4.1 Tabel Administrator Field Type Description User_name Varchar30 Nama login administrator Password Varchar30 Password administrator

2. Tabel Guru

Tabel 4.2 Tabel Guru Field Type Description NIG Varchar9 Nomor induk guru Nama guru Varchar50 Nama guru Jenis kelamin Varchar10 Jenis kelamin guru Tempat lahir Varchar50 Tempat lahir guru Tanggal lahir Varchar30 Tanggal lahir guru Jabatan Varchar5 Jabatan guru di sekolah Golongan Varchar7 Golongan SK PNS Pend_terakhir Varchar15 Pendidikan terakhir guru Lembaga Varchar10 Lembaga pendidikan terakhir guru Tahun Varchar5 Tahun kelulusan pendidikan terakhir Jurusan Varchar10 Jurusan pendidikan Jahrudin : Perancangan Website Pada SMA Perguruan Parulian 1 Dengan Menggunakan PHP Dan MySql, 2008 USU Repository © 2008 teraksir B.studi sekolah Varchar10 Bidang studi yang diajarkan di sekolah Peng. mengajar Varchar 30 Pengalaman mengajar

3. Tabel Siswa

Tabel 4.3 Tabel Siswa Field Type Description NIS Varchar4 Nomor induk siswa Nama siswa Varchar30 Nama siswa Kelas Varchar10 Kelas siswa Alamat Varchar50 Alamat siswa Jenis kelamin Varchar10 Jenis kelamin siswa Tmpt lahir Varchar50 Tempat lahir siswa Tgl lahir Varchar50 Tanggal lahir siswa Asal sekolah Varchar30 Asal sekolah siswa Ijazah Varchar15 Nomor seri ijazah DN 07 DI SKHUN Varchar15 Nomor seri SKHUN DN 07 DI Jahrudin : Perancangan Website Pada SMA Perguruan Parulian 1 Dengan Menggunakan PHP Dan MySql, 2008 USU Repository © 2008

4. Tabel Alumni

Tabel 4.4 Tabel Alumni Field Type Description NIS Varchar4 Nomor induk alumni Nama Varchar30 Nama alumni Jenis kelamin Varchar15 Jenis kelamin alumni Tmpt lahir Varchar30 Tempat lahir alumni Tgl lahir Varchar20 Tanggal lahir alumni Stambuk Varchar 5 Stambuk kelulusan alumni

5. Tabel Buku Tamu

Tabel 4.5 Tabel Buku Tamu Field Type Description Nama Varchar50 Nama pengunjung Email Varchar50 Email pengunjung Alamat Varchar50 Alamat pengunjung Pekerjaan Varchar50 Pekerjaan pengujung Instansi Varchar50 Tempat bekerja pengunjung Komentar Varchar300 Komentar pengunjung Jahrudin : Perancangan Website Pada SMA Perguruan Parulian 1 Dengan Menggunakan PHP Dan MySql, 2008 USU Repository © 2008

4.4 Desain situs

Pada tahap desain situs ini, penulis hanya membuat desain untuk header atau bagian atas dari suatu situs, kemudian ditambah dengan grafik-grafik aksesoris alinnya sebagai pelengkap. Dalam membuat desain header pada situs sekolah ini, penulis menggunakan software Macromedia Fireworks 8 sebagai pengolah gambarnya. Area header adalah bagian paling atas dari sebuah situs. Pada area ini biasanya terdapat logo, foto, dan navigasinya. Secara keseluruhan desain header yang penulis buat dapat dilihat seperti gambar di bawah ini. Gambar 4.4 Desain Area Header

4.5 Proses Upload File

Proses upload adalah proses mentransfer file-file situs yang telah dibuat ke suatu server di internet, dengan tujuan agar situs tersebut dapat diakses semua orang di seluruh dunia yang terhubung ke internet. Jahrudin : Perancangan Website Pada SMA Perguruan Parulian 1 Dengan Menggunakan PHP Dan MySql, 2008 USU Repository © 2008 Tempat untuk meletakkan file-file situs di internet namanya server hosting atau web hosting. Ada dua jenis web hosting, yaitu web hosting yang gratisan dan web hosting yang bayar.

4.6 Metode Pengembangan Sistem