LAPORAN PROYEK PERANGKAT LUNAK

FRONTEND DAN BACKEND

Disusun oleh:
Bagas Ilyas Widyanto
201501105

Dosen
Padosroha Marbun, S.Kom.

JURUSAN SISTEM INFORMASI

SEKOLAH TINGGI ILMU KOMPUTER “YOS SUDARSO”
PURWOKERTO
2018
A. PENGERTIAN

 Front-End
Mengacu pada setiap aspek dari proses desain yang muncul dalam atau
berhubungan langsung dengan browser yang berkaitan dengan desain antarmuka
website. Dari namanya (Front-End) harusnya kita mengerti arti dari Front-End.
Front-End merupakan istilah yang mengacu pada developer yang bekerja dibagian
desain layout suatu website atau aplikasi, dimana seorang developer akan
mengerjakan user interface agar desain terlihat menarik dan tidak terlihat
membosankan untuk dilihat. Seorang Front-End developer wajib menguasai
program HTML, CSS, Javascript dan juga framework seperti jQuery, Bootstrap dan
lain sebagainya.

 Back-End
Setelah tampilan desain dibuat oleh Front-End developer maka tugas akan
dilanjutkan oleh seorang Back-End dimana tugas utamanya adalah membuat
website dan atau aplikasi bisa berjalan dan bisa digunakan oleh pengguna, misalnya
membuat program CMS (dashboard, halaman admin, dll). Selain itu seorang Back-
End developer biasanya menguasai bahasa program seperti PHP, java, dan dan bisa
menggunakan framework seperti Code Igniter, Laravel dan framework lain-lainnya.
Tidak ketinggalan juga seorang Back-End developer biasanya memahami database
seperti MySQL dll. Bukan tetapi seorang Back-End tidak bisa mengerjakan Front-
End developer ataupun sebaliknya, biasanya mereka juga bisa mengerjakan Front-
End.
B. Front End
1. Admin :

Keterangan :
 Dalam front end ini akan terlihat beberapa menu yang ada, tetapi masih ada
beberapa menu yang belum ditampilkan karena sistem ini belum sepenuhnya
selesai.
 Menu-menu diatas memeliki fungsinya masing-masing.

2. User
Untuk bagian user sendiri masih dalam proses pengerjaan, dan pada tampilan front
end user tidak berbeda jauh dengan admin namun banyak menu yang hilang.
C. Back End
1. Admin :
a. Daftar Siswa

Keterangan :
Salah satu contoh back end adalah menu dari daftar siswa, dimenu ini nanntinya
admin bisa melihat daftar siswa yang ada, menghapus, dan mengedit informasi
dari siswa .

b. Tambah siswa

Keterangan :
Pada menu tambah siswa ini admin bisa menambahkan / insert siswa baru dan
setelah data siswa ditambahkan maka data baru tersebut akan muncul di menu
daftar siswa.
c. Daftar Dosen

Keterangan :
Menampilkan data dari table dosen, di menu ini data dosen juga bisa dihapus atau
di edit.

d. Tambah Dosen

Keterangan :
Pada menu tambah dosen admin bisa menambahkan data diri dosen dan setelah
menambahkan data dosen maka akan muncul di menu daftar dosen.