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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
17/24
8am+ar 1.1: Pr(ses Pemili%an Menu Laman
8am+ar 1.< Pr(ses Pem+'atan Menu
15
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
19/24
8am+ar 1. Pr(ses Pemili%an Men' P(s
8am+ar 1.! Pr(ses Pem+'atan P(stingan Arti$el
17
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
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
8/16/2019 Materi P2M
23/24
8am+ar 1. Pr(ses C("/ Lin$ ide(
8am+ar 1.: Pr(ses Pener+itan P(st ide(
21
8/16/2019 Materi P2M
24/24
8am+ar 1.!< Hasil A$%ir Tam"ilan ide(