laporan pk (proposal)

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*.


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


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.


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.


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'


6/34

+. agi ;iset


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/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.


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/


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


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


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:


13/34

3ambar +. B &ogo ootstrap (Sumber: .getbootstrap.com*


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 #%&)'.


15/34


16/34

3ambar /.1 !ocument +low

)dapun 3ambar /. di baah ini merupakan alur sistem informasi tracer

study yang ada saat ini pada !akultas "eknik #%&)'.


17/34


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.


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:


20/34


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.


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


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.


24/34


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:


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 :


27/34

!ungsi "abel :

"abel /.+ "abel !atabase /

/. "abel E ("abel /./*

%ama "abel :

!ungsi "abel :

"abel /./ "abel !atabase /


%ama "abel :

!ungsi "abel :

"abel /.5 "abel !atabase /


%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


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:


29/34

3ambar /. Desain nterface alaman eranda

/. Desain nterface alaman "entang

erikut 3ambar /. merupakan desain interface halaman "entang, yaitu:


30/34

3ambar /. Desain nterface alaman "entang

5. Desain nterface alaman uisioner Tracer Study

)dapun 3ambar /. merupakan desain interface halaman uisioner Tracer

Study, yaitu:


31/34

3ambar /. Desain nterface alaman uisioner Tracer Study

6. Desain nterface alaman erita

erikut 3ambar /. merupakan desain interface halaman erita, yaitu:


32/34

3ambar /. Desain nterface alaman erita

=. Desain nterface alaman omentar )dapun 3ambar /. merupakan desain interface halaman omentar, yaitu:


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:


34/34

3ambar /.

+.

laporan pk (proposal)

Documents