Pemrograman Web

• Pemrograman web diambil dari 2 suku kata yaitupemrograman dan web.Pemrograman yang dalam bahasa English adalahprogramming dan diartikan proses, cara, perbuatanprogram (secara bahasa indonesia).program (secara bahasa indonesia).Definisi Web : jaringan komputer yang terdiri darikumpulan situs internet yang menawarkan teks dangrafik dan suara dan sumber daya animasi melaluiprotokol transfer hypertext

Pendahuluan

• Puji Syukur Alhamdulillah senantiasa penulis panjatkan kepada Allah SWT atas berkat rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikanartikel dengan judul “PemrogramanWeb “ Maksud dari penyusunan artikelini sebagai salah satu syarat untuk menyelesaikan tugas akhir . Padakesempatan ini penulis tidak lupa ingin menyampaikan rasa terima kasih danpenghargaan yang setinggi-tingginya atas bantuan serta dukungan berbagaipihak sehingga artikel ini dapat diselesaikan dengan lancar tanpa adanyahambatan 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 darimakalah 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 darisempurna, kritik dan saran yang membangun penyusun harapkan sehinggaartikel ini dapat menjadi lebih baik dan bermanfaat di kemudian hari.

Tujuan

• Didalam pengguna web tidak terlalu sulit jika pengguna tersebutmampu memahami adanya pemogram web tersebut .

• Salah satu aplikasi yang digunakan untuk membuat atau membangunsebuah website dinamis yang dilengkapi berbagai macam fasilitasyang mendukungnya.

• Mengetahui beberapa konsep yang ada pada pemograman web itusendiri.sendiri.

• Pemrograman web memungkinkan kita dapat membuat halamanweb yang dinamis dengan perintah-perintah yang cukup sederhanatapi dapat menghasilkan informasi yang beragam.

• Pemrograman web dapat melakukan interaksi sehingga penggunadapat memperoleh informasi yang sesuai/relevan seperti pencarian, pengiriman data dll.

Tinjauan Masalah(Dasar Teori)

Didalam Pemograman web adalah keahlian meracik bahasapemrograman 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 carasatu dan dua. Cara ini banyak dilakukan developer website penggemar CMS tertentu. Mereka mengganggap CMS sepertiJoomla, Wordpress, masih perlu disentuh ulang baik dari sisitheme dan dikembangkan melalui aplikasi turunannya sepertiplugin dan ekstensinya. Pendeknya CMS tersebut dianggapmasih setengah jadi dan masih memungkinkan dimodifikasi.

Langkah-langkah menginstallwordpress dengan mode offline

• Hal yang dipersiapkan :

1. Web server & database server (Appserv, xampp)xampp)

2. Installer wordpress

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.

2. Anda harus mengetahui dulu anda menggunakan web server yang mana, langkah selanjutnyaadalah anda copy paste file installer dari wordpress ke web direktori.Jika yang anda gunakan adalah

Appserv : C �appserv � wwwXampp : C � xampp � htdoc

Dalam contoh ini saya menggunakan XAMPPJadi saya harus copy paste installer dari : C �xampp �htdoct

NB : Pastikan tidak ada folder dengan nama wordpress di web direktori tersebut.

Copy dan paste di web directori.

3.Lakukan extract pada file installer tersebut, dan rename foldernya misalnya “fatimah”

Dan beri nama pada folder tadi.

4.Buat databasenya. Buka browser dan ketikkan localhost/phpmyadmin5. Maka akan keluar tampilan seperti berikut ini, dan silahkan buat databasenya semisal dengannama “fatimah”

Dan silahkan klik create

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 buatdi web direktori.

6. Klik create a configuration file

Klik let’s go!

7. Isikan form dibawah ini

�Database Name : isi dengan nama database yang sebelumnya anda buat dilocalhost/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

8. lalu silahkan tekan Run The Install

9.

Site tittle : isi dengan nama web anda (terserah)User name : isikan dengan user name yang digunakan untuk masuk kedalam halamanadministratorPassword : isikdan password yang digunakan untuk masuk kedalam halaman administratorYour email : masukkan email andaPrivacy : pastikan kecentang

Lalu tekan Install wordpress

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

Langkah-langkah membuat page padawordpress

1.Masuk Kedalam DASBOR ADMINISTRATOR

Pada browser ketikkan : localhost/nama folder web/wp-admi Dalam contoh ini ketikkanlocalhost/fatimah/wp-admin

Silahkan masukkan user name dan password, seperti yang anda isikan di saat proses penginstallan dari wordpress.dan klik login

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, programKeahlian

3.Isi Page Baru

Isikan judul pada bagian atas dan tuliskan file.Lalu silahkan upload gambar dengan cara klik menu upload/insert.

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.

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 tekanpublish.

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

TSM

klik publish klik publish

TKJ

Lalu tekan publish

Langkah-langkah Install template padawordpress

1.Upload themes

Buka dasbor administrator �appearance �themes �install themes

Setelah itu klik choose file lalu pilih templatenya

Lalu open Lalu open

Setelah itu klik install nowJika anda ingin menggunakannya langsung bisa menekan link active.

cek web anda

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

Penutup• Kesimpulan

Dari pembahasan diatas Pemograman web dapat di Simpulkan belajar maupunmengoperasikan suatu pemograman tidaklah sulit jika pengguna tersebut mampu memahamidasar dari pemograman tersebut ,untuk itulah pemograman web memungkinkan kita dapatmembuat suatu halaman web yang dinamis dan menghasilkan Informasi yang beragam

Untuk itu bagi para pengguna web marilah sama –sama belajar Pemograman yang anda sukaitentunya yang kami lakukan ini adalah sebuah pelajaran salah satu nya aplikasi yang digunakanuntuk membuat / membangun sebuah website yg dilengkapi dengan berbagai macam fasilitasuntuk membuat / membangun sebuah website yg dilengkapi dengan berbagai macam fasilitasyang mendukungnya.

• Daftar pustaka

-pak aris samsudin

-www.google.com

-www.warungbelajar.com

-1freehosting.com

-http://wordpress.org/extend/themes/

Biodata

Nama : Siti Fatimah

Tanggal Lahir : 03, Agustus 1996

Kelas : XII TKJ

No Induk : 4718 / 298.071No Induk : 4718 / 298.071

Sekolah : SMK Darma Siswa 1

Alamat : Berbek,waru sidoarjo