2014-47. Pemograman web

30
PEMOGRAMAN WEB Wordpress adalah dari sebuah nama yang telah didifinisikan secara sederhana sebagai sebuah system dokumen website yang dapat dijadikan platform blog, system informasi dll. sistem dokumen ini bersifat free dan open source artinya sistem dokumen ini bersifat free dan open source artinya semua orang dapat menggunakannya secara bebas dan dapat melakukan pengembangan terhadapnya.

Transcript of 2014-47. Pemograman web

PEMOGRAMAN WEB

Wordpress adalah dari sebuah nama yang telah didifinisikansecara sederhana sebagai sebuah system dokumen website yang dapat dijadikan platform blog, system informasi dll. sistem dokumen ini bersifat free dan open source artinyasistem dokumen ini bersifat free dan open source artinya

semua orang dapat menggunakannya secara bebas dan dapat

melakukan pengembangan terhadapnya.

BAB I

PENDAHULUAN� Latar belakang�

� Pembimbing kami telah menunjukan berbagai motivasiberkembang dan berubah sesuai dengan perkembangandan perubahan konsep dan persepsi manusia terhadappendidikan dan kehidupan itu sendiri. Seorangpembimbing pada mulanya dikonsep sebagai kemampuanmemberi dan mengembangkan pengetahuan pesertadidik. Tetapi, beberapa dasawarsa terakhir konsep, didik. Tetapi, beberapa dasawarsa terakhir konsep, persepsi dan penilaian terhadap profesi pembimbingmulai bergeser.

Hal itu selain karena perubahan pandangan manusia-masyarakat terhadap integritas seseorang yang berkaitan dengan produktivitas ekonomisnya, jugakarena perkembangan yang cukup radikal di bidangpengetahuan dan teknologi, terutama bidang informasidan komunikasi, yang kemudian mendorongpengembangan media belajar dan paradigma teknologipendidikan. Dalam perkembangan berikutnya, sekaligussebagai biasnya, Pembimbing mulai mengalami dilemaeksistensial.

Tujuan

� Didalam pengguna web tidak terlalu sulit jika pengguna tersebut mampumemahami adanya pemogram web tersebut .

� Salah satu aplikasi yang digunakan untuk membuat atau membangun sebuahwebsite dinamis yang dilengkapi berbagai macam fasilitas yang mendukungnya.

� Mengetahui beberapa konsep yang ada pada pemograman web itu sendiri.� Mengetahui beberapa konsep yang ada pada pemograman web itu sendiri.

� Pemrograman web memungkinkan kita dapat membuat halaman web yang dinamis dengan perintah-perintah yang cukup sederhana tapi dapatmenghasilkan informasi yang beragam.

� Pemrograman web dapat melakukan interaksi sehingga pengguna dapatmemperoleh informasi yang sesuai/relevan seperti pencarian, pengiriman data dll.

� Pemrograman web dapat dihubungkan dengan berbagai macam basis data/database seperti mysql, oracle sql server dll.

Permasalahan

� Apakah yang menjadi masalah dalam mempelajari pemogram web itu?

� Beberapa Masalah yang saya dapatkan di dalam pemograman WEB:1. Tidak munculnya warna asli yang mengakibatkan web berwarna polos putih,dan yang muncul aslinya adalah hanya Text saja.

Penyebabnya: Karena pada tampilan Windows komputer yang bersangkutan ituPenyebabnya: Karena pada tampilan Windows komputer yang bersangkutan itumemakai propertis yang sudah di set dari tampilan aslix.

Perbaikan: Pada tampilan Windows tekan Alt (kiri) + Shift (kiri) + Print Screen.2. Gaya tampilan pada Web mengalami perubahan style, desain, serta Text sedikitberubah.Penyebabnya: Jika Anda membuka kembali Web dengan menggunakan aplikasisearch Internet Explorer maka jelas masalah ini akan terjadi3. karena pada saat anda membuat Web itu menggunakan aplikasi searchMozilla Firefox.Perbaikan: Alangkah baiknya Install ulang aplikasi search Mozilla Firefox.

Bab II

Tinjuan Masalah (Dasar Teori)

Pengertian dari Pemograman WEB

� Didalam Pemograman web adalah keahlian meracik bahasapemrograman seperti php, mysql, html, css, javascript, jquery, danpemrograman seperti php, mysql, html, css, javascript, jquery, danlainnya. Cara instan seperti menggunakan content management system (CMS) gratis yang sudah jadi (Wordpress, Joomla, Drupal, Prestashop, dsb). Ketiga, menggabungkan cara satu dan dua. Cara inibanyak dilakukan developer website penggemar CMS tertentu. Mereka mengganggap CMS seperti Joomla, Wordpress, masih perludisentuh ulang baik dari sisidan dikembangkan melalui aplikasiturunannya seperti plugin dan ekstensinya. Pendeknya CMS tersebutdianggap masih setengah jadi dan masih memungkinkan dimodifikasi.

Langkah – langkah menginstall wordpress

dengan mode offline

� Pertama yang dipersiapkan :

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

� 2.Setelah itu Installer wordpress

� Jika keluar scrip seperti dibawah ini maka anda menggunakan XAMPP.

Dasar teoriAnda harus mengetahui dulu menggunakan web server yang mana, langkah selanjutnya:

� 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

� Maka saya harus copy paste installer dari : C. � xampp � htdoct

� NB : Pastikan tidak ada folder dengan nama wordpress� NB : Pastikan tidak ada folder dengan nama wordpress

dan lakukan rename di folder tadi ,

semisal “vivi”…

Maka akan keluar tampilan seperti berikut ini, dan silahkan buat

databasenya semisal dengan nama

“vivi”.

Buat databasenya seperti gambar berikut ,& Buka browser dan ketikkan

localhost/phpmyadmin.

Ketikan nama semisal “vivi” setelah itu klik create.

Maka akan terbuat sebuah database dengan nama “vivi”dan buka browser lagi dan

ketikkan “localhost/vivi”

Untuk alamat di browser yang diketikkan sesuai dengan folder yang anda buat di web

direktori.

Selanjutnya anda akan masuk menginstall

wordpress,tampilan seperti berikut kemudian anda klik

“Create Configurasi file.” Muncul gambar dibawah ini

next anda klik “lest go!”

Tampilan selanjutannya ,anda harus membuat Database Name : isi dengan nama database yang

sebelumnya anda buat dilocalhost/phpmyadmin User name : adalah user dari database

defaultnya root.

Password :adalah password dari database ‘1234’ adalah password database appserv di

komputer saya, 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”

Dan selanjutnya akan muncul kembali tampilan Wordpress seperti berikut,silahkan anda klik

“Run the istall.” Maka nanti akan muncul langkah selanjutnya & silahkan klik install

wordpress. Privacy : pastikan kecentang.

Setelah anda mengisikan title di atas 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.

Saat proses penginstalan sudah selesai silahkan lihat website anda, cara untuk mengaksesnya

Ketikan “localhost/”vivi”& akan muncul tampilan web di bawah ini ...

Membuat Page pada Wordpress

Langakah awal 1.Masuk Kedalam DASBOR ADMNISTRATOR

Pada browser ketikkan : localhost/nama folder web/wp-admin

Dalam contoh ini ketikkan localhost/vivi/wp-admin , maka akan muncul page seperti

dibawah & langsung anda klik “log in”.

2.Buat page baru

Silahkan masukkan user name dan password, seperti yang anda isikan di saat proses

penginstallan dari wordpress.dan klik login

Untuk membuat page baru silahkan masuk ke menu page�Add New�gambar di bawah ini.

Contoh page yang akan kita buat nantinya adalah home, visi misi, sejarah,program

Keahlian

3.Isi Page Baru

Akan keluar menu seperti berikut. Isikan judul pada bagian atas dan tuliskan copy paste

text sudah saya sediakan di tutorial ini.

Lalu silahkan upload gambar dengan cara klik menu upload/insert

Dan klik menu select Files untuk memilih file yang akan kita upload, pilih gambar yang

sudah saya sediakan di dalam folder image yang saya sediakan di folder tutorial

ini.

Langsung saja tekan insert into post, dan hasilnya akan seperti berikut ini dan jika

selesai tekan publish. Jika berhasil maka akan tampil seperti berikut ini & Buat Halaman

Lain juga (Visi, Teknik Permesinan), dengan masuk ke menu Pages � Add new.

VisiBuat Halaman Lain juga (Visi, Teknik Permesinan), dengan masuk ke menu Pages �

Add new.Langsung publish.

Cara install Guest book

1.masuk ke dashboard �plugins� add new.

2.klik upload.

3.setelah itu klik choose file untuk memilih file yang akan di upload.

4. klik open 5. lalu klik install now untuk

menginstalnya

6.setelah proses penginstalan selesai klik activate plugin . 7.pastikan setelah menginstall DMSGuestbook nya aktif

8.setelah itu klik pages �add new

Klik publish .

9.setelah selesai di sini ada sebuah menu ,jadi nanti setelah anda mengistall plugin

akan berbeda cara mensettingnya ada yang bias di bagian plugins itu sendiri ada juga di

bagian setting ataupun akan membentuk menu baru seperti ini. 10.klik DMSGuestbook

�GuestBook setting�Basic�ganti bahasa menjadi English.txt

11.klik clear all 12.setelah itu klik set pada Guest Book dan pastikan kolom language

telah tertambah English.txt

13.klik color untuk mengganti warna font pada guest book

Save lalu lihat guest book yang ada di web anda �hasilnya seperti ini.

Hasil & Analisa

analisa: Saat install guest book mengalami masalah pada thema yang akan di

upload untuk menambah atau masuk ke sebuah menu. � DM guestbook.

PenutupKesimpulan

Dalam berbagai Motivasi pembelajaran web seperti itulah

,pembelajaran web tidak terlalu sulit jika pengguna

tersebut mampu memahami adanya pemograman web tersebut .

Tetaplah untuk menjadi pengguna yang baik.

Daftar pustaka :

pak Aris samsuddin

www.google.com

www.warungbelajar.com

Biodata

� Nama : VIVI MAY INDRAYANI

� TLL : Blitar , 03 mei 1995

Kelas : XII TKJ

� NIS : 4722/302.071

� Alamat : Rungkut Tengah � Alamat : Rungkut Tengah

� Sekian & Terimakasih