2014-43. pemrograman web
TRANSCRIPT
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