8/17/2019 Silabus Web Design Interactive 2014

http://slidepdf.com/reader/full/silabus-web-design-interactive-2014 1/1

Durasi : 36 jam

Siapa yang seharusnya

mengikuti ?• Pengguna Internet• Mahasiswa dan umum yang akanmembangun portal web• Individu yang ingin membuat blog• Individu yang ingin membuatanimasi dan program multimedia

Prasyarat

 Agar mendapatkan hasil yangmaksimal dari training ini maka

para peserta sebaiknya memilikipengetahuan sebagai berikut :

• Terbiasa menggunakan komputer • Terbiasa menggunakan /mengakses Internet• Terbiasa menggambar • Memahami konsep layer 

Silabus Training

Web Design Interactive

Deskripsi

Materi training ini meliputi materi HTML, !! M! "oomla# dan $log%ordpress& Peserta dia'arkan menggunakan sintak HTML dan !!,dan dia'arkan penggunaan ontent Management !ystem (M!)"**MLA serta membuat $log dengan %ordpress& !elain itu pesertadidik dibimbing dalam mengenal, memahami dan menggunakan tooldan s+ript di dalam lash& Proses akhir dari pembela'aran lash iniadalah peserta didik dapat membuat animasi yang menarik,program-program berbasis multimedia, dan mempublishnya men'adi

berbagai bentuk tampilan khas lash&

Tujuan

!etelah mengikuti training ini, peserta diharapkan memiliki kemampuan:

• Membuat aplikasi web statis• Menggunakan M! "oomla untuk membangun web portal yangdinamis• Menggunakan %ordpress untuk embangun web blog• Menggunakan tool-tool untuk menggambar obyek lash danmemodi.ikasinya men'adi tampilan yang menarik• Membuat animasi sederhana• Membuat proses perhitungan menggunakan berbagai data variable• Mempublish hasil karya .lash men'adi berbagai bentuk .ile

Pokok Bahasan

• !intaks dasar HTML• Hyperlink, TA$L, I0AM dan *0M• !intaks !!•  Atribut dan properti !!• Instalasi "oomla#• 1onsep dan hirarki konten di "oomla• Mana'emen Menu , Media, 2ser 

• Instalasi dan setting Themes dan Module "oomla#• $a+kup dan 0estore "oomla %eb• Instalasi $log %ordpress• Mana'emen konten blog ( +ategory, page, post )• Theme dan Plugin %ordpress• $a+kup dan 0estore $log %ordpress• *byek-obyek lash (shape, te3t, gambar, suara, video)• "enis-'enis symbol (button, graphi+, movie +lip)• 4asar-dasar animasi (.rame by .rame, motion, shape)• .ek-e.ek (masking, motion guide, .ade)• !+ripting untuk tombol dan .rame• 1onsep layering dan timeline• 5ariable dan pengaturan propertinya

• Publishing

Sekolah Tinggi Teknologi Terpadu Nurul Fikri

Lembaga Pendidikan & Pengembangan Profesi Terpadu Nurul Fikri

PT. Nurul Fikri Cipta Inovasi

0!.""!#.$%# ''( $)%#*+"! 0#" $$%##,-$$%##% rifatnurulfikri./o.id .nurulfikri./om