1 | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n

I n f o r m a t i k a
Kode Outline : Web Programming
Bentuk Outline Tugas Akhir Web Programming
Lembar Judul Tugas Akhir
Lembar Pernyataan Keaslian Tugas akhir
Lembar Pernyataan Publikasi Karya Ilmiah
Lembar Persetujuan dan Pengesahan Tugas
Akhir Lembar Konsultasi Tugas Akhir
Kata Pengantar
Lembar Abstraksi
Daftar Isi
Daftar Simbol
Daftar ambar
Daftar Tabel
Daftar Lam!iran
"A" I P#$DAH%L%A$
&'&' Latar "elakang Masalah
&'(' Maksud dan Tujuan
&')' Metode Penelitian
&'*' +uang Lingku!
&',' Sistematika Penulisan
"A" II LA$DASA$ T#-+I
('&' Konse! Dasar .eb
('(' Teori Pendukung
"A" III P#M"AHASA$
)'&' Tinjauan Perusahaan/ 0//1
)'&'&' Sejarah Institusi2Perusahaan
)'&'(' Struktur -rganisasi dan 3ungsi
)'(' Analisis Kebutuhan
)')' Peran4angan Perangkat Lunak
)')'&' +an4angan Antar Muka
)')'(' +an4angan "asis Data
)')')' +an4angan Struktur $a5igasi
)'*' Im!lementasi dan Pengujian %nit
)'*'&' Im!lementasi
)'*'(' Pengujian %nit
"A" I6 P#$%T%P
*'&' Kesim!ulan
*'(' Saran
2 | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n
I n f o r m a t i k a
Daftar Pustaka
Daftar +i7ayat Hidu!
Surat Keterangan +iset2 PKL 0Jika riset2PKL1
/ Lam!iran
3 | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n
I n f o r m a t i k a
Penjelasan Outline Web Programming
BAB
P!"#A$%&%A"
1'1' &atar Belakang (asalah
"erisikan alasan !emilihan judul TA8 dengan 4ara menguraikan dan menjelaskan
!ermasalahan yang diangkat oleh !enulis'
)ontoh &atar Belakang (asalah :
Lulusan Sekolah Menengah Kejuruan 0SMK1 sam!ai saat ini masih belum
mam!u mengisi !eluang kerja yang dita7arkan dunia industri' "erdasarkan data
dari "adan Pusat Statistik 0"PS1 menunjukkan angka !engangguran !ada Agustus
(99: a!abila dilihat dari !endidikan di dominasi oleh lulusan SMK sebesar &;8(<
!ersen dibandingkan dengan lulusan Sekolah Menengah Atas 0SMA1 sebesar &*8)&
!ersen' Kesenjangan ini disebabkan sebagian besar lulusan SMK di Indonesia kurang
mam!u menyesuaikan diri dengan !erkembangan ilmu dan teknologi8 mengembangkan
diri dan karir di lingkungan kerja 0Mariah = Ma4hmud8 (9&91'
ejala>gejala ini timbul karena kebanyakan sis7a tidak mengetahui 4ara terbaik
mengikuti !elajaran8 memba4a buku8 memahami !elajaran8 menggunakan !er!ustakaan8
membuat tulisan ilmiah dan menja7ab soal ujian' Kondisi ini tidak tidak da!at
dikatakan sebagai kekurangan yang se!enuhnya ada di sis7a teta!i juga dikarenakan
sistem !endidikan di Indonesia masih banyak yang menggunakan model
!embelajaran kon5ensional 0+usman8 (9&9?);(1' Model !embelajaran kon5ensional
ter!usat !ada guru dan terfokus !ada !embelajaran di kelas dimana sis7a hanya
mendengar dan men4atat yang menyebabkan sis7a selalu tergantung ke!ada guru'
%ntuk menghasilkan lulusan yang mandiri dan mam!u men4i!takan la!angan
!ekerjaan sesuai dengan kemam!uan dan ketram!ilan yang dimiliki8 maka SMK !erlu
menera!kan model !embelajaran yang mam!u men4i!takan kemandirian' Atas dasar
identifikasi masalah yang telah di!a!arkan diatas8 maka rumusan masalah !ada tugas
akhir ini adalah bagaimana membangun a!likasi e>learning !ada sekolah menengah dan
sederajat untuk meningkatkan kemandirian sis7a'
1'2' (aksud dan Tujuan
Penulis membuat dua alinea yang menguraikan tentang maksud !embuatan TA dan
tujuan !enulisan TA' Maksud !enulisan TA lebih mengarah !ada a!a yang ingin di4a!ai
dari !enulisan TA' Sedangkan Tujuan Penulisan TA lebih ke arah sebagai salah
satu syarat kelulusan Program Di!loma Tiga 0DIII1 Jurusan Manajemen Informatika di
Akademi Manajemen Informatika dan Kom!uter "ina Sarana Informatika 0AMIK "SI1'
)ontoh (aksud dan Tujuan :
Maksud dari !enulisan tugas akhir ini adalah ?
&' Meran4ang a!likasi e>learning !ada sekolah menengah dan sederajat
yang menyediakan fasilitas bagi sis7a dan guru untuk menyelenggarakan
!embelajaran se4ara mandiri'
(' Mengim!lementasikan a!likasi e>learning !ada !ada sekolah menengah
dan sederajat sehingga sis7a ikut menentukan tujuan !embelajaran8 memilih
bahan
* | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n
I n f o r m a t i k a
!elajaran yang ingin di!elajari dan 4ara mem!elajari8 mem!unyai kebebasan
untuk mengatur ke4e!atan belajar serta menentukan 4ara e5aluasi yang akan
digunakan untuk menilai kemajuan belajar'
Sedangkan tujuan !enulisan tugas akhir adalah sebagai syarat kelulusan Program
Di!loma Tiga 0DIII1 Jurusan Manajemen Informatika di Akademi
Manajemen Informatika dan Kom!uter "ina Sarana Informatika 0AMIK "SI1'
1'3' (etode Penelitian
Menjelaskan metode !enelitian dan teknik !engum!ulan data yang digunakan
untuk !enyusunan TA'
A' Metode Pengembangan Perangkat Lunak
Metode yang digunakan !ada !engembangan !erangkat lunak ini
menggunakan model water fall 0sommer5ille8 (99;?<<1 yang terbagi menjadi tiga
taha!an8 yaitu?
&' Analisis Kebutuhan
Taha!an ini sangat menekan !ada masalah !engum!ulan kebutuhan !engguna !ada
tingkatan sistem dengan menentukan konse! sistem beserta antarmuka yang
menghubungkannya dengan lingkungan sekitar' Hasilnya beru!a s!esifikasi sistem''
(' Peran4angan Sistem dan Perangkat Lunak
Proses !eran4angan sistem ini difokuskan !ada em!at atribut8 yaitu struktur data8
re!resentasi antarmuka8 arsitektur !erangkat lunak8 dan interaksi antar objek
di dalam kelas'
)' Im!lementasi dan Pengujian %nit
Pada taha! ini8 !eran4angan !erangkat lunak direalisasikan sebagai serangkaian
!rogram atau unit !rogram' Kemudian !engujian unit melibatkan 5erifikasi bah7a
setia! unit !rogram telah memenuhi s!esifikasinya'
"' Teknik !engum!ulan Data
Teknik !engum!ulan data yang digunakan oleh !enulis dalam melakukan
!engum!ulan data untuk !embuatan TA adalah ?
&' -bser5asi
Menjelaskan tentang kegiatan obser5asi yang dilakukan meli!uti ? tem!at
atau bagian yang diobser5asi'
(' .a7an4ara
Menjelaskan kegiatan 7a7an4ara terhada! res!onden yang terkait dengan to!ik
TA'
)' Studi Pustaka
Menjelaskan tentang studi !ustaka yang dilakukan untuk mendukung !roses
kom!uterisasi sistem'
1'*' +uang &ingku,
Adalah batasan masalah yang akan dibahas dalam TA yang !enulis buat' "atasan
ini bertujuan untuk alur atau rel dari TA yang dibuat' "atasan dibuat dengan a7al
mula !ermasalahan sam!ai dengan !enyelesaian yang di4a!ai 0misal ? !roses
!engolahan master data 0data sis7a8 data !elajaran8 dan lain>lain18 mengerjakan tugas8
!enilaian sam!ai dengan !embuatan la!oran dengan menggunakan framework Jquery1'
- | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n
I n f o r m a t i k a
1'-' .istematika Penulisan
Menjelaskan mengenai isi dari tia!>tia! bab yang terda!at dalam tugas akhir'
BAB
/ | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n
I n f o r m a t i k a
&A"#A.A" T!O+
2'1' Konse, #asar Web
Menjelaskan tentang teori yang berhubungan dengan judul TA yang dibuat 0dari
setia! kata yang diangkat sebagai judul1' Penulisan definisi ini diikuti dengan
men4antumkan nama !enulis dan buku dari mana definisi tersebut dikuti! 0sesuaikan
dengan teknis !enulisan1'
)ontoh teori konse, dasar ,rogram :
A' .ebsite
Menjelaskan tentang definisi internet8 7ebsite dan a!likasi berbasis 7eb
0se!erti?
7eb bro7ser8 7eb ser5er dan lain
sebagainya1' "' "ahasa Pemrograman
Menjelaskan tentang bahasa !emrograman yang digunakan misal ? Ja5a8
PHP8 HTML8 J@uery dan lain>lain'
A' "asis Data
Menjelaskan tentang definisi basis data dan a!likasi basis data yang digunakan
!ada 7ebsite yang dibangun'
D' Model Pengembangan Perangkat Lunak
Menjelaskan model !engembangan 7ater fall 0air terjun1'
2'2' Teori Pendukung
A' Struktur $a5igasi
Menjelaskan tentang struktur na5igasi'
B. Enterprise Relationship Diagram
Menjelaskan tentang definsi #+D8 kom!onen #+D8 derajat relationship8
dll' A' Pengujian .eb
Menjelaskan tentang black box testing'
BAB
0 | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n
I n f o r m a t i k a
P!(BA$A.A"
3'1' Tinjauan Perusahaan 12113
Tinjauan !erusahaan dilakukan untuk menda!atkan gambaran tentang !roses
bisnis berdasarkan sejarah !erusahaan8 struktur organisasi dan fungsi yang ada di
!erusahaan'
)'&'&' Sejarah Perusahaan
Menjelaskan tentang !rofil dan sejarah
!erusahaan'
)'&'(' Struktur -rganisasi dan 3ungsi
Menggambarkan tentang struktur organisasi yang ada !ada !erusahaan
dengan membuat bagan dari susunan organisasi serta menjelaskan fungsi dan
tugas dari masing>masing fungsi 0job description1'
'
3'2' Analisa Kebutuhan
Mengidentifikasi kebutuhan yang di!eroleh berdasarkan kebutuhan !engguna
dan kebutuhan system'
3'3' Peran4angan Perangkat &unak
3'3'1' +an4angan Antar (uka
Menjelaskan ran4angan antar muka 0interface1 yang terda!at !ada a!likasi
elearning untuk sekolah menengah dan sederajat'
A' +an4angan Antar Muka Login Admin
Login
Close
User Id
Password
BBBB
CCCC>MM>DD
Login
5ambar '1' +an4angan Antar (uka &ogin Admin
6 | H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n
I n f o r m a t i k a
"' +an4angan Antar Muka Menilai Tugas Sis7a
Nilai Tugas Siswa
Pelajaran
BBBBBBBBBBBBBBBB
Tugas Ke DD
Nilai Ujian
NIM Nama Input Nilai Jawaban Online
XXXXXXXX
XXXXXXXX
XXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXX
DDD
DDD
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+efresh Submit $ilai
5ambar '2' +an4angan Antar (uka (enilai Tugas .is7a
3'3'2' Basis #ata
Tugas
IdSoalTugas
Na
M
1
SOL TU!S
TugasKe M
Peran4angan basis data menghasilkan !emetaan tabel>tabel yang
digambarkan dengan Entity Relationship Diagram 0#+D1'
)ontoh !ntit8 +elationshi, #iagram :
A' Entity Relationship Diagram
Tmpla"ir
NamaSiswa
Tglla"ir
KdPelajaran
NamaPelajaran
NIS
JnsKelamin
lamat
StatusSiswa
SIS# P$LJ%N
Nama&a"
1
NamaIbu notlp
no"p
1
NIS
KdPelajaran
IdjawabanTugas
M$N!$%JKN M$MILIKI
IdSoalTugas
wabanTugas IdSoal
maTugas
IdJawabanTugas
UraianTugas
M$MPUN'I
StatusJawaban
(eadline
Tg
IdSoalTugas
M$N(PT
IdJawabanTugas
IdNilaiTugas
M$M)UT
NIP
NIP 1
1
Status!uru
NILITU!S
Nm!uru
!U%U
Nomor*P
TanggalLa"ir
noTelepon
IdNilaiTugas NilaiTugas TempatLa"ir J+el lmt
5ambar '3' Entity Relationship Diagram
B. Logical Relational Structure(LRS)
5ambar '* &ogi4al +elational .tru4ture
)' .,esi9ikasi :ile
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi #+D 0dan
atau file>file !enunjang untuk 7eb1' 3ile>file ini tersim!an !ada EEnamaDatabaseFF
dengan !arameter>!arameter sbb ?
)ontoh .,esi9ikasi :ile ?
&' S!esifikasi 3ile Soal Tugas
$ama 3ile ? Soal Tugas
Akronim ? SoalTugas
3ungsi ? untuk menyim!an data soal tugas
Ti!e 3ile ? 3ile Master
-rganisasi 3ile ? ndexed
!equential Akses 3ile ? +andom
Media ? Harddisk
Panjang record ? ))
Kun4i "ield ? KdTugas
Soft7are ? MysGl
(' EEdan seterusnyaFF
)'
Tabel '1' .,esi9ikasi
:ile .oal Tugas
$o #lemen data $ama 3ield Ti!e SiHe Ket
&' Kode Pelajaran KdPelajaran 6ar4har ) #rimary $ey
(' $ama Pelajaran $ama!elajaran Integer )9
3'*' m,lementasi dan Pengujian %nit
3'*'1' m,lementasi
A' Im!lementasi +an4angan Antar Muka
Im!lementasi ran4angan antar muka !ada a!likasi elearning berdasarkan
hasil ran4angan antar muka'
)ontoh m,lementasi Antar (uka :
&' Halaman Login Admin
%dministrator harus melakukan login terlebih dahulu untuk da!at
menggunakan modul>modul yang tersedia Jika login berhasil8 maka menu>menu
yang sesuai dengan kategori user tersebut akan ditam!ilkan'
(' EEdan seterusnyaFF
"' S!esifikasi Sistem Kom!uter
"erikut ini adalah s!esifikasi !erangkat keras dan !erangkat lunak minimum yang
dibutuhkan untuk mengim!lementasikan a!likasi e>Learning untuk sekolah
menengah dan sederajat'
)ontoh s,esi9ikasi sistem kom,uter :
1' .,esi9ikasi Perangkat Keras
a' !er&er
&1 '#(
0a1 #rocessor ntel) #entium) 'ore * Duo
0b1 R%+ DDR* , -B
041 .ard Disk /00 -B
(1 +ouse
)1 $eyboard
*1 +onitor dengan resolusi layar minimum
&9(*I;<:
,1 $oneksi internet dengan ke4e!atan (
+bps.
b' 'lient
&1 '#(
0a1 #rocessor ntel) #entium) ,
0b1 R%+ DDR* 1-B
041 .ard Disk *0 -B
(1 +ouse
)1 $eyboard
*1 +onitor dengan resolusi layar minimum &9(*I;<:
,1 Koneksi internet dengan ke4e!atan ,< kbps.
2' .,esi9ikasi Perangkat &unak
&' !er&er
a' Sistem o!erasi yang umum digunakan se!erti? +icrosoft 2indows atau 3inux
0(buntu4 "edora4 dll1'
b' %plikasi bundle web ser&er se!erti? 5ampp4 2amp!er&er4 php*triad yang
terdiri dari bebera!a kom!onen8 diantaranya?
0&1 A!likasi %pache !er&er &*
0(1 A!likasi #.# !er&er &/
0)1 A!likasi +y!63 !er&er &/
0*1 A!likasi php+y%dmin &7
4' A!likasi 2eb 3ihatr se!erti +o8illa "irefox4 9pera4 !afari4 nternet
Explorer4 -oogle 'hrome.
*. 'lient
a' Sistem o!erasi yang umum digunakan se!erti? +icrosoft 2indows atau 3inux
0(buntu4 "edora4 dll1'
b' A!likasi 7eb browser se!erti +o8illa "irefox4 9pera4 !afari4 nternet
Explorer4 -oogle 'hrome.
)'*'(' Pengujian %nit
Pengujian terhada! !rogram yang dibuat menggunakan blackbox testing
yang fokus terhada! !roses masukan dan keluaran !rogram'
)ontoh Pengujian %nit :
A' Pengujian Terhada! 3orm Login
Tabel '2
$asil Pengujian Black Box Testing $alaman Login
$o' Skenario !engujian :est case Hasil yang dihara!kan Hasil
!engujian
Kesim!ulan
&' %ser Id dan
!ass7ord tidak diisi
kemudian klik
tombol login
(ser d ? 0kosong1
#assword? 0kosong1
Sistem akan menolak
akses user dan
menam!ilkan J%ser Id
dan !ass7ord tidak
dikenalK
Sesuai
hara!an
6alid
(' Mengetikkan user
ID dan !ass7ord
tidak diisi atau
kosong kemudian
klik tombol login
(ser ID? &99&
#assword ? 0kosong1
Sistem akan menolak
akses user dan
menam!ilkan J%ser Id
dan !ass7ord tidak
dikenalK
Sesuai
hara!an
6alid
)' %ser ID tidak diisi (ser d? 0kosong1 Sistem akan menolak Sesuai 6alid
0kosong1 dan
!ass7ord diisi
kemudian klik
tombol login
#assword? &DD:>9)>)& akses user dan
menam!ilkan J%ser Id
dan !ass7ord tidak
dikenalK
hara!an
*' Mengetikkan salah
satu kondisi salah
!ada user ID atau
!ass7ord kemudian
klik tombol login
(ser ID? &99& 0benar1
#assword? &DD:>9)>)&
0salah1
Sistem akan menolak
akses user dan
menam!ilkan J%ser Id
dan !ass7ord tidak
dikenalK'
Sesuai
hara!an
6alid
,' Mengetikkan user
ID dan !ass7ord
dengan data yang
benar kemudian
klik tombol login
(ser ID? &99& 0benar1
#assword? &DD:>9)>)&
0benar1
Sistem menerima akses
login dan kemudian
langsung menam!ilkan
menu utama'
Sesuai
hara!an
6alid
BAB ;
P!"%T%P
*'1' Kesim,ulan
Menguraikan tentang solusi dari !ermasalahan yang ada !ada objek yang
menjadi tema tugas akhir'
*'2' .aran
Menguraikan saran yang mendukung keberhasilan dari im!lementasi !rogram
yang diusulkan serta !engembangan ke arah yang akan datang'
IdJa
M
Jawaban Tugas
M
lKirim
1
,ile
JawabanTugas