SIM berbasis website Pemanfaatan Sumberdaya Perikanan, FPIK-UB

7/24/2019 SIM berbasis website Pemanfaatan Sumberdaya Perikanan, FPIK-UB

1/14

BAB IV

HASIL PRAKTEK KERJA LAPANG

5.1 Perancangan Website Proi Pe!an"aatan S#!bera$a Peri%ananDalam Perancangan Sistem Informasi Program Studi Pemanfaatan

Sumberdaya Perikanan (PSP) berbasiskan website ini terdapat dua tahapan

perancangan pada basis data yang akan mengatur tentang manajemen data dan

perancangan pada website yang akan berperan dalam penyajian.

Perancangan Website pada Program Studi Pemanfaatan Sumberdaya

Perikanan dapat digambarkan seperti gambar aliran pada (ampiran !. Hierarki

dan Enterprise).5.& Proses Pe!b#atan Website

Proses pembuatan Sistem Informasi Program Studi Pemanfaatan

Sumberdaya Perikanan adalah menggunakan Software Macromedia Studio MX

2004yang digunakan adalah Macromedia Dreamweaver MX 2004. "ang mana

Macromedia Dreamweaver MX 2004 digunakan untuk membuat website dengan

bahasa HTML(Hypertext Mark Lookup).

5.&.1 Pen$#s#nan 'o(era. #uatlah folder dengan nama $S% dan di dalam fo!der tersebut

terdapat su"#fo!deryang terdiri dari&' Data

!. kelembagaan' Download

!. buku'ajar

. buku'cetak. modul

' Images!. binadesa'pesisir'pamekasan. foto'dosen'psp'ub. foto'pimnas'yogyakarta'*!+. lokakarya'peisisir,. mitc'its'surabaya'*!-. open'house'tingkat'anak. pelatihan'rumpon'sampang/. pengembara'ranukombolo

0. pimpi'ipb'bogor'*!!*. re'akreditasi'prodi'psp'fpik'ub

23


2/14

!!. sulam'jaring'*!

5.&.& )e!b#at Ha(a!an jquery.js

a. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate

%ew &S.b. alu 2etikan script berikut&

3ambar !. j4uery.jsc. 2emudian Save(simpan) dengan format nama*+#er$.*s

5.&., )e!b#at Ha(a!an script.jsa. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate

%ew &S.b. alu 2etikan script berikut&

24


3/14

3ambar . script.js

c. 2emudian Save(simpan) dengan format nama scri-t.*s5.&. )e!b#at Ha(a!an style.cssa. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate

%ew $SS.b. alu 2etikan script berikut&

3ambar . script.cssc. 2emudian Save(simpan) dengan format nama scri-t.css

5.&.5 )e!b#at Ha(a!an index.htmla. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate

%ew HTML.b. alu 2etikan script berikut&

25


4/14

3ambar +. Script 5alaman 6tamac. 2emudian Save(simpan) dengan format nama ine/.0t!(

d. 7ekan tombol 8!1 untuk melihat hasil (ampiran . #eranda)5.&. )e!b#at Ha(a!an Pro"i( Sing%ata. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar ,. Script Profil PSPc. 2emudian Save(simpan) dengan format nama -ro"i(2sing%at2-roi2

-s-.0t!(d. 7ekan tombol 8!1 untuk melihat hasil (ampiran . Profil PSP)

5.&.3 )e!b#at Ha(a!an Sta" Penga*ara. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


26


5/14

3ambar -.script staf pengajarc. 2emudian Save(simpan) dengan format nama sta"2-enga*ar2osen2

-s-.0t!(d. 7ekan tombol 8!1 untuk melihat hasil (ampiran +. Dosen PSP)

5.&.4 )e!b#at Ha(a!an )ata K#(ia0a. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar . Script 9ata 2uliahc. 2emudian Save (simpan) dengan format nama !ata2%#(ia02-roi2

-s-.0t!(d. 7ekan tombol 8!1 untuk melihat hasil (ampiran ,. 9ata 2uliah)

5.&. )e!b#at Ha(a!an Laboratori#! Penang%a-an



27


6/14

3ambar /. Script aboratorium Penangkapanc. 2emudian Save (simpan) dengan format nama (aboratori#!2

-enang%a-an2-s-2#b.0t!(

d. 7ekan tombol 8!1untuk melihat hasil (ampiran -. Penangkapan)5.&.16 )e!b#at Ha(a!an Laboratori#! Pe!etaana. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar /. Script aboratorium Pemetaanc. 2emudian Save (simpan) dengan format nama (aboratori#!2

-e!etaan2-s-2#b.0t!(d. 7ekan tombol 8!1untuk melihat hasil (ampiran . Pemetaan)

5.&.11 )e!b#at Ha(a!an Kegiatan Pena(arana. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


28


7/14

3ambar 0. Script 2egiatan Penalaranc. 2emudian Save(simpan) dengan format nama %egiatan2-ena(aran2

-s-2#b.0t!(

d. 7ekan tombol 8!1untuk melihat hasil (ampiran /. Penalaran)5.&.1& )e!b#at Ha(a!an Kegiatan )inat an Ba%ata. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar /. Script 2egiatan 9inat : #akatc. 2emudian Save(simpan) dengan format nama %egiatan2!inat2-s-2

#b.0t!(d. 7ekan tombol 8!1untuk melihat hasil (ampiran 0. 9inat dan #akat)

5.&.1, )e!b#at Ha(a!an J#rna( )a0asis7aa. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


29


8/14

3ambar 0. Script ;urnal 9ahasiswac. 2emudian Save (simpan) dengan format nama *#rna(2!a0asis7a2

-s-2#b.0t!(d. 7ekan tombol 8!1 untuk melihat (ampiran !*.;urnal 9ahasiswa)

5.&.1 )e!b#at Ha(a!an Le!baga )a0asis7aa. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar !*. Script embaga 9ahasiswac. 2emudian Save (simpan) dengan format nama (e!baga2

!a0asis7a2-s-2#b.0t!(d. 7ekan tombol 8!1untuk melihat hasil (ampiran !!. embaga)

5.&.15 )e!b#at Ha(a!an 8a"tar A(#!nia. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate

%ew H.b. alu 2etikan script berikut&

30


9/14

3ambar !!. Script Daftar


10/14

3ambar !. Script Pelatihan 2ursusc. 2emudian Save (simpan) dengan format nama 9ie72-e(ati0an2

%#rs#s.-0-d. 7ekan tombol 8!1 untuk melihat (ampiran !+. Pelatihan 2ursus)

5.&.14 )e!b#at Ha(a!an B#%# ;eta%a. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar !,. Script #uku =etakc. 2emudian Save (simpan) dengan format nama b#%#2ceta%2-s-2

#b.0t!(d. 7ekan tombol 8!1untuk melihat hasil (ampiran !-. #uku =etak)

5.&.1 )e!b#at Ha(a!an B#%# A*ar



32


11/14

3ambar !-. Script #uku


12/14

3ambar !/. Script ;urnal Dosenc. 2emudian Save (simpan) dengan format nama *#rna(2osen2-s-2

#b.0t!(d. 7ekan tombol 8!1 untuk melihat (ampiran !0. ;urnal Dosen)

5.&.&& )e!b#at Ha(a!an Pene(itiana. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar !0. Script Penelitian Dosenc. 2emudian Save (simpan) dengan format nama -ene(itian2osen2

-s-2#b.0t!(d. 7ekan tombol 8!1untuk melihat hasil (ampiran *. Penelitian)

5.&.&, )e!b#at Ha(a!an Pengabian )as$ara%ata. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


34


13/14

3ambar *. Script Pengabdian 9asyarakatc. 2emudian Save (simpan) dengan format nama %egiatan2

%ese*a0teraan2-s-2#b.0t!(

d. 7ekan tombol 8!1 untuk melihat (ampiran !. 2esejahteraan)5.&.& )e!b#at Ha(a!an SI) Se!i(o%aa. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar !. Script SI9 Semilokac. 2emudian Save(simpan) dengan format nama se!inar2(o%a%ar$a2

-s-2#b.0t!(d. 7ekan tombol 8!1untuk melihat hasil (ampiran . SI9 Semiloka)

5.&.&5 )e!b#at Ha(a!an SI) Pe(ati0ana. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


35


14/14

3ambar . Script SI9 Pelatihan 2ursusc. 2emudian Save (simpan) dengan format nama -e(ati0an2%#rs#s2

-s-2#b.0t!(d. 7ekan tombol 8!1 untuk melihat (ampiran . SI9 Pelatihan)

5.&.& )e!b#at Ha(a!an SI) A(#!nia. #uka SoftwareMacromedia Dreamweaver MX 20041 lalu pilih $reate


3ambar . Script SI9

SIM berbasis website Pemanfaatan Sumberdaya Perikanan, FPIK-UB

Documents

Transcript of SIM berbasis website Pemanfaatan Sumberdaya Perikanan, FPIK-UB