Materi P2M

8/16/2019 Materi P2M

1/24

MATERI P2M MANAJEMEN INFORMATIKA

PENGANTAR CMS

BLOGGING DAN MOBILE

(WORDPRESS)

JURUSAN MANAJEMEN INFORMATIKA

FAKULTAS TEKNIK DAN KEJURUAN

UNIVERSITAS PENDIDIKAN GANESHA

SINGARAJA

2016

DAFTAR ISI


2/24

Halaman

HALAMAN JUDUL................................................................................i

DAFTAR ISI...........................................................................................ii

1.1 Pengantar CMS , Blogging dan Mobile.............................................

1.1.1 Definisi CMS (Content Management System)......................

1.1. Definisi Blogging .....................................................................

1.1.! Definisi Mobile........................................................................

1. Persia"an # Instalasi Software.........................................................

1..1 Lang$a% 1...............................................................................

1.. Lang$a% ...............................................................................

1..! Lang$a% !...............................................................................

1..& Lang$a% &..............................................................................

1.! T't(rial Setting A)al Halaman Wordpress.......................................

1.!.1 Lang$a% 1................................................................................

1.& T't(rial Setting Template Wordpress................................................

1.&.1 Lang$a% 1................................................................................

1.* T't(rial Tam+a% Menu Wordpress....................................................

1.*.1 Lang$a% 1................................................................................

1. T't(rial Tam+a% P(stingan Arti$el -ar' Wordpress.........................

1..1 Lang$a% 1................................................................................

1. T't(rial Tam+a% Videos Youtube.......................................................

1..1 Lang$a% 1................................................................................

2

https://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAAhttps://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAAhttps://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAAhttps://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAAhttps://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAA


3/24

1.1 Penganta CMS! Blogging "an Mobile

Saat ini $e+'t'%an a$an se+'a% inf(rmasi mer'"a$an se+'a% $(ns'msi

/ang %am"ir +ergera$ $e"ada $e+'t'%an "rimer man'sia. Hal ini di$arena$an

"er$em+angan 0aman m(dern dimana te$n(l(gi $(m'ni$asi sangat +er$em+ang

"esat dan mem'ng$in$an setia" (rang da"at saling +er+agi inf(rmasi $e"ada

sia"a"'n, dimana"'n dan $a"an"'n.

Men0a)a+ sem'a $e+'t'%an diatas, website se+agai media inf(rmasi

ele$tr(ni$ "ada de)asa ini memegang "eranan "enting dalam men/am"ai$an

inf(rmasi. le% $arena it', $e+'t'%an a$an website dirasa "enting +agi indi2id',

(rganisasi ma'"'n "er'sa%aan. 3arena website da"at men0adi media inf(rmasi

/ang sangat 4e"at, m'da% dan m'ra%.

Mengingat d'rasi /ang di+'t'%$an 'nt'$ mem+ang'n se+'a% website

tida$la% m'da%, ma$a "ada saat ini tela% di$em+ang$an se+'a% Content

Management System ata' /ang le+i% di$enal CMS. Dimana CMS +erf'ngsi

'nt'$ mem+ang'n se+'a% website dengan tida$ "erl' 'nt'$ mela$'$an

"emr(graman dari a)al. Dan di +a)a% ini mer'"a$an definisi dari CMS,

Bloogging dan Mobile.

1.1.1 De#$n$%$ CMS (Content Management System)

Pengertian Content Management System 5CMS6 7 Content Management

System ata' sering dise+'t dengan CMS adala% aplikasi web /ang +erisi$an

tem"late 'nt'$ mengel(la isi %alaman web se4ara m'da%. Pengg'naanContent Management System tida$ memerl'$an "engeta%'an "emr(graman

web /ang %andal $arena "r(ses instalasi dan 4ara "engg'naann/a s'da% user

friendly. CMS sendiri ada /ang di+'at $%'s's men/es'ai$an $as's /ang ada dan

+iasan/a +er+a/ar dan ada /ang +er'"a template instan /ang f'ngsi(nalitasn/a

di+'at dengan men/e'ai$an "ada +e+era"a "r(ses +isnis /ang ada did'nia

n/ata /ang da"at dig'na$an se4ara gratis. Dan "ada 8am+ar 1.1 mer'"a$an

tam"ilan dari CMS /ang "aling sering di g'na$an.

3


4/24

8am+ar 1.1 Daftar CMS (Content Management System)

1.1.2 De#$n$%$ Blogging

Blog adala% $e"ende$an dari 9e+l(g, istila% /ang "ertama $ali

dig'na$an (le% J(rn -arger "ada +'lan Desem+er 1::. J(rn -arger

mengg'na$an istila% Weblog 'nt'$ men/e+'t $el(m"($ website "ri+adi /ang

selal' di '"date seara $(ntin/' dan +erisi link!link $e website lain /ang

mere$a angga" menari$ disertai dengan $(mentar;$(mentar mere$a sendiri.

Se4ara garis +esar, Weblog da"at dirang$'m se+agai $'m"'lan website

"ri+adi /ang mem'ng$in$an "ara "em+'atn/a menam"il$an +er+agai 0enis isi

"ada )e+ dengan m'da%, se"erti $ar/a t'lis, $'m"'lan link internet ,

d($'men;d($'men, gam+ar ata'"'n multimedia.

1.1.& De#$n$%$ Mobile

Mobile adala% se+'a% a"li$asi /ang mem'ng$in$an Anda mela$'$an

m(+ilitas dengan mengg'na$an "erleng$a"an se"erti PDA, tele"(n sel'ler ata'

Hand"%(ne. Dengan mengg'na$an a"li$asi mobile, Anda da"at dengan m'da%

mela$'$an +er+agai ma4am a$tifitas m'lai dari %i+'ran, +er0'alan, +ela0ar,

menger0a$an "e$er0aan $ant(r, browsing dan lain se+again/a.

2


5/24

Pemanfaatan a"li$asi mobile 'nt'$ %i+'ran "aling +an/a$ digemari (le%

%am"ir

1.2.1 Lang)a* 1

Pasti$an dalam PC anda s'da% terinstal ?AMPP /ang dimana ?AMPP

mer'"a$an sing$atan dari 4r(ss;"latf(rm5?6, #pa$e, M/S@L, PHP dan Perl.

Mer'"a$an ser"er web l($al /ang ringan 'nt'$ t'0'an "eng'0ian. 3arena ?AMPP

adala% ross!platform, ma$a 0'ga +e$er0a "ada Ma4 dan Lin' 5LAMP6, "ada

t't(rial 4ara install Wordpress offline ini $ita a$an mengg'na$an ?AMPP. Ji$a

?AMPP s'da% terinstal di PC anda "asti$an #pa$e dan M/S@Ln/a tela% a$tif.

Dan di "ada 8am+ar 1. 8am+aran dari ?AMPP Control %anel .

8am+ar 1. 8am+aran dari ?AMPP C(ntr(l Panel.

3


6/24

1.2.2 Lang)a* 2

Setela% lang$a% "ertama selesai lang$a% +eri$'tn/a $ita %ar's mem+'at data

+ase terle+i% da%'l' /ang dimana data +ase it' a$an di g'na$an (le% CMS

Wordpress it' sendiri, dengan 4ara +'$a$ +r(ser anda dan $eti$an

+,-a+*,%t'*'/a"/$n. Dan "ada 8am+ar 1.! mer'"a$an tam"ilan dari

%alaman "%"m/admin.

8am+ar 1.! Tam"ilan dari Halaman "%"m/admin

Setela% tam"il %alaman "%"m/admin sila%$an +'at data +ase /ang a$an di

g'na$an 'nt'$ mend'$'ng 0alann/a CMS /ang a$an anda g'na$an, dengan 4ara

3li$ -asis data "ada %alaman "%"m/admin dan isi$an &orm dengan nama

data+ase /ang anda ingin$an, disini "en'lis a$an menamai data +ase dengan nama

B/ate$'2/1. Dan "ada 8am+ar 1.& mer'"a$a tam"ilan dari &orm "em+'atan

+asis data.

4


7/24

8am+ar 1.& Tam"ilan Dari &orm Pem+'atan -asis Data.

Pada gam+ar diatas leta$$an nama data+ase "ada $(l(m /ang dit'n0'$$an

4(t(% nama data+ase B/ate$'2/1 $(ta$ %i0a' n( dan $li$ t(m+(l

Crate-'at /ang dit'n0'$$an $(ta$ %i0a' n( !. Ji$a +er%asil a$an m'n4'l "esan

se"erti gam+ar di+a)a% ini. 8am+ar 1.& mer'"a$an tam"ilan dari "esan

"em+'atan data +ase.

8am+ar 1.* Tam"ilan Pesan -er%asil Pem+'atan Data -ase

Sam"ai disini 'nt'$ 4ara mem+'at data+ase Wordpress se4ara offline, $ita

0'ga +isa mem+'at data+ase +ar' lagi dengan 4ara diatas.

1.2.& Lang)a* &

Setela% "em+'atan data+ase selesai "ada lang$a% 1 dan ma$a "ada

lang$a% +eri$'tn/a $ita Persia"an Cara Install Wordpress di ?AMPP. Se+el'm

mela$'$an;n/a $ita %ar's men;d()nl(ad file Wordpress terle+i% da%'l'. Sila%$an$'n0'ngi %alaman Wordpress di *tt'%wo!"ess.,g dan $li$ t(m+(l

'ownload Wordpress "ada %alaman web terse+'t. 8am+ar 1.* mer'"a$an

tam"ilan dari %alaman Wordpressorg

5

https://wordpress.org/https://wordpress.org/https://wordpress.org/https://wordpress.org/


8/24

8am+ar 1.* Tam"ilan dari Halaman Wordpressorg

Setela% +er%asil menda"at$an file Wordpress dalam f(rmat Ei". S'"a/a

Wordpress +isa +e$er0a dengan ?AMPP $ita "erl' 'nEi" Wordpress $e f(lder /ang

te"at. Se$arang $ita men'0' $e f(lder tem"at ?AMPP di instal dan +'$a f(lder

%td(4s, /ait' di C#$%am""$&t!o's B. 8am+ar 1. mer'"a$an Tam"ilan dari

%alaman %td(4s.

8am+ar 1. Tam"ilan dari Htd(4s

6


9/24

8am+ar 1. Pr(ses *trat &ile

UnEi" Wordpress $e dalam f(lder %td(4s 5gam+ar diatas6 dan nama f(lder

+isa $ita '+a% ses'ai $e+'t'%an. Dan "r(ses e*trat file da"at di li%at "ada

8am+ar1.. Dalam t't(rial ini nama f(lder di+iar$an standar dengan nama

wo!"es B. -'$a f(lder wordpress+ $ita, tem'$an file )";4(nfig;sam"le."%"

dan rename 5'+a% nama6 $e )";4(nfig."%" B. -'$a file dan g'lir $e +a)a%

sam"ai meli%at +aris +eri$'. 8am+ar 1. mer'"a$an tam"ilan dari +aris s$ri" )";

4(nfig."%".

8am+ar 1. Mer'"a$an Tam"ilan Dari -aris S$ri" )";4(nfig."%".

7


10/24

8am+ar 1. mer'"a$an +aris $(de /ang menent'$an rin4ian l(gin 'nt'$ data+ase.

• Pada n(m(r 1> 7 8anti data+aseGnameG%ere dengan nama data+ase

/ang $ita +'at se+el'mn/a, /ang dalam t't(rial ini adala% materiG"m1

B.

• Pada n(m(r > 7 8anti 'sernameG%ere dengan r((t B

• Pada n(m(r !> 7 Ha"'s t'lisan "ass)(rdG%ere men0adi 5di+'at

$(s(ng6

• Pada n(m(r &> 7 -iar$an sa0a

Sim"an file dan dan t't'". Se$arang $ita +isa melan0't$an mem'lai menginstal

Wordpress.

1.2.3 Lang)a* 3

Setela% lang$a% 1;! selesai Se$arang +'$a +r()ser dan $eti$;$an alamat

&tt"#lo'al&ostwo!"essw"*a!mininstall+"&" dan "ili% +a%asa ind(nesia

dan $li$ Lan0't$an B. Pada 8am+ar 1.: Pr(ses "emili%an +a%asa "ada saat

install dan "ada 8am+ar 1.1< 1< %alaman selamat datang 'nt'$ "r(ses instalasi

wordpress.

.

8am+ar 1.: Pr(ses Pemili%an -a%asa

8


11/24

Setela% "r(ses "emili%an +a%asa selesai "r(ses +eri$'tn/a $ita a$an di +a)a

$e %alaman "r(ses instalasi /ang dimana "ada %alaman ini terda"at form /ang

%ar's diisi (le% user .

8am+ar 1.1< Halaman Selamat Datang Unt'$ Pr(ses Instalasi Wordpress.

Ji$a form s'da% diisi dengan data /ang leng$a", ma$a $li$ install dan 0i$a

+er%asil adna a$an di +a)a $e %alaman 2alidasi s'$ses dalam "r(ses instalasi.

8am+ar 1.11 mer'"a$an "esan s'$ses dalam instalasi.

8am+ar 1.11 Pesan S'$ses Dalam Instalasi

1.& T4t,$a+ Sett$ng A5a+ Ha+a/an Wo!"ess

9


12/24

Pada s'+ se+el'mn/a $ita s'da% men0elas$an +agaimana 4ara $ita 'nt'$

Instalasi Wordpress dan "ada s'+ ini a$an di 0elas$an +agai mana 4aran/a

mela$'$an setting %alaman a)al "ada Wordpress /ang %ar's $ita $al'$an adala%

mem+'$a %alaman admin "ada Wordpress dengan 4ara $eti$

B&tt"#lo'al&ostwo!"essw"*login+"&" dan $ita a$an di +a)a $e tam"ilan

login admin /ang dimana "ada lang$a% & $ita s'da% mem+'at username dan

passwordnya sila%$an di mas'$an "ada form login admin. 8am+ar 1.1

mer'"a$an tam"ilan dari %alaman login admin.

8am+ar 1.1 Tam"ilan Dari Halaman ,ogin #dmin.

Setela% login +er%asil user a$an di +a)a $e %alaman awal admin /ang

dimana "ada %alan ini $ita +isa mela$'$an setting awal $alaman wordpress, dan

+eri$'t lang$a%;lang$a%n/a >

1.&.1 Lang)a* 1

Lang$a% 1 'nt'$ mela$'$an setting a)al %alaman wordpress, $ita %ar's

s'da% ada di %alaman a)al admin. 8am+ar 1.1! mer'"a$an tam"ilan a)al

%alaman admin.

10


13/24

8am+ar 1.1! Tam"ilan A)al Halaman #dmin

Setela% tam"il %alaman a)al admin sila%$an -lik Pengat'ran, dan "ada

"ili%an Pengat'ran $ita a$an di +eri$an +e+era"a menu /ang dimana sem'a menu

terse+'t +erf'ngsi dalam mela$'$an setting a)al tam"ilan wordpress. Dan "ada

setting a)al ini a$an di 0elas$an 'nt'$ "engat'ran 'm'm /ang +iasa di la$'$an.

8am+ar 1.1& tam"ilan menu "ili%an 'nt'$ "engat'ran a)al %alaman wordpress

dan 8am+ar 1.* mer'"a$an tam"ilan dari %alaman "engat'ran 'm'm wordpress.

8am+ar 1.1& Tam"ilan Men' Pili%an Unt'$ Settings

11


14/24

8am+ar 1.* Tam"ilan Dari Halaman Pengat'ran Um'm Wordpress

Pada %alaman "engat'ran a)al $ita da"at mengat'r 0'd'l sit's, email ,

sel(gan )a$t' dan tanggal, 0i$a $ita ingin mer'+a% 0'd'l sit's langs'ng +isa $ita

r'+a% "ada form 1 dan setela% "er'+a%an selesai klik sa"e.

1.3 T4t,$a+ Setting ,em"late Wo!"ess

Pada s'+ ini a$an di 0elas$an +agaimana 4ara 'nt'$ mengat'r template

wordpress dan +eri$'t lang$a%;lang$a%n/a >

1.3.1 Lang)a* 1

3li$ Men' Tam"ilan, dan "ada s'+ men' tam"ilan 3li$ Menu Tema dan

"ada %alaman tema user s'da% di s'g'%$an tema /ang s'da% (t(matis terinstal

"ada wordpress dan 0i$a s'da% menda"at$an tema /ang $ita "ili%, lal' 3li$

A$tif$an dan se4ara (t(matis tema terse+'t a$an a$tif "ada website $ita, 8am+ar

1.1 mer'"a$an "r(ses mengat'r template wordpress.

12

https://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAAhttps://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAAhttps://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAA


15/24

8am+ar 1.1 Pr(ses Mengat'r Template Wordpress

Ji$a Template Wordpress s'da% a$tif $ita +isa meli%at %asiln/a dengan 4ara

ara%$an $'rs(r anda "ada 0'd'l sit's anda dan 3li$ 3'n0'ngi Sit's. 8am+ar 1.1

mer'"a$an tam"ilan dari sit's /ang s'da% $ita tam+a%$an template Dan 8am+ar

1.1 mer'"a$an tam"ilan dari sit's website /ang s'da% $ita tam+a%$an Template

8am+ar 1.1 Pr(ses 3'n0'ngi Sit's

13


16/24

8am+ar 1.1 Tam"ilan Sit's 9e+site /ang di Tam+a%$an Template

1. T4t,$a+ Ta/7a* Men- Wo!"ess

Pada s'+ ini a$an di 0elas$an +agaimana 4ara 'nt'$ menam+a% menu

wordpress dan +eri$'t lang$a%;lang$a%n/a >

1..1 Lang)a* 1

3li$ Menu Laman, setela% tam"il %alaman menu laman, -lik Tam+a% -ar'

ma$a user a$an di +a)a $e %alaman tam+a% +ar' dan sila%$an isi nama menu

/ang anda ingin$an, setela% selesai -lik Ter+it$an, ma$a se4ara (t(matis menu

a$an +ertam+a%, disini "en'lis a$an menam+a% menu se$alig's dengan 4ara

/ang sama /ait' B Menu .ome dan Menu %rofil . Pada 8am+ar 1.1: mer'"a$an

"r(ses "emili%an menu laman, 8am+ar 1.< mer'"a$an "r(ses "em+'atan menu,

dan 8am+ar 1.1 mer'"a$an %asil a$%ir tam"ilan menu /ang s'da% di +'at.

14

https://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAAhttps://www.google.co.id/search?q=template&spell=1&sa=X&ved=0ahUKEwjhvaHF7PvMAhUTTo8KHdboAacQBQgXKAA


17/24

8am+ar 1.1: Pr(ses Pemili%an Menu Laman

8am+ar 1.< Pr(ses Pem+'atan Menu

15


18/24

8am+ar 1.1 Hasil A$%ir Tam"ilan Menu

1.6 T4t,$a+ Ta/7a* P,%t$ngan At$)e+ 8a4 Wo!"ess

Pada s'+ ini a$an di 0elas$an +agaimana 4ara 'nt'$ menam+a% P(stingan

Arti$el wordpress dan +eri$'t lang$a%;lang$a%n/a >

1.6.1 Lang)a* 1

3li$ Menu P(s dan Pili% Menu Tam+a% -ar', se4ara (t(matis 'ser a$an di

+a)a $e %alaman Tam+a% -ar' /ang dimana 0i$a user ingin menam+a% "(stingan

arti$el, user "ertama mem+er 0'd'l arti$el dan mengisi arti$el /ang user ingin$an

"ada form "engisian arti$el, selain it' 0i$a user ingin men/isi"$an gam+ar

$edalam arti$el user +isa 3li$ Tam+a% Media, dan user a$an langs'ng di +a)a $e

%alaman "enam+a%an media, "ada %alaman ini user diminta 'nt'$ mengam+il

gam+ar ata' lag' /ang ingin user tam+a%$an setela% selesai 3li$ Sisi"$anP(stingan, setela% sem'a "r(ses selesai 3li$ Ter+it$an. Dan di +a)a% ini

mer'"a$an gam+aran "r(ses tam+a% "(stingan arti$el +ar' di wordpress

16


19/24

8am+ar 1. Pr(ses Pemili%an Men' P(s

8am+ar 1.! Pr(ses Pem+'atan P(stingan Arti$el

17


20/24

8am+ar 1.& Pr(ses Mengam+il File Media

8am+ar 1.* Pr(ses Men/isi"$an File Media $e Arti$el

18


21/24

8am+ar 1. Pr(ses Mener+it$an P(stingan Arti$el

8am+ar 1. Hasil A$%ir Tam"ilan Arti$el

19


22/24

1.9 T4t,$a+ Ta/7a* .i!eos /o-t-be

Pada s'+ ini a$an di 0elas$an +agaimana 4ara 'nt'$ menam+a% Videos

Youtube dan +eri$'t lang$a%;lang$a%n/a >

1.9.1 Lang)a* 1

Unt'$ "enam+a%an "ideos youtube %am"ir sama dengan 4ara post arti$el

+ar', 3li$ Tam+a% -ar' setela% 'ser di +a)a $e %alaman tam+a% +ar', 3li$ Teks

/ang dimana "ada form te$s $ita a$an tar'% URL ,ink Videos Youtube /ang a$an

$ita sisi"$an, +'$a sit's youtube dan $ita "ili% "ideo /ang ingin $ita sisi"$an,

setela% menda"at$an "ideo /ang di ingin$an 3li$ Video, dan 3li$ -agi$an, "ada

+agian +agi$an terda"at URL link "ideo /ang %ar's di opy, setela% di opy $ita

paste "ada form teks, setela% "r(ses selesai 3li$ Ter+it$an. Dan di +a)a% ini

mer'"a$an gam+aran "r(ses tam+a% "ideos youtube di wordpress

8am+ar 1. Tam"ilan F(rm Tam+a% -ar'

20


23/24

8am+ar 1. Pr(ses C("/ Lin$ ide(

8am+ar 1.: Pr(ses Pener+itan P(st ide(

21


24/24

8am+ar 1.!< Hasil A$%ir Tam"ilan ide(

Materi P2M

Documents

Transcript of Materi P2M