Panduan Praktikum Aplikasi Komputer Aplikasi Komputer berbasis web
Fakultas Pertanian Universitas Muhammadiyah Purwokerto 2014/2015
2015
Arigus Wahyu Nur Prabowo UNIVERSITAS MUHAMMADIYAH PURWOKERTO
4/14/2015
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 1
DAFTAR ISI Membuat akun Gmail ................................................................................................................................... 2
Membuat Akun Wordpress ........................................................................................................................... 5
Membuat Postingan Artikel di wordpress .................................................................................................. 10
Media Penyimpan Data via Online (Cloud Storage) .................................................................................... 16
Wordpress Offline ....................................................................................................................................... 21
1) Instal Xampp ................................................................................................................................... 21
2. Instal FileZilla ................................................................................................................................... 25
3. Instal Wordpress di server Lokal ..................................................................................................... 29
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 2
Membuat akun Gmail
1. Buka alamat www.gmail.com di browser.
2. Setelah Masuk Ke halaman website pilih menu
3. Isilah formulir dengan benar.
Isilah Formulir
Pendaftaran
dengan benar
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 3
4. Setelah Selesai mengisi formulir pendaftaran dan tidak
ada yang peringatan eror lalu klik menu .
5. Langkah selanjutnya anda diminta melakukan verifikasi
akun gmail, proses verifikasi ini membutuhkan nomer
telepon.(isilah nomer telepon dengan benar).
Lalu pilih metode pengiriman kode dari gmail ke ponsel
anda. Bisa melalui Pesan teks maupun Panggilan
suara(pilih salah satu).
Setelah memilih metode pemilihan pengiriman kode lalu
pilih menu .
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 4
6. Tunggu beberapa saat, Gmail akan menghubungi anda
melalui pesan teks/panggilan suara(tergantung anda
memilih sebelumnya) untuk memberikan kode verifikasi.
Setelah mendapatkan kode verifikasi dari gmail, gunakan
kode tersebut untuk mengisi permintaan pengisian kode
verifikasi gmail.
Kemudian klik tombol .
7. Langkah selanjutnya, anda dihadapkan ke halaman
selamat datang dari gmail. Ini menadakan anda berhasil
membuat akun gmail.
Akun ini akan digunakan selama praktikum, jadi jangan
sampai lupa alamat email dan password email anda.
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 5
Membuat Akun Wordpress
1. Buka alamat https://id.wordpress.com/ di browser
2. Setelah Masuk Ke halaman website pilih menu
3. Tulislah nama alamat website yang anda kehendaki, dengan
catatan alamat web tersebut belum terdaftar sebelumnya. Cara
mengecek alamat web tersebut sudah terdaftar atau belum sebelum
nya adalah dengan melihat tanda ceklist berwarna hijau . Ganti Nama alamat web jika nama alamat yang anda masukan sudah
ada.
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 6
Pilih menu jika sudah selesai membuat
nama alamat web.
4. Langkah Selanjutnya , anda diminta memasukan :
Surel / Alamat email(Pergunakan email yang sudah
dibuat sebelumnya).
Nama Pengguna (ini adalah username yang nantinya
digunakan untuk login ke akun wordpress anda)
Kata Sandi (ini adalah sandi yang nantinya digunakan
untuk login kea kun wordpress anda )
Pilih menu untuk melanjutkan.
5. Selanjutnya silakan pilih menu
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 7
6. Langkah Selanjutnya adalah memilih tema website, Silakan
pillih tema sesuai selera anda.
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 8
7. Lalu berikut nya silakan pilih paket wordpress gratis
8. Akun wordpress sudah selesai dibuat,
Pillih menu untuk melihat blog anda .
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 9
9. Selamat blog anda sudah selesai dibuat.
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 10
Membuat Postingan Artikel di wordpress
1. Buka alamat wordpress di browser
2. Login ke Dashbord akun wordpress
Caranya : sisipkan .. /wp-admin/ setelah alamat akun
wordpress.
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 11
3. Halaman Dasboard wordpress.
4. Kelengkapan postingan di wordpress meliputi
Judul Post
Isi Post
Format Post
Kategori Post
Gambar Sampul Post
Untuk Memulai Membuat Postingan
Pilih menu Pos >> Tambah Baru pada menu dashboard
wordpress.
Menu-Menu Wordpress
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 12
5. Menulis Judul dan isi artikel
6. Memilih kategori postingan
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 13
7. Meng-kategorikan postingan
Satu postingan bias memiliki banyak kategori,
Untuk membuat kategori baru
1. Membuat kategori baru
3. Memberi Nama Kategori
2. Tambah kan ke daftar kategori
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 14
8. Memberi tag dan sampul artikel
9. Terbitkan Artikel
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 15
10. Artikel telah diterbitkan
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 16
Media Penyimpan Data via Online (Cloud Storage)
1) Praktis ,Sangat berguna untuk menyimpan data dan menggantikan flasdisk maupun hardisk,
tanpa harus dibawa, cukup dengan melakukan koneksi dengan internet.
2) Terjangkau, Karena bisa dikatakan gratis.
3) Storage yang ditawarkan cukup besar.
Contoh : google drive, mediafire,4shared,ziddu, dll
Cara mendaftar google drive
1) Login ke akun gmail yang anda buat sebelum nya
2) Klik pada icon dibawah ini :
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 17
3) Masuk ke dashboard aplikasi google drive
Pada dasar nya penggunaan google driver dengan mengelola data di hardisk maupun flasdisk itu sama.
Misal nya di hardis/flasdis bisa membuat folder, maka di google drive juga bisa membuat folder.
Untuk membuat folder klik menu Baru -- Folder
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 18
Tulis nama Folder, Misalnya Nama folder nya DATA KULIAH APLIKOM
Lalu klik Buat
Folder telah berhasil dibuat.
Semisal kita ingin memasukan file ke folder, cara nya kita tinggal memilih folder lalu menguplod file nya
ke dalam folder tersebut.
Contoh : Saya akan megupload file praktikum ke folder DATA KULIAH APLIKOM di google drive
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 19
Cara nya : Klik dua kali pada folder
Pilih Menu Buat – Unggah File
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 20
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 21
Wordpress Offline
Software yang dibutuhkan untuk mengelola wordpress secara offline :
1. Wordpress (Data file wordpress)
2. Filezilla (Digukan Untuk meng-upload Data Wordpress)
3. Xampp (Dipakai Sabagai Server Local)
Persiapan Memulai Mengelola Wordpress Offine
1) Instal Xampp
1) Matikan AntiVirus
2) Instal Xampp via Administrator Klik kanan – Run as Administrator
3) Pilih Yes JIka ada peringatan berikut
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 22
4) Ikuti petujuk penginstalan sampe selesai
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 23
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 24
Intalasi Selesai.
Tampilan Aplikasi XAMPP.
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 25
2. Instal FileZilla
1) Instal Via Administartor
2) Ikuti Ptujuk sampai selesai pengistalan
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 26
3)
4)
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 27
5)
6)
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 28
7) 8) Instalasi FileZila Selesai.
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 29
9) Brikut Tampilan antarmuka aplikasi Filezilla
3. Instal Wordpress di server Lokal
1) Ekstrak file wordpress
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 30
2) Rename Folder hasil ekstrak, disini sya mengubah namanya menjadi blogsaya
3) Copy/CutFolder blogsaya ke
C:\xampp\htdocs
4) Buka aplikasi XAMPP
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 31
5) Aktifkan Menu Apache dan Mysql , Caranya, Klik button start pada masing masing menu
6) Buat database blog untuk menampung data di blog kita nantinya
Cara nya Klik Admin Pada menu My Sql
Kemudian Tunggu sampai browser muncul seperti gambar berikut
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 32
3. Pilih Menu Basis Data
1. Tulis kan Nama database
yang kita akan buat.
Contoh aplikom2014_db
Nama database tidak boleh
memakai spasi
2. Klik Tombol buat, jika
penamaam sudah selesai
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 33
7) Buka Browser, Lalu ketikan di addres bar
http://localhost/blogsaya
blogsaya adalah nama folder yang kita pindahkan pada langkahsebelumnya
Sehingga , tampilan browser menjadi seperti berikut
Klik Tombol Let’s go!!
Data base sudah berhasil dibuat
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 34
Isilah Form yang disediakan :
Database Name : Di isi nama database yang kita telah buat sebelumnya User Name : Di isi root
Password : Biarkan kosong DatabaseHost : Biarkan saja secara default
Table Prefik : Biarkan saja secara default
Jika sudah, Klik Submit
Klik Run the Instal
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 35
Isilah Form berikut, Isian ini digunakan untuk login system dan data diri blog
Klik Instal wordpress
Blog anda sudah berhasil dibuat
April 14, 2015 [PANDUAN PRAKTIKUM APLIKASI KOMPUTER ]
A r i g u s W a h y u N P | U n i v e r s i t a s M u h a m m a d i y a h P u r w o k e r t o
Halaman 36
Klik login untuk masuk dashboard
Selamat, Instalasi Wordpress Sudah berhasil.
Top Related