Rekayasa Web ( KP212)

1. Agnes Aryasanti, S.Kom Rekayasa Web( KP212)

2. Pendahuluan • PengenalanDosen : • Nama : Agnes Aryasanti, S.Kom • Ruang : FTI • Contact : • agnes.aryasanti@budiluhur.ac.id • anyesha85@gmail.com • YM : agnes_aryasanti • No Tlp: 021 96908643

3. PENDAHULUAN • ProsesPembelajaran : • Harushadirdikelas/lab • Maksimalterlambat 15 menit • Tugasdikirim via email • Minimal kehadiran 80% • Jikatidakhadir : suratdokter / suratijin • Ujiansusulan UTS : max 2 minggusetelah UTS • KomposisiPenilaian : • Absen : 10 % • Tugas : 20 % • UTS : 30 % • UAS : 40 %

4. SilabusRekayasa Web • Matakuliah rekayasa web memberikan pengetahuan kepada mahasiswa tentang bagaimana mengenal, menggunakan dan merekayasa web dengan menggunakan aplikasi CMS (Content Management System) yang tersedia.

5. Materi yang diajarkan : • Pengenalan CMS • Membuat Blog Engine secara Online • Menginstaldanmenggunakan Blog Engine • Menginstaldanmenggunakan Portal CMS (Content Management System) • Menginstaldanmenggunakan Forum • MenginstaldanmenggunakanE-Commerce • Menginstaldanmenggunakan LMS (Learning Management System)

6. SatuanAcaraPerkuliahan • Pertemuan 1 • Pengenalan CMS • Pengenalan Blog Engine • Mendaftardi Blog Engine Online • Pertemuan 2 • Manajement Blog Engine Online • Pertemuan 3 • Instalasi Blog Engine Offline • Manajemen Blog Engine Offline • Pertemuan 4 • Manajemen Blog Engine Offline • Pertemuan 5 • Pengenalan Portal Engine • Instalasi Portal Engine Offline • Manajemen Portal Engine Offline (1)

7. SatuanAcaraPerkuliahan (lanj) • Pertemuan 6 • Manajemen Portal Engine Offline (2) • Pertemuan 7 • Manajemen Portal Engine Offline (2) • Pertemuan 8 • Manajemen Portal Engine Offline (3) • Pertemuan 9 • Presentasi Portal Engine ( 1 ) • Pertemuan 10 • Presentasi Portal Engine (2)

8. SatuanAcaraPerkuliahan (lanj) • Pertemuan 11 • Pengenalan Ecommerce Engine • Instalasi Ecommerce Engine • Manajemen Ecommerce Engine(1) • Pertemuan 12 • Manajemen Ecommerce Engine(2) • Pertemuan 13 • Manajemen Ecommerce Engine(2) • Pertemuan 14 • Pengenalandanpenggunaan Forum Engine • Pertemuan 15 • Pengenalandanpenggunaan Learning Engine

9. PengenalanRekayasa Web Aparekayasa web ??? prosessistemaplikasi web ilmurekayasa + prinsip-prinsipmanajemen + pendekatansistematissistemdanaplikasi web kualitastinggi. Tujuannya : • mengendalikanpengembangan • minimalisasiresiko • meningkatkankualitassistemberbasis web.

10. Pengertian CMS ( Content Management System ) • Pengertian CMS Content = Isi Management = pengaturan System = Sistem  Aplikasiberbasis web yang tersediauntukmemudahkanmembuatdanmengaturisidari website tanpaharusmembuatnya

11. Pengertian CMS ( Content Management System ) Pengertian CMS : Adalahsuatusistem yang digunakanuntukmengeloladanmemfasilitasiprosespembuatanpembaharuandanduplikasikontensecarabersama. Kontenmengacupadainformasidalambentukteks, grafik, gambarmaupun format-format lain ygperludikelola.

12. Pengertian CMS ( Content Management System ) • CMS adalahSebuahsistem yang memberikankemudahankepadaparapenggunanyadalammengeloladanmengadakanperubahanisisebuah website dinamistanpasebelumnyadibekalipengetahuantentanghal-hal yang bersifatteknis. Dengandemikian, setiaporang, penulismaupun editor, setiapsaatdapatmenggunakannyasecaraleluasauntukmembuat, menghapusataubahkanmemperbaharuiisi website tanpacampurtanganlangsungdaripihak webmaster. (ilmukomputer.com)

13. Tujuan CMS • Tujuanadalahuntukmemudahkanprosespembuatan, pembaruandistribusipencarian, analisisdanmenigkatkanfleksibilitasuntkditransformasikandalambentuk lain.

14. Manfaat CMS • Mengelola website pribadiataulebihdikenaldengan blog • Mengelola website perusahaan/bisnis. • Portal atau website komunitas. • Galerifoto, dan lain sebagainya. • Forum. • Aplikasi E-Commerce.

15. Jenis-Jenis CMS 1. Portal CMS Jenisinimemudahkankitadalammengaturpotingansepertiberita, artikel, tulisan, mengumpulkanpendapat (polling). Contohsebuah portal adalah okezone.com, detik.com. COntoh CMS jenisiniadalahBitWeaver, CivicSpace, Clever Copy,, Dragonfly CMS, Drupal, Joomla, Jupiter, Mambo, MDPro, MODx, Netious, OneCMS, Ovidentia, Papoo, PHP-Fusion, PHP-Nuke, phpComasy, phpSlash, phpWebSite, PHPX, PLUME CMS, Postnuke, Props, SPIP, Tiki CMS/Groupware, toendaCMS, Typo3, Website Baker, Xaraya, XOOPS, dan YACS!.

16. Jenis-Jenis CMS 2. Blogs • Sebuah blog adalahsitus web yang mudahdigunakan • dapatdengancepatmempostingpemikiran, berinteraksidenganorang lain • Blog kependekandari weblog • Blog jugakelompokwebSitepridadi yang diupdatesecaraberkelanjutan, cukuppopulerkhususnyauntuk diary virtual seseorang.

17. Jenis-Jenis CMS • Fungsi :mengemukakanpendapat, menceritakanpengalaman, mengemukakansebuahpemikiran. • Yang menarikdari blog, memungkinkanuntuksaling link atausalingmendukungsatusama lain hinggaakhirnyadapatmenjadialternatifsumberinformasidi Internet yang sifatnyasangatperorangan & bebas. • Contohnyaadalah, WordPress, Blogger, Multiplay, boastMachine, Dotclear, Loudblog, Nucleus CMS, Pixelpost, sBlog, Serendipity, Simplog, Textpattern, TruBlog, Wheatblog, dan

18. Jenis-Jenis CMS 3. Forum Adalahtempatdiskusi, dimanakitadapatberdiskusimelalui Web. Aplikasi yang adaantara lain adalahFUDForum, miniBB, MyBB, Phorum, phpBB, PunBB, SMF, UNB, UseBB, Vanilla, W-Agora, dan XMB.

19. Jenis-Jenis CMS 4. E-Learning Merupakanjenis CMS yang digunakanuntukmemfasilitasiprosesbelajarmengajardisekolah / kampusmelalui Web, contohnyayaituATutor, Dokeos, Interact, Moodle, danSite@School. Software favorituntuk e-learning adalahMoodle

20. Jenis-Jenis CMS 5. Image Galleries adalahaplikasi web yang berupa album fotodi Web, seperti Coppermine, DAlbum, Gallery, Gallery 2, LinPHA, MG2, Plogger, Singapore, Snipe Gallery, SPGM, WEBalbum, danyappa-ng.

21. Jenis-Jenis CMS 6. Wikies adalah tool untukmembangunnaskahsecarakolaboratif, hinggadapatmenjadiensiklopediadi Internet. Aplikasi yang adaantara lain adalahDokuWiki, ErfurtWiki, MediaWiki, phpWiki, PmWiki, QwikiWiki, UniWakka, WackoWiki, Wikepage, WikkaWiki, danWikkiTikkiTavi.

22. Jenis-Jenis CMS 7. E-Commerce Yaitusaranabagimereka yang inginmenjalankanbisnisdi Internet, aplikasidalamkategoriBeberapadiantaranyaadalahPrestashop, Open chart, osc2nuke, osCommerce, phpShop, dan Zen Cart

23. Blog Engine • Pengenalan Blog • Blog Engine Online • MendaftardiBlogspot • MendaftardiWordpress

24. Pengertian Blog Engine • Sebuahblogadalahsitus web Anda yang mudah-di-gunakan, dimanaAndadapatdengancepatmempostingpemikiranAnda, berinteraksidenganorang lain, danbanyaklagi. • Kependekandari weblog • KelompokWebSitepridadi yang diupdatesecarakontinyu

25. SedikitSejarahnya Blog • WebBlog --> halaman What’s New --> Mosaic -->Marc Andersen -->1993 • Januari 1994 -->Justin Hall -->Justin’s Home Page --> berubahmenjadi blog • Desember 1997 --> John Bagger --> Blog

26. Mendaftardi Blog Engine Media Blog pertama kali dipopulerkanoleh Blogger(http://www.blogger.com), yang awalnyadimilikiolehPyraLab yang padaakhirnyaPyraLabdiakuisioleh Google.com padaakhirtahun 2002 yang lalu. Semenjakitu, banyakterdapataplikasi-aplikasi yang bersifat Open Source yang diperuntukankepadaperkembanganpara Blogger tersebut.

27. MENDAFTAR PADA BLOG ENGINE ONLINE WWW.BLOGER.COM

28. Jikasudahpunya account Gmail , silahkanlangsungbuat blog, disini Jikasudahbelumpunya account Gmail , silahkanlangsungbuat account terlebihdahulu, disini

29. Membuat account di Gmail IsiLengkap data yang ada

30. Membuat Account di Gmail Verivikasi account

31. Membuat Account di Gmail

32. Membuat Account di Gmail PilihLangkahselanjutnya

33. Membuat Account di Gmail

34. Mendaftardi Blogger atauBlogspot • Setelahmemiliki account di Gmail makasilahkanmendaftardiblogspot, masukkealamat : www.blogspot.com

35. Mendaftardi Blogger atauBlogspot Login dari account anda

36. PilihProfil Google+

47. MendaftardiWordpress(TUGAS ) • Buka browser IE/ Mozilla • Masuk ke URL www.wordpress.com • Kita dapat membuat blog secara gratis. • Gratis??? Jadii -> terbatas. • Themes nya.... Tersedia tidak dapat kita upload • Fungsi-fungsi utama dari blog, seperti halnya posting, comment system, page, tersedia dengan baik.

48. Silahkan tekan tombol ini