Job Sheet

APLIKASI WEB EKSEKUTIF INFORMATION SISTEM
PENGOLAHAN DATA NILAI SISWA
JOBSHEET
Diajukan Untuk Memenuhi Syarat Mengikuti Ujian Nasional Praktik Kejuruan
Pada
Program Studi : Teknik Komputer dan Informatika
Kompetensi Keahlian : Rekayasa Perangkat Lunak (RPL)
DISUSUN OLEH :
FAHROL ROJI SURBAKTI
Nomor Peserta :
DINAS PENDIDIKAN KOTA MEDAN

SEKOLAH MENENGAH KEJURUAN (SMK) NEGERI 9 MEDAN
TAHUN PELAJARAN 2013/2014
LEMBAR PENGESAHAN
JOBSHEET
APLIKASI WEB EKSEKUTIF INFORMATION SISTEM

PENGOLAHAN DATA NILAI SISWA
NAMA PESERTA : FAHROL ROJI SURBAKTI

NOMOR PESERTA :
PROG. KEAHLIAN : REKAYASA PERANGKAT LUNAK (RPL)
TELAH DIPERIKSA DAN DIUJI PADA TANGGAL . MARET 2014

OLEH :
PENGUJI 1 PENGUJI 2
. ...
NIP : .. NIP :
Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

DAFTAR ISI
Halaman
LEMBAR PENGESAHAN ........................................................................................................... i
DAFTAR ISI .............................................................................................................................. ii
A. TUJUAN PEMBUATAN JOBSHEET .................................................................................

B. KESELAMATAN KERJA ...................................................................................................
C. ALAT DAN BAHAN ........................................................................................................
1. ALAT .......................................................................................................................
2. BAHAN ....................................................................................................................
D. LANGKAH KERJA ...........................................................................................................
1. PERSIAPAN ..............................................................................................................
a. Menginstal Software Sesuai Kebutuhan ....................................................
i. Web Server (XAMPP) ......................................................................
ii. DreamWeaver .................................................................................
iii. Adobe Photoshop ...........................................................................
iv. Macromedia Flash 8 .......................................................................
v. Swish Max .....................................................................................
2. PEMBUATAN DATABASE RELATIONAL (Sistem Database Akademik) ....................
a. Perancangan Database ...............................................................................
i. Struktur Database ..........................................................................
ii. Struktur Tabel dan Tipe Data .........................................................
1. Membuat Tabel Melalui MySQL ........................................
a. Tabel Guru .................................................................
b. Tabel Siswa ................................................................
c. Tabel Wali Murid .......................................................
d. Tabel Bidang Studi Keahlian .....................................
e. Tabel Kompetensi Keahlian .....................................
f. Tabel Standar Kompetensi ........................................
g. Tabel Nilai .................................................................
2. Mengisi Tabel Melalui MySQL ............................................
a. Tabel Guru .................................................................
b. Tabel Siswa ................................................................
c. Tabel Wali Murid .......................................................

d. Tabel Bidang Studi Keahlian .....................................
e. Tabel Kompetensi Keahlian .....................................
f. Tabel Standar Kompetensi ........................................
g. Tabel Nilai .................................................................
iii. Membuat View (Tabel Virtual) .......................................................
1. . .....................................................................................
2. . .....................................................................................
3. . .....................................................................................
iv. Membuat Trigger ............................................................................
1. . .....................................................................................
2. . .....................................................................................
v. Membuat Administrasi (User dan Password) Pada MySQL ..........
vi. Membuat Back up dan Restore Data Pada MySQL .......................
b. ERD (Entity RelationShip Diagram) / Relasi antar Tabel............................
3. ALGORITMA PEMROGRAMAN ..............................................................................
a. Data Flow Diagram Sistem Pengolahan Data Nilai Siswa ..........................
b. FlowChart .....................................................................................
i. FlowChart Admin .............................................................................
ii. FlowChart Input Nilai.......................................................................
4. PROSES PEMBUATAN APLIKASI WEB ....................................................................
a. Peta Situs (Site Map) ..................................................................................
b. Rancangan Layout (Kerangka) Web ............................................................
i. Halaman User .................................................................................
1. Layout User .........................................................................
2. Hasil Design Halaman User ................................................
ii. Halaman Administrator .................................................................
1. Layout Administrator .........................................................
2. Hasil Design Halaman Administrator .................................
c. Membuat Koneksi Basis Data dengan Web ...............................................
d. Hasil Design Halaman Web ........................................................................

i. Halaman User .................................................................................
1. Home ...................................................................................
2. Download ...........................................................................

3. Guest Book ..........................................................................
4. Report .............................................................................
5. Contact Us ...........................................................................
6. About Us .............................................................................
ii. Halaman Administrator ..................................................................
1. Log In ...................................................................................
2. Home ...................................................................................
3. Siswa ...................................................................................
4. Guru ....................................................................................
5. Wali Murid ..........................................................................
6. Bidang Studi Keahlian ........................................................
7. Kompetensi Keahlian ..........................................................
8. Standar Kompetensi ...........................................................
9. Nilai .....................................................................................
10. Laporan ...............................................................................
5. ALOKASI WAKTU PENYELESAIAN APLIKASI WEB ...................................................

SMK NEGERI 9 MEDAN Judul : No. Peserta :
Program Studi : Teknik Aplikasi Web Eksekutif Nama Peserta : FAHROL ROJI .S
Komputer dan Informatika Information Sistem Kelas : XII RPL - 5
Kompetensi Keahlian : Pengolahan Data Nilai No. Paket Soal : 2070-P1-13/14
Rekayasa Perangkat Lunak Siswa
Guru Pembimbing : Paket Soal : 1 (Satu)
(Kode: 2070)
Ardiansyah,ST Tanggal Ujian : . Maret 2014
A. TUJUAN PEMBUATAN JOBSHEET

Adapun tujuan dibuatnya JOBSHEET ini adalah:
1. Sebagai syarat untuk mengikuti Ujian Kompetensi.
2. Sebagai landasan bagi penguji mengenai keputusan untuk mengikuti Ujian Praktik
Kejuruan.
3. Untuk mengetahui sejauh mana kemampuan seorang siswa/I dalam system
perancangan web.
4. Sebagai pembantu untuk menerapkan ilmu yang terdapat di dunia maya.
5. Menguji kemampuan dan keterampilan peserta didik dalam mengembangkan
kompetensi yang dimilikinya.
6. Mengetahui pelaksanaan Ujian Kompetensi Produktif Siswa program keahlian
Rekayasa Perangkat Lunak SMK Negeri 9 Medan.
7. Mengetahui aspek-aspek Kompetensi yang diujikan dalam Ujian Kompetensi
Produktif.
8. Mendapatkan ilmu yang bisa menjadi bekal untuk bekerja didunia kerja.

B. ALAT DAN BAHAN
III. DAFTAR PERALATAN, KOMPONEN DAN BAHAN
No. Nama Alat/Komponen/Bahan Spesifikasi Jumlah Keterangan
1 2 3 4 5
Alat
1 PC Server Minimal Intel Pentium

4, 1,8GHz,
RAM 128 MB, HD
100 GB, VGA AGP
4x64MB
PC Client Minimal Intel Pentium

III , 1.2 GH, 128 MB,
100 GB, VGA AGP
4x64 MB
2 Printer Bebas
3 CD Software
a. OS XP-Profesional, 1 buah
Windows 7
b. Software Database My.SQL, 1 buah
MS Access
c. Web Server Apache 1 buah
d. Software bahasa Visual Basic, delphi 1 buah

pemrograman atau Visual .NET
Desktop
e. Software Server Side PHP atau ASP 1 buah

Programming
f. Software desain web
Front Page Front page XP
Macromedia Flash Flash 8.0
Swish Swish 8.0 Ver. 7 1 buah

Adobe Photoshop Adobe Photoshop CS3
atau yang lebih tinggi
Bahan
1. Data guru Deskripsi Data

2. Data siswa Deskripsi Data
3. Data wali murid Deskripsi Data
4. Data Bidang studi Deskripsi Data
5. Data Kompetensi keakhlian Deskripsi Data
6. Data standar kompetensi Deskripsi Data
7. Data Nilai Deskripsi Data
8. Data Berita Deskripsi Data
9. Data Buku Tamu Deskripsi Data
10. Data User Deskripsi Data
11. Kertas HVS 80 gram Jumlah Rim
12. CD RW Jumlah Unit
menyesuaikan tipe
13. Tinta Printer Jumlah Unit
printer
C. KESELAMATAN KERJA
1. Ingat dan pahami pereturan kelestarian kerja dalam penggunaan komponen agar
tidak terjadi kerusakaan / kehilangan data yang telah kita buat.
2. Hindari penyimpanan benda atau zat air di sekitar computer yang dapat
mengakibatkan tumpah dan merusak perangkat computer.
3. Perhitungan spesifikasi hardware dan kebutuhan software dengan program yang kita
buat.
4. Perhitungan waktu yang harus disesuaikan.
5. Hindari menggunakan computer bersamaan dengan mengoperasikan atau
menggunakan alat lain seperti telepon angkat atau handphone (banyak terjadi pada
pekerjaan sekretaris kantor).Solusinya dengan menggantikan telepon bentuk angkat
dengan telepon bentuk headset/earphone dan speaker yang dipasang dekat mulut
sehingga tidak mengganggu pekerjaan computer dan menghindari gangguan leher.
6. Selama bekerja istirahatlah secara periodic.Hal ini untuk mengurangi kemungkinan
kelelahan dan ketidaknyamanan.Ikuti aturan 20/20/20, yaitu: setiap 20 menit
bekerja,istirahat selama 20 detik,dengan alihkan pandangan kejarak + 6m.
7. Saat istirahat (setelah mata lelah) usahakan untuk melihat benda atau objeck
berwarna hijau.
8. Bekerja dengan rileks dan nafas yang teratur sehingga sirkulasi darah ke otak lancer
agar efektif dalam bekerja (tidak cepat lelah dan mengantuk).

9. Senantiasa mengedipkan mata secara kontinyu hal ini di maksudkan agar kornea
mata tidak terlalu kering.
10. Karena berkomputer selalu berdekatan dengan benda-benda elektronik dan listrik
maka berperilakulah yang safe berkaitan dangan hazard listrik.
D. LANGKAH KERJA
1. PERSIAPAN
a. Menginstal Software Sesuai Kebutuhan
i. Web Server (XAMPP)
XAMPP adalah "Perangkat lunak bebas ("FREE") yang mendukung banyak
System Operasi.Kompilasi dari berbagai program dalam satu Paket.terutama
terdiri dari Apache HTTP Server, database MySQL, dan interpreter untuk script
yang ditulis dalam PHP dan bahasa pemrograman Perl.
XAMPP singkatan dari :
X (yang berarti cross-platform)

A (Apache)
M (MySql)
P (php)
P (Perl)
XAMPP ini bisa kita Download dari situs resminya di apachefriends gratis .

Berikut ini adalah cara menginstall XAMPP:
Jalankan intallasi program
Perhatikan gambar Berikut:
Pada baianiniadalah Pilihan Bahasa. kemudian klik "OK"
jika muncul Jendela seperti berikut
jika muncul jendela seperti di atas.anda periksa terlebih dahulu "UAC" (User Account
Control) pada windows anda.
caranya =>> pada Start=>> kemudian pada Search anda ketik UAC =>> kemudian
tekan Enter
dan akan muncul jendela baru.Kemudian Turunkan UAC hingga sampai Bawah.
Kemudian klik OK

setelah selesai menurunkan UAC. kemudian lanjutkan Installasi XAMPP tadi.
klik Next
Perhatikan gambar yang saya kasih tanda No:3

jangan lupa Kasih tanda Centang pada ketiga Kotak. kemudian Klik Install

Gambar di atas adalah Prosess installasi. tunggu sampai proses installasi selesai hingga
muncul confirmasi installasi finiss
jika installasi telah succes. Buka XAMPP yang telah anda install tadi.
Tampilan cPanelnya sbb:

Pastikan Apache dan MySql telah Running.untuk mengetest Sever XAMPP anda. Buka
Broser =>> kemudian ketik "Http://localhost" pada Browser anda.dan tampilanya sbb:
Tampilan Localhost
Tampilan PhpMyadmin
Jika pada Browser telah bisa menampilkan seperti pada Gambar di atas. Berarti penginstalan
XAMPP telah Berhasil dan siap untuk digunakan sebagai Server Localhost pada komputer.
Demikian sedikit Shared dari saya.semoga bermanfaat.dan jika ada kesalahan atau kekurangan
dalam penulisan artikel saya ini.Mohon maaf dan harap maklum karena masih Belajar.
ii. Macromedia DreamWeaver CS 8

Peralatan yang diperlukan:
Master Macromedia Dreamweaver cs 8,bisa lewat Flashdisk atau CD
Komputer lengkap (jika memakai master CD harus ada CD/DVD-ROM)
Cara Menginstall MACROMEDIA DREAMWEAVER CS 8:

Pertama klik 2 kali pada Installernya (Dreamweaver 8)
Kemudian klik Next
Selanjutnya klik I Accept terus klik Next
Lalu beri tanda centang pada create shortcut on desktop langsung klik Next

Kemudian klik Next
Klik instal
Tunggu sampai proses instalasi selesai

Klik finish
iii. Adobe Photoshop

Peralatan yang diperlukan:
Master Adobe PhotoShop CS 3,bisa lewat Flashdisk atau CD
Komputer lengkap (jika memakai master CD harus ada CD/DVD-ROM)
Cara Menginstall ADOBE PHOTOSHOP CS 3:
Buka folder Setup dan menjalankan program Setup.exe. Ini terlihat seperti sebuah kotak
yang menyatakan Ps di atasnya. Setup ini akan memuat batch file, tinggal di komputer
dan bersabarlah.

Buka Adobe Photoshop CS3 yang anda mau lakukan instal. Buka folder yang anda
diinginkan dan klik Next.
Lalu Klik Finish.
Tunggu loading pada beberapa menit.

Terima Perjanjian Lisensi Pengguna Akhir (EULA), mengambil dicatat bahwa Anda
melanggar setiap kata itu. Klik Agree.
Pilih lokasi penginstalan yang anda inginkan, lalu pilih Next
Klik Install, akan memakan waktu cukup lama.

Tunggu loading pada beberapa menit.
Install selesai kemudian klik finish.

2. PEMBUATAN DATABASE RELATIONAL (Sistem Database Akademik)
a. Perancangan Database
Untuku pembuatan aplikasi DBAKADEMIK berbasis web pada jaringan
internet,maka dibutuhkan databases yang terdiri dari beberapa table sebagai
media penyimpanan data dari proses yang dilakukan secara
komputerisasi.Dengan menggunakan Databases Management System
(DBMS).adapun DBMS yang digunakan adalah SQL (Structure Query
Languange).
i. Struktur Database
Nama Database : dbakademik
| Tables_in_dbakademik |
+----------------------+
| berita |
| bidang_studi |
| buku_tamu |
| guru |
| kompetensi_keahlian |
| nilai |
| siswa |
| standar_kompetensi |
| user |
| wali_murid |
+----------------------+
ii. Struktur Tabel dan Tipe Data

1. Membuat Tabel Melalui MySQL
a. Tabel Siswa
mysql> CREATE TABLE SISWA(
-> SISWA_NISN CHAR (10) NOT NULL PRIMARY KEY,
-> KOMPETENSI_KODE CHAR (10) NOT NULL,
-> SISWA_NAMA VARCHAR (30) NOT NULL,
-> SISWA_ALAMAT VARCHAR (50),
-> SISWA_TGL_LAHIR DATE,
-> SISWA_FOTO VARCHAR (255));
Query OK, 0 rows affected (0.06 sec)
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| siswa |
+----------------------+
1 row in set (0.00 sec)
mysql> DESCRIBE SISWA;

+-----------------+--------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+-----------------+--------------+------+-----+---------+-------+
| SISWA_NISN | char(10) | NO | PRI | NULL | |

| KOMPETENSI_KODE | char(10) | NO | | NULL | |
| SISWA_NAMA | varchar(30) | NO | | NULL | |
| SISWA_ALAMAT | varchar(50) | YES | | NULL | |
| SISWA_TGL_LAHIR | date | YES | | NULL | |
| SISWA_FOTO | varchar(255) | YES | | NULL | |
+-----------------+--------------+------+-----+---------+-------+
6 rows in set (0.01 sec)
b. Tabel Guru
mysql> CREATE TABLE GURU(
-> GURU_NIP CHAR (16) NOT NULL PRIMARY KEY,
-> GURU_NAMA VARCHAR (25) NOT NULL,
-> GURU_ALAMAT VARCHAR (50),
-> GURU_TELPON VARCHAR (15),
-> GURU_FOTO VARCHAR (255));
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| guru |
| siswa |
+----------------------+
mysql> DESCRIBE GURU;

+-----------------+--------------+------+-----+---------+-------+
+-----------------+--------------+------+-----+---------+-------+
| GURU_NIP | char(16) | NO | PRI | NULL | |
| GURU_NAMA | varchar(25) | NO | | NULL | |
| GURU_ALAMAT | varchar(50) | YES | | NULL | |
| GURU_TELPON | varchar(15) | YES | | NULL | |
| GURU_FOTO | varchar(255) | YES | | NULL | |
+-----------------+--------------+------+-----+---------+-------+

c. Tabel Wali Murid
mysql> CREATE TABLE WALI_MURID(
-> WALI_ID CHAR (10) NOT NULL PRIMARY KEY,
-> SISWA_NISN CHAR (10) NOT NULL,
-> NAMA_AYAH VARCHAR (25),
-> PEKERJAAN_AYAH VARCHAR (15),
-> NAMA_IBU VARCHAR (25),
-> PEKERJAAN_IBU VARCHAR (15),
-> WALI_ALAMAT VARCHAR (50),
-> WALI_TELPON VARCHAR (15));
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| guru |
| siswa |
| wali_murid |
+----------------------+
mysql> DESCRIBE WALI_MURID;

+----------------+-------------+------+-----+---------+-------+
+----------------+-------------+------+-----+---------+-------+
| WALI_ID | char(10) | NO | PRI | NULL | |
| SISWA_NISN | char(10) | NO | | NULL | |
| NAMA_AYAH | varchar(25) | YES | | NULL | |
| PEKERJAAN_AYAH | varchar(15) | YES | | NULL | |
| NAMA_IBU | varchar(25) | YES | | NULL | |
| PEKERJAAN_IBU | varchar(15) | YES | | NULL | |
| WALI_ALAMAT | varchar(50) | YES | | NULL | |
| WALI_TELPON | varchar(15) | YES | | NULL | |
+----------------+-------------+------+-----+---------+-------+
d. Tabel Bidang Studi Keahlian

mysql> CREATE TABLE BIDANG_STUDI(
-> BIDANG_KODE CHAR (10) NOT NULL PRIMARY KEY,
-> BIDANG_NAMA VARCHAR (30) NOT NULL );
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| bidang_studi |
| guru |
| siswa |
| wali_murid |
+----------------------+

mysql> DESCRIBE BIDANG_STUDI;
+-------------+-------------+------+-----+---------+-------+
+-------------+-------------+------+-----+---------+-------+
| BIDANG_KODE | char(10) | NO | PRI | NULL | |
| BIDANG_NAMA | varchar(30) | NO | | NULL | |
+-------------+-------------+------+-----+---------+-------+
e. Tabel Kompetensi Keahlian

mysql> CREATE TABLE KOMPETENSI_KEAHLIAN(
-> KOMPETENSI_KODE CHAR (10) NOT NULL PRIMARY KEY,
-> BIDANG_KODE CHAR (10) NOT NULL,
-> KOMPETENSI_NAMA VARCHAR (25) NOT NULL );
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| bidang_studi |
| guru |
| siswa |
| wali_murid |
+----------------------+
mysql> DESCRIBE KOMPETENSI_KEAHLIAN;

+-----------------+-------------+------+-----+---------+-------+
+-----------------+-------------+------+-----+---------+-------+
| KOMPETENSI_KODE | char(10) | NO | PRI | NULL | |
| BIDANG_KODE | char(10) | NO | | NULL | |
| KOMPETENSI_NAMA | varchar(25) | NO | | NULL | |
+-----------------+-------------+------+-----+---------+-------+
f. Tabel Standar Kompetensi

mysql> CREATE TABLE STANDAR_KOMPETENSI(
-> SK_KODE CHAR (10) NOT NULL PRIMARY KEY,
-> SK_NAMA TEXT NOT NULL,
-> SK_KELAS VARCHAR (10));

mysql> SHOW TABLES;
+----------------------+
+----------------------+
| bidang_studi |
| guru |
| siswa |
| wali_murid |
+----------------------+
mysql> DESCRIBE STANDAR_KOMPETENSI;

+-----------------+-------------+------+-----+---------+-------+
+-----------------+-------------+------+-----+---------+-------+
| SK_KODE | char(10) | NO | PRI | NULL | |
| SK_NAMA | text | NO | | NULL | |
| SK_KELAS | varchar(10) | YES | | NULL | |
+-----------------+-------------+------+-----+---------+-------+
g.Tabel Nilai
mysql> CREATE TABLE NILAI(
-> SISWA_NISN CHAR (10),
-> GURU_NIP CHAR (10),
-> SK_KODE CHAR (10),
-> NILAI_ANGKA FLOAT(4),
-> NILAI_HURUF TEXT );
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| bidang_studi |
| guru |
| nilai |
| siswa |
| wali_murid |
+----------------------+

mysql> DESCRIBE NILAI;
+-------------+----------+------+-----+---------+-------+
+-------------+----------+------+-----+---------+-------+
| SISWA_NISN | char(10) | YES | | NULL | |
| GURU_NIP | char(10) | YES | | NULL | |
| SK_KODE | char(10) | YES | | NULL | |
| NILAI_ANGKA | float | YES | | NULL | |
| NILAI_HURUF | text | YES | | NULL | |
+-------------+----------+------+-----+---------+-------+
h. Tabel Berita
mysql> CREATE TABLE BERITA(
-> ID_BERITA INT (4) NOT NULL PRIMARY KEY AUTO_INCREMENT,
-> TANGGAL VARCHAR (30),
-> JUDUL VARCHAR (50),
-> PENULIS VARCHAR (30),
-> ISI TEXT,
-> PHOTO VARCHAR (255));
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| berita |
| bidang_studi |
| guru |
| nilai |
| siswa |
| wali_murid |
+----------------------+
mysql> DESCRIBE BERITA;

+-----------+--------------+------+-----+---------+----------------+
+-----------+--------------+------+-----+---------+----------------+
| ID_BERITA | int(4) | NO | PRI | NULL | auto_increment |
| TANGGAL | varchar(30) | YES | | NULL | |
| JUDUL | varchar(50) | YES | | NULL | |
| PENULIS | varchar(30) | YES | | NULL | |
| ISI | text | YES | | NULL | |
| PHOTO | varchar(255) | YES | | NULL | |
+-----------+--------------+------+-----+---------+----------------+
i. Tabel Buku Tamu

mysql> CREATE TABLE BUKU_TAMU(

-> ID_TAMU INT (4) NOT NULL PRIMARY KEY AUTO_INCREMENT,
-> NAMA VARCHAR (30),
-> EMAIL VARCHAR (50),
-> TELP VARCHAR (15),
-> PESAN TEXT,
mysql> SHOW TABLES;

+----------------------+
+----------------------+
| berita |
| bidang_studi |
| buku_tamu |
| guru |
| nilai |
| siswa |
| wali_murid |
+----------------------+
mysql> DESCRIBE BUKU_TAMU;

+---------+--------------+------+-----+---------+----------------+
+---------+--------------+------+-----+---------+----------------+
| ID_TAMU | int(4) | NO | PRI | NULL | auto_increment |
| NAMA | varchar(30) | YES | | NULL | |
| EMAIL | varchar(50) | YES | | NULL | |
| TELP | varchar(15) | YES | | NULL | |
| PESAN | text | YES | | NULL | |
+---------+--------------+------+-----+---------+----------------+
j. Tabel User
mysql> CREATE TABLE USER(
-> ID_USER INT(4) NOT NULL PRIMARY KEY AUTO_INCREMENT,
-> NAMA VARCHAR (30),
-> ALAMAT TEXT,
-> JNS_KELAMIN ENUM ('L','P'),
-> TEMPAT_LAHIR VARCHAR (20),
-> TGL_LAHIR DATE,
-> EMAIL VARCHAR (50),
-> TELP VARCHAR (15),
-> USERNAME VARCHAR (50),
-> PASSWORD VARCHAR (255),
-> LEVEL VARCHAR (10),

mysql> SHOW TABLES;
+----------------------+
+----------------------+
| berita |
| bidang_studi |
| buku_tamu |
| guru |
| nilai |
| siswa |
| user |
| wali_murid |
+----------------------+
mysql> DESCRIBE USER;

+--------------+---------------+------+-----+---------+----------------+
+--------------+---------------+------+-----+---------+----------------+
| ID_USER | int(4) | NO | PRI | NULL | auto_increment |
| NAMA | varchar(30) | YES | | NULL | |
| ALAMAT | text | YES | | NULL | |
| JNS_KELAMIN | enum('L','P') | YES | | NULL | |
| TEMPAT_LAHIR | varchar(20) | YES | | NULL | |
| TGL_LAHIR | date | YES | | NULL | |
| EMAIL | varchar(50) | YES | | NULL | |
| TELP | varchar(15) | YES | | NULL | |
| USERNAME | varchar(50) | YES | | NULL | |
| PASSWORD | varchar(255) | YES | | NULL | |
| LEVEL | varchar(10) | YES | | NULL | |
+--------------+---------------+------+-----+---------+----------------+
2. Mengisi Tabel Melalui MySQL

a. Tabel Guru
b. Tabel Siswa
c. Tabel Wali Murid
d. Tabel Bidang Studi Keahlian
e. Tabel Kompetensi Keahlian
f. Tabel Standar Kompetensi
g. Tabel Nilai
h. Tabel Berita
i. Tabel Buku Tamu
j. Tabel User

iii. Membuat View (Tabel Virtual)
1. View : vstandar_kompetensi (table :
standar_kompetensi,kompetensi_keahlian,bidang_studi)
mysql> CREATE VIEW VSTANDAR_KOMPETENSI AS
-> SELECT A.SK_KODE, B.KOMPETENSI_KODE,
B.KOMPETENSI_NAMA,
-> C.BIDANG_KODE, C.BIDANG_NAMA, A.SK_NAMA, A.SK_KELAS
-> FROM STANDAR_KOMPETENSI A, KOMPETENSI_KEAHLIAN B,
BIDANG_STUDI C
-> WHERE A.KOMPETENSI_KODE = B.KOMPETENSI_KODE AND
-> B.BIDANG_KODE = C.BIDANG_KODE;
2.
3.
4.
5.
iv. Membuat Trigger
1. -> CREATE TRIGGER THAPUSSISWA
-> AFTER DELETE
-> ON SISWA
-> FOR EACH ROW
-> BEGIN
-> DELETE FROM WALI_MURID
-> WHERE SISWA_NISN = OLD.SISWA_NISN;
-> DELETE FROM NILAI
-> WHERE SISWA_NISN = OLD.SISWA_NISN;
-> END $$
2. -> CREATE TRIGGER THAPUSKOMPETENSI
-> AFTER DELETE
-> ON KOMPETENSI_KEAHLIAN
-> FOR EACH ROW
-> BEGIN
-> DELETE FROM STANDAR_KOMPETENSI
-> WHERE KOMPETENSI_KODE = OLD.KOMPETENSI_KODE;
-> END $$
v. Membuat Administrasi (User dan Password) Pada MySQL

CREATE USER IIN IDENTIFIED by 1234';
vi. Membuat Back up dan Restore Data Pada MySQL

BACKUP Mysqldump u root -p DBAKADEMIK >Backup
DBAKADEMIK.sql;
RESTORE
Mysql u root p DBAKADEMIK< >Backup DBAKADEMIK.sql;
b. ERD (Entity RelationShip Diagram) / Relasi antar Tabel

3. ALGORITMA PEMROGRAMAN
a. Data Flow Diagram Sistem Pengolahan Data Nilai Siswa
b. FlowChart
i. FlowChart Admin
Start
Halaman login
Input user ID dan

password
Gagal
Cek
login Berhasil
Halaman admin
Input data pegawai,

pengajar, siswa,
kelas,
jadwal, aspek dan
sarana
Tidak
Logou
t
Ya
End

ii. FlowChart Input Nilai
Start
Halaman Login
Input nama dan

password
gagal
Cek
berhasil
login
Halaman pengajar
(membaca data jadwal)
Input data
nilai dan
absensi siswa
tidak
logo
ut
ya
End
4. PROSES PEMBUATAN APLIKASI WEB

a. Peta Situs (Site Map)
b. Rancangan Layout (Kerangka) Web
i. Halaman User
1. Layout User
2. Hasil Design Halaman User
ii. Halaman Administrator
1. Layout Administrator
2. Hasil Design Halaman Administrator

c. Membuat Koneksi Basis Data dengan Web
d. Hasil Design Halaman Web

i. Halaman User
1. Home
2. Download
3. Guest Book
4. Report
5. Contact Us
6. About Us
ii. Halaman Administrator
1. Log In
2. Home
3. Siswa
4. Guru
5. Wali Murid
6. Bidang Studi Keahlian
7. Kompetensi Keahlian
8. Standar Kompetensi
9. Nilai
10.Laporan
5. ALOKASI WAKTU PENYELESAIAN APLIKASI WEB

1. PROSES PEMBUATAN APLIKASI WEB PEMBELIAN MOTOR
a. Peta Situs (Site Map)
WEB MOTOR LOG IN SALAH LOGIN
USER ADMIN REGISTRATION
HOME
HOME MOTOR PEMBELI PAKET KRIDIT TRANSAKSI BERITA KOMENTAR LOG OUT
PROFIL
BELI TUNAI
PRODUK HONDA
YAMAHA
GALLERY BELI KRIDIT
SUZUKI
DOWNLOAD
DOWNLOAD BAYAR
KAWASAKI
CICILAN
CONTACT
MINERVA
CONTACT US
US
TVS
BAJAJ
A. ALOKASI WAKTU PENYELESAIAN APLIKASI WEB
Dalam proses penyelesaian pembuatan Aplikasi Web Eksekutif Pembelian Motor
Ini, Penulis membutuhkan Alokasi waktu penyelesaian sebagai berikut :
Alokasi
No Hari, Tanggal Kegiatan
Waktu
1. ., . Februari A. Persiapan Kerja 4 Jam
2014 B. Menginstal Software
C. Pembuatan Basis Data meliputi :
1. Perancangan dan pembuatan Database
2. Pembuatan Administrasi(User dan
Password) pada MySQL
3. Pembuatan Tabel
4. Pengisian Tabel dan View
5. Pembuatan Trigger
6. Pembuatan RelationShip antar Tabel
7. Pembuatan Backup Basis Data
2. .., Februari A. Perancangan Peta Situs (Site Map) 2 Jam

2014 B. Perancangan Design Layout (Kerangka) Web
C. Design Template User dan Administrator
D. Design Banner dan Animasi
3. .., Februari A. Analisis Sistem Prosedur Diagram (SPD) 2 Jam

2014 Pembelian Motor baik secara Tunai maupun
Kredit
B. Analisi Sistem perhitungan pembiayaan kridit
bermotor
C. Membuat FlowChart Sistem
4. .., Februari A. Membuat Halaman Web Dinamis 6 Jam

2014 (Administrator)
5. ...,. Maret 2014 A. Melanjutkan Pembuatan Halaman Web 8 Jam

Dinamis (Administrator)
B. Membuat Halaman Web (User)
C. Penyusunan JobSheet
6. ., .Maret 2014 Evaluasi Hasil Kerja 2 Jam

Total Alokasi Waktu: 24 Jam
Setelah JOBSHEET Selesai, Jilid
diatas Transparan dan Dasar Kertas
Jeruk Berwarna Orange
*** SELAMAT BEKERJA ***
Catatan :
1.Data didalam JobSheet dapat disesuaikan
dengan kegiatan dan Konsep yang Anda
Lakukan. Jangan Lupa memberi Nomor
Halaman .
2.Setiap langkah kerja harus dibuat penjelasan
tentang proses pembuatannya dilengkapi
dengan gambar.

Job Sheet

Загружено:

Сведения о документе

Исходное описание:

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Job Sheet

Загружено:

Авторское право:

Доступные форматы

APLIKASI WEB EKSEKUTIF INFORMATION SISTEM

PENGOLAHAN DATA NILAI SISWA

Diajukan Untuk Memenuhi Syarat Mengikuti Ujian Nasional Praktik Kejuruan

Program Studi : Teknik Komputer dan Informatika

Kompetensi Keahlian : Rekayasa Perangkat Lunak (RPL)

DINAS PENDIDIKAN KOTA MEDAN

APLIKASI WEB EKSEKUTIF INFORMATION SISTEM

NAMA PESERTA : FAHROL ROJI SURBAKTI

TELAH DIPERIKSA DAN DIUJI PADA TANGGAL . MARET 2014

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

A. TUJUAN PEMBUATAN JOBSHEET .................................................................................

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

d. Hasil Design Halaman Web ........................................................................

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

5. ALOKASI WAKTU PENYELESAIAN APLIKASI WEB ...................................................

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

A. TUJUAN PEMBUATAN JOBSHEET

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

1 PC Server Minimal Intel Pentium

RAM 128 MB, HD

100 GB, VGA AGP

PC Client Minimal Intel Pentium

b. Software Database My.SQL, 1 buah

c. Web Server Apache 1 buah

d. Software bahasa Visual Basic, delphi 1 buah

e. Software Server Side PHP atau ASP 1 buah

f. Software desain web

Front Page Front page XP

Macromedia Flash Flash 8.0

Swish Swish 8.0 Ver. 7 1 buah

1. Data guru Deskripsi Data

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

3. Data wali murid Deskripsi Data

4. Data Bidang studi Deskripsi Data

5. Data Kompetensi keakhlian Deskripsi Data

6. Data standar kompetensi Deskripsi Data

7. Data Nilai Deskripsi Data

8. Data Berita Deskripsi Data

9. Data Buku Tamu Deskripsi Data

10. Data User Deskripsi Data

11. Kertas HVS 80 gram Jumlah Rim

12. CD RW Jumlah Unit

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

XAMPP singkatan dari :

X (yang berarti cross-platform)

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

Jalankan intallasi program

Perhatikan gambar Berikut:

Pada baianiniadalah Pilihan Bahasa. kemudian klik "OK"

jika muncul Jendela seperti berikut

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

Perhatikan gambar yang saya kasih tanda No:3

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

ii. Macromedia DreamWeaver CS 8

Cara Menginstall MACROMEDIA DREAMWEAVER CS 8:

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

Kemudian klik Next

Selanjutnya klik I Accept terus klik Next

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

Tunggu sampai proses instalasi selesai

Aplikasi Web Eksekutif Information Sistem Pengolahan Data Nilai Siswa |

iii. Adobe Photoshop

* SELAMAT BEKERJA *