laporan pk (proposal)
TRANSCRIPT
-
8/17/2019 Laporan PK (Proposal)
1/34
BAB I
PENDAHULUAN
1.1. Latar Belakang
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi, dan menyediakan
pihak luar tertentu dengan laporan-laporan yang diperlukan[1]. Pada saat ini,
sistem informasi sudah digunakan dalam berbagai bidang, mulai dari bidang
kesehatan, pendidikan maupun bidang lainnya yang membutuhkan informasi
secara intens. Dalam bidang pendidikan, sistem informasi dapat digunakan untuk
pengelolaan data dan informasi mengenai tracer study yang akan diterapkan pada
ebsite !akultas "eknik #ni$ersitas %egeri &ambung 'angkurat (!akultas
"eknik #%&)'*.
Tracer study atau studi pelacakan adalah studi yang fokus utamanya untuk
memperoleh informasi mengenai lulusan yang sudah bekerja maupun yang belum
bekerja[+]. egiatan tracer study ini dilaksanakan oleh Sub agian
emahasisaan dan ubungan )lumni !akultas "eknik #%&)'.
Setiap tahunnya !akultas "eknik meluluskan ratusan mahasisa baik itu
sebagai sarjana (S1*. Sebelum dilaksanakannya kegiatan yudisium ataupun
isuda, seorang mahasisa dihimbau untuk mengisi kuisioner tracer study yang
berfungsi untuk meningkatkan daya saing lulusan. 'elalui tracer study ini akan
dilakukan pemetaan daya saing lulusan untuk penyempurnaan sistem pelacakan
lulusan yang sudah tersedia[/].Pada tahun +01/ kegiatan tracer study sudah mulai dilaksanakan oleh
!akultas "eknik #%&)' dengan cara melakukan pengisian pada file kuesioner
yang diberikan oleh Sub agian emahasisaan dan ubungan )lumni,
kemudian setelah diisi file tersebut dikirimkan ke alamat email akil Dekan 222
!akultas "eknik.
erikut 3ambar 1.1 merupakan tampilan dari kuesioner tracer study
dengan menggunakan Mirosoft Word ('s.ord*.
-
8/17/2019 Laporan PK (Proposal)
2/34
3ambar 1.1 uesioner Tracer Study dengan 's. ord (bagian 1*
3ambar 1.+ uesioner Tracer Study dengan 's. ord (bagian +*
Pada 3ambar 1.1 dan 3ambar 1.+ dapat dilihat kuesioner tracer study
yang berisi berbagai pertanyaan yang harus diisi oleh para alumni yang apabila
telah selesai diisi, maka file tersebut harus dikirimkan melalui email. 4ara ini
tentunya tidak efisien dan juga tidak efektif karena dinilai tidak praktis, mengingat
dari kenyataan yang terjadi dilapangan, misalkan perbandingan dari +0 orang yang
diberikan file kuesioner hanya 5 sampai 6 orang saja yang melakukan pengisian
kuesioner dan mengirimkannya kepada akil Dekan 222.
Setelah itu, pada tahun +016 !akultas "eknik #%&)' membuat sistem
informasi tracer study dengan tujuan untuk memudahkan dalam pengisian
kuesioner tracer study. %amun setelah dibuat, sistem ini tetap juga belum berjalan
-
8/17/2019 Laporan PK (Proposal)
3/34
sebagaimana mestinya. al ini dikarenakan eb tracer study yang ada masih
memiliki berbagai kekurangan, seperti tidak adanya sistem keamanan seperti
login jadi siapapun dapat mengisi kuesioner tracer study, dan juga keterbatasan
dalam menginput data serta form-form kuesioner yang masih terbatas jumlahnya
karena tidak dapat memuat banyak form kuesioner, serta tampilannya yang masih
sangat sederhana dan tidak menarik. )kibatnya sistem ini tidak dapat berjalan
sebagaimana mestinya dan pengisian kuesioner tracer study menjadi tidak
maksimal.
erikut 3ambar 1./ merupakan tampilan dari eb tracer study !akultas
"eknik #%&)' yang sudah ada namun belum efektif dalam pemakaiannya.
-
8/17/2019 Laporan PK (Proposal)
4/34
3ambar 1./ "ampilan eb Tracer Study !akultas "eknik #%&)' yang ada saat ini
Dari latar belakang yang telah dijelaskan sebelumnya, maka Sub agian
emahasisaan dan ubungan )lumni diusulkan untuk mengembangkan sistem
informasi tracer study agar lebih baik lagi dan dapat berjalan sesuai harapan .
Sistem informasi tracer study ini dapat diakses kapanpun dan dimanapun asalkan
ada fasilitas internet. Sistem informasi ini nantinya juga akan dibekali sistem
login agar tidak semua orang dapat mengaksesnya, jadi hanya orang yang berkepentingan (alumni !akultas "eknik #%&)'* yang dapat melakukan login.
Setelah melakukan login dan pengisian kuesioner maka user (alumni* akan
mendapatkan artu )lumni yang juga merupakan hasil keluaran (output * dari
sistem informasi tracer study yang akan dibuat. )dapun keuntungan bagi Sub
agian emahasisaan dan ubungan )lumni yang disini bertindak sebagai
admin, data-data ini nantinya akan memberikan hasil berupa laporan tracer study
mengenai alumni !akultas "eknik per program studi yang ada di fakultas.
Dengan adanya sistem ini diharapkan dapat membuat pengisian tracer
study di !akultas "eknik #%&)' berjalan dengan lancar dan sesuai harapan.
7leh karena itu dipilihlah topik 8Pengembangan Sistem 2nformasi Tracer Study
erbasis Website Pada !akultas "eknik #ni$ersitas &ambung 'angkurat9.
-
8/17/2019 Laporan PK (Proposal)
5/34
1.2. Rumusan Masalah
erdasarkan latar belakang masalah tersebut, maka rumusan masalahnya adalah
bagaimana membangun sistem informasi tracer study pada !akultas "eknik
#ni$ersitas &ambung 'angkurat.
1.3. Batasan Masalah
atasan masalah dalam penelitian ini yaitu sebagai berikut:
1. 'embuat website tracer study !akultas "eknik #%&)'
+. 'enginput data alumni per angkatan per program studi
/. 'enghasilkan output berupa laporan data tracer study
5. 'enghasilkan output berupa kartu alumni
1.4. Tuuan Penel!t!an
Dari beberapa masalah di atas tujuan pelaksanaan Proyek elompok adalah
sebagai berikut:
1. 'emabngun sebuah sistem informasi tracer study berbasis website.
+. 'emberikan kemudahan bagi staf Sub agian emahasisaan dan ubungan
)lumni dalam mengelola data tracer study dan data alumni.
/. 'emberikan kemudahan bagi staf Sub agian emahasisaan dan ubungan
)lumni, sistem informasi tracer study juga memberikan kemudahan terhadap
alumni !akultas "eknik #%&)' dalam mengakses dan melakukan pengisian
kuesioner tracer study pada website yang telah dibuat, karena tidak harus
datang langsung Sub agian emahasisaan dan ubungan )lumni.
5. 'emberikan kemudahan bagi stakeholder dalam mengelola tracer study
!akultas "eknik #%&)'.
1.". Man#aat Penel!t!an
erikut ini adalah manfaat dari penulisan laporan Proyek elompok, yaitu:
1. agi 'anajemen Perguruan "inggi yaitu untuk kepentingan akreditasi, sistem
ranking, e$aluasi kualitas Perguruan "inggi (internal dan eksternal*, serta
publikasi dan promosi Perguruan "inggi. 'asukan dalam bidang kurikulum,
proses pembelajaran, sarana prasarana, dan pelayanan dan peningkatan SD'
-
8/17/2019 Laporan PK (Proposal)
6/34
+. agi ;iset
-
8/17/2019 Laporan PK (Proposal)
7/34
BAB III ANALI(A DAN DE(AIN
a. Permasalahan
1* 'endeskripsikan permasalahan yang timbul pada sistem informasi
yang menjadi pokok bahasan.
b. #sulan pemecahan masalah
1* 'elakukan desain sistem yang diusulkan (Desain Proses, Desain
Data, Desain 2nterface*
BAB I+ HA(IL DAN PEMBAHA(AN
a. 2mplementasi sistem
1* 2mplementasi sistem merupakan tahap meletakkan hasil sistem
sehingga siap untuk dioperasikan. 2mplementasi bertujuan
untuk mengonfirmasi modul-modul perancangan, sehingga
pengguna dapat memberi masukan kepada pengembangan
sistem.
+* 2mplikasi
Deskripsi hasil dari implementasi sistem yang diperoleh dari
pengguna, pihak instansi
-
8/17/2019 Laporan PK (Proposal)
8/34
BAB II
LANDA(AN TE,RI
2.1. Website
Website merupakan sistem hypermedia yang berarea luas yang ditujukan untuk
akses secara uni$ersal. Salah satu kuncinya adalah kemudahan tempat seseorang
atau perusahaan dapat menjadi bagian dari web berkontribusi pada web (anson,
+005*.
Web merupakan sistem yang menyebabkan pertukaran data di internet menjadi
mudah dan efisien. Web tersdiri atas + komponen dasar:
1. Server web: sebuah komputer dan software yang menyimpan dan
mendistribusikan data ke komputer lainnya melalui internet.
+. Browser web: software yang dijalankan pada komputer pemakai atau
client yang meminta informasi dari server web yang menampilkannya
sesuai file data itu sendiri (anson, +000*
'enurut ardjono (+00=*, Web merupakan fasilitas hiperteks untuk
menampilkan data berupa teks, gambar, suara, animasi dan data multimedia
lainnya.
2.2. Data)ase M-(L
'yS>& merupakan pemrograman& (Structured Query
anguage*. 'yS>& merupakan system manajemen database yang dapat
diandalkan dan penggunaannya mudah untuk dipahami. 'yS>& didesain untuk
menangani database yang besar dengan cepat, memiliki tingkat keamanan dan
konekti$itas yang tinggi. 'yS>& membuat pemprogram dan seorang
administrator database dapat melakukan hal-hal berikut:
1. 'engubah Struktur !atabase.
+. 'engubah Pengaturan eamanan Sistem.
/. 'emberikan ak akses pada pengguna untuk mengakses database atau tabel.
5. 'emutakhirkan isi database.
-
8/17/2019 Laporan PK (Proposal)
9/34
)dapun logo dari 'yS>& dapat dilihat pada 3ambar +.1 berikut:
3ambar +. 1 &ogo 'yS>&(Sumber: .mys?l.com*
2.3. HTML / Hypertext Markup Language0
"yperte#t Markup anguage ("'&* adalah bahasa standar yang digunakan
untuk menampilkan halaman eb. @ang bisa dilakukan dengan "'& yaitu:
1. 'engatur tampilan dari halaman eb dan isinya.
+. 'embuat tabel dalam halaman eb.
/. 'empublikasikan halaman eb secara online.
5. 'embuat form yang bisa digunakan untuk menangani registrasi dan transaksi
$ia eb.
6. 'enambahkan objek-objek seperti citra, audio, $ideo, animasi, ja$a appletdalam halaman eb.
=. 'enampilkan area gambar (can$as* di browser .
)dapun logo dari "'& dapat dilihat pada 3ambar +./ berikut:
3ambar +. + &ogo "'& (Sumber: ./schools.com*
2.4. (( /Cascading Style Sheet 0
$ascading Style Sheet (4SS* merupakan salah satu bahasa pemrograman eb
untuk mengendalikan beberapa komponen dalam sebuah eb sehingga akan lebih
terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata
http://www.mysql.com/http://www.mysql.com/
-
8/17/2019 Laporan PK (Proposal)
10/34
seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading,
subbab, bodyte#t, footer, images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa file. Pada umumnya 4SS dipakai untuk
memformat tampilan halaman eb yang dibuat dengan bahasa "'& dan
A"'& [=].
4SS dapat mengendalikan ukuran gambar, arna body teks, arna tabel,
ukuran border, arna border, arna hyperlink , arna mouse over , spasi antar
paragraf, spasi antar teks, margin kiri
-
8/17/2019 Laporan PK (Proposal)
11/34
Script pilihan yang lebih populer daripada bahasa yang memerlukan server untuk
melakukan pengolahan[B].
)dapun logo dari %avascript dapat dilihat pada 3ambar +.5 berikut:
3ambar +. 5 &ogo Ca$ascript (Sumber: .planet-source-code.com*
2.$. PHP / Hypertext Preprocessor)
"yperte#t &reprocessor adalah bahasa skrip server'side dalam pengembangan
eb yang dapat ditanamkan atau disisipkan ke dalam "'&. PP banyak dipakai
untuk memprogram situs eb dinamis. PP dapat digunakan untuk membangun
sebuah 4'S [B].
"ujuan utama dari pemprograman ini adalah untuk memungkinkan para
pengembang eb dinamis. eunggulan dari bahasa server'side scripting PP ini
adalah sebagai berikut:
1. PP tidak berbayar
+. PP bersifat open source
/. PP bersifat cross'platform
5. PP banyak digunakan
6. PP menyembunyikan kompleksitasnya
=. PP dibuat untuk pemrograman eb
)dapun logo dari PP dapat dilihat pada 3ambar +.6 berikut:
http://www.planet-source-code.com/vb/default.asp?lngWId=14http://www.planet-source-code.com/vb/default.asp?lngWId=14
-
8/17/2019 Laporan PK (Proposal)
12/34
3ambar +. 6 &ogo PP(Sumber: .php.net*
2.'. Larael
&ara$el merupakan salah satu jenis framework PP yang menekankan padakesederhanaan dan fleksibilitas pada desainnya. &ara$el dirilis dibaah lisensi
'2" dengan sumber kode yang disediakan di 3ithub. Sama seperti framework
PP lainnya, &ara$el dibangun dengan basis '4 ( Model'(iew'$ontroller *.
&ara$el dilengkapi command line tool ynag bernama 8 )rtisan9 yang bisa
digunakan untuk packaging bundle dan instalasi bundle. 'enurut sur$ey yang
lakukan oleh Sitepoint.com pada Desember +01/ dalam popularitas frameork
PP, &ara$el menduduki urutan teratas. Sehingga menjadikan &ara$el sebagai
frameork PP terbaik untuk tahun +015. Saat ini &a$arel merupakan framework
dengan $ersi PP yang up'to'date, karena &ara$el menisyaratkan PP $ersi 6./
keatas.
)dapun logo dari &ara$el dapat dilihat pada 3ambar +.= berikut:
3ambar +. = &ogo &ara$el (Sumber: .lara$el.com*
2.5. B%%tstra
'enurut usein )latas.(+01/*, dalam bukunya *esponsive Web !esign dengan
PP dan Bootstrap, Bootstrap merupakan sebuah framework 4SS ($ascading
Style Sheet * dari titter, yang menyediakan kumpulan komponen-komponen
antarmuka dasar pada eb yang telah dirancang sedemikian rupa untuk digunakan bersama-sama.
Selain komponen antarmuka, Bootstrap juga menyediakan sarana untuk
membangun layout halaman dengan mudah dan rapi, serta moditifikasi pada
tampilan dasar "'& untuk membuat seluruh halaman web yang dikembangkan
senada dengan komponen-komponen lainnya.
)dapun logo dari ootstrap dapat dilihat pada 3ambar +.B berikut:
-
8/17/2019 Laporan PK (Proposal)
13/34
3ambar +. B &ogo ootstrap (Sumber: .getbootstrap.com*
-
8/17/2019 Laporan PK (Proposal)
14/34
BAB III
ANALI(A DAN DE(AIN
3.1. I&ent!#!kas! Permasalahan
Dari latar belakang masalah yang telah diberikan dari hasil interview dengan
akil Dekan 222 !akultas "eknik serta setelah dilakukan pengamatan langsung di
lapangan, maka permasalahan yang terjadi pada Sub agian emahasisaan dan
ubungan )lumni !akultas "eknik #ni$ersitas &ambung 'angkurat (#%&)'*
adalah pengisian kuesioner tracer study yang dalam prosesnya masih tidak
berjalan sebagaimana mestinya. al ini dikarenakan sistem informasi tracer
study yang ada saat ini masih mempunyai banyak kendala, seperti tidak adanya
sistem login jadi siapapun dapat mengisi kuesioner tracer study, dan juga
keterbatasan dalam menginput data serta form-form kuesioner yang masih terbatas
jumlahnya karena tidak dapat memuat banyak form kuesioner. 2dentifikasi
permasalahan ini dilakukan untuk menemukan konsep-konsep dan teori-teori yang
dapat mendukung dalam pemecahan suatu permasalahan yang ada.
Pada saat seorang mahasisa telah menyelesaikan studinya dan
mendapatkan gelar dari hasil kerja kerasnya maka dia akan menjadi seorang
lulusan atau alumni dari fakultas tersebut. Sebelum dilaksanakannya kegiatan
yudisium ataupun isuda, seorang mahasisa yang akan menjadi alumni
dihimbau untuk mengisi kuisioner tracer study yang berfungsi untuk
meningkatkan daya saing lulusan. 'elalui tracer study ini akan dilakukan
pemetaan daya saing lulusan untuk penyempurnaan sistem pelacakan lulusan yang
sudah tersedia. arena fokus utama tracer study untuk memperoleh informasimengenai lulusan yang sudah bekerja maupun yang belum bekerja.
erikut ini merupakan alur kuesioner tracer study yang masih
menggunakan sistem manual pada !akultas "eknik #%&)'.
-
8/17/2019 Laporan PK (Proposal)
15/34
-
8/17/2019 Laporan PK (Proposal)
16/34
3ambar /.1 !ocument +low
)dapun 3ambar /. di baah ini merupakan alur sistem informasi tracer
study yang ada saat ini pada !akultas "eknik #%&)'.
-
8/17/2019 Laporan PK (Proposal)
17/34
-
8/17/2019 Laporan PK (Proposal)
18/34
3.2. Anal!s!s Permasalahan
Setelah melakukan identifikasi masalah, maka didapatkan permasalahan yang
dialami oleh akil Dekan 222 yang mengurus bidang kemahasisaan dan
hubungan alumni, khususnya pada kegiatan tracer study.
akil Dekan 222 melalui Sub agian emahasisaan dan ubungan
)lumni memiliki tanggung jaab untuk mengadakan tracer study bagi alumni
!akultas "eknik #ni$ersitas &ambung 'angkurat (#%&)'*, hal ini sehubungan
dengan dilaksanakannya re-akreditasi program studi yang ada di lingkungan
!akultas "eknik #%&)', serta peremajaan database alumni !akultas "eknik.
Dan juga sebagaimana yang ada pada document flow di atas, untuk sistem
yang sudah ada masih belum berjalan sebagaimana mestinya karena adanya
berbagai kendala dan kekurangan. #ntuk itu dalam meyelesaikan permasalahan
yang terjadi, maka dibutuhkan suatu program aplikasi berbasis website yang
mampu melakukan semua proses terkait kegiatan tracer study sehingga membantu
dalam pengelolaan data tracer study dan data alumni !akultas "eknik #%&)'
tanpa harus melalui proses rumit yang mengakibatkan program tracer study
tersebut tidak dapat berjalan dengan lancar.
3.3. Pemeahan Masalah
#ntuk mengatasi permasalahan yang berkaitan dengan pengisian kuisioner tracer
study, maka diusulkan untuk mengembangkan Sistem 2nformasi Tracer Study
!akultas "eknik #%&)' erbasis Website. Sistem informasi tracer study akan
dikelola oleh Sub agian emahasisaan dan ubungan )lumni yang bertindak
sebagai super admin. )dapun masing-masing program studi yang ada di !akultas
"eknik sebagai admin biasa.
Dalam pengembangan sistem informasi ini, penulis menggunakan
berbagai bahasa pemrograman. Seperti menggunakan bahasa pemprograman PP,
&ara$el, 4SS ootstrap, "'& dan juga avascript serta menggunakan 'yS>&
sebagai sistem keamanan dan database.
-
8/17/2019 Laporan PK (Proposal)
19/34
Dengan dikembangkannya aplikasi Sistem 2nformasi Tracer Study
!akultas "eknik #%&)' ini diharapkan dapat membantu Sub agian
emahasisaan dan ubungan )lumni dalam melaksanakan kegiatan tracer
study agar berjalan dengan lancar sebagaimana mestinya.
3.4. Perenanaan (!stem
Dalam membuat program aplikasi, terlebih dulu dilakukan proses perencanaan
sistem. al ini bertujuan agar aplikasi yang dibuat dapat berfungsi sesuai dengan
yang diharapkan, yaitu membantu stakeholder dalam menyelesaikan
permasalahan yang ada.
)dapun tahapan-tahapan dalam perencanaan sistem yang dilakukan adalah
pembuatan Desain -se case Diagram , Desain )ctivity Diagram, Desain !atabase,
Struktur !atabase, dan Desain nterface.
3.4.1. Desa!n se case D!agram
Desain use case diagram pada Sistem 2nformasi Tracer Study terbagi menjadi +
(dua* bagian, yaitu use case diagram alumni dan use case diagram admin.
1. Desain -se $ase Diagram )lumni)dapun 3ambar /. merupakan use case diagram alumni, yaitu:
-
8/17/2019 Laporan PK (Proposal)
20/34
-
8/17/2019 Laporan PK (Proposal)
21/34
3ambar /. Desain -se $ase Diagram )dmin
!.".2. Desa!n #cti$ity D!agram
Desain activity diagram pada Sistem 2nformasi Tracer Study terbagi dalam +
(dua* bagian, yaitu sebagai berikut:
1. Desain )ctivity Diagram )lumni
erikut 3ambar /. merupakan desain dari activity diagram alumni Sistem
2nformasi Tracer Study.
-
8/17/2019 Laporan PK (Proposal)
22/34
3ambar /. Desain )ctivity Diagram )lumni
)ktifitas pertama yang dilakukan seorang alumni untuk masuk ke dalam website
yaitu memasukan username dan password yang disebut dengan proses login. Pada
aktifitas selanjutnya alumni akan memasuki halaman beranda dari website yang
mana kana mendapatkan 5 na$igasi utama dimulai dari menu utama yaitu menu
form tracer study yang berfungsi sebgai halaman penginputan kuisioner tracer
study. 'enu berita sebgai halaman informasi untuk setiap alumni, menu komentar
-
8/17/2019 Laporan PK (Proposal)
23/34
berfungsi untuk setiap alumni dapat mengirimkan komentar ke admin secara
langsung melalui fitur komentar pada website, dan yang terakhir ialah menu
tentang yang memuat sedikit informasi mengenai keberadaan website ini.
+. Desain )ctivity Diagram )dmin
erikut 3ambar /. merupakan desain dari activity diagram admin Sistem
2nformasi Tracer Study.
-
8/17/2019 Laporan PK (Proposal)
24/34
-
8/17/2019 Laporan PK (Proposal)
25/34
website ini. Pada na$igasi lainnya ialah menu berita sebagai pengelolaan
keseluruhan berita, menu komentar berfungsi untuk admin melihat dan membaca
setiap komentar yang masuk dari input oleh alumni serta admin dapat mengelola
komentar yang telah ditampilkan. 'enu berikutnya yaitu menu tracer study yang
mana pada bagian ini diberikan lg sub menu tambahan yaitu tracer study sebagai
halaman untuk admin melihat hasil setiap input alumni yang mana telah
melakukan kegiatan tracer study pada website, kartu alumni berfungsi sebgai
halaman pencetakan kartu alumni, dan yang terakhir adalah menu statistik yang
mana memiliki fungsi sebagai menu pengelolaan data input alumni untuk dijadika
sebuah parameter kseimpulan yang disajikan dalam bentuk statistik.
!.".!. Desa!n %atabase
)dapun 3ambar /. berikut ini merupakan tampilan dari desain database Sistem
2nformasi Tracer Study, yaitu:
-
8/17/2019 Laporan PK (Proposal)
26/34
3ambar /. Desain !atabase
!.".". (truktur %atabase
erikut ini merupakan struktur database dari Sistem 2nformasi Tracer Study,
yaitu:
1. "abel E ("abel /.1*
%ama "abel :
!ungsi "abel :
"abel /.1 "abel !atabase /
+. "abel E ("abel /.+*
%ama "abel :
-
8/17/2019 Laporan PK (Proposal)
27/34
!ungsi "abel :
"abel /.+ "abel !atabase /
/. "abel E ("abel /./*
%ama "abel :
!ungsi "abel :
"abel /./ "abel !atabase /
5. "abel E ("abel /.5*
%ama "abel :
!ungsi "abel :
"abel /.5 "abel !atabase /
6. "abel E ("abel /.6*
%ama "abel :
!ungsi "abel :
"abel /.+ "abel !atabase /
!.".&. Desa!n 'nter(ace
Desain nterface merupakan desain antarmuka suatu website yang akan dibuat,
berikut ini merupakan desain-desain interface yang terdapat pada Sistem
2nformasi Pelepasan Sarjana, yaitu:
a. Desain nterface alaman -ser
erikut ini adalah desain-desain interface dari halaman user, yaitu:
1. Desain nterface alaman ogin )lumni
-
8/17/2019 Laporan PK (Proposal)
28/34
Pada bagian halaman login ada + (dua* form yang harus diisi yaitu username
dan password . Dan setelah mengisi username dan password dengan benar lalu
tekan tombol ogin untuk masuk ke halaman eb. )dapun 3ambar /.
merupakan desain halaman login alumni, yaitu:
3ambar /. Desain nterface alaman ogin
+. Desain nterface alaman eranda
)dapun 3ambar /. merupakan desain interface halaman eranda, yaitu:
-
8/17/2019 Laporan PK (Proposal)
29/34
3ambar /. Desain nterface alaman eranda
/. Desain nterface alaman "entang
erikut 3ambar /. merupakan desain interface halaman "entang, yaitu:
-
8/17/2019 Laporan PK (Proposal)
30/34
3ambar /. Desain nterface alaman "entang
5. Desain nterface alaman uisioner Tracer Study
)dapun 3ambar /. merupakan desain interface halaman uisioner Tracer
Study, yaitu:
-
8/17/2019 Laporan PK (Proposal)
31/34
3ambar /. Desain nterface alaman uisioner Tracer Study
6. Desain nterface alaman erita
erikut 3ambar /. merupakan desain interface halaman erita, yaitu:
-
8/17/2019 Laporan PK (Proposal)
32/34
3ambar /. Desain nterface alaman erita
=. Desain nterface alaman omentar )dapun 3ambar /. merupakan desain interface halaman omentar, yaitu:
-
8/17/2019 Laporan PK (Proposal)
33/34
3ambar /. Desain nterface alaman omentar
b. Desain nterface alaman )dminerikut ini adalah desain-desain interface dari halaman admin, yaitu:
1. Desain nterface alaman ogin )dmin
Pada bagian halaman login ada + (dua* form yang harus diisi yaitu username
dan password . Dan setelah mengisi username dan password dengan benar lalu
tekan tombol ogin untuk masuk ke halaman eb. )dapun 3ambar /.
merupakan desain halaman login admin, yaitu:
-
8/17/2019 Laporan PK (Proposal)
34/34
3ambar /.
+.