Pelatihan Web 3
-
Upload
hamidillahajie -
Category
Documents
-
view
227 -
download
1
description
Transcript of Pelatihan Web 3
![Page 1: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/1.jpg)
Pelatihan Web Sekolah Menggunakan Wordpress
Hamidillah Ajie, S.Si, M.TNur Indah Pratiwi, S.Pd
![Page 2: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/2.jpg)
Pengantar Web
![Page 3: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/3.jpg)
Web dan Intenet
– Web adalah salah satu aplikasi/layanan yang berjalan di dalam jaringan Internet, selain email, chat, ftp, telnet, video call, dan lain sebagainya.
– Web menerapkan konsep hyperlink, sehingga sebuah halaman web dapat terkait dengan halaman-halaman lainnya di dalam jaringan Internet.
– Web mendukung konsep multimedia, sehingga dapat menampilkan teks, citra, suara, video, animasi dan lain sebagainya.
– Secara de facto, web adalah aplikasi yang saat ini paling banyak dikembangkan dan digunakan oleh masyarakat umum
![Page 4: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/4.jpg)
Pembuatan web oleh programmer– Umumnya untuk mengembangkan web, seseorang perlu memahami teknologi
pendukung web. Diantaranya ; html, css, javascript, php, mysql dan lain sebagainya
– Perlu juga memahami komponen teknologi web dan internet, seperti konsep url, web server, web client, dan lain sebagainya.
– Cara seperti ini butuh waktu yang cukup lama untuk memahami seluruh permasalahan, sebelum dapat membuat web.
![Page 5: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/5.jpg)
Pembuatan Web dengan CMS
– CMS adalah singkatan dari Content Management System
– Secara sederhana ditujukan bagi sebuah paket aplikasi untuk mengelola informasi di sebuah lembaga.
– CMS memiliki ciri, di dalam pengembangan produknya, tidak dilakukan dari awal dan tidak perlu memahami seluruh teknologi pengembangan web secara detil
– Proses pembuatan situs dengan CMS, dikenal dengan istilah customize (penyesuaian)
– Contoh paket CMS yang dikenal adalah, Joomla, Mambo, dan Wordpress
![Page 6: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/6.jpg)
Perbedaan CMS Wordpress dan dan Blog Wordpress– Banyak orang yang memahami wordpress adalah sebuah blog.– Hal ini karena memang awalnya wordpress telah dikenal sebagai situs blog bagi
masyarakat luas.– Namun Worpress juga mengembangkan pake bundle CMS yang dapat dikembangkan– Perbedaan CMS dan Blog dapat dilihat dari sisi :
– Alamat URL– Tujuan– Konten– Isi halaman depan– Interaksi Pengguna
![Page 7: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/7.jpg)
Apa saja yang dibutuhkan untuk membuat web?– Domain– Hosting– Database– Server– Admin
–Server lokal–Bundle CMS–Database Lokal–Admin
![Page 8: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/8.jpg)
Wordpress?
![Page 9: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/9.jpg)
CMS Wordpress
CMS Wordpress ini adalah sebuah CMS yang sebenarnya dikategorikan ke dalam CMS jenis Blog. Meskipun di khususnya untuk blog, namun kenyataannya banyak sekali developer-developer yang menggunakan CMS ini untuk membuat sebuah website baik itu company profile, hingga toko online. Karena CMS Wordpress ini selain User Friendly, juga memiliki fitur dan layanan yang banyak, selain itu dukungan komunitas juga sudah menyebar luas. Selengkapnya tentang CMS Wordpress bisa dilihat di postingan saya di "CMS Wordpress". Untuk lebih lanjut mengenai penjelasan CMS Wordpress, dapat mengunjungi situs http://wordpress.org
![Page 10: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/10.jpg)
Komponen Wordpress
–Theme–Plugin–Widget–Konten
![Page 11: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/11.jpg)
Instalasi XAMPP
![Page 12: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/12.jpg)
Instalasi XAMPP
![Page 13: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/13.jpg)
Instalasi XAMPP
![Page 14: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/14.jpg)
Instalasi XAMPP
![Page 15: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/15.jpg)
Instalasi XAMPP
![Page 16: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/16.jpg)
Instalasi XAMPP
![Page 17: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/17.jpg)
Memulai Service XAMPP
![Page 18: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/18.jpg)
Buat Database
![Page 19: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/19.jpg)
Buat Database
![Page 20: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/20.jpg)
Install Wordpress
![Page 21: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/21.jpg)
Install Wordpress
![Page 22: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/22.jpg)
Install Wordpress
![Page 23: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/23.jpg)
Install Wordpress
![Page 24: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/24.jpg)
Install Wordpress
![Page 25: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/25.jpg)
Install Wordpress
![Page 26: Pelatihan Web 3](https://reader030.fdokumen.com/reader030/viewer/2022033022/5695d1931a28ab9b0297164e/html5/thumbnails/26.jpg)
Selesai.
Terima kasih