rekayasa web ( kp212)
DESCRIPTION
Agnes Aryasanti , S.Kom. Rekayasa Web ( KP212). Pendahuluan. Pengenalan Dosen : Nama : Agnes Aryasanti , S.Kom Ruang : FTI Contact: [email protected] [email protected] YM : agnes_aryasanti No Tlp : 021 96908643. PENDAHULUAN. Proses Pembelajaran : - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/1.jpg)
Rekayasa Web( KP212)
Agnes Aryasanti, S.Kom
![Page 2: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/2.jpg)
Pendahuluan
Pengenalan Dosen : Nama : Agnes Aryasanti, S.Kom Ruang : FTI Contact : ▪ [email protected]▪ [email protected]▪ YM : agnes_aryasanti▪ No Tlp: 021 96908643
![Page 3: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/3.jpg)
PENDAHULUAN Proses Pembelajaran :
Harus hadir di kelas/lab Maksimal terlambat 15 menit Tugas dikirim via email Minimal kehadiran 80% Jika tidak hadir : surat dokter / surat ijin Ujian susulan UTS : max 2 minggu setelah UTS
Komposisi Penilaian : Absen : 10 % Tugas : 20 % UTS: 30 % UAS : 40 %
![Page 4: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/4.jpg)
Silabus Rekayasa Web
Matakuliah rekayasa web memberikan pengetahuan kepada mahasiswa tentang bagaimana mengenal, menggunakan dan merekayasa web dengan menggunakan aplikasi CMS (Content Management System) yang tersedia.
![Page 5: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/5.jpg)
Materi yang diajarkan : Pengenalan CMS Membuat Blog Engine secara Online Menginstal dan menggunakan Blog Engine Menginstal dan menggunakan Portal CMS
(Content Management System) Menginstal dan menggunakan Forum Menginstal dan menggunakan E-
Commerce Menginstal dan menggunakan LMS
(Learning Management System)
![Page 6: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/6.jpg)
Satuan Acara Perkuliahan
Pertemuan 1 Pengenalan CMS Pengenalan Blog Engine Mendaftar di 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)
![Page 7: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/7.jpg)
Satuan Acara Perkuliahan (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)
![Page 8: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/8.jpg)
Satuan Acara Perkuliahan (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 Pengenalan dan penggunaan Forum Engine
Pertemuan 15 Pengenalan dan penggunaan Learning Engine
![Page 9: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/9.jpg)
Pengenalan Rekayasa WebApa rekayasa web ???
proses sistem aplikasi web ilmu rekayasa + prinsip-prinsip manajemen + pendekatan sistematis sistem dan aplikasi web kualitas tinggi.
Tujuannya : mengendalikan pengembangan minimalisasi resiko meningkatkan kualitas sistem berbasis web.
![Page 10: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/10.jpg)
Pengertian CMS ( Content Management System )
Pengertian CMS Content = Isi Management = pengaturan System = Sistem Aplikasi berbasis web yang
tersedia untuk memudahkan membuat dan mengatur isi dari website tanpa harus membuatnya
![Page 11: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/11.jpg)
Pengertian CMS ( Content Management System )
Pengertian CMS : Adalah suatu sistem yang digunakan
untuk mengelola dan memfasilitasi proses pembuatan pembaharuan dan duplikasi konten secara bersama. Konten mengacu pada informasi dalam bentuk teks, grafik, gambar maupun format-format lain yg perlu dikelola.
![Page 12: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/12.jpg)
Pengertian CMS ( Content Management System )
CMS adalah Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. Dengan demikian, setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari pihak webmaster. (ilmukomputer.com)
![Page 13: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/13.jpg)
Tujuan CMS
Tujuan adalah untuk memudahkan proses pembuatan, pembaruan distribusi pencarian, analisis dan menigkatkan fleksibilitas untk ditransformasikan dalam bentuk lain.
![Page 14: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/14.jpg)
Manfaat CMS
Mengelola website pribadi atau lebih dikenal dengan blog
Mengelola website perusahaan/bisnis.
Portal atau website komunitas. Galeri foto, dan lain sebagainya. Forum. Aplikasi E-Commerce.
![Page 15: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/15.jpg)
Jenis-Jenis CMS
1. Portal CMS Jenis ini memudahkan kita dalam mengatur
potingan seperti berita, artikel, tulisan, mengumpulkan pendapat (polling). Contoh sebuah portal adalah okezone.com, detik.com. COntoh CMS jenis ini adalah BitWeaver, 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!.
![Page 16: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/16.jpg)
2. Blogs Sebuah blog adalah situs web yang mudah
di gunakan dapat dengan cepat memposting pemikiran,
berinteraksi dengan orang lain Blog kependekan dari weblog Blog juga kelompok webSite pridadi yang
diupdate secara berkelanjutan, cukup populer khususnya untuk diary virtual seseorang.
Jenis-Jenis CMS
![Page 17: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/17.jpg)
Fungsi : mengemukakan pendapat, menceritakan pengalaman, mengemukakan sebuah pemikiran.
Yang menarik dari blog, memungkinkan untuk saling link atau saling mendukung satu sama lain hingga akhirnya dapat menjadi alternatif sumber informasi di Internet yang sifatnya sangat perorangan & bebas.
Contohnya adalah, WordPress, Blogger, Multiplay, boastMachine, Dotclear, Loudblog, Nucleus CMS, Pixelpost, sBlog, Serendipity, Simplog, Textpattern, TruBlog, Wheatblog, dan
Jenis-Jenis CMS
![Page 18: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/18.jpg)
3. ForumAdalah tempat diskusi, dimana kita dapat berdiskusi melalui Web. Aplikasi yang ada antara lain adalah FUDForum, miniBB, MyBB, Phorum, phpBB, PunBB, SMF, UNB, UseBB, Vanilla, W-Agora, dan XMB.
Jenis-Jenis CMS
![Page 19: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/19.jpg)
4. E-LearningMerupakan jenis CMS yang digunakan untuk memfasilitasi proses belajar mengajar di sekolah / kampus melalui Web, contohnya yaitu ATutor, Dokeos, Interact, Moodle, dan Site@School. Software favorit untuk e-learning adalah Moodle
Jenis-Jenis CMS
![Page 20: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/20.jpg)
5. Image Galleriesadalah aplikasi web yang berupa album foto di Web, seperti Coppermine, DAlbum, Gallery, Gallery 2, LinPHA, MG2, Plogger, Singapore, Snipe Gallery, SPGM, WEBalbum, dan yappa-ng.
Jenis-Jenis CMS
![Page 21: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/21.jpg)
6. Wikiesadalah tool untuk membangun naskah secara kolaboratif, hingga dapat menjadi ensiklopedia di Internet. Aplikasi yang ada antara lain adalah DokuWiki, ErfurtWiki, MediaWiki, phpWiki, PmWiki, QwikiWiki, UniWakka, WackoWiki, Wikepage, WikkaWiki, dan WikkiTikkiTavi.
Jenis-Jenis CMS
![Page 22: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/22.jpg)
7. E-CommerceYaitu sarana bagi mereka yang ingin menjalankan bisnis di Internet, aplikasi dalam kategori Beberapa diantaranya adalah Prestashop, Open chart, osc2nuke, osCommerce, phpShop, dan Zen Cart
Jenis-Jenis CMS
![Page 23: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/23.jpg)
Blog Engine
Pengenalan Blog Blog Engine Online Mendaftar di Blogspot Mendaftar di Wordpress
![Page 24: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/24.jpg)
Pengertian Blog Engine
Sebuah blog adalah situs web Anda yang mudah-di-gunakan, di mana Anda dapat dengan cepat memposting pemikiran Anda, berinteraksi dengan orang lain, dan banyak lagi.
Kependekan dari weblog Kelompok WebSite pridadi yang diupdate
secara kontinyu
![Page 25: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/25.jpg)
Sedikit Sejarahnya Blog
WebBlog --> halaman What’s New --> Mosaic -->Marc Andersen -->1993
Januari 1994 -->Justin Hall -->Justin’s Home Page --> berubah menjadi blog
Desember 1997 --> John Bagger --> Blog
![Page 26: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/26.jpg)
Mendaftar di Blog Engine
Media Blog pertama kali di populerkan oleh Blogger (http://www.blogger.com), yang awalnya dimiliki oleh PyraLab yang pada akhirnya PyraLab diakuisi oleh Google.com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat Open Source yang diperuntukan kepada perkembangan para Blogger tersebut.
![Page 27: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/27.jpg)
MENDAFTAR PADA BLOG ENGINE ONLINE
WWW.BLOGER.COM
![Page 28: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/28.jpg)
Jika sudah punya account Gmail , silahkan langsung buat blog,
disini
Jika sudah belum punya account Gmail , silahkan
langsung buat account terlebih dahulu, disini
![Page 29: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/29.jpg)
Membuat account di Gmail
Isi Lengkap data yang ada
![Page 30: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/30.jpg)
Membuat Account di Gmail
Verivikasi account
![Page 31: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/31.jpg)
Membuat Account di Gmail
![Page 32: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/32.jpg)
Membuat Account di Gmail
Pilih Langkah selanjutnya
![Page 33: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/33.jpg)
Membuat Account di Gmail
![Page 34: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/34.jpg)
Mendaftar di Blogger atau Blogspot
Setelah memiliki account di Gmail maka silahkan mendaftar di blogspot, masuk ke alamat : www.blogspot.com
![Page 35: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/35.jpg)
Mendaftar di Blogger atau Blogspot
Login dari account anda
![Page 36: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/36.jpg)
Pilih Profil Google+
![Page 37: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/37.jpg)
![Page 38: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/38.jpg)
![Page 39: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/39.jpg)
![Page 40: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/40.jpg)
![Page 41: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/41.jpg)
![Page 42: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/42.jpg)
![Page 43: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/43.jpg)
![Page 44: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/44.jpg)
![Page 45: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/45.jpg)
![Page 46: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/46.jpg)
![Page 47: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/47.jpg)
Mendaftar di Wordpress(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.
![Page 48: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/48.jpg)
Silahkan tekan tombol ini
![Page 49: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/49.jpg)
![Page 50: Rekayasa Web ( KP212)](https://reader035.vdokumen.com/reader035/viewer/2022062310/56815d97550346895dcbb735/html5/thumbnails/50.jpg)