Rekayasa Web ( KP212)

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

description

Agnes Aryasanti , S.Kom. Rekayasa Web ( KP212). 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 - PowerPoint PPT Presentation

Transcript of Rekayasa Web ( KP212)

Page 1: Rekayasa  Web ( KP212)

Rekayasa Web( KP212)

Agnes Aryasanti, S.Kom

Page 2: Rekayasa  Web ( KP212)

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 3: Rekayasa  Web ( KP212)

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 4: Rekayasa  Web ( KP212)

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 5: Rekayasa  Web ( KP212)

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 6: Rekayasa  Web ( KP212)

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 7: Rekayasa  Web ( KP212)

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 8: Rekayasa  Web ( KP212)

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 9: Rekayasa  Web ( KP212)

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 10: Rekayasa  Web ( KP212)

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 11: Rekayasa  Web ( KP212)

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 12: Rekayasa  Web ( KP212)

Tujuan CMS

Tujuan adalah untuk memudahkan proses pembuatan, pembaruan distribusi pencarian, analisis dan menigkatkan fleksibilitas untk ditransformasikan dalam bentuk lain.

Page 13: Rekayasa  Web ( KP212)

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 14: Rekayasa  Web ( KP212)

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 15: Rekayasa  Web ( KP212)

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 16: Rekayasa  Web ( KP212)

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 17: Rekayasa  Web ( KP212)

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 18: Rekayasa  Web ( KP212)

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 19: Rekayasa  Web ( KP212)

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 20: Rekayasa  Web ( KP212)

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 21: Rekayasa  Web ( KP212)

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 22: Rekayasa  Web ( KP212)

Blog Engine

Pengenalan Blog Blog Engine Online Mendaftar di Blogspot Mendaftar di Wordpress

Page 23: Rekayasa  Web ( KP212)

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 24: Rekayasa  Web ( KP212)

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 25: Rekayasa  Web ( KP212)

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 26: Rekayasa  Web ( KP212)

MENDAFTAR PADA BLOG ENGINE ONLINE

WWW.BLOGER.COM

Page 27: Rekayasa  Web ( KP212)

Jika sudah punya account Gmail , silahkan langsung buat blog,

disini

Jika sudah belum punya account Gmail , silahkan

langsung buat account terlebih dahulu, disini

Page 28: Rekayasa  Web ( KP212)

Membuat account di Gmail

Isi Lengkap data yang ada

Page 29: Rekayasa  Web ( KP212)

Membuat Account di Gmail

Verivikasi account

Page 30: Rekayasa  Web ( KP212)

Membuat Account di Gmail

Page 31: Rekayasa  Web ( KP212)

Membuat Account di Gmail

Pilih Langkah selanjutnya

Page 32: Rekayasa  Web ( KP212)

Membuat Account di Gmail

Page 33: Rekayasa  Web ( KP212)

Mendaftar di Blogger atau Blogspot

Setelah memiliki account di Gmail maka silahkan mendaftar di blogspot, masuk ke alamat : www.blogspot.com

Page 34: Rekayasa  Web ( KP212)

Mendaftar di Blogger atau Blogspot

Login dari account anda

Page 35: Rekayasa  Web ( KP212)

Pilih Profil Google+

Page 36: Rekayasa  Web ( KP212)
Page 37: Rekayasa  Web ( KP212)
Page 38: Rekayasa  Web ( KP212)
Page 39: Rekayasa  Web ( KP212)
Page 40: Rekayasa  Web ( KP212)
Page 41: Rekayasa  Web ( KP212)
Page 42: Rekayasa  Web ( KP212)
Page 43: Rekayasa  Web ( KP212)
Page 44: Rekayasa  Web ( KP212)
Page 45: Rekayasa  Web ( KP212)
Page 46: Rekayasa  Web ( KP212)

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 47: Rekayasa  Web ( KP212)

Silahkan tekan tombol ini

Page 48: Rekayasa  Web ( KP212)
Page 49: Rekayasa  Web ( KP212)