fae摯1響 | |:警sut10'(17,1,01り...

41
fAE摯1響 |■ |:警 SUT10'(17,1,01り UNIVERSITAS MEDAN AREA

Upload: others

Post on 10-Sep-2021

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

fAE摯 1響 |■ド|:警SUT10'(17,1,01り

UNIVERSITAS MEDAN AREA

Page 2: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

LAPORAN KERJA PRAKTEK

菫ⅣIPIE}IENTASI WEBSITE SEBAGAI PIEDIA INFOIMIASI DAN PROFIL

SEKOLAH SD NECR1117474 PASIR PIITIⅡ

Disusun Oleh:

CAttYA AFR「ⅣANA NASUT10N(17816010o

PROGRAMISTUDI TEKNIK INFORPIATIKA

FAKULTAS TEKNIK

UNBrERSITAS pIEDAN AttA

DESEⅣIBER 2020

UNIVERSITAS MEDAN AREA

Page 3: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

l,EMBAR PENGESAIIIAN

IMI)LEⅣ〔EINTASI WEBSITE SEBAGAI NIEDIA INFORⅣ rASilDAN PROFIL SEKOIフ AHSD NEGR1117474 PASIR Pl」 TlH

Program Studi Teknik Infonnatika

Oleh :

Cahya Afrirvana Nasution

178160105

Mcnyerujui,

Mahasisu.a Doscn Pclllbimbing

ルNullll ialai罰na,M.Kom

NIIDN:0127109002

出 .

ⅣIcngctallui,

Kctua Proranl TCknik lrlfiD3‐ ll13atika

グRizki Muliono,S.Kolll,M.Kolll

NIDN:0109038902

卜IIM:178160105

UNIVERSITAS MEDAN AREA

Page 4: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

ABSTRAK

Saat ini pcrkclllbangan tcknologi stldal〕 selllal(in pcsat, tck‐ 1lo10gi tidak llanya

digunakan untuk mcndtlkung aktivitas bisnis agar lcbih prOduktit nalllun pcl1lanね atan

tcknologi saat ini lcbih dikcmbangkan unttlk pen)cbarluasan inliDrmasi agar 、vilayall

pcnycbarluasan lllcttadi lCbih luas.sistcm inliDllllasi banyak digunakan dalaln suatu

lel■ baga‐lclmbaga.Misalnya dalanl sebuah Pcrusahaan,pcrkantoran dan pcndidikan Dalaln

icmbaga pcndidikan sistein infollllasi ini bertttlLan untuk promosi attu membcrikln

gttbaran ulmtlnl lllcngcnai profll lcmbaga pendidikan yang bcrsangkutan,adlllinistrasi,dan

ねsilitas yang lain.

Sckolah SI)Negri l17474 Pasir Putih merupakan salah satu Sckolah dikccamatan

Silangkitang Labuhan Batu Sclatan,dalala1 lnelnberikan infbrinasi sckolah inasih dilakukan

sccara mantlal yaitu pihak sck01ah mclak:Llkran sOsialisi dan interaksi kepada lllasyarkat itlas

scpcrti profil sckolah,data siswa,data gllrtl.KcJa PCraktk ini bcrtttuan untuk mcrancang

sistclll inお rmasi pro■ l sckOlah bcrbasis wcb pada SD Ncgri l17474 Pasir Putih.Data yang

digunakan adalah data sckundcr bcrtlpa dokt11■ en―dokumcn yang dipcrolch langsung daFi SD

Ncgri l17474 Pasir Putih.Sistcl■ inilllcnggunakan bahasa pclllrOgraman HTML,PHP,CSS

dan,MySQlノ Sebagai databascnya.Sistclln ini diharapkan agar l■ cl■ pcrllludah pihakl sckolah

dalam lllclllbCrikan infOrlmasi sekolah dan lllasyarakat dapat lllclihat lnfo■ 、asi sck‐Olah

dil■ ana stta tanpa rncnunggu plhak sck01ah inclakukan Sosialisasi sccara lansung

娩 懃 κ

““

ご=Sistc“

IIP/attZα Sみ ′“げ J ttFraた カ

|ll

UNIVERSITAS MEDAN AREA

Page 5: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

KATA PENGAF'{TAR

Puji dan syukur penulis ucapkan kepada Allah SWT atas segala karunia dan Hidayah-

Nla sehingga Laporan Kerja Peraktek lang berjudul "iMPLEMENTASI WEBSITE

SEBAGAI MEDIA INFORMASI DAN PROFIL SEKOLAH SDN I 17474 PASIR PUT]H"

Dapat di selesaikan dengan baik dan tepat rvaktu. Adapun tutuan penulisan laporan ini adalah

untuk memenuhi persyaratan dalam menyelesarkan Kerja Praktek Program Studi Teknik

Infbrmatika Universitas Medan Area.

Penyusunan laporan Ker.1a Praktek ini tidak akan selasai tanpa bimbingan, nasehat

serla petr-rnjuk dan berbagai pihak. Untuk itu, perkenankanlah saya sebagai penulis untuk

menyampaikan ucapan terima kasih yang sebesar-besarnya kepada:

L Kedua Orang tua saya, yang telah mernberikan doa, semangat, dukungan, dan

motivasi selama melakukan studi.

Ibu Nurtll Klairina,M.Kom Scl』 cu Doscn Pcmbimbing KcJa PraktCk yang tclall

mcllnbillabing dan mcmbcrikan masukall‐ lllasukan untuk saya dalalll pcl■ lbuaねn

Laporan Kctta Praktck

Bapak Rizki NIuliono,S.Kom sclaku Kcpala Progra11l Studi Teknik lnhnnatika

Bapak LISANU]DDIN,A.IMa Pd Selaku Kcpala Sckolah SD Nc」 i l17474 Pasir Plltih

tclah incmbcrikan kcsempattn kcpada saya untuk melaksanakan kc」 a prakCk di

w遍等ah kcttanya

Bapak Ardian ArifSircgar Amd Kom Sclaku pcmbimbing lapangan kctta pcraktck.

Sclumh Doscn IPrograln Studi Tcknik lnfornlatika Fakultas Teknik Ullivcrsitas Medall.

Arca

Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

masih belum sempurna. Oleh karena 1tu, kritik dan saran yang membangun sangat penulis

harapkan. Semoga penyLlsunan laporan rni bennanlaat bagi semua pihak.

Medan, 14 September 202A

Penulis,

うD  ”■

D́

 

iV

Cahva Afriwana NasutionUNIVERSITAS MEDAN AREA

Page 6: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

DAFTAR ISI

KERJA PERAKTEK.… ………………………………。…………………・PENGESAIAN LAPORAN

ABSTRAK.…………………・・・…

 

KATA PENGANTAR.………….

DAFTARISI.…………………………………・・。……………・

Ⅳ  

,V 蔵VDAFTAR TABEL.……………・

DAFTAR GAⅣIBAR.………………………………………………………………………………………………・VIII

BAB IPENDAⅡ ULUAN.……………………・・・……………………・・・…………………。

1.4 MANFAAT..… ......● ●●…………・・・・・・・・“●●……・・…・・・・・・・…"………・・・・

L.5 Waxru uaN Tnntpar Prr,arsena-qN KnR.Ia PRAKTEK.

BAB II TINJAUAN TEORI ...._3

2.l SIsTEM INFORMASI........・・・・・●●●●●0●●●●●●●●●●●"●●●●“"●

●●●●●●●●●●・・・・・・・・・・・・・・"・・"・・●●●●●●●●“●・・・・・●●●●●・1・・・.....●●●●●●‐3

2.2 1NTERNET.""......・・・・・・・・"・・・・・・●●"●●"●●●●"""0●●●●●“0●●●●・・・・・・・・・・・・・・・・・““・●●●●●●●●●●●●●●̀““・・。・・・・・●●●●●・・・・・・・・・・・・・-3

2.2 PIROFILE."...● ●●0● ●●●●●●…

●●…・・ 。

・・ ●●●●0● ●●●●●“ … …

●・・・・・ "“ ●●●●●う0●●…

●●●・ … “・・

“・・・・ ●●…

●●…・・・・・・・・・

●●●… … "・・・・

●●●●●“

3

2.3 PHP4HYPERTEXTPREPROCESSOR)。 ...・・・・"・・・"・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・。・・・・・・“・・・・・・・・・・・‐4

2.4 PⅡP MⅣADMIN.……………………………………………………………………………………………………。‐4

2.5 FnanrrwoRK ConnrcNlrER ............ ・・・"・・" ・̈・"●●̈

"・・・・‐4

2.6 xALIIPP。 ....●●"●●●●●●●●

"●●●●“●●●●●●●●●●●0●●●●●●●●●●●●●●●●●●●●“●●●●●●●●●●"●●●●"●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●‐5

●●●“●●●●●●●●●●●●̈●●

"・・‐5

2.8 FLOWCHART.........… "…●●・・・・・●●●0● 0●●●●……“●●・・・・・0"●●

"●●…●●…・・“・・・・・・●●“●●"●……●・・・・・●●●●●●●●●……・・"。・・・“6

BAB IIE EPIBAⅡASAN ⅡASIL/PELAKSANAAN KERJA PRAKTEK.… …………………・・7

3.X Rumlc LrNcxup MaIIn/I(EGTATAN

3.2 BENTUK KECIATAN

3.3 llrsrl Kun.r,+ Pnaxrux.

3.3 -{l,lr-rsrs Srsrum YeNc BrR.leleN

 

 

10

10

”3.3.2 Srnt. KTrjR Drranasr

V・

UNIVERSITAS MEDAN AREA

Page 7: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

3.3.311■ IPLEⅣIENTASI。 "¨ .....・・・・"・・・・・・・・・・・・・・ ・̈ 。・………………・・■7

BAB IV PENUTUP.………………………………………

4.1 KpsnnPULAN...... ・…………………30

4.2 SARヽ N.…………………………………………………………………………………………………………………。30

DAFTAR PUST ……………………31

LAPIPIRAN.………

VI

■ 0

UNIVERSITAS MEDAN AREA

Page 8: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

DAFTAR TABEL

Tablc l Tabcl agcnda… ………………………………………………… … … … … …………………………………………………… 理2

Tablc 2 Tabel dbum.… ………………… ……………… …… … ……… ……………………12

Tablc 3 Tabel■ les_… ……………………………………………………………… … ……… …………………………13

Table 4 Tabcl galeri.… ……………………………………………・一…………………………… … … … … ……………………………13

Tablc 5 Tabc1 3■ lru…….… ……………………………………………………・…………………………… ……… … … ……‐…………・13

Tablc 6 Tabclinbox.… ……………………………………………………… …………………………………………………… … … …………………… 14

Tablc 7 Tabcl kategori… ……………………………………………………………………………………………………………………………………………… …14

Tablc 8 Tabel kelas.… ……………………………・́…………………・・―――……………・‐……………́・……………………………………………………………・14

Tablc 9 Tabcl komcntar.… ……………………………………………… …… …………………………………………………………………………… 15

Tablc 10 Tabe1 log aktivitas ………………………………… …………………………………………………… ………………… …………………15

Tablc ll Tabcl pcllgguna.… ………………………………………… … ・……… …………………………………・……………………………………… 15

Tablc 12 Tabcl pengumulnan.…….´ ………… …………………́―………―………………………………………………………………………………・1_6

Tablc 13 Tabcl pcnguttung… …………… …Ⅲ……… …………… ………………………………………………………1‐ 6

Tablc 14 Tabcl siswa… ……………………・………………………… …………………………………………………………………………………17

Tablc 15 Tabcl tcstil■ ol■i.… ………………………………―………… ……………………………………………………………………́ ………17

Table 16 Tabel tulisan ………………………………… ………………………………………………………………………………… ……1… …….… …17

V‖

UNIVERSITAS MEDAN AREA

Page 9: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Garnbar

Gambar

Gambar

Gambar

Gambar

Gambar

Garnbar

Gambar

Gambar

Garnbar

DAFTAIR GAⅣIBAR

1 Form tampilan dashboard deprui

2 Forln talllpilan kata salllbutan… ………… … … … … …………………………・…・19

3 Forln tampilan〔■lrtl ……………………………………………… ………… … ………………… … ……・………,…………19

4 Forln tampilan siswa……………………………………………………… ………… … ………………………20

5 Forlll tampilan artikcl… ……………………………………………… … …… …………… ………‐…20

6 Forlll tampilan penguinuman… ………,… ……………………………… ……………―…… … ……………………………‐21

7 Form tampilall agcnda ……………………………………………・.… ……………………………………… …… ……・…………………21

8 Form tampilall download.… ……………………………………………………………………………………………22

9 Form tattpilan galcri… …………………… ………………………………………………………………………………………………………22

10 Forln talllpillan kontak… ………………………………………………………… …………………………………………・……………23

1 l Forln Tampilan login adlllin _… …………………………………………………………………………………………………………・23

12 Forln tampilan dashboard― adl■ in … ……………………… …・……………………… …………………………24

13 Fonm tampilan data artikcl― adnlin … ………………… … ………………… ……………………………………24

14 Forln tampilan data pcngguna― adinin… ……_… … ………… …………………………………………・……………・25

15 Forln talllpilan data agcnda― adinin… …………………………………・・―……・……・…・'・ ……………・‐・・‐・25

16 Fonn tampilan data pcngumuman‐ adinill… …………………………………………………・.… ……1… ………….26

17 Form tarnpilan data download― adllnin… …………………………………………………………26

1 8 Forlll tampilall data gallcry― adrllin_ _ _… ……………………………・…………………………・―‐……………27

19 Form tarnpilan data guru - admin.

20 Form tampilan data siswa - admin

21 Forrn tampilan inbox - adrrin . .... . .28

22 Form tampilan data komentar - admrn ..-,......"......29

■8

27

28

UNIVERSITAS MEDAN AREA

Page 10: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

BAB I

PENDAHliLllAN

1.1 Latar Belakang

Dunia computer dan informasi saat ini rnengalarni perkenrbangan yang sangat pesat

terlebih dengan adanya internet. Internet merupakan jaringan computer global di seluruh

dunia sebagai media komunikasi dan informasi modren )'ang dapat memberikan,

menampilkan dan berbagai informasi data kepada public. Suatu iernbaga instansi pemerintah

atau sr,vasta dapat rnemberikan atau menarnpilkan profil, iklan, data dan intbrrnasi kepada

publik melalui internet dengan nranfaat fasilitas rvebsite.

Mutu intbrmasi sangat lnelnpengaruhi kinerja dan hasil kerja dari suatu instansi atau

lernbaga. saat ini r.veb merupakan salah satu f-asilitas untuk rnenampilkan atau mencari

informasi yang tranyak digunakan. Sebagai salah satu aplikasi yaitu r.veb dibuat dengan tujuan

agar pemakai dapat berinterkasi dengan penyedia infomasi dengan rnudah dan cepat- yaitu

melalu internet.

SD Negri 117474 Pasir Putih merupakan salah satu instansi pernerintah dalam dunia

pendidikan yang belum rnerniliki ftrsiUtas rvebsite untuk memberikarr inlormasi kepada warga

sekolah maupun masyarakat luar. Oleh karena itur, perlu di buat sebuah r.vebsite untuk

rnendapatkan semua informasi yang terkait dengan semua kegiatan maupun in?onnasi

lainnya.

adapun profll pendidikan merupakan gambaran mengenai tingkat pendidikan pada suatu

rvilayah tertentu. Gambaran pendidikan ini dapat dilihat dari internet agar mempennudah

calon murid unttik mendapatkan informasi secara jelas dalam rnelihat ruang lingkup sekolah.

Maka hal ini perkembangan teknoiogi dan sistem intbnnasi yang cepat dapat

memberikan manfaat diberbagai bidang kehidupan salah satunya pada bidang pendidikan.

Adapun rangkaian dalam sekolah tersebut terdapat data-data ruang lingkup sekolah salah

satunya yaitu data guru, siswa, dan informasi terkait sekolah.

Dengan mengimplementasi sistem infbnnasi profil sekolah berbasis r,veb maka integrasi

data dari semua jenjang pendidikan salah satunya SD Negri 117474 Pasir Putih dapat

ntetnberikan inforrnasi dan lavanal yang berguna bagi masyarakat atau pengr"rnjr"rng dan

tnstansi terkait dengan menyesuaikan kebutuhan pengunaan sesuai dengan proses pada setiap

daerahUNIVERSITAS MEDAN AREA

Page 11: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

1.2 Rumusan h'Iasalah

Berdasarkan latar belakang yang telah dijelaskan diatas, dapat disebutkan rumllsan

masalah dalam sebasai trerikut:

L Bagairnana rrenerapkan teknologr inlbnnasi berbasi n'eb dalam rnembangun sistem

informasi profil pendidikan pada SD Negri 117471Pasir Putih

1.3 Tujuan

Adapun tujuan dari Kerja Praktek ini adalah sebagai berikut:

Dapat membagun fitur aplikasi data pendidikan pada sekolah.

Dapat memperil)Lldah peserta didik dalarn sumberi infonnasi terkait sekolah.

Dapat memperltias tentang sistem informasi sekolah pada masyarakat sekitar.

1.4 lllanfaat

Adapun manfaat dari Kerja Praktek ini adalah sebagai berikut:

1. Mendapatkan sistern informasi tentang sekolah SD Negri 117474 Pasir Putih yang cepat

diakses tanpa harus datang langsung ke sekolah tersebut. i

2. SD Negri 117474 Pasir Putih dapat mempromosikan dan rnemberikan infbrmasi tentang

profil sekolah, fasilitas sekolah secara online rnelah-ri website yang dapat diakses setiap

saat sehingga lebih efbktif.

3- Dapat mempermudah staf staf guru maupurl murid dalarn rnengakses situs rveb tentang

sekolah.

1.5lYaktu dan Tempat Pelaksanaan Kerja Praktek

Waktu dan pelaksanaan kerja peraktek di SDN 117414 Pasir Putih, Jalan Sungai Lobu,

Desa Binanga, Kecamatan Silangkitang, l,abuhan Batu Selatan. Dimulai dari 14 Agusttrs

2020 sampai dengan 14 September 2A20. Dengan jadrval dalanr satu minggu 5 hari kerf a

r,ang di rnulai dari pukul 08.00'- 14.00 WIB.

・1

 

(j

UNIVERSITAS MEDAN AREA

Page 12: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

tsAB IT

TIN.]ATiAN TEORI

2.1 Sistem Informasi

Sistem adalah satu kesatuan dari komponen vang dalam sebuah jaringan dikerjakan

secara terstruktur dalarn keutuhan yang terpadu untuk rnencapai sebuah objek atau target

tertentu. (Dengen & Hatta, 2009).

Informasi merupakan sebuah rakitan dari pegolahan data yang yang di oprasikan oleh

sistem, yang diterapkan sedemikian rupa sehingga layak untuk diinfonnasikan kepada

masyarakat, tipetipe informasi terbagi dari tiga segi yaitu surnber, manajerial dan

rutinitasnya. (Dengen & Hatta, 2009).

Sistern informasi adalah l<ombinasi dari teknologi yang terdiri dari hardrvare dan

softR'are serta rancangan pelaksananya yang bekerja dalam sebuah proses benurtun dan

secara teorganisir saling membantu untuk rnenghasilkan suatu produk. (Dengen & Hatta,

200e).

2"2 fnternet

Internet adalah singkatan dari lnter Networking atau saluran antar jaringan. internet

juga salah satu jaringan yang menyaluran komputer yang ada di selr-rruh dunia sehingga

terbentuk dunia maya pada jaringan kornputer. (Masrur, M , 2009)

2.2 Profile

Profile adalah sebuah gambaran singkat tentang seseorang, organisasi, benda,

lernbaga ataupun wilayah. Nama dan logo lembaga, merupakan hal yang sangatlah penting

dalam penyusunan protil, Karena inilah yang rnenjadikan identitas lembaga tersebut. sejarah

berdirinya lembaga berguna untuk memberikan gambaran kepada pihak lain tendatang

ladasan dan ala san lembagaberdiri (rafid3 2. 20 1 S)

2^つ

UNIVERSITAS MEDAN AREA

Page 13: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

2.3 PttP(HypertextiPreprocessor)

PIIP lmcrupakan singkatan dari(HypCrtcxt Prcproccssor)PHP adalah bahasa bcrtipa

sk五 p yang ditcmpatkan didalallt scrVCr dan dikcttakan di scⅣ cr Hasilnya yang dikiHm kc

pclanggan,dapat digunakan di bro、 vscr PHP bcrlllula saat Rasilltis Lcrdorf lncinbuat skrip

Pcrl yang dapat dilihat olch siapa saa yang lllclihat datar H、 vayat hidupnya,yakni pada

tahun 1994 Skrip skrip ini sclattutnya dibungkus mcttadi alat yang disebut Pcrsonal Homc

Page_Pakctinilah yang menJadi a、val mula PIP.(Kadir,Pcngenalan sistem inお ntlasi,2003)

2.4PHPルIyAdmin

Php ⅣlyAdlllin adalah salahsatu softwarc gratis yang ditulis dalam bahasa

pcmlo」amanPHPyangdigunakanuntukmcttalankandatabascMySQLlcwatjaringanlokal

ataupun illternct Php IIIyAdlllin mcnsupolt bcragam opcrasi MySQL,yaitu(mcngC101a basis

data, tabcl― tabcl, bidang, rclasi, indcks, pcnggtina, pcrゴ inan, dan lainlain) Variasi php

lMyAdlllin dcngan MySQL tcrlctak pada hgsinya_Php ⅣlyAdinin mcrupakan scbuah

so■warc untuk mcmpcrmudah dalam mcttalanhn dttabase(Kadir,_NIcmbuat Aplikasi ttrcb

dcngan PHP tt Databasc MySQL,2009)

2.5 Fralllework Codeiglliter

Coddttcter merllpakan ttah sttu ttamcwork yang dirancang dcngan mcngまnakan

bahasa peinroralnan PIHP ,yang dapat digunakan untuk pcinrancallgan dan pcngcinbangan

wcb sccara ccpat. _Adaptlll fl・ amcwork dapat diartikan sebagai scbuah strukttlr pustaka―

pustaka)kclas¨kclas,dan infrastruktur rtln― tilnc yang dipakai olch progall11■er untuk

mcngelnbangkan aplikasi bcrbasis 、vcb lllltuk lllcnnpcrl13udah pcngcmbang 、veb dalanl

lncngcl■ bangkan aplikasi berbasis 、vcb dcngan ccpat tanpa kchilangan tlcksibilitas dari

aplikasi 、vcb tcrscbut Pola dcsign pcngcmbangan 、vcb pada codcignctcr lllcnggunakan

stnlkur MVC(ModclS― Vicw― Controllcr)Dimana dalam pcmbuatan aplikasi akan dipisahk神

anatara logika bisnis dan prcscntasinya,schingga wcb programmer dan wcb designcr bckcゴ a

sccara tcrpisah antara satu dcngan yang lain Agar bisa mengcmban〔 率an WCb dCngan

Fral■ c、voklla codcignctcr ini harus dipahami dulu dasar konsep MVC dan struktur dircktori

dari Codciginctcr

l ModclsModざ Is lncnlpakan dass PHP yang didesain unttlk bckcla dCngan infcbrlllasi

yang ada didalam databasc scperti opcrasi CRUD(Crcate… Rcad―Update― Dclctc)yang

tcrdapat didalam databasc.

UNIVERSITAS MEDAN AREA

Page 14: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Views Bagian ini yang bertanggung jarvab terhadap tampilan iinterfuce informasi

,r'ang diperoleh dari databasc-rrnodels. pada konsep MVC, views merupakan bagian

presentasi

yang berisi code HTML. Ketika ingin urengubah tarnpilan dari sebuah aplikasi

berbasis n'eb yangtelah dibuat, cukup mengubah perintah code vang berada dj folder

Views

4. ControllerController dapat dikatakan sebagai jantung dari apiikasi rveb yang akan

dibuat, contoh berupa logika bisnis yang menginstruksikan model untuk mengambil

informasi dari databasedan kemudian ditampilkan pada intertbce. (H.M., 2005)

2.6 xampp

Dalam pernbuatan r'veb secara o/fline dibutuhkan sebuah web ,se.rver local (lctcalhosr).

Hal ini berguna untuk replikasi sebuah sen)er sebenarnya. pacla web server yang akan ditaruh

tjl e beserta databasen_rra.

Web sen'er yang digunakan adalalr XAMPP yang merupakan elemen utarxa unhrk

serl"er local. XAMPP rnerupakan softrvare gratis, yang dapat diproses oleh banyak sistem

operasi, dan merupakan kelompok dari banyak program. XAMPP berfungsi sebagai seneryang dapat berdiri sendiri.

XAMPP terdiri dari program L'IySQLdatubuse, Apoche HT'|'P Sert,er,dan penfternah

bahasa lain yang dibuat dengan bahasa pemrograman Perl dan PHP. X (ernpat sistem operasi

apapun), Apache, MySQL, PHP dan Perl merupakan kepanjangan dari XAMPP. (Susanto,

200-+)

2.7 Database

Basis adalah wadah atau tempat untuk berkelompok. Data Adalah faLla atau kejadian

dunia nyata yang berarti suatu arti yang bisa berupa syrnbol - symbol, gar-nbar-gambar, atau

kata-kata.

pengertian basis data atau database adalah representasi kelornpok data yang salina

berhubungan yang disirnpan secara bersanra-sama dan tanpa pengr-rlangan vang tidak perlu

untuk memenuhi berbagai kebutuhan.

(∠

うD

5

UNIVERSITAS MEDAN AREA

Page 15: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Data perlu disimpan, diolah, dan diorganisasikan dalam cluruitq,ge sedemikian

sehingga infomasi yang dihasilkan dan efisien dalarn menyimpan data. Pengorganisasian

clata seperti ini dinamakan Dntuhase A,lanugatiltttt S),stem (DBMS).

I)ata yang dikelompokan dan diorganisasikan disirnpan sesuai dengan fungsi dan

jenisnya. FIal ini berguna untuk memperrnudah pencarian data apabila suatu saat clata tersebut

diperl ukan. (Kuswayatno, 2006)

2.8 F'lowchart

Proses flowchart adalah suatu metode yang digunakan untuk rnenyajikan dalanr

bentuk bagan alur atau sekuensi actual serangkaian peristiwa dalam proses atau layanan -vang

di berikan. Flowchart merupakan alat yang sangat fleksibel yang memungkinkan anggota tirn

meneliti proses yang kompleks dalam rnengidentifikasi bidang masalah potensial dan peluang

bagi peningkatan. (Roberts & (ireene, 2A02)

|■ ■

6

UNIVERSITAS MEDAN AREA

Page 16: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

BAB III

I, EN,IBAH ASAN HAS I L/P E LA KSA NAAN KER.IA PR;\KT f, K

3.1 Ruang Lingkup Materi/Kegiatan

Lokasi yang menjadi tempat kerja praktek adalah SDN 1 17171Pasir Putih

Alamat : Jln. Sungai Lobu Desa Binan_ua Dua

No Telepon .082273628774

Alarnat Email : [email protected]

Pengembangan rvebsite ini diketahui menggunakan platform website Framework

Codeigniter. Pengembangan menggunakan Framework Codeigniter menjadi pilihan utama

dalam pengembangan website sekolah ini.

Selarna proses pernbangunan rvebsite ini, dapat dibagi rneniadi 3 pekerjaan utarra

yaitu:

1. Pengurnpurlan data

2. Pembuatan Database

3. Perancangan website

4. Implementasi

Pengembangan rvebsite yang penulis lakukan saat ini menggunakan Codeigniter

3^1 11 adalah versi terbaru dari kerangka kerja, dimaksudkan untuk digunakan dengan PHP

-5.6+.

3.2 Bentuk Kegiatan

Untuk mendapatkan sebuah informasi dan gambaran untuk membuat sebuah system

infonnasi dan irnplarnentasi system yang baik, diperlukannya diskusi dan komunikasi dengan

pihak instansi yang mengelolah bidang yang bersangkutan dengan pro.jek kegiatan di SD

Negri Il7174l'}asir Putih y,'aitu bagian adrninistrator. AdapLrn rnetode yang digunakan untuk

firenghasilkan sebuah kesirnpulan dalam membangun sistem implernetasi website sebagai

media intbrmasi dan profil sekolah SDN I 17474 pasir putih adalah : Wawancara, Observ-asi,

dan Perancangan Sistem.UNIVERSITAS MEDAN AREA

Page 17: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

黎一4一一籍〓

1■ ●|■■

Gambar 3.1 sD Negn 117474 pasir putih sebagai lokasi Kerja praktek

Gambar 3.2 Foto Bersama Kepala Sekolah serta guru-guru di SD Negri 117474 pasir putih

8

UNIVERSITAS MEDAN AREA

Page 18: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Kegiatan Yang Dilakukan Yaitu:

UNIVERSITAS MEDAN AREA

Page 19: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

3.3 Flasil Kerja Praktek

Adapun hasil kerja praktek yang di proleh dari rvarvancara dan konsultasi pada SD

Negri 117474 Pasir putih, penulis dapat membangun dan menimplernentasikan sebuah sistem

profil sekolah.

3.3 Analisis Sistem Yang Berjalan

Setelah melakukan wawancara dan konsultasi terhadap pernbimbing lapangan dapat

di ketahui sistem profil belum ada di gunakan pada SDN 117474 Pasir Putrh untuk

mempromosikan dan rnenginformasikan tentang sekolah, sehingga sulit untuk mernperluas

infbrmasi tentang sekolah.

3.3.1 Flochart

a. Flowchart Sistem User

Flowchart sistem user adalah alur dalam proses eksekusi dari rnuiai proses, eksekusi

link hingga akhir.

b. Florvcharl Sistern Administrator

Flor.vchart system administrator adalah diagram alir yang membahas tentangproses

berjalannya sistem administrator mulai dari login pernilihan link data, menu tambah,

edit- hapus dan halaman hasil menu.

10

UNIVERSITAS MEDAN AREA

Page 20: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Flowchart sistem berjalan

lnput user

name dan

password

Proses request

database Cek login

Pengaturan sistem

input edit hapus dari

semua data yang

berhubung dengan

website

Lihat informasi

sekolah

Garnbar I . Flowchart Sistem Berjalan

11

UNIVERSITAS MEDAN AREA

Page 21: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

3.3.2 Struktur Database

Adapun struktur database yang di rallcang untuk sistem yang akan <libar,gun adalah

sebagai berikut:

Table 1 Tabel agenda

Table 2 Tabcl alblllm

Field nalnc Typc SlZC

Agenda_id 11lt

Agenda nama Varchar 200

Agenda_tanggal Timestarnp

Agenda_deskripsi Text

Agenda_mulai Date

Agenda_selesai Date

Agenda_tempat Varchar 90

Agenda*wak1u Varchar 30

Agenda_keterangan Varchar 200

Agenda_author Varchar 60

Field name Type Sizc

Album id Illt

Album_nama Varchar 50

Alburn_tanggal Timestamp

Albumjengguna_id Int

Alburn_author Varchar 60

Album*count Int

Album_cover varchar 40

12

UNIVERSITAS MEDAN AREA

Page 22: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Field narne Type Sizc

Filc id Int

File--1udul Varchar 120

File deskripsi Text

File_tanggal Timestamp

Filc oleh Varchar 60

File dolvl1load 11lt

Filc data varchar 120

Tablc 3 Tabel flles

Table 4 Tabel galeri

Tablc 5 Tabcl guru

Ficld nalnc Type Sizc

Galeri id IIIr

Galerijudul Varchar 60

Galeri_tanggal Timestamp

Galeri_gambar Varchar 40

Galeri alblllm id Int

Galeri_pengguna id Int

Galeri author Varchar 60

Field name Typc SlZe

CJuru id 11lt

Gllru ■lp Varchar 30

Guru_nama Varchar 70

Guru_lankel Varchar つ4

Guru_tmp*lahir Varchar 80

Guruagl-lahir Varchar 80

Wali kelas Varchar 120

Gurujhoto Varchar 40

13

UNIVERSITAS MEDAN AREA

Page 23: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Guru tgl inptrt timestamp l

Table 6 Tabclinbox

Table 7 Tabel kttcgori

Tablc 8 Tabcl kclas

Field name Typc Size

Inbox id Int

Inbox_nama Varchar 40

Inbox_emall Varchar 60

lnbox_kontak Varchar 20

Inboxjesan Text

Inbox*tanggal Timestamp

Inbox_status Illt

Field name Typc SlZe

Kategori_id 11lt

Kategori nama Varchar 30

Kategori_tanggal Timestamp

Ficld namc Typc Size

Kclas id int

Kelas_nama Varchar 40

14

UNIVERSITAS MEDAN AREA

Page 24: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Field name Type SlZC

Komentar id Int

Komentar_nama Varchar 30

Komentar_email Varchar 50

Komentar isi Varchar 120

Koment氣ゝanggal Timestarnp

Komentar_status Varchar 2

Komentar_tulisan_id Int

Komentarlrarent Int

Table 9 Tabel komentar

Table 10 Tabel log aktivitas

Table 11 Tabel pengguna

Field name type SlZC

Lo&ld 11lt

Log_nama Text

Log_tanggal Timestamp

Lo■ lp Varchar 20

Log pengguna id Int

Log_icon .Blob

Logjenis_icon Varchar 50

Field name type SlZC

Pengguna*id Int

Pengguna_nama Varchar 50

Pengguna_moto Varchar 100

Pengguna__lenkel Varchar つ

Pengguna_usemame Varchar 30

Penggunajassrvord Varchar 35

15

UNIVERSITAS MEDAN AREA

Page 25: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Pengguna_tentang Tcxt

Pengguna*email Varchar 50

Pengguna_nohp Varchar 20

PengttnLfaCebook Varchar 35

Penggunaawifier Varchar 35

Pengguna linkdin Varchar 35

Pengguna_google3lus Varchar 35

Pengguna_status Intつ

Pengguna_level Varchar (D

Pengguna register Timestamp

Penggunajhoto Varchar 40

Table 72 Tabel pengumuman

Tablc 13 Tabel penguttung

Field name サpC SlZC

Pengurnuman id Int

Pengumumanjudul Varchar 150

Pengumuman_deskripsi Text

Pengumumanlanggal Timestamp

Pengumuman_author Varchar 60

Field name typc SIZC

Pengur4ung_id 11lt

Pengunjung langgal Timestamp

Pengunjung_ip Varchar 40

Pengunjungjerangkat Varchar 100

16

UNIVERSITAS MEDAN AREA

Page 26: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Field name typc SlZe

Sis、va ld Ilat

Siswa nls Varchar 20

Siswa nama Varchar 70

Sisrv{ankel Varchar つ

Siswa kclas id Int

Siswa*photo Varchar 40

Tablc 14 Tabel siswa

Tablc 15 Tabcl tcstimoni

Table 16 Tabel tulisan

Field name type SIZC

Testimol■ i id 11lt

Testimoni_nama Varchar 30

Tesづ moni isi Varchar 120

Testimoni_ernail Varchar 35

Testirnoni_tanggal Tirnestamp

Field name typc SlZC

Tulisttl id 1■t

Tulisanjudul Varchar 100

Tulisan_isi Int

Tulisan_tanggal Varchar

Tulisan_kategori_id Int

Tulisan kategori nanra Varchar 30

Tulisan_views Int

Tulisan_garnbar Varchar 40

Tulisanjengguna id Int

Tulisan_author Varchar 40

Tulisan_img_slider 1111つん

Tulisan_slug Varchar 200

17

UNIVERSITAS MEDAN AREA

Page 27: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

3.3.3 Implementasi

Adapun hasil dari rancangan sistem yang telah dibangun dengan data yang cli

dapatkan di tempat kerla praktek menjadi sebuah sistem yang terkornputerisasi yaitu sistenr

infonnasi dan profil sekolah SD Negri 117474 Pasir Putih.

l. Form tampilan dashboard depan

Fonn ini adalah tampilan awal dari rvebsite sekolah

Cl

鯰ン認轟||| IⅢ●:||11,:IⅢⅢlⅢI=Ⅲ Iす|→|■■■IⅢⅢII■||||● |||■ ||■卜■|IⅢⅢ,1亀■CSal■|■ |ヽ二ヽ

Gambar 1 Form tampilan dashboard depan

18

UNIVERSITAS MEDAN AREA

Page 28: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

2. Form

Fonn ini

',.4 i,,, t,.".",*

tampilan kata

menampilkan

sambutan

kata sambutan dari kepala sekolah.

鸞鐸織:撫熱寝がlil‖減li‖iillii1ll:||1報 |llil:iミIIilillll,1。 nglュ (hPi lll卜 ■ヽらanξn′ょ

|ヽjl■ ‐ | |

llal rni sciling dengrn penguasaan teknologi u0tuk dinrarr{aatkan scbaik

ntungkin. schingga nretlciptakan iklim kontlusit tlulam ranah kr,ilnruarr. Dengrr

riijric:r.n,.nr,itr.r,h,ab..({konlekstual (l.in elektif, kami ntngejcwi}utlh[]n r]ihr-nildi

3.Forin

「orln lnl

l=Gu`,

■ C o

Gambar 2 Fonn tarnpilan kata sambutan

tampilan guru

menampilkafi data guru-guru yang mengajar.

聰 轟義IT鷲

黎'螂

府た

,IⅢ■` `ヽ。 ~

it氷づIP,1言ⅢⅢⅢln A■|||■||||||■ |||||■ ||ヽ

||・ 1二 lc t.ム L∴ :it=〕 oふ u 、1、

3ゞ A:Ⅲ O 「

|、 un、

“燿111 1■ IIKI.

Gtru

●ヽ El ● 藍.

i]l lccalhosi

Gambar 3 Form tampilan guru

19

UNIVERSITAS MEDAN AREA

Page 29: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

4. Fonn tampiian sisrva

Form ini menampilkan datadata dari siswa-srswi SD Negri 117474 Pasir Putih

明け則聯静■

lJ l!€rho!t, ilG:

' Ilrnrr, Katx Sirllbutait {ltrru Sis\\,rr ,\rtikel i)t'ngutnuntttr :igenrir

Siswa

● 0

量勒

Xttas I

・9☆ |

DO●hloed

mヽ E101■

■ |||‐|■ |||■ ||

C'五 IごAIIヽゎ■t,k■‐

一一 

・薔

Gambar 4 Fonl tarnpilan sistva

5. Form tarnpilan artikel

Form ini menarnpilkan artikel artikel tentang pendidikan, sains, prestasi, olah raga. i

& idikd

<- C 6) a - r.rali,oi . .-, -t ir ill\ tf

@ X;l:"rtHf^^ Llome lirlr -srr:rl)4s.1n curu sish.it Arikd ?rnsldrunno r,At-n.h rJo\lrriorrr (;arcri Kl)r.iili@

率■tegOri

Penti[gnya ]!!enanamkan Karakter Positif Sc'iak Dioi

Pentingrryai!{ena

^arrkan Kara}ter-.-

li(ti,,rl,1k;tn l,:.ikl{-r,lrir',J

Garnbar 5 Fonn tampilan artikel

20

,6‖ u

← I C合

UNIVERSITAS MEDAN AREA

Page 30: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

6. Form tampilan pengumuman

F-orm ini menampilkan pengumuman-pengumuman yang terdapat di sekolah.

睫ン認臨Ⅲ llome Kata Sainbutiln Gu.{r Sistrii ,.\rtikei L)cD{ilrDrir)ta[ ,\Aerrrlo i h/r1 nl(,rd (lJ]eri l(ortark

Pengumuman

7. Form

Form ini

*t ^r.^."

-

€- eO

Garntrar 6 Form tarnpilan pengumuman

tainpilan agenda

Menampilkan agenda-agenda yang ada di sekolah.

O

⑬認 臨 計"Z Ilome Kaita Sdmbutnn Cuau Sisl\-il -,\rtikel l)elgiittlutnuil r\lltil(h l)or\rloral (;ileri liillnk

Agenda

Kegiatan Luttr Sekolah ‐

は,Inba ScrttⅢ an u【 lt●、rふa lcrcrya dti dall・ ●IanitamPJ lidOFan l)ullよ

Garnbar 7 Form tampilan agenda

m、 田 ―● =

| | | ■ li:|■

■●

■f=□"ヽ

… ● ☆

■111

1,

1■

|||

一一一一一一一一一・一一

UNIVERSITAS MEDAN AREA

Page 31: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

B. Fonn tampilan download

Form ini berguna untuk user mendo'',vnload suatu file yang tersedia di tilnn dorvnload

癬 らct● oa`

|← ■ ,C合

晰ン測轟■ lllll・|■ 1ヽ |●

"申

ⅢⅢah 。はFtt S,ヽう Artttd '||1藤 ilnlⅢ ●`●■ヽ

"111

Download

(-laleri K.,ntak

. a entfies

' Files

tbrmulir peserta clidik sd nege .i 1F1r4 鶉Olet!

kepaia sekolah

Aksi :

1畔褥 1ヽS)io\\'ir,t Iro 1 ofle!)aries

Gambar 8 Form tarnpilan download

9. Form tarnpilan galeri

Form ini menarnpilkan foto foto yang bersangkutan dengan sekolah SD Negri 117474

Pasir putih.

含 Gol・●Fo:o

← ■ ・~・ 0 ‐ンヽ,t ⅢⅢ … 0☆

①),R」諄員1百3諄≒1「フ44 lltrヽ || ド|IL S■■卜●、a, (` u■

`I SIヽ|||` :ド lヽl ■|11燎u韓.薇

,■ |ヽII● |● 1'0` ||そ ,il Caltri l ,,ゃ 、

Galeri Foto

Gambar 10 Form tampilan galeri

22

0 0にoい。st′■ι■_1■ ●=■■■‐■■

'

椰ヽ 口 3ヽ 三

¨

・一

一一・一一一一・一一

・ 

UNIVERSITAS MEDAN AREA

Page 32: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

10. Form tampillan kontak

Form ini berguna sebagai alamat SD Negri 117174 dan juga sebagai sarana untuk user

berkomentar atau memberikan pesan terhadap sekolah.

Cl

聰 認識去“ IⅢⅢI■'F''呻

|■■|IⅢⅢ■Sヽ■11111薇 |||lhな |ltⅢⅢ・いま||||||IYⅢII■■|■ KOl'■ヽ

Hubungi Klmi■■■|■||||■■1111■ |■■■|

Gambar 10 Forrn tampillan kontak

I l. Fonn Tarnpilan login admin

Fonn ini berguna untuk login adrnin untuk masuk ke fonn dashboard admin

i,0も ‐ヽ ⑫ ★ l11ヽ 口 i毎 =

轟 [・ gi・

← i C 金

[丁 1

Gambar ll Forrn Tal■lpilan login adtnin

Oυ

う乙

UNIVERSITAS MEDAN AREA

Page 33: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

I2. Fonn tampilan dashboard - adnrin

Form ini awal dari tarnpilan dashboard adrnin, dan menampilkan log aktifitas dari website

←‐ CO 0 D iocatrcsr

DaShboard

17

Pengunj,.rig bLilan ini

Gambar l2 Form tampilan dashboard - admin

13. Form tampilan data artikel - adrnin

Fonn ini berguna untuk CRUD dari data artikel

曖冒団日目目日目■■=‐

百[蔦ご~~~ ~~~‐

f

← | I C 金 O D loGihdsr

LiSt Artikel

計~咆ぽ

一財¨

Pend轟六an ,

0

Ganrbar i3 Form tainpilan data artikel adrnin

24

Author Sa.a

tjsiva Arrdra.rie - l“・ ̈

ヽ 

”一

UNIVERSITAS MEDAN AREA

Page 34: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

14. Fonn tarnpilan data pengguna - admin

Form ini berguna untuk CRUD dari data pengguna.

Data Pengguna

Gambar 1,1 Form tampilan data pengguna - adrnin

15. Forrn tampilan data agenda - adrnin

Form ini berguna untuk CRUD dari data agenda.

& N.nie Pen$dn

Sei..h:

xonlak Leye(

062274??34ir2 Admin'snaro.題

ツヽ 

Gambar 15 Form tampilan data agenda - admin

25

寺 Dお ,そ

"9=o,

← I C合 O 0 bethesli; cr, ::,i..: i r...{r,::,..'r:,:j:ijr,:,,, ■れ| ・・・0☆ m、 t―lυ ギ =

Sいow ょ。 ||len■ ●5

ニPhoto Nama

,.: a;hy3

,.. Al't*arni

Sf'oBing 1 to.1 cf I eniries

(;iiyan;surjrnllaagJi.ii..ori PE.e,.,prrn

n 』

一一      』  む

・一一鰊・一「..一

m、 cl● ギ =

す 鑑

● =_..1之辟

1-

UNIVERSITAS MEDAN AREA

Page 35: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

15. Fonn tampilan data pengurllurxan - adrain

Form ini berguna untuk ClRllD dari data pengumuman.

&o.bPeoglmun1.n * il

+ ., C d tO Drccarhosr

Penguttuma■

【̈rt:D!.n a{n4i5,l:n Cin ii.6:iir'z)n lt:.i.kb:rJ)- Nad,:D Mrh!',r. aIh,rni,merit!h,nrt;n l3i$,.i :nt.rr,:i!rin B:r! ?aro niijld'rsl mnlrl r.tr!.h.9rli.i..ir.ji !eysXem:hdrlbud, :iini.m meng!ntini.n ha5ll l.ru'sn Ka,i.nriiibrdD"r-ar'.r r.:i;3r: i!gI P.r..prtr. pc.3niinrn C.Lid.19, Kr'he.Nn aliL i.m.iig,iemcdrre, (rmand33i!, eti?g dnr !..n,si x DFR kt pscs.sebi€r s:nii rl5 6'li2c)

Gambar I6 Fonn tampilan data pengumurran - admin

17. Form tampilan data download - admin

Fon■ ini bcrgtlna untuk CIRUI)dari data do、 vnload

← ‐ C合 C D lccatrosr

P'W11。 111‐ |||

‐ 璽鷺曇霞墨鰻量屏曇

Sい 0″ =■ |'1綺、ri∝

0

Gambar 17 Form tampiian data download - admin

26

11i軒

い詢

』 

¨̈

呻  一

 

.―・

漑 `ヽ

1・ 1

‐・ ‐ SM‐

.1

UNIVERSITAS MEDAN AREA

Page 36: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

18. Form tampilan data gallery - admin

Form ini berguna untuk CRUD dari data gallery,

*;;' ;e A g Llrccarhost 1lⅢ … ワ ☆ ‖ヽ 0 ■| ■ =

211■ つ■02● 50N l17`t,P86,「 Pじ■h

Shcr?ing I to; Dfl entriis

Galnbar 1 8 Fontl talllpilan data gallcw… adinin

19.Forin tampilan data guru¨ adlllin

Fonn ini bcrguna untllk CRUID dari data gwu.

00

中一鰊檄一̈饒剰踪

00に 0∫もs■メ.tF■‐=|●

,゙■●■'・ ■■| ・・・0☆ いヽ 口 ●. 哺ド ≡

Pe'e-pu,4 !.-..I kelatnt

0つ oお C、・・

4 1 C 金

Gambar l9 Form tarnpilan data gum - adrnin

27

靱S,ro,.? r,' - ir.trie!

Photo i: Nrp

€$ l:2?05!i5c?sso..:

(:-} i2?zi)ir:exr1'1ctc:

(]..} i2?2r3605i?ooil

|!} :2raa4r:o5s:oor!

6> :222a.!3c:sq6eoi

t_-> i2?2rs6slBiloacl

UNIVERSITAS MEDAN AREA

Page 37: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

20. Fonn tampilan data siswa - adrnin

Fonn ini berguna untuk CIRUD dari data artikel

姜 。工̀,s、 `

← |IC合

Data SiSwl

¨̈「は 『̈・,齋

Sho\v :: - enirie,

Photo t:: Nts

t●К卜■0ヽ KdOs〔 ド

讐に・ 。uan K“ asl r

Gambar 20 Form tarnpilan data siswa - adrnin

21. Forrn tamptlan inbox - admin

Fonn ini berguna untuk CRUD dari data inbox.犠 卜 し嗽

← , C合

,t) D r6.arhc5r rljft ..- t, * 11,. ti .i-, ::.

=

lnbox

sholrineO to 0 oaO eot.i€3

||ヽ

Gambar 2l Form tarnpilan inbox - adrnin

28

e D鮨 ぃ.。 st..`■,tth■ t4■ til=` lt■ ・・ 9☆

UNIVERSITAS MEDAN AREA

Page 38: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

22. Forrn tanrpilan data komentar - admin

Form ini berguna untuk CRUD dari data komentar.

Gambar 2?Form tarnpilan data komentar - admin

'i:-+

Nam3 il (om.nlar I.nEnFn Uohlt Oiki,i.r!3n p.d. Arsi

rJcdain 3,rii!ble,,r iible

Shor!ing 0 to C oi0 €niri.5

29

UNIVERSITAS MEDAN AREA

Page 39: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

BAB IV

P[NUTT]P

4.1 Kesimpulan

Berikut beberapa kesirnpr-rlan dari pembuatan Website Sekolah SD Negri lI7414Pasir Putih.

l. Dengan website yang dibuat ini akan mempermudah masyarakat untuk mendapatkan

inforrnasi tentang Sekolah SD Negi 117474 pasir putih.

Websrte ini akan mempermudah rnasyarakat luas untuk lebih mengenal lebih detail

terkait Guru, Murid, maupun visi kami tanpa harus datang terlebih dahulu ke sekolah.

4.2 Saran

Dalarn pelaksanaan kerja prakek ini disarankan untuk bisa rnernbuat sebuah aplikasi

yang sangat di butuhkan oleh sekolah, dalam hal ini dibuat sebuah rvebsite sekolah dan

mampu untuk mempermudah dalanr pemasaran serta sebagai informasi yang tepat dalarn

pernberian infbrmasi seputar sekolah SD Negri 1T7474 pasir putih.

2.

30

UNIVERSITAS MEDAN AREA

Page 40: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

DAFTAR PIISTAKA

Dengen, N., & Hatta, H R. (2009).t'erancaltgan Sistent lnfitrmosi T'erpaclu. Jurnai

Inforrnatika Mulawarman, 4 N0. 1, 47 -45.

Deneen, N." & Hatta, R F{ (2009). Perancangan Si,rtem Informasi T.erpaclu. Jurnal

Informatika Mulawannan, 4 No. l, 47 -54.

H.M., J. (2005) ,4nalisi dan Desain Sistem lnforrnas'i,Pentlekatan Terstrurktur T'eori Dun

P raktek,lpl rku.s i Bisnis. Yogyakarta: Andi.

Kadir, A (2003) Pengenalan sistem in/brma,si. Yogyakarta: Andi.

Kadir, A. (2009) Membuat Aplikasi Weh dengan PHI' + Database |u{ySQt,. Yogyakarta:

Andi

Kusrvayatno. L. (2006). l'4ahir dan'l'erampil Berkonryuter. Grafinclo Media Pratama.

Masrur, M . (1009). Inlerne.t Super l{uekrh Lhtuk Siapa Sa/a : Cara l.{ernitih l|teb Hostitrg,

llagam [4'-eb llrt.sting, I'enarnctan [)ornuin, Drsmoin Cirutis. Yogyakarta: Bookrnarks.

raflcl32. (2018. Oktober 27). Jelaskan pengertictn pro/il organisasi. (brainly.co id) Retrieved

frorn https :,,brai nly. co .idl tugas/ 17 i I 89 1 6

Roberts, A. R., & Greene, G. j. QA02). Iluku Pintar Pekeia Sosict .Iitid 2. Oxibrd: Oxford

University Press.inc.

Susanto, P. A. (2004). Sistem Informasi Manaf emen konsep dan pengentbongunnyct.

Bandung.

(n d.). (wikipedia) Ret rievetl fi.om

https://id.rvikipedia.orgrviki/Kerangka_ked a_aplikasi web#cite note- l

31

UNIVERSITAS MEDAN AREA

Page 41: fAE摯1響 | |:警SUT10'(17,1,01り ドrepository.uma.ac.id/bitstream/123456789/14917/1/Cahya...Akhir kata, Saya menyadari bahrva pelaksanaan kerja praktek dan penyusunan laporan ini

Lalnpiran l

SK DOPIN KP

LAPIPIRAN

UT{IVERSITAS S{EDAN AREATAKULTAS TEK]IIIK

&l1F t is,r iril bs 1 1,4#r i:*:t*rr:Bti riii: : t y.. :,t.:, r.} . r:t,? :iLa)!i .:4_,. | :. .:;-. ,':{ r; l,i^t!: t,:i::tsF i : jiir'sNdlsu/il-!iiSsJe-+\b.f r.:r, a,tt:rtJii:ii: !;, :il n;-...:-n:5-:,;.:i

,_:rrl t.-r -i. ?!.rsir-.r. :

:4:■「: `1‐ て,I lt,ヽ■1:11● 2●

1)。 t111,1,,,bin=X● ●31)r,■ tt・ k′ f、A

{ \i:rr\lus :{,:11\onrurl-.:r:tpll a i

ヽ.:|〕

Pc:i:卜 i●、Ltintt K(■ ●P,セ 11(1

●ヽrul Kh8:バ tt織 .ヽ.Kt,tt,.11.KIII●

Dllc:]、:,3:

1)ヾ ,1ぎ ιlll:lt` ::ltit、

cヽllじ卜u"ド t:,1に ltil,dilcn“ 〕i餞、::トト、1'rさぃま:、 :,,(●■I"で ,lpヾ:“首tli K● 131・ =●kく ,費 tit,■ 口1、 ::ぶ 、:、 、ュ

=ヽ、1ヽ.、 :ヽAliヽ lヽSヽ

1人Pヽヽ 1 J:R〔 ヽヽヽ

I L th',1 ;lliirr,rr:r \*rsutii* :Fヽ 1● 1311,・・ 1<Ln:l hli.'rr::::ifu

\!.ri-:: .ital.tt i:iriu-.;i is,rilr uc:iq!;tr-rpktr !:cs,rlr.lu :,4i.-lti; :

I. \urul Khririnrr. S,!ronr. \l.ho*r { Srhal*i prr:rtrinrbirl I }

Ilirtr:rr.r Ilr'.r l'r.rl,ti]. :..r rl.r:t Jinl.rrr,.,.!rrl

*Pcranmngrr 1\r.iritc lnfornrsri t'mlil SD\ I l?{?{ larir ttutih"

I)t:rtiLr-:r l.rlri r:r:::J:triln, rtlr lc'i:rJultn sriithr* tlilcrPlan lc;rr:r,r i..rrrh

l uru rir lirrrltir. \ L \l I

32

UNIVERSITAS MEDAN AREA