DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

26
1 DESAIN GRAFIS PENDIDIKAN PEMBELAJARAN AGAMA ISLAM DOSEN : Ir. SYAWALDI, M.SC PROGRAM STUDI PENDIDIKAN AGAMA ISLAM FAKULT AS AGAMA ISLAM PEKANBARU 2014

Transcript of DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

Page 1: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 1/26

1

DESAIN GRAFIS PENDIDIKAN

PEMBELAJARAN AGAMA ISLAM

DOSEN : Ir. SYAWALDI, M.SC

PROGRAM STUDI PENDIDIKAN AGAMA ISLAMFAKULTAS AGAMA ISLAM

PEKANBARU 2014

Page 2: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 2/26

2

KATA PENGANTAR

Page 3: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 3/26

3

DAFTAR ISI

Page 4: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 4/26

4

BAGIAN- 1SATUAN ACARA PERKULIAHAN

Mata Kuliah : Desain Grafis Pendidikan PAIK !" nen#SKS : MKUPr $ra! Studi : PAI% & t : ' SKSD sen Pen$a!"u : Ir( S)a*aldi+ M(S,E!ail : s)a*aldi-en$(uir(, (id

A. DESKRIPSI MATA KULIAHDesain Grafs Pendidikan (DGP) adalah mata k liah !an" #erh # n"anden"an Tekn$l$"i In%$rmasi dan K$m nikasi dalam mem# at&em#ela'aran !an" menarik dan men!enan"kan $leh &eserta didik. Selainmenarik dan men!enan"kan ' "a menda&at res&$n dalam &em#ela'aran.Tekn$l$"i in%$rmasi dan k$m nikasi !an" di" nakan adalah k$m& ter.K$m& ter &eralatan !an" e&at dan te&at dalam mem# at desain&em#ela'aran !an" menarik dan men!enan"kan den"an men" nakan#e#era&a s$%t*are se&erti mi r$s$%t *$rd+ &$*er&$int+ &h$t$sh$&. Dari

s$%t*are akan men'adi &eme#ela'aran. Maka mata k liah ini memeilikik$m&etensi #a"i mahasis*a PAI dalam mendesian &em#ela'aran !an"da&at ditam&ilkan se*akt men"a'ar. Dalam men a&ai k$m&etensi ini+maka #ahasan k liah terdiri dari &emahaman &endidikan+ &em#ela'aran+&em# atan SAP sek$lah+ &emahaman k rik l m+ mem# at &em#ela'aranden"an mi r$s$%t &$*er &$int+ &h$t$sh$&+ mi r$s$%t *$rd. Pem#ela'aran

!an" di# at terdiri dari teks+ animasi+ #a "r$ d+ s ara+ m sik.

,. STA-DAR K MPETE-SI/Mahasis*a memiliki &emahaman+ keteram&ilan dan kemam& an$&erasi$nal dalam mendesain Grafs PAI

0. K$m&etensi Dasar/Setelah men"ik ti &erk liahan mahasis*a dihara&kan memiliki

k$m&etensi #er &a/1. Mam& memahami se ara fl$s$fs dan $&erasi$nal tentan" desain

"rafs Pendidikan PAI.

Page 5: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 5/26

5

2. Mam& mem# at ren ana &em#ela'aran &endidikan a"ama Islamden"an S$%t*are.

3. Mam& menent kan met$de dan strate"i &endidikan a"ama Islam4. Mam& mem# at dan men"em#an"kan m$del &em#ela'aran PAI

den"an s$%t*are.

0. Indikat$r Hasil ,ela'ar/1. Tin"kat &artisi&asi mahasis*a dalam &r$ses #ela'ar men"a'ar #er &a

ant siasme tan!a 'a*a# (&$siti5e %eed#a k learnin").2. Kemam& an men!am&aikan k$nse&+ ide+ "a"asan serta analisis6kritis.3. Kema an men!elesaikan t "as indi5id ata kel$m&$k #er &a analisis

k$nse&t al dan kas s.

D. Materi Pembelajaran:

PTM

Materi Pem#ela'aran Met$de

1 rientasi &erk liahan dan k$ntrak #ela'ar. ,rainst$rmin"

2 Pen"enalan ilm dan sistem k$m& ter 0eramah T73 Pen"enalan s$%t*are se#a"ai desain "rafs

&endidikan0eramah T7

4 Memahami man%aat internet nt k desain "rafs&endidikan

0eramah T7

8 Pen"ertian+ t ' an+ lan"kah6lan"kah meran an"&em#ela'aran PAI

0eramah T7

9 S!arat &eran an"an Pem#ela'aran PAI danPem# atan RPP

: Presentasi t "as desain &em#ela'aran PAImenarik+men!enan"kan+ memahami danmen"erti

0eramah T7

; U'ian Ten"ah Semester< Mendesain "rafs &endidikan PAI den"an

mi r$s$%t &$*er&$int0eramah T7

1= Mendesain tem&elete+ t$m#$l+ #a "r$ nd+*arna + slide master &ada slide &$*er&$int

0eramah T7

11 Mem# at ima"e+ s ara+ animasi dan s$ nd 0eramah Latihan den"anlekt$& T7

12 Mendesain &em#ela'aran (RPP) &ada &$*er&$int Latihan T713 Desain dan Mem# at ima"e+ animasi+ s ara+

s$ nd &ada &em#ela'aran memakai &$*er&$intLatihan dan&resentasi

14 Presentasi T "as Presntasi

Page 6: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 6/26

6

18 Presentasi t "as Prentasi19 U'ian Ten"ah Semester

BAGIAN- 2MANFAAT DAN TUJUAN DESAIN GRAFIS

2.1. MA->AAT DESAI- GRA>IS

Man%aat desaian "rafs &endidikan se ara m m ada em&at (4) !an"har s dia&ahami

A. Di ,idan" PendidikanGrafk k$m& ter &ada &endidikan di" nakan nt k mem&resentasikan$#'ek6$#'ek &ada sis*a se ara n!ata+da&at melal i &$*er &$intata & n s$%t*are lainn!a. Den"an &en"" nakan #ent k $#'ek inidihara&kan sis*a le#ih n!ata dalam menerima sem a materi !an"telah dia'arkan+ tidak han!a te$ri sa'a teta&i s dah melihat #ent k dan sim lasin!a.,ent k ini da&at #er &a &en""am#aran #idan"+

r an"+ "rafk+"am#ar keran"ka man sia+ s s nan t # h man sia+ danse#a"ain!a.

,. Di ,idan" Hi# ranTidak mem n"kiri &ada sekaran" ini sem a a ara hi# ran di Tele5isi#an!ak men"" nakan "rafk k$m& ter. M lai dari flm kart n+ iklan diT? dan sam&ai a ara sinetr$n sekali& n s dah di seli&i $leh "rafk

Page 7: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 7/26

7

k$m& ter.Grafk k$m& ter disini #er &a e%ek animasi !an" da&atmem# at flm semakin menarik.

0. Di ,idan" Peran an"anPada #idan" ini "rafk k$m& ter di" nakan nt k mem# at #er#a"ai

desain dan m$del $#'ek !an" akan di# at.Misaln!a di" nakan nt k mendesain s at arsitekt r #an" nan+desain kendaraan danlainn!a.Men"" nakan s$%t*are desain "rafs se&erti a t$ adsem an!a akan #erlan"s n" se ara m dah dan le#ih s&esifk dalam&eran an"an !an" akan di# at.Mem&erke il tin""kat kesalahansehin""a akan menhasilkan s at m$del !an" sama se&erti aslin!a.

2.2. TU7UA- DESAI- GRA>IS

T ' an Desain "rafs mer &akan ara #erk$m nikasi dalam #ent k 5is al !an" men"" nakan %asilitas "am#ar nt k men!am&aikan in%$rmasi ata

&esan see%ekti% m n"kin. Se ara m m+ $ran" akan le#ih e&at menerima&esan dalam #ent k 5is al di#andin"kan dalam #ent k teks. ,ent k 5is al ' "a le#ih ni5ersal ditan"ka& $leh man sia den"an #er#a"i latar #elakan" !an" #er#eda.

Tidak da&at di& n"kiri dalam kehid &an ini #ah*a desain "rafs #an!ak diman%aatkan dalam desain k$m nikasi dan fne art . leh karena it +desain "rafs da&at mer ' k ke&ada &r$ses &em# atan+ met$de meran an"+&r$d k !an" dihasilkan (ran an"an)+ ata & n disi&lin ilm !an" di" nakan(desain). Seni desain "rafs men ak & kemam& an k$"niti% danketeram&ilan 5is al+ termas k di dalamn!a ti&$"raf+ il strasi+ %$t$"raf+

&en"$lahan "am#ar+ dan tata letak.

Pada &raktikn!a desain "rafs da&at di" nakan nt k &em# atan #r$s r+lea@et+ kart nama+ &$ster+ s&and k+ #alih$+ m$difkasi ata mani& lasi%$t$ "am#ar+ &eran an"an # k ma'alah+ dan se#a"ain!a.

Se ara le#ih mendalam den"an ilm desain "rafs #ah*a se$ran" desainer"rafs san"at memiliki &$tensi !an" san"at #esar nt k #era&resiasise#a"ai &en"emas e%ek dan se"ala teknik #er#a animasi. ,idan" desain"rafs tidak &ernah le&as dari t ' an k$mersial dan &en"eks&resian seni

!an" disam&aikan dalam #ent k 5is al #aik se ara elekt$nik ma & n n$n

elektr$nik. Le#ih dari it + desain "rafs di dalamn!a mem& n!ai arti&en!em& rnaan &esan nt k di& #likasikan tan&a mem&erhatikan t "ass&esif se$ran" desainer "rafs. Den"an demikian+ maka da&at disim& lkant ' an desain "rafs+ se#a"ai #erik t.

1. ,er% n"si nt k men!am&aikan se# ah &esan ke&ada audiens(&enden"ar)+ dalam hal ini adalah mas!arakat l as.

Page 8: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 8/26

8

2. ,er% n"si nt k men i&takan desain !an" #ersi%at memaksakehendak &en"irim &esan ata #ersi%at men!enan"kan !an" akanmen!em& rnakan &esan !an" disam&aikan.

2.3. PELUA-G DA- TA-TA-GA- PAI

,e#era&a ke#i'akan dalam k rik l m 2=13 k & mem#erikan hara&anterhada& kema' an &endidikan a"ama #a"i sis*a di sek$lah. Ke#i'akan

!an" mend k n" &endidikan a"ama di sek$lah antara lain da&at dilihat dariadan!a siner"itas antara sem a " r di sek$lah dalam mem#ina akhlak dan# di &ekerti. Setia& " r mata &ela'aran diikat den"an KI1 (sika& s&rit al)dan KI2 (sika& s$sial). Den"an kata lain #ah*a tan"" n" 'a*a# &endidikanakhlak ses n"" hn!a # kan han!a di& ndak " r PAI sa'a teta&i sem a" r . 7ika selama ini ter'adi kenakalan sis*a misaln!a !an" di&ersalahkanhan!alah " r PAI sa'a+ maka den"an di#erlak kan k rik l m 2=13 sem a" r memiliki tan"" n" 'a*a# !an" sama.

Demikian & la &em#ela'aran PAI selama ini le#ih menekankan &ada as&ek k$"niti% semata+ se#a"aimana !an" di n"ka&kan $leh Amin A#d llah+#ah*a &em#ela'aran &endidikan a"ama !an" #er'alan hin""a sekaran"le#ih #an!ak ter%$k s &ada &ers$alan6&ers$alan te$ritis kea"amaan !an"#ersi%at k$"niti% semata. Pendidikan A"ama terasa k ran" terkait atak ran" $n ern terhada& &ers$alan #a"aimana men" #ah &en"etah ana"ama !an" #ersi%at k$"niti% men'adi maknaB dan nilaiB !an" &erldiinternalisasikan dalam diri &eserta didik le*at #er#a"ai ara+ media dan%$r m. (Kasin!$ Hart$+ 2==< / 263). Den"an di#erlak kan k rik l m 2=13&em#ele'aran PAI men nt t t ' an !an" k$m&rehensi& meli& ti ranaha%ekti%+ k$"niti%+ dan &sik$m$t$r se ara &r$&$rsi$nal. Hal ini di* ' dkanden"an &enekanan &ada &enilaian a tentik. Cait &enilaian !an" tidak han!a menilai &en"etah an sa'a teta&i ' "a sika& dan &sik$m$t$r. Penilaian

!an" tidak han!a melihat &ada hasil #ela'ar sa'a+ teta&i ' "a &ada &r$ses.Penilaian !an" melihat k$ndisi sis*a se ara t h dan a&a adan!a.

Selain it dalam k rik l m 2=13 ' mlah 'am PAI #ertam#ah sem la nt k SD dari 2 'am men'adi 4 'am+ SMP dari 2 'am men'adi 3 'am dan SMA dari 2

'am men'adi 3 'am. ,ertam#ahn!a 'am PAI terse# t se ara lan"s n"men'a*a# &ers$alan tentan" sedikitn!a al$kasi 'am PAI !an" selama inimen'adi &ers$alan #a"i " r PAI. -am n disisi lain men'adi tantan"antersendiri. 7ika selama ini den"an *akt 2 'am sis*a men'adi 'em dan#$san+ maka den"an #ertam#ahn!a 'am men'adi 364 'am men'adi tantan"antersendiri #a"i " r .

Page 9: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 9/26

9

,e#era&a %akta di atas+ adalah &el an" !an" #esar #a"i ke#erhasilan PAI disek$lah. -am n meski& n demikian masih terda&at tantan"an !an" &erlse"era di arikan s$l sin!a #erkaitan den"an k ran"n!a &erhatian sis*aterhada& mata &ela'aran PAI.

Para " r PAI hendakn!a selal men ari 'a*a#an terhada& &ers$alanterse# t den"an ara men'adikan mata &ela'aran PAI se#a"ai mata&ela'aran !an" &entin" dan di# t hkan #a"i sis*a kem dian diik ti den"an&r$ses &em#ela'aran !an" menarik dan men!enan"kan. Den"an arase&erti it dihara&kan mata &ela'aran PAI menda&at &erhatian !an" sama$leh sis*a diantara mata &ela'aran lainn!a. Unt k it d a hal !an" &erlse"era dilak kan $leh &ara " r /

1. Menin"katkan keteram&ilan met$d$l$"i

G r adalah ke#erhasilan &r$ses &em#ela'aran. Men r t M l!asa &a!a&er#aikan a&a& n !an" dilak kan nt k menin"katkan k alitas &endidikantidak akan mem#erikan s m#an"an !an" si"nifkan tan&a did k n" $leh" r !an" #erk alitas (E. M l!asa+ 2==:/ 8). Salah sat indikat$r " r !an"#erk alitas adalah &en" asaan terhada& met$d$l$"i &em#ela'aran+ !an"saat ini masih men'adi ses at !an" asin".

,er#a"ai &enelitian men" n"ka&kan #ah*a tin"kat &en" asaan #ahan a'ardan keteram&ilan dalam men"" nakan met$de &em#ela'aran !an" in$5ati% masih k ran". Para " r le#ih #an!ak men"" nakan met$de eramahdalam men!am&aikan materi &ela'aran.

2. Pen" asaan tekn$l$"i in%$rmasi

Sistem in ormation and communication technology (ICT) s dah # kanmer &akan #aran" #ar la"i+ di kalan"an anak6anak media internet s dah

k & %amiliar. Hal ini ter# kti dari #an!akn!a &eserta didik #aik it tin"katSD+ SMP+ ma & n SMA !an" memiliki e-mail, riendster, acebook, twitter +dan ' "a blog . Saat ini ham&ir setia& sis*a da&at men"akses %asilitas

internet den"an m dah #aik di lin"k n"an sek$lah ata di l ar sek$lah.Sa!an"n!a kemam& an " r dalam meman%aatkan I0T dalam &em#ela'aranmasih san"at rendah. Rendahn!a kemam& an " r dalam men"" nakanI0T ini terlihat dari san"at seditkitn!a " r !an" #isa men"$&erasikank$m& ter+ sedikitn!a " r !an" #isa internet termas k !an" memiliki e6mail+ %a e#$$k+ #l$"+ dan lain6lain. Padahal di era "l$#alisasi sekaran" ini

Page 10: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 10/26

10

&en"" naan ata &eman%aatan tekn$l$"i san"atlah &entin"+ termas k nt k &em#ela'aran PAI.

Pem#ela'aran PAI akan le#ih menarik 'ika &en!am&aian!a dilak kan den"an#er5ariasi termas k den"an men"" nakan media #er#asis I0T se&erti

%a e#$$k+ #l$"+ t*iter+ dan lain se#a"ain!a.

Page 11: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 11/26

11

BAGIAN-

MEMBUAT DESAIN GRAFIS PENDIDI!AN PAI

htt&/ ***.in%$rmasi6&endidikan. $m 2=14 =: desain6&em#ela'aran6&ai.html

3.1. DESAI- PE-DIDIKA-

Desain &endidikan PAI 6 Dalam se# ah ke"iatan &em#ela'aran+ maka desain&em#ela'aran menem&ati se# ah &$sisi !an" teramat &entin" nt k men'amin k alitas ke"iatan &em#ela'aran !an" #erlan"s n". Saat inisendiri terda&at #e#era&a desain &em#ela'aran kh s sn!a &ada PAI !an"

dinilai #aik nt k dikem#an"kan. Di antaran!a adalah #e#era&a desain&em#ela'aran PAI.

1. Desain Pem#ela'aran PAI ,ri"s. Desain &em#ela'aran ini mer &akanse# ah desain &em#ela'aran !an" memiliki iri tama !akni tena"a&endidik !an" memiliki % n"si instr ksi$nal dalam se# ah ke"iatan&em#ela'aran. M$del &em#ela'aran ini &ada m mn!a adalah mer &akanse# ah sistem &em#ela'aran !an" memiliki t ' an nt k men!elaraskank$m&$nen &em#ela'aran !an" terda&at di dalamn!a se&erti t ' an !an"akan di a&ai dalam ke"iatan &em#ela'aran a"ama Islam+ strate"i !an"di" nakan $leh tena"a &endidik dalam mem#erikan materi &em#ela'aran&endidikan a"ama Islam serta &a!a melak kan e5al asi terhada&ke"iatan &em#ela'aran PAI !an" telah dilaksanakan.

2. Desain &em#ela'aran PAI ,anath!. M$del desain &em#ela'aran !an" satini memiliki iri tama !akni ters s n dalam taha&an !an" 'elas. Cakniterdiri dari 9 taha&an tama !ait taha&an men"analisis r m san dant ' an !an" diin"inkan &ada ke"iatan &em#ela'aran !an" akandilan"s n"kan+ mem# at tes !an" ses ai nt k r m san dan t ' an !an"di# at+ melak kan analisis dan &er m san ke"iatan &em#ela'aran+meran an" se# ah sistem &em#ela'aran+ men"analisis e%ektiftas sistemdan terakhir melak kan &er#aikan atas e5al asi &em#ela'aran !an" telahdilak kan.

3. Desain &em#ela'aran PAI Kem&. Desain &em#ela'aran PAI !an"dikem#an"kan $leh Kem& mer &akan se# ah desain &em#ela'aran sikl s

!an" mana ters s n dalam se# ah sistem dan terdiri dari #e#era&ak$m&$nen &em#ela'aran !an" salin" #erkaitan. Di antaran!a k$m&$nen&em#ela'aran ini adalah hasil !an" in"in dikehendaki+ analisis tes+ t ' an

Page 12: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 12/26

12

kh s s ke"iatan #ela'ar dan lain se#a"ain!a !an" masin"6masin" salin"#erkaitan mem#ent k se# ah sikl s.

4. M$del Gerla h dan El! dalam ke"iatan &em#ela'aran PAI. M$del&em#ela'aran !an" sat ini memiliki iri tama se#a"ai s at sistem !an"

men"em#an"kan &eren anaan &em#ela'aran. Di antaran!a #e#era&a hal !an" di&erhatikan dalam desain &em#ela'aran ini adalah t ' aninstr ksi$nal+ materi &em#ela'aran+ kemam& an a*al !an" dimiliki $leh&ara &eserta didik+ serta teknik dan strate"i !an" di" nakan dalamke"iatan &em#ela'aran.

3.2. MULTI MEDIA DE-GA- P ERP I-T

P$*er&$int salah sat s$%t*are !an" diran an" kh s s nt k mam&menam&ilkan &r$"ram m ltimedia den"an menarik+ m dah dalam&em# atan+ m dah dalam &en"" naan dan relati% m rah+ karena tidak

mem# t hkan #ahan #ak selain alat nt k &en!im&anan data (datast$ra"e). Kele#ihan P$*er &$int antara lain/ da&at men!a'ikan teks+ "am#ar+flm+ s$ nd e%ek+ la" + "rafk+ dan animasi sehin""a menim# lkan&en"ertian dan in"atan !an" k at+ m dah dire5isi+ m dah disim&an danefsien+ da&at di&akai #er lan"6 lan"+ da&at di&er#an!ak dalam *aktsin"kat dan tan&a #ia!a+ da&at dik$neksikan den"an internet. Pr$sed r&em# atan media &$*er &$int adalah/

1. Identifkasi &r$"ram+ hal ini dimaks dkan nt k melihat keses aianantara &r$"ram !an" di# at den"an materi+ sasaran (sis*a) ter tamalatar #elakan" kemam& an+ sia ' "a 'en'an" &endidikan. Perl ' "amen"identifkasi ketersediaan s m#er &end k n" se&erti "am#ar+animasi+ 5ide$+ dll.

2. Men" m& lkan #ahan &end k n" ses ai den"an ke# t han materi dansasaran se&erti 5ide$+ "am#ar+ animasi+ s ara. Pen" m& lan #ahanterse# t da&at dilak kan den"an ara men ari melal i internet(#r$*sin")+ men"" nakan !an" s dah ada di direkt$ri Anda+ 'ikadi&erl kan mem&r$d ksi sendiri #ahan6#ahan !an" di&erl kan misaln!a

nt k ke# t han 5ide$ den"an sh$$tin"+ rekaman a di$+ dan nt k ke# t han "am#ar melal i s annin" ima"e. ,ersamaan den"an itdilak kan ' "a &en! s nan materi !an" diam#il dari #ahan tamamisaln!a # k + m$d l+ makalah len"ka&. Materi nt k &$*er&$intse#aikn!a dikemas men'adi raian &endek+ &$k$k6&$k$k #ahasan ata&$inter6&$inter.

Page 13: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 13/26

13

3. Setelah #ahan terk m& l dan materi s dah diran"k m+ selan' tn!a&r$ses &en"er'aan di P$*er&$int hin""a selesai. Selan' tn!a men" #ahhasil akhir &resentasi a&akah dalam #ent k Slide Sh$*+ e# Pa"es+ ataE e ta#le >ile (e e).

4. Setelah &r$"ram selesai di# at+ tidak lan"s n" di" nakan se#aikn!adilak kan re5ie* &r$"ram dari sisi #ahasa+ teks+ tata letak+ danke#enaran k$nse&+ selan' tn!a di re5isi dan sia& di" nakan.

Ti&s mem# at media den"an &$*er &$int/

1. G nakan #a k"r$ nd !an" sederhana+ k$ntras dan k$nsisten+ hindari#a k"r$ nd !an" r mit+ men""an"" dan &en h.

2. G nakan h r % !an" k$nsisten+ sederhana+ dan 'elas se&erti arial+ 5erdana+ Tah$ma dan tra# et+ 'an"an " nakan h r % !an" r mit dan#ersam# n".

3. ?is alisasikan &esan Anda+ 'an"an " nakan t lisan ke ali ter&aksa

4. Maksimalkan ft r &$*er &$int se&erti ns r "am#ar+ 5ide$+ animasi dans ara+ ta&i 'an"an #erle#ihan.

.( , atlah #a k"r$ nd ata tem&late sendiri nt k menin"katkan da!a tarik &resentasi dan mem&er'elas &esan (

/( 0ika !en$$unakan latar den$an *arna )an$ teran$+ !aka $unakanlah teks den$anintensitas )an$ $ela"+ de!ikian se&alikn)a(

1( Gunakanlah *arna untuk !e!"erindah ta!"ilan sekali$us !e!&erikan f kus "ada "en)a2ian( Ta"i 2an$an terlalu &an)ak karena akan terkesan ra!ai dan !en$$an$$u sa2ian!ateri( Gunakan *arna k ntras atau *arna )an$ serasi

3( Hindari k !&inasi *arna le&ih dari 4 dala! satu slide

5( Gunakanlah huruf6huruf )an$ !e!iliki karakter 2elas dan te$as+ se"erti arial+ Tah !aatau 7erdana hindari karakter atau 2enis f nt dek ratif karena le&ih sulit di&a,a(

89( %esar huruf !ini!al ' untuk kali!at dan 9 untuk 2udul

88( Maksi!al / kali!at dan '. kata dala! satu slide

Page 14: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 14/26

14

8'( Gunakan kata6kata )an$ " *erful

Pen$$unaan !ulti!edia den$an " *er" int dala! "r ses "e!&ela2aran akan !en2adikan "e!&ela2aran PAI le&ih &er*arna karena &isa dik !&inasikan den$an 7ide + suara+ ani!asi+)an$ &erfun$si &ukan han)a untuk !enarik "erhatian teta"i 2u$a untuk !e!"er2elas &2ek )an$di"ela2ari(

Bagian- 4PEMBUATAN

DESAIN GRAFIS PENDIDIKAN DENGANMICROSOFT POWER POINT 2007

1. MEM,UKA MI0R S >T P ER P I-T

1.1. , ka Pr$"ram Mi r$s$%t &$*er &$int (Star6&r$"ram6mi r$s$%t $Fi e6&$*er &$int).

Page 15: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 15/26

15

1.2. Tam&ilkan slide ,lank+ aran!a arahkan &en n' k m$ se ke slidese#elah kiri+ klik t$m#$l m$ se kanan+ &ilih la!$ t+ &ilih #lank danklik. ("am#ar.1). Hasiln!a &ada "am#ar 2.

Gambar.1.

Page 16: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 16/26

16

Gambar.2. Tampilan Blank

'( Pe !"#$#% &e'()% Fr# e.

2..1 Buatlah gambar design seperti gambar 1. Dan gambar 2. dibawah ini :

U%$"* e !"#$ )# !#r.1 +L#%)*# -I8( Buatlah Kotak dengan langkah:

Klik Insert Shapes Pilih e!tangle "kotak#

Page 17: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 17/26

17

'( Klik &a$ian atas se&elah kiri den$an ! use ; jangan dilepas <+ tarik ke&a*ah sudut se&elahkanan sa!"ai !enutu"i slide dan le"askan t !& l ! use(

4( Sa!a "r sedur urut n ! r '+ k tak diten$ah slide den$an *arna kunin$ ; r"#n$e$ re%tan&el <(

( %uat k tak !e!an2an$ ;!enu+ insert+ sha"e< diatas slide ;Re,tan$el<( Di te!"at teks Se2arahke&uda)aan isla!(

.( Klik Insert+ "ilih Teks % k+ dan &uat di dala! k tak "ada urutan den$an teks =Se2arahKe&uda)aan Isla!>(

/( %uat k tak ke,il di dala! k tak urutan 4+ klik kanan "ada k tak "ilih edit teks( Dan ketik teks=MTs( Ne$ri6' S" Ti$a Pekan&aru =Hasiln)a lihat $a!&ar &erikut :

1( %uatlah k tak dari !enu insert+ sha"e+ "ilih &entuk ;R und dia$ nal , rner re,tan$le<+ danletakan dise&elah kiri#di&a*ah K tak ke,il> MTs Ne$ri6' S" Ti$a>+ K tak &e*arna hita!(

3( %uatlah k tak ke,il ;t !& l &eranda< didala! k tak )an$ di urutan n 3+ dan edit teks+ ketik=%eranda>(

57

1

3

Page 18: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 18/26

18

5( C ") k tak ke,il "ada urutan n 5+ dan "aste se&an)ak / kali+ %uat na!a'( Standar K !"etensi4( K !"etensi Dasar

( Tu2uan Pe!&ela2aran.( Materi

/( E7aluasi1( Kata Kun,i

89( %uatlah k tak !elalui insert sha"e+ dan "ilih edit Teks dan ketik disusun leh?((na!asaudara ;te!"at =disusun leh Ir( S)a*aldi+ M(S,<+ " sisi di&a*ah se"erti "ada $a!&ar(

88( %uat &entuk 7al !elalui ;!enu+ insert+ sha"e+ "ilih 7al<( Dan letakan dise&elah kanan "en)usun( Ke!udian "ilih edit teks+ dan ketik =KELUAR>

8'( Selesai untuk !e!&uat slide 8

'an&(a).II .

1. $ntuk %erubah warna :

Klik pada Shape &ang akan dirubah sebak 2 ' berurutan( lihak pada menu ditas(

klik S #/e F( ) untuk merubah warna gambar atau Klik S #/e "$ (%e untuk

merubah *arna Garis

Page 19: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 19/26

Page 20: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 20/26

20

( %asuklah Ke %ode S (&e M#'$er, Klik (e3 S (&e M#'$er. Ge'er ' (&e 'e!e # *(r(*e$#', 'e (%))# $er ( #$ ' (&e % 1 +G# !#r &(!#3# "r"$#% % 7

7. Tekan pada ke&board CTRL5 atau P#'$e, &( ' (&e % 1 &#r( #$#'

Page 21: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 21/26

21

8. Kemudian( Kembalikan ke posisi ormal /iew Klik (e3 N r #

1( Pada Posisi N r # (e3 ( Buatlah 0 buah slide( dengan !ara :Klik Kanan pada Slide Preview "sebelah kiri slide# klik Ne3 S (&e$langi langkah ini sampai ada 0 buah slide &ang anda miliki

L#%)*# .I . Me%)('( * %$e% /#&# 'e$(#/ ' (&e

1. Pada Slide 1 isilah ketik dengan !ontent "Gunakan Teks Book#B B,I PERKEMBANGAN ISLAM PADA MASA DINASTI ABBASIYA9 . Didalamkotak di tengah.

2. Pada Slide 2 isilah dengan !ontentSTANDAR KOMPETENSI

Page 22: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 22/26

22

. Pada Slide isilah dengan KOMPETENSI DASAR :3. Pada Slide 3 isilah dengan TUJUAN PEMBELAJARAN :

4. Pada S (&e 7 isilah dengan % T5 I P5%B56 7 89. Pada Slide 9 Isilah dengan 5/ 6$ SI

. Pada slide isilah dengan K T K$8;I

;obalah dengan tekan F7 atau S (&e S 3 Fr Be)(%%(%)

. Slide presentasi ini belum sempurna karena dengan sembarang klik slide sudahdapat berpindah( tidak dapat diatur

LANGKA9. Me%)#$"r S"/# # S (&e $(&#* !er/(%&# *e ' (&e (*# 'e !#r#%)#% * (*"'e

1. Klik S6ID5 S<=* S5T$P S<=*

2. Beri !entang pada ;Br 3'e& #$ K '* +F" '<ree% =

Page 23: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 23/26

23

. ;obalah dengan tekan F7 atau S (&e S 3 Fr Be)(%%(%)

LANGKA9. I. Me !er(*#% A<$( % /#&# e%"1. %asuk ke S (&e M#'$er

Klik (e3 S (&e M#'$er

Page 24: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 24/26

24

2. Geser slide ke slide no1. Klik menu B5 8D K (* I%'er$ A<$( %

. Pilih 9 /er (%* $ Pilih S (&e 1 OK

3. Klik %enu Kompetensi( klik insert( pilih a!tion( pilih <&perlink to( pilih slide 2( dan tekan=K. =K sekali lagi$langi sampai slide ke 94. Klik Tombol Keluar( Pilih insert( !tion( h&perlink to( pilih end show( ok

9. Kalau sudah keluar dari ' (&e #'$er kembali ke N r # !aran&a :Klik (e3 N r #

>. ;obalah dengan tekan F7 atau S (&e S 3 Fr Be)(%%(%)

Page 25: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 25/26

25

1?. ;oba anda klik menu &ang telah anda buat

LANGKA9. II. Me%# !# *#% A%( #'( P#&# Te>$ A$#" G# !#r 1. klik Te't atau gambar &ang akan di animasikan(

%isaln&a tulisan e&(# /e !e # #r#% pada slide,

1

2. klik A%( #$( % CUSTOM ANIMATION

. Perhatikan sebelah kanan la&ar( Klik ADD EFFECT ENTERANCE FLY IN 3. turlah model animasi n&a:

a. Rubahlah Start : with Previousb. Direction : From Leftc. Speed : Slow

Page 26: DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

8/18/2019 DESAIN GRAFIS PENDIDIKAN FAI (Repaired).docx

http://slidepdf.com/reader/full/desain-grafis-pendidikan-fai-repaireddocx 26/26

26

4. 7enis !ustom animation

;obalah dengan tekan F7 atau S (&e S 3 Fr Be)(%%(%)