rekayasa web ( kp212)

47
Rekayasa Web ( KP212) Dewi Kusumaningsih, M.Kom

Upload: dinh

Post on 22-Feb-2016

105 views

Category:

Documents


4 download

DESCRIPTION

Dewi Kusumaningsih , M.Kom. Rekayasa Web ( KP212). PENDAHULUAN. Komposisi Penilaian : Absen : 10 % Tugas : 20 % UTS: 30 % UAS: 40 %. Contact : Ruangan : Biro Administrasi Akademik dan Kemahasiswaan (BAAK) YM : [email protected] - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Rekayasa  Web ( KP212)

Rekayasa Web( KP212)

Dewi Kusumaningsih, M.Kom

Page 2: Rekayasa  Web ( KP212)

PENDAHULUAN

Komposisi Penilaian : Absen : 10 % Tugas : 20 % UTS : 30 % UAS : 40 %

Page 4: 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 5: 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 6: 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 7: 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 8: 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 9: 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 10: 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 11: 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 12: 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 13: Rekayasa  Web ( KP212)

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)

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)

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)

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)

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)

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)

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)

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)

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)

7. E-CommerceYaitu sarana bagi mereka yang ingin menjalankan bisnis di Internet, aplikasi dalam kategori Beberapa diantaranya adalah Prestashop, osc2nuke, osCommerce, phpShop, dan Zen Cart

Jenis-Jenis CMS

Page 23: Rekayasa  Web ( KP212)

Blog Engine

Pengenalan Blog Blog Engine Online Mendaftar di Blogspot Mendaftar di Wordpress

Page 24: 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 25: 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 26: 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 27: Rekayasa  Web ( KP212)

MENDAFTAR PADA BLOG ENGINE ONLINE

WWW.BLOGER.COM

Page 28: Rekayasa  Web ( KP212)

Buat account jika belum memiliki account gmail

Page 29: Rekayasa  Web ( KP212)

Daftar jika sudah punya account gmail

Page 30: Rekayasa  Web ( KP212)
Page 31: Rekayasa  Web ( KP212)
Page 32: Rekayasa  Web ( KP212)
Page 33: Rekayasa  Web ( KP212)
Page 34: Rekayasa  Web ( KP212)
Page 35: Rekayasa  Web ( KP212)

Jika selesai mem posting , terbitkan dengan tombol

ini

Page 36: Rekayasa  Web ( KP212)

Lihat Tampilan postingan

Page 37: Rekayasa  Web ( KP212)
Page 38: Rekayasa  Web ( KP212)

Pilih TAB ini untuk

mengatur tampilan Pilih tombol edit

untuk merubah

Page 39: Rekayasa  Web ( KP212)
Page 40: Rekayasa  Web ( KP212)
Page 41: Rekayasa  Web ( KP212)

Simpan perubahan

Page 42: Rekayasa  Web ( KP212)

Pilih widget yang akan

ditambahkan

Page 43: Rekayasa  Web ( KP212)
Page 44: Rekayasa  Web ( KP212)

Mendaftar di Wordpress 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 45: Rekayasa  Web ( KP212)

Silahkan tekan tombol ini

Page 46: Rekayasa  Web ( KP212)
Page 47: Rekayasa  Web ( KP212)