makalah webmaster jessica

7/24/2019 Makalah Webmaster Jessica

1/21


2/21

KATA PENGANTAR

Puji seta s$u%u %a#i &anjat%an %eha'iat Tuhan (ang Maha )sa $ang telah #e#*ei%an

%e#a#&uan %e&a'a &enulis+ sehingga &enulis 'a&at #en$elesai%an #a%alah ini! ,'a&un#a%alah &e#oga#an -e* 'an 'ata*ase ini *eisi tentang istilah 'an &engetian -e*#aste

*eseta tugas.tugasn$a!

Tujuan &enulis #e#*uat #a%alah ini 'ituju%an untu% &aa &e#*aca aga setelah #e#*aca

#a%alah ini 'a&at #engetahui tentang -e*#aste *eseta tugas.tugasn$a! /elain itu #a%alah ini

juga #eu&a%an tola% u%u sejauh #ana %e#a#&uan 'ala# #e#aha#i #ata %uliah

Pe#oga#an e* 'an Data*ase %hususn$a 'ala# su* *a* e*#aste ini+ sehingga tetai%

untu% #enga&li%asi%ann$a 'i #asa $ang a%an 'atang!

Tei#a %asih %e&a'a &iha%.&iha% $ang te%ait 'ala# &e#*uatan #a%alah ini $ang telah

#e#*antu &enulis #en$elesai%an #a%alah ini! Mohon #aa atas segala %e%uangan $ang

te'a&at 'ala# #a%alah ini! Penulis sangat #enghaa&%an %iti% 'an saan &aa &e#*aca guna

#eleng%a&i %a$a tulis il#iah ini!

De&o%+ "e*uai 201

Penulis

1


3/21

DA&TAR !S!

KATA PENGANTAR!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!i

DA&TAR !S!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!ii

WEBMASTER DAN TGAS-TGASN'A!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

BAB ! PENDAHLAN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

1!1 ata Bela%ang!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

BAB !! LANDASAN TEOR!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

2!1 Pengetian Istilah e*#aste!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

2!2 Tugas.tugas e*#aste!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!21! e* Designe!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!3

Tugas.tugas e* Designe!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!3

2! e* Poga##e!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Tugas.tugas e* Poga##e!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

3! e* ,ni#ato!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!104! e* ,'#inistato!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11

Tugas.tugas e* ,'#inistato!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11

BAB !!! PENTP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!14

3!1 Kesi#&ulan!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!14DA&TAR PSTAKA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!15

LAMP!RAN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

2


4/21


5/21

Dahulu+ istilah -e*#aste 'i*ei%an %e&a'a oang $ang su'ah ahli 'ala# *i'ang

-e* 'e6elo&e! Ke#a#&uan seoang -e*#aste #enca%u& 2 %eahlian $aitu: -e*

'esaine 'an -e* &oga##e! ,'a oang $ang *e*a%at #en'esain ta#&ilan -e*site

#enja'i #enai% %aena *e'asa%an cita asa esteti%a %ein'ahan+ #a%a oang tese*ut

*isa #enja'i -e* 'esaine! Dan se*ali%n$a+ a'a juga $ang #a#&u #e#*uat se*uah s%i&

&e#oga#an -e*site $ang 'ina#is+ ata%ti *e'asa%an logi%a 'an algoit#a $ang

&enuh 'engan *ais %o'e.%o'e+ #a%a ja'ilah -e* &oga##e $ang han'al!

Pa'a saat ini+ &e%e#*anganintenet'an -e*site $ang su'ah se#a%in #aju+ 'an

*e%at %eja &aa -e*#aste sesungguhn$a+ *an$a% -e*#aste 'a'a%an *e#unculan!

,&alagi 'ita#*ah *an$a%n$a -e*site *e*asis 9M/ #au&un lainn$a $ang 'a&at

'iguna%an secaa instan 'an gatis! /e*ut saja -o'&ess+ *logs&ot+ joo#la+ -ee*l$+jounal+ 'll+ 'engan #u'ahn$a *isa #e#o'ii%asi ta#&ilan 'an s%i&!

Istilah webmastersesungguhn$a a'alah oang $ang #a#&u #en'esain 'an

#e#&oga# se*uah -e*site! /elain itu -e*#aste 'ituntut juga #e#&un$ai

%e#a#&uan 'an -a-asan $ang luas #engenai %e#a#&uan 'esain 'an &oga#+

sehingga *isa #eencana%an+ #eancang 'an #enganalisa -e*site 'engan *ai%! Bah%an

untu% ting%at lanjut+ -e*#aste haus #e#&un$ai %e#a#&uan #enga#an%an -e*site

'ai seangan.seangan oang $ang ta% *etanggung ja-a* $ang selalu #engintai untu%

#ela%u%an hac% 'an 'eace!

2!2 Tugas.tugas e*#aste

Pa'a 'unia Te(n)*)g+ !n,)ras+T!;+ *an$a% istilah &oesi %hususn$a $ang

*ehu*ungan 'engan web! Be*ea&a 'i antaan$a a'alah web designer, web programmer,

web administrator+ 'an web animator! /ecaa u#u# -e*#aste #enca%u& se#ua &oesi

tese*ut! Kena&a 'e#i%ian < %aena webmastera'alah se*utan untu% oang $ang ahli

'ala# 'unia -e* sehingga seoang -e*#aste ti'a% han$a *isa #en'esain hala#an -e*

2
http://www.kumau.info/2012/05/pengetahuan-dasar-internet.htmlhttp://www.kumau.info/2012/05/pengetahuan-dasar-internet.html


6/21

saja+ teta&i juga haus 'a&at #e#*uat siste#n$a 'an #ea-at -e*site tese*ut hingga

teta& a'a 'an #encegahn$a 'ai %eusa%an $ang 'a&at teja'i! /eoang -e*#aste a'alah

seoang $ang #ela%u%an hal.hal se&eti :

Me#*uat #atei atau isi situs content cretion;!

Men'esain asite%stu situs -e* architectural design;! Menea&%an a&li%asi situs -e* implementation;!

Me#*uat ta#&ilan situs -e* visual design;!

Mengelola situs -e* management;

/ecaa gais *esa 'a&at 'i si#&ul%an *ah-a seoang -e*#aste *etanggung ja-a*

untu% #eencana%an+ #eancang+ #engelola+ 'an #e#elihaa situs -e* aga teta& 'a&at

*ejalan 'engan *ai%! =al lain $ang haus 'i la%u%an $aitu #ea-at 'an #enge#*ang%an

siste# atau &oga# $ang 'i guna%an! Me#*uat situs -e* 'a&at 'ini%#ati &engunjung+

#enjagan$a 'ai %eusa%an 'an &elanggaan $ang 'atang 'ai 'ala# #au&un 'ai lua

$ang 'a&at 'i se*a*%an oleh ulah #anusia #au&unsoftware! /eoang -e*#aste juga

haus teus *elaja+ *e*agi+ 'an *e%a$a 'e#i *angsa 'an negaan$a!

/e&eti 'i jelas%an se*elu#n$a+ &oesi -e*#aste te'ii 'ai web designer, web

programmer, web animator+ 'an web administrator! /e#ua &oesi tese*ut #eu&a%an

*agian $ang ta% 'a&at 'i &isah%an satu sa#a lain untu% 'a&at #enja'i seoang -e*#aste

&oesional! Bei%ut a%an 'i jelas%an secaa inci tugas 'ai #asing.#asing &oesi $ang

'i ca%u& oleh -e*#aste!

$. Web /es+gner

e* 'esigne a'alah oang $ang tugasn$a #en'esain -e*! /e*agai seoang

-e*#aste haus #e#&un$aijiwa seni dan terampil'ala# #engga#*a! Pe#ilihan

*entu% 'esain $ang 'a&at #e#*uat ta%ju* &engunjung %eti%a #elihat hala#an -e*

$ang 'i ancangn$a! Be*ea&a &oin &enting *agi seoang -e* 'esigne 'ala#

#eangcang hala#an -e* a'alah se*agai *ei%ut:

Dala# #en'esain 'an #eangcang hala#an -e*+ &ehati%an kompabilitas

resolusi monitor&engunjung!

Desain haus 'i ancang se#enai% #ung%in 'an sesuai 'engan tujuan situs!

Desain $ang 'i ancang haus #engi%uti ten' $ang a'a!

Penggunaan -ana ti'a% telalu teang atau&un telalu gela&! Desain $ang 'iancang haus 'i tuju%an 'engan %e&uasan &engunjung atau oang

*n$a%+ *u%an 'e#i %e&uasan sen'ii!

Mengguna%an tipografi$ang *ai% 'an informatif!

3


7/21

Be*ea&a sot-ae $ang 'a&at 'i guna%an oleh -e* 'esigne untu% #en'esain

hala#an -e* a'alah a'o*e &hotosho&+ a'o*e illustato+ ie-o%s+ eehan'+ 'an lain

se*again$a!

Tugas-tugas Web Des+gner

Kalau *e*icaa soal -e* 'esigne+ #a%a jelas &e%ejaann$a a'alah #e#*uat

'esain se*uah -e*site+ 'esain tese*ut a%an 'i*u%a atau 'ini%#ati &a'a se*uah la$a

se&eti la$a %o#&ute+ la$a han'&hone+ la$a ta*let+ 'esain -e* *u%an 'esain $ang

nantin$a a%an 'iceta% se&eti *osu+ &oste+ *anne+ atau co6e #ajalah %aena itu

&e%ejaan seoanggraphic designer! Tentun$a ini sangat *e*e'a+ 'ai #e'ian$a &un

sangat *e*e'a+graphic designer&e%ejaann$a le*ih 'o#inan %e &e#*uatan 'esain untu%

#e'ia ceta%+ se'ang%an -e* 'esigne hasil &e%ejaan$a a%an 'i *u%a 'i se*uah la$a

#onito!

a. Meran0ang K)nse1 Lay)ut 2W+re,ra+ng3

Tugas &eta#a -e* 'esigne a'alah #e#*uat ancangan la$out -e*site+

ancangan la$out ini *e#aca#.#aca#+ a'a $ang se%e'a #e#*uat -iea#e 'engan

coet.coet 'i %etas atau 'engan tools untu% #e#*uat -iea#e lain$a

se&eti*alsa#i>atau Moc%ing*i'+ a'a $ang cu%u& #e#*a$ang%an 'i ota% 'an langsung

#e#*uatn$a 'i &hotosho&+ a'a $ang langsung 'i *o-se!

4
http://www.tutorial-webdesign.com/category/graphic-design/http://balsamiq.com/http://balsamiq.com/https://gomockingbird.com/http://www.tutorial-webdesign.com/category/graphic-design/http://balsamiq.com/https://gomockingbird.com/


8/21

b. Meran0ang Lay)ut Se0ara 4+sua*

/etelah #e#*uat ancangan la$out'ala# *entu% -iea#e+ selanjutn$a tentun$a

#e#*uat *entu% 6isualn$a+ *isa 'i&hotosho&+ie-o% atau gi#&!

Disini -e* 'esigne *isa #en$alu%an i'e.i'en$a 'ala# #e#*uat setia& ele#en $ang

a'a 'i -e*site+ #e#*ei -ana+ #ene#&at%an ga#*a 'an lain$a! e* 'esigne tentun$a

haus &un$a &enjelasan.&enjelasan tentang 'esain $ang 'ia *uat+ *iasan$a ini

te'o%u#entasi leng%a&+ %ena&a #e#ilih -ana tetentu+ ont a&a $ang 'iguna%an+ 'an

lain se*again$a!

0. K)n5ers+ Lay)ut 4+sua* (e HTML /an 6SS

5
http://www.tutorial-webdesign.com/tag/layout/http://www.tutorial-webdesign.com/tag/layout/http://www.tutorial-webdesign.com/tag/photoshop/http://www.tutorial-webdesign.com/tag/photoshop/http://www.tutorial-webdesign.com/tag/layout/http://www.tutorial-webdesign.com/tag/photoshop/


9/21

Ta#&ilan 6isual saja *elu# cu%u&+ untu% *isa 'i*ilang se*agai 'esain se*uah

-e*site #a%a ta#&ilan 6isual tese*ut haus *isa 'ijalan%an 'an haus *eungsi 'engan

*ai% ji%a 'i*u%a &a'a se*uah -e* *o-se! ?ntu% itu tentun$a 'i*utuh%an &oses

%on6esi 'ai ile Photosho&+ "ie-o% atau @i#& %e'ala# *entu% =TM 'an 9// aga

*isa 'ijalan%an 'engan *ai% 'i e* Bo-se! Biasan$a 'i%enal istilah /licing+ %aena

se*again *esa 'esain -e* 'i*uat 'engan &hotosho&!

Pa'a *agian ini -e* 'esigne #e#otong.#otong 'esain 6isual $ang su'ah 'i*uat

#enja'i &otongan.&otongan ga#*a! @unan$a tentu aga ga#*a $ang 'iguna%an &a'a

-e*site nantin$a ti'a% *esa 'an #e#*eat%an+ selain itu %egunaan #e#otong.#otong

ga#*a $aitu aga *isa #enentu%an *agian #ana saja *ai% tulisan atau ga#*a $ang

nantin$a *isa 'i*uat 'ina#is 'an *agian #ana $ang han$a statis!

/. Mebuat Susunan Mar(u1 2HTML3

Tugas -e* 'esigne setelah &oses slicing tese*ut a'alah #engatu tata leta%

ele#en.ele#en $ang a'a 'i se*uah -e*site sesuai 'engan *entu% 6isual $ang su'ah

'i*uat se*elu#n$a+ untu% #engatu tata leta% tentun$a 'i*utuh%an &engetahuan a%an

*ahasa #a%u&+ $aitu =TM =$&eteAt Ma%u& angugage; ja'i -e* 'esigne haus

#engeti =TM+ se%aang *ah%an su'ah =TM5!

Kenapa harus mengerti bahasa markup?se%ali lagi %aena 'esain $ang 'i*uat itu nanti

a%an 'i*u%a 'ise*uah la$a #onito 'engan #engguna%an -e* *o-se+ *u%an untu% 'i

ceta%! Ja'i -e* 'esigne haus *etanggung ja-a* #e#asti%an 'esain $ang 'i*uatn$a

*isa ta#&il *ai% 'i *o-se tese*ut+ *u%an han$a satu *o-se+ ta&i a'a *an$a% *o-se

$ang 'iguna%an+ ja'i %o#&ati*ilitas ta#&ilan 'i setia& *o-se juga #enja'i tanggung

ja-a* -e* 'esigne+ ja'i -e* 'esigne haus &aha# juga istilah -e* stan'a'+&e#aha#an a%an -e* stan'a' ini tentun$a a%an sangat #e#*antu %eti%a 'ia #eancang

-e* secaa 6isual 'i &hotosho&+ 'engan &aha# %o#&ati*ilitas *o-se 'ia a%an sangat

*ehati.hati 'ala# #e#*uat 'esain+ jangan sa#&ai a&a $ang 'i*uat ten$ata

#eni#*ul%an hasil $ang *e*e'a ji%a 'ilihat 'i *o-se $ang *e*e'a!

Kenapa web designer yang menyusun markup?%aena -e* 'esigne lah $ang &aling

#engeti *agai#ana sehausn$a 'esainn$a *e%eja &a'a se*uah -e* *o-se!

e. Me1er0ant+( Mar(u1 Dengan 6SS

Mengatu tata leta% ti'a% cu%u& 'engan =TM %aena nanti ja'in$a sangat#onoton+ seoang -e* 'esigne *etugas juga untu% #e#&ecanti% ta#&ilan #a%u&

tese*ut+ tentun$a untu% #e#&ecanti%n$a 'i*utuh%an 9// 9asca'ing /t$lesheet; $ang

#e#ang &asangann$a =TM+ ja'i -e* 'esigne juga haus #e#aha#i 9//+ %aena

'engan 9// lah nanti se#ua ele#en $ang a'a 'i -e*site a%an 'iatu+ se&eti -ana

*ac%oun'+ *entu% te%s+ u%uan te%s+ le*a la$out+ ju#lah %olo#+ 'an lainn$a! Tujuan

6


10/21

a%hin$a $aitu aga 'esain $ang 'i*uat secaa 6isual 'i Photosho& 'a&at seu&a 'engan

ta#&ilan 'i *o-se 'ala# *entu% =TM 'an 9//!

,. Meber+ E,e( Taba7an 'ang D+1er*u(an

Di a#an se%aang te%nologi -e*site se#a%in *e%e#*ang 'engan ha'in$a

=TM5+ 9//3+ /C@+ J>ue$+ 'an te%nologi lainn$a! /e#ua te%nologi itu tentun$a untu%

#enunjang ta#&ilan -e*site+ sia&a%ah $ang *etugas atas ta#&ilan se*uah -e*site

makalah webmaster jessica

Documents