Desain Interface Fase Workshop Design

Tabel 4.36 Tabel Profesi Sumber : Data diolah Penulis No. Nama Field Tipe Data Ukuran Keterangan 1 id_profesi Int 15 Kode Profesi 2 nip Varchar 25 NIP Dosen 3 th_profesi Varchar 25 Tahun 4 jenis_profesi Text Jenis Organisasi 5 jab_profesi Varchar 25 Jabatan

4.3.3. Desain Interface

1. Login Gambar 4.39 Rancangan User Interface Login Super Admin, Admin, dan Dosen L O G O A p l ik a s i C u r r i c u l u m V it a e D o s e n F a k u l t a s S a in s D a n T e k n o lo g i U I N S y a r if H i d a y a t u ll a h J a k a r t a F o o t e r N I P : P a s s w o r d : L o g i n 2. Beranda Gambar 4.40 Rancangan User Interface Beranda Super Admin, Admin, dan Dosen 3. Data Registrasi Gambar 4.41 Rancangan User Interface Registrasi Super Admin, dan Admin F o o t e r B e r a n d a L a p o r a n K o n t a k K a m i R e g is t r a s i L O G O A p li k a s i C u r r i c u l u m V it a e D o s e n F a k u lt a s S a in s D a n T e k n o lo g i U I N S y a r if H i d a y a t u ll a h J a k a r t a F o o t e r B e r a n d a L a p o r a n K o n t a k K a m i R e g is t r a s i K e lu a r C u r r ic u l u m V it a e I d e n t it a s D ir i R iw a y a t P e n d i d ik a n P e r g u r u a n T i n g g i P e l a t i h a n P r o f e s io n a l P e n g a la m a n M e n g a ja r P r o d u k B a h a n A j a r P e n g a l a m a n P e n e li t ia n K a r y a T u l is I l m ia h K o n f e r e n s i S e m i n a r L o k a k a r y a S im p o s iu m K e g i a t a n P r o f e s io n a l P e n g a b d i a n K e p a d a M a s y a r a k a t J a b a t a n D a l a m P e n g e lo la a n I n s t it u s i P e r a n D a l a m K e g ia t a n K e m a h a s is w a a n P e n g h a r g a a n P i a g a m O r g a n i s a s i P r o f e s i I lm i a h S e l a m a t D a t a n g A n d a L o g in S e b a g a i A D M I N I S T R A T O R V is i M e n j a d i k a n U I N S y a r if H id a y a t u l la h J a k a r t a s e b a g a i le m b a g a p e n d i d i k a n t i n g g i t e r k e m u k a d a l a m m e n g i n t e g r a s i k a n a s p e k k e il m u a n , k e is la m a n d a n k e i n d o n e s i a a n . M i s i a . M e n g h a s i lk a n s a r ja n a y a n g m e m il i k i k e u n g g u la n k o m p e t it if d a l a m p e r s a in g a n g l o b a l. b . M e l a k u k a n r e i n t e g r a s i e p i s t im o l o g i k e i lm u a n . c . M e m b e r i k a n l a n d a s a n m o r a l t e r h a d a p p e n g e m b a n g a n ip t e k d a n m e l a k u k a n p e n c e r a h a n d a l a m p e m b i n a a n i m t a q . d . M e n g e m b a n g k a n k e i l m u a n m e l a l u i k e g ia t a n p e n e li t i a n. e . M e m b e r i k a n k o n t r ib u s i t e r h a d a p p e n in g k a t a n k u a l it a s h id u p m a s y a r a k a t. F o o t e r B e r a n d a L a p o r a n K o n t a k K a m i R e g is t r a s i L O G O A p li k a s i C u r r ic u l u m V i t a e D o s e n F a k u lt a s S a i n s D a n T e k n o l o g i U I N S y a r i f H i d a y a t u l l a h J a k a r t a F o o t e r B e r a n d a L a p o r a n K o n t a k K a m i R e g is t r a s i K e l u a r C u r r i c u l u m V i t a e I d e n t i t a s D i r i R i w a y a t P e n d id ik a n P e r g u r u a n T i n g g i P e l a t i h a n P r o f e s i o n a l P e n g a la m a n M e n g a ja r P r o d u k B a h a n A ja r P e n g a l a m a n P e n e l it i a n K a r y a T u li s I l m i a h K o n f e r e n s i S e m i n a r L o k a k a r y a S i m p o s i u m K e g i a t a n P r o f e s io n a l P e n g a b d ia n K e p a d a M a s y a r a k a t J a b a t a n D a l a m P e n g e lo l a a n I n s t i t u s i P e r a n D a la m K e g i a t a n K e m a h a s is w a a n P e n g h a r g a a n P ia g a m O r g a n i s a s i P r o f e s i I l m ia h D a f t a r D o s e n I n p u t N o N I P N a m a K a t a S a n d i H a k A k s e s P r o s e s U b a h H a p u s x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x U b a h H a p u s U b a h H a p u s 4. Input Data Registrasi Gambar 4.42 Rancangan User Interface Input Registrasi Super Admin, dan Admin 5. Data Identitas Diri Gambar 4.43 Rancangan User Interface Data Identitas Diri Super Admin, Admin, dan Dosen 6. Input Data Identitas Diri Gambar 4.44 Rancangan User Interface Input Identitas Diri Super Admin, Admin, dan Dosen 7. Data Riwayat Pendidikan Perguruan Tinggi Gambar 4.45 Rancangan User Interface Data Riwayat Pendidikan Perguruan Tinggi Super Admin, Admin, dan Dosen 8. Input Data Riwayat Pendidikan Perguruan Tinggi Gambar 4.46 Rancangan User Interface Input Data Riwayat Pendidikan Perguruan Tinggi Super Admin, Admin, dan Dosen 9. Data Pelatihan Professional Gambar 4.47 Rancangan User Interface Data Pelatihan Professional Super Admin, Admin, dan Dosen 10. Input Data Pelatihan Professional Gambar 4.48 Rancangan User Interface Input Data Pelatihan Professional Super Admin, Admin, dan Dosen 11. Data Pengalaman Mengajar Gambar 4.49 Rancangan User Interface Data Pengalaman Mengajar Super Admin, Admin, dan Dosen 12. Input Pengalaman Mengajar Gambar 4.50 Rancangan User Interface Input Pengalaman Mengajar Super Admin, Admin, dan Dosen 13. Data Produk Bahan Ajar Gambar 4.51 Rancangan User Interface Data Produk Bahan Ajar Super Admin, Admin, dan Dosen 14. Input Data Produk Bahan Ajar Gambar 4.52 Rancangan User Interface Input Data Produk Bahan Ajar Super Admin, Admin, dan Dosen 15. Data Pengalaman Penelitian Gambar 4.53 Rancangan User Interface Data Pengalaman Penelitian Super Admin, Admin, dan Dosen 16. Input Data Pengalaman Penelitian Gambar 4.54 Rancangan User Interface Input Data Pengalaman Penelitian Super Admin, Admin, dan Dosen 17. Data Karya Tulis Ilmiah Gambar 4.55 Rancangan User Interface Data Karya Tulis Ilmiah Super Admin, Admin, dan Dosen 18. Input Data Buku Bab Jurnal Gambar 4.56 Rancangan User Interface Input Data Buku Bab Jurnal Super Admin, Admin, dan Dosen 19. Input Data Makalah Poster Gambar 4.57 Rancangan User Interface Input Data Makalah Poster Super Admin, Admin, dan Dosen 20. Input Data Penyunting Editor Reviewer Resensi Gambar 4.58 Rancangan User Interface Input Data Penyunting Editor Reviewer Resensi Super Admin, Admin, dan Dosen 21. Data Konferensi Seminar Lokakarya Simposium Gambar 4.59 Rancangan User Interface Data Konferensi Seminar Lokakarya Simposium Super Admin, Admin, dan Dosen 22. Input Data Konferensi Seminar Lokakarya Simposium Gambar 4.60 Rancangan User Interface Input Data Konferensi Seminar Lokakarya Simposium Super Admin, Admin, dan Dosen 23. Data Kegiatan Professional Pengabdian Kepada Masyarakat Gambar 4.61 Rancangan User Interface Data Kegiatan Professional Pengabdian Kepada Masyarakat Super Admin, Admin, dan Dosen F o o t e r B e r a n d a L a p o r a n K o n t a k K a m i R e g i s t r a s i L O G O A p l i k a s i C u r r i c u l u m V i t a e D o s e n F a k u l t a s S a i n s D a n T e k n o l o g i U I N S y a r i f H i d a y a t u l l a h J a k a r t a F o o t e r B e r a n d a L a p o r a n K o n t a k K a m i R e g i s t r a s i K e l u a r C u r r i c u l u m V i t a e I d e n t i t a s D i r i R i w a y a t P e n d i d i k a n P e r g u r u a n T i n g g i P e l a t i h a n P r o f e s i o n a l P e n g a l a m a n M e n g a j a r P r o d u k B a h a n A j a r P e n g a l a m a n P e n e l i t i a n K a r y a T u l i s I l m i a h K o n f e r e n s i S e m i n a r L o k a k a r y a S i m p o s i u m K e g i a t a n P r o f e s i o n a l P e n g a b d i a n K e p a d a M a s y a r a k a t J a b a t a n D a l a m P e n g e l o l a a n I n s t i t u s i P e r a n D a l a m K e g i a t a n K e m a h a s i s w a a n P e n g h a r g a a n P i a g a m O r g a n i s a s i P r o f e s i I l m i a h D a f t a r K e g i a t a n P r o f e s i o n a l P e n g a b d i a n K e p a d a M a s y a r a k a t I n p u t N a m a T a h u n J e n i s N a m a K e g i a t a n T e m p a t P r o s e s U b a h H a p u s x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x U b a h H a p u s U b a h H a p u s K a t a K u n c i: C a r i N o x x x x x x x x x x x x 24. Input Data Kegiatan Professional Pengabdian Kepada Masyarakat Gambar 4.62 Rancangan User Interface Input Data Kegiatan Professional Pengabdian Kepada Masyarakat Super Admin, Admin, dan Dosen 25. Data Jabatan Dalam Pengelolaan Institusi Gambar 4.63 Rancangan User Interface Data Jabatan Dalam Pengelolaan Institusi Super Admin, Admin, dan Dosen 26. Input Data Jabatan Dalam Pengelolaan Institusi Gambar 4.64 Rancangan User Interface Input Data Jabatan Dalam Pengelolaan Institusi Super Admin, Admin, dan Dosen 27. Data Peran Dalam Kegiatan Kemahasiswaan Gambar 4.65 Rancangan User Interface Data Peran Dalam Kegiatan Kemahasiswaan Super Admin, Admin, dan Dosen 28. Input Data Peran Dalam Kegiatan Kemahasiswaan Gambar 4.66 Rancangan User Interface Input Data Peran Dalam Kegiatan Kemahasiswaan Super Admin, Admin, dan Dosen 29. Data Penghargaan Piagam Gambar 4.67 Rancangan User Interface Data Penghargaan Piagam Super Admin, Admin, dan Dosen 30. Input Data Penghargaan Piagam Gambar 4.68 Rancangan User Interface Input Data Penghargaan Piagam Super Admin, Admin, dan Dosen 31. Data Organisasi Profesi Ilmiah Gambar 4.69 Rancangan User Interface Data Organisasi Profesi Ilmiah Super Admin, Admin, dan Dosen 32. Input Data Organisasi Profesi Ilmiah Gambar 4.70 Rancangan User Interface Input Data Organisasi Profesi Ilmiah Super Admin, Admin, dan Dosen

4.4 Fase Implementation