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 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 motivasi
berkembang dan berubah sesuai dengan perkembangan
dan perubahan konsep dan persepsi manusia terhadap
pendidikan dan kehidupan itu sendiri. Seorang
pembimbing pada mulanya dikonsep sebagai kemampuan
memberi dan mengembangkan pengetahuan peserta
didik. Tetapi, beberapa dasawarsa terakhir konsep,didik. Tetapi, beberapa dasawarsa terakhir konsep,
persepsi dan penilaian terhadap profesi pembimbing
mulai bergeser.
Hal itu selain karena perubahan pandangan manusia-
masyarakat terhadap integritas seseorang yang
berkaitan dengan produktivitas ekonomisnya, juga
karena perkembangan yang cukup radikal di bidang
pengetahuan dan teknologi, terutama bidang informasi
dan komunikasi, yang kemudian mendorong
pengembangan media belajar dan paradigma teknologi
pendidikan. Dalam perkembangan berikutnya, sekaligus
sebagai biasnya, Pembimbing mulai mengalami dilema
eksistensial.
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.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 dapat
menghasilkan informasi yang beragam.
Pemrograman web dapat melakukan interaksi sehingga pengguna dapat
memperoleh 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 itu
memakai 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 sedikit
berubah.
Penyebabnya: Jika Anda membuka kembali Web dengan menggunakan aplikasi
search Internet Explorer maka jelas masalah ini akan terjadi
3. karena pada saat anda membuat Web itu menggunakan aplikasi search
Mozilla 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 bahasa
pemrograman seperti php, mysql, html, css, javascript, jquery, danpemrograman 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 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 sisidan dikembangkan melalui aplikasi
turunannya seperti plugin dan ekstensinya. Pendeknya CMS tersebut
dianggap 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 teori
Anda 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 wordpressNB : 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.
Visi
Buat 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.
Penutup
Kesimpulan
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 : XIITKJ
NIS : 4722/302.071
Alamat : RungkutTengahAlamat : RungkutTengah
Sekian &Terimakasih

2014-47. Pemograman web

  • 1.
    PEMOGRAMAN WEB Wordpress adalahdari 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 artinyasistem dokumen ini bersifat free dan open source artinya semua orang dapat menggunakannya secara bebas dan dapat melakukan pengembangan terhadapnya.
  • 2.
    BAB I PENDAHULUAN Latar belakang Pembimbingkami telah menunjukan berbagai motivasi berkembang dan berubah sesuai dengan perkembangan dan perubahan konsep dan persepsi manusia terhadap pendidikan dan kehidupan itu sendiri. Seorang pembimbing pada mulanya dikonsep sebagai kemampuan memberi dan mengembangkan pengetahuan peserta didik. Tetapi, beberapa dasawarsa terakhir konsep,didik. Tetapi, beberapa dasawarsa terakhir konsep, persepsi dan penilaian terhadap profesi pembimbing mulai bergeser. Hal itu selain karena perubahan pandangan manusia- masyarakat terhadap integritas seseorang yang berkaitan dengan produktivitas ekonomisnya, juga karena perkembangan yang cukup radikal di bidang pengetahuan dan teknologi, terutama bidang informasi dan komunikasi, yang kemudian mendorong pengembangan media belajar dan paradigma teknologi pendidikan. Dalam perkembangan berikutnya, sekaligus sebagai biasnya, Pembimbing mulai mengalami dilema eksistensial.
  • 3.
    Tujuan Didalam pengguna webtidak 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.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 dapat menghasilkan informasi yang beragam. Pemrograman web dapat melakukan interaksi sehingga pengguna dapat memperoleh 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.
  • 4.
    Permasalahan Apakah yang menjadimasalah 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 itu memakai 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 sedikit berubah. Penyebabnya: Jika Anda membuka kembali Web dengan menggunakan aplikasi search Internet Explorer maka jelas masalah ini akan terjadi 3. karena pada saat anda membuat Web itu menggunakan aplikasi search Mozilla Firefox. Perbaikan: Alangkah baiknya Install ulang aplikasi search Mozilla Firefox.
  • 5.
    Bab II Tinjuan Masalah(Dasar Teori) Pengertian dari Pemograman WEB Didalam Pemograman web adalah keahlian meracik bahasa pemrograman seperti php, mysql, html, css, javascript, jquery, danpemrograman 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 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 sisidan dikembangkan melalui aplikasi turunannya seperti plugin dan ekstensinya. Pendeknya CMS tersebut dianggap masih setengah jadi dan masih memungkinkan dimodifikasi.
  • 6.
    Langkah – langkahmenginstall 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.
  • 7.
    Dasar teori Anda harusmengetahui 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 wordpressNB : Pastikan tidak ada folder dengan nama wordpress
  • 8.
    dan lakukan renamedi folder tadi , semisal “vivi”…
  • 9.
    Maka akan keluartampilan seperti berikut ini, dan silahkan buat databasenya semisal dengan nama “vivi”.
  • 10.
    Buat databasenya sepertigambar berikut ,& Buka browser dan ketikkan localhost/phpmyadmin. Ketikan nama semisal “vivi” setelah itu klik create.
  • 11.
    Maka akan terbuatsebuah 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.
  • 12.
    Selanjutnya anda akanmasuk menginstall wordpress,tampilan seperti berikut kemudian anda klik “Create Configurasi file.” Muncul gambar dibawah ini next anda klik “lest go!”
  • 13.
    Tampilan selanjutannya ,andaharus 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”
  • 14.
    Dan selanjutnya akanmuncul kembali tampilan Wordpress seperti berikut,silahkan anda klik “Run the istall.” Maka nanti akan muncul langkah selanjutnya & silahkan klik install wordpress. Privacy : pastikan kecentang.
  • 15.
    Setelah anda mengisikantitle 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 ...
  • 16.
    Membuat Page padaWordpress 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”.
  • 17.
    2.Buat page baru Silahkanmasukkan 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.
  • 18.
    Contoh page yangakan 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
  • 19.
    Dan klik menuselect 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.
  • 20.
    Langsung saja tekaninsert 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.
  • 21.
    Visi Buat Halaman Lainjuga (Visi, Teknik Permesinan), dengan masuk ke menu Pages Add new.Langsung publish.
  • 22.
    Cara install Guestbook 1.masuk ke dashboard plugins add new. 2.klik upload.
  • 23.
    3.setelah itu klikchoose file untuk memilih file yang akan di upload. 4. klik open 5. lalu klik install now untuk menginstalnya
  • 24.
    6.setelah proses penginstalanselesai klik activate plugin . 7.pastikan setelah menginstall DMSGuestbook nya aktif 8.setelah itu klik pages add new Klik publish .
  • 25.
    9.setelah selesai disini 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
  • 26.
    11.klik clear all12.setelah itu klik set pada Guest Book dan pastikan kolom language telah tertambah English.txt
  • 27.
    13.klik color untukmengganti warna font pada guest book Save lalu lihat guest book yang ada di web anda hasilnya seperti ini.
  • 28.
    Hasil & Analisa analisa:Saat install guest book mengalami masalah pada thema yang akan di upload untuk menambah atau masuk ke sebuah menu. DM guestbook.
  • 29.
    Penutup Kesimpulan Dalam berbagai Motivasipembelajaran 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
  • 30.
    Biodata Nama :VIVI MAYINDRAYANI TLL : Blitar , 03 mei 1995 Kelas : XIITKJ NIS : 4722/302.071 Alamat : RungkutTengahAlamat : RungkutTengah Sekian &Terimakasih