Dokumen ini membahas pemrograman web, proses pembuatan website, serta langkah-langkah instalasi WordPress. Penulis mengucapkan terima kasih kepada pihak-pihak yang mendukung penyelesaian artikel ini dan menjelaskan bahwa pemrograman web memungkinkan pembuatan halaman web dinamis. Dengan memahami dasar-dasar pemrograman, pengguna dapat menciptakan informasi yang beragam melalui website yang dibangun.

1. PemrogramanWeb
• Pemrograman web diambil dari 2 suku kata yaitu
pemrograman dan web.
Pemrograman yang dalam bahasa English adalah
programming dan diartikan proses, cara, perbuatan
program (secara bahasa indonesia).program (secara bahasa indonesia).
DefinisiWeb : jaringan komputer yang terdiri dari
kumpulan situs internet yang menawarkan teks dan
grafik dan suara dan sumber daya animasi melalui
protokol transfer hypertext

2. Pendahuluan
• Puji Syukur Alhamdulillah senantiasa penulis panjatkan kepada Allah SWT
atas berkat rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan
artikel dengan judul “PemrogramanWeb “ Maksud dari penyusunan artikel
ini sebagai salah satu syarat untuk menyelesaikan tugas akhir . Pada
kesempatan ini penulis tidak lupa ingin menyampaikan rasa terima kasih dan
penghargaan yang setinggi-tingginya atas bantuan serta dukungan berbagai
pihak sehingga artikel ini dapat diselesaikan dengan lancar tanpa adanya
hambatan ataupun halangan, kepada :hambatan ataupun halangan, kepada :
• Bapak Aris samsudin selaku guru mata pelajaran pemrograman web.
• Bapak, Ibu serta keluarga tercinta di rumah yang telah mendukung baik
moril maupun materil mulai dari penyusunan sampai penyelesaian dari
makalah ini.
• Kawan-kawan dan semua pihak yang telah memberikan bantuan yang tidak
dapat disebutkan satu per satu.
• Penyusun menyadari bahwa penyusunan artikel ini masih jauh dari
sempurna, kritik dan saran yang membangun penyusun harapkan sehingga
artikel ini dapat menjadi lebih baik dan bermanfaat di kemudian hari.

3. Tujuan
• Didalam pengguna web tidak terlalu sulit jika pengguna tersebut
mampu memahami adanya pemogram web tersebut .
• Salah satu aplikasi yang digunakan untuk membuat atau membangun
sebuah website dinamis yang dilengkapi berbagai macam fasilitas
yang mendukungnya.
• Mengetahui beberapa konsep yang ada pada pemograman web itu
sendiri.sendiri.
• Pemrograman web memungkinkan kita dapat membuat halaman
web yang dinamis dengan perintah-perintah yang cukup sederhana
tapi dapat menghasilkan informasi yang beragam.
• Pemrograman web dapat melakukan interaksi sehingga pengguna
dapat memperoleh informasi yang sesuai/relevan seperti pencarian,
pengiriman data dll.

4. Tinjauan Masalah(DasarTeori)
Didalam Pemograman web adalah keahlian meracik bahasa
pemrograman seperti php, mysql, html, css, javascript, jquery,
dan lainnya. Cara instan seperti menggunakan content
management system (CMS) gratis yang sudah jadi (Wordpress,
Joomla, Drupal, Prestashop, dsb). Ketiga, menggabungkan caraJoomla, Drupal, Prestashop, dsb). Ketiga, menggabungkan cara
satu dan dua. Cara ini banyak dilakukan developer website
penggemar CMS tertentu. Mereka mengganggap CMS seperti
Joomla,Wordpress, masih perlu disentuh ulang baik dari sisi
theme dan dikembangkan melalui aplikasi turunannya seperti
plugin dan ekstensinya. Pendeknya CMS tersebut dianggap
masih setengah jadi dan masih memungkinkan dimodifikasi.

5. Langkah-langkah menginstall
wordpress dengan mode offline
• Hal yang dipersiapkan :
1.Web server & database server (Appserv,
xampp)xampp)
2. Installer wordpress

6. 1.Langkah – Langkahnya adalah :
Buka Browser dan pastikan web server telah terinstall dengan baik, di browser
ketikkan localhost
Jika yang keluar seperti ini maka anda menggunakan XAMPP.

7. 2. Anda harus mengetahui dulu anda menggunakan web server yang mana, langkah selanjutnya
adalah anda copy paste file installer dari wordpress ke web direktori.
Jika yang anda gunakan adalah
Appserv : C appserv www
Xampp : C xampp htdoc
Dalam contoh ini saya menggunakan XAMPP
Jadi saya harus copy paste installer dari : C xampp htdoct
NB : Pastikan tidak ada folder dengan nama wordpress di web direktori tersebut.

8. Copy dan paste di web directori.

9. 3.Lakukan extract pada file installer tersebut, dan rename foldernya misalnya “fatimah”
Dan beri nama pada folder tadi.

10. 4.Buat databasenya. Buka browser dan ketikkan localhost/phpmyadmin
5. Maka akan keluar tampilan seperti berikut ini, dan silahkan buat databasenya semisal dengan
nama “fatimah”
Dan silahkan klik create

11. 7. . Maka akan terbuat sebuah database dengan nama fatimah, dan buka browser lagi dan ketikkan
“localhost/fatimah” Untuk alamat di browser yang diketikkan sesuai dengan folder yang anda buat
di web direktori.

12. 6. Klik create a configuration file
Klik let’s go!

13. 7. Isikan form dibawah ini
Database Name : isi dengan nama database yang sebelumnya anda buat di
localhost/phpmyadmin
User name : adalah user dari database defaultnya root
Password : jika anda menggunakan xampp biasanya dikosongi saja
Database hostnya : karena menggunakan yang offline maka diisikan localhost
Table prefix : biarkan default saja
Lalu silahkan tekan Submit

14. 8. lalu silahkan tekan Run The Install

15. 9.
Site tittle : isi dengan nama web anda (terserah)
User name : isikan dengan user name yang digunakan untuk masuk kedalam halaman
administrator
Password : isikdan password yang digunakan untuk masuk kedalam halaman administrator
Your email : masukkan email anda
Privacy : pastikan kecentang
Lalu tekan Install wordpress

16. 10.proses penginstalan sudah selesai silahkan lihat website anda, cara untuk mengaksesnya
Ketikan “localhost/fatimah”

17. Langkah-langkah membuat page pada
wordpress
1.Masuk Kedalam DASBOR ADMINISTRATOR
Pada browser ketikkan : localhost/nama folder web/wp-admi Dalam contoh ini ketikkan
localhost/fatimah/wp-admin
Silahkan masukkan user name dan password, seperti yang anda isikan di saat proses
penginstallan dari wordpress.dan klik login

18. 2.Buat Page Baru
Untuk membuat page baru silahkan masuk ke menu page Add New
Contoh page yang akan kita buat nantinya adalah home, visi misi, program
Keahlian

19. 3.Isi Page Baru
Isikan judul pada bagian atas dan tuliskan file.
Lalu silahkan upload gambar dengan cara klik menu upload/insert.

20. Maka akan keluar tampilan seperti berikut ini
klik menu select Files untuk memilih file yang akan kita uploadklik menu select Files untuk memilih file yang akan kita upload
Lalu klik open, maka akan keluar menu seperti berikut ini.

21. Langsung saja tekan insert into post, dan hasilnya akan seperti berikut ini.dan jika selesai tekanLangsung saja tekan insert into post, dan hasilnya akan seperti berikut ini.dan jika selesai tekan
publish.

22. Jika berhasil maka akan tampil seperti berikut ini
Buat Halaman Lain juga (Visi,TKJ), dengan masuk ke menu Pages Add new
Visi misi
Langsung publish

23. TSM
klik publishklik publish
TKJ
Lalu tekan publish

24. Langkah-langkah Install template pada
wordpress1.Upload themes
Buka dasbor administrator appearance themes install themes
Setelah itu klik choose file lalu pilih templatenya

25. Lalu openLalu open
Setelah itu klik install now
Jika anda ingin menggunakannya langsung bisa menekan link active.

26. cek web anda

27. Hasil Dan analisa
• Hasil
• Analisa
pada saat upload album tidak muncul album yang akan di upload
-cara memperbaiki:
buka menu dashboard gallery pilih album yang akan di upload update

28. Penutup
• Kesimpulan
Dari pembahasan diatas Pemograman web dapat di Simpulkan belajar maupun
mengoperasikan suatu pemograman tidaklah sulit jika pengguna tersebut mampu memahami
dasar dari pemograman tersebut ,untuk itulah pemograman web memungkinkan kita dapat
membuat suatu halaman web yang dinamis dan menghasilkan Informasi yang beragam
Untuk itu bagi para pengguna web marilah sama –sama belajar Pemograman yang anda sukai
tentunya yang kami lakukan ini adalah sebuah pelajaran salah satu nya aplikasi yang digunakan
untuk membuat / membangun sebuah website yg dilengkapi dengan berbagai macam fasilitasuntuk membuat / membangun sebuah website yg dilengkapi dengan berbagai macam fasilitas
yang mendukungnya.
• Daftar pustaka
-pak aris samsudin
-www.google.com
-www.warungbelajar.com
-1freehosting.com
-http://wordpress.org/extend/themes/

29. Biodata
Nama : Siti Fatimah
Tanggal Lahir : 03,Agustus 1996
Kelas : XIITKJ
No Induk : 4718 / 298.071No Induk : 4718 / 298.071
Sekolah : SMK Darma Siswa 1
Alamat : Berbek,waru sidoarjo