modul instalasi web
DESCRIPTION
Install webTRANSCRIPT
MODUL TRAINING WEBSITE BUILDING AND ELEARNING INSTALATION
DENGAN MENGGUNAKAN DOMAIN DAN HOSTING GRATIS
DISELENGGARAKAN OLEH :FKIP INTERNET CENTER AND OPEN SOURCE
UNIVERSITAS SEBELAS MARET
Training Website Building and eLearning Instalation
FICOS UNS FKIP UNSPenulis :ZAENAL MA'ARIFGENERAL MANAGER FICOS
Supported by :
TRAINING WEBSITE BUILDING ANDELEARNING INSTALATION
Oleh : Zaenal Ma'arif
Bismillahirrahmanirrahim,Perkembangan Ilmu Pengetahuan dan Teknologi khususnya Teknologi Komunikasi dan
Informatika, membuat dampak yang sangat beragam bagi dunia pendidikan Indonesia. Dari dampak
yang sangat itu ada dampak positif dan negatif. Dampak positifnya adalah penggunaan Teknologi
Komunikasi dan Informatika dalam dunia pendidikan yang akan memudahkan semua elemen
pendidikan contohnya : penggunaan elearning, database sekolah nasional, database siswa nasional, dll.
Adapun salah satu dampak negatifnya adalah apabila implementasi teknologi komunikasi ini tidak
diimbangi dengan pengawasan yang ketat, maka akan menjadi boomerang bagi dunia pendidikan.
Sebagai contoh apabila akses internet tidak di filter maka kemungkinan besar banyak sekali sampah
internet yang berupa halhal yang dapat merusak moral bangsa masuk dan diterima dengan mentah
mentah oleh anakanak negeri ini. Oleh karena itu implementasi TIK di negara kita khususnya dalam
dunia pendidikan harus diawasi dan difilter guna kepentingan dan masa depan bangsa Indonesia.
Implementasi teknologi informatika dan komunikasi khususnya dalam dunia pendidikan
diharapkan berdampak positif , tidak malah menjadi boomerang. Sebenarnya akan ada banyak sekali
keuntungan yang kita dapatkan apabila kita menggunakan TIK untuk dunia pendidikan. Misalnya
sekolah sudah menggunakan eLearning maka pembelajaran dapat dilakukan dengan jarak jauh,
kemudian adanya website yang dapat dijadikan sebagai sumber belajar dan publikasi kita. Masih banyak
lagi keuntungan – keuntungan yang akan kita dapatkan apabila kita menggunakan media pembelajaran
berbasis website dan eLearning. Oleh karena itu pada peringatan Hari Pendidikan Nasional
( HARDIKNAS ) Tahun 2010 ini, sebagai wujud pengabdian kepada masyarakat maka FICOS UNS
mengadakan Training Gratis mengenai Website Building and Instalasi eLearning yang diselenggarakan
pada tanggal 1 Mei 2010 bertempat di FICOS UNS.
Diharapkan dengan adanya training ini, elemen masyarakat, mahasiswa calon pendidik, dan
mahasiswa umum dapat mengikuti perkembangan IT untuk memajukan dunia pendidikan di Indonesia.
Pada praktiknya diharapkan para pendidik atau calon pendidik yang mengikuti training ini dapat
mengembangkan media pembelajaran berbasis IT dengan website dan eLearning di institusi
pendidikan masingmasing.
Training Website Building and eLearning Instalation
TRAINING WEBSITE BUILDING ANDELEARNING INSTALATION
Materi yang akan kita bahas di dalam modul ini adalah Pendaftaran domain, Pendaftaran Hosting, Download CMS (Wordpress) dan eLearning (Moodle), Add on domain, Setting DNS Server di domain, instalasi web, instalasi moodle, dan masuk administrator.
Baik akan kita mulai saja materi yang pertama mengenai pendaftaran domain.
➔ PENDAFTARAN DOMAINKarena domain yang kita gunakan adalah domain gratis (free) ada beberapa situs penyedia domain gratis. Tetapi yang akan kita gunakan adalah domain gratis yang mempunyai fasilitas setting dns server. Artinya kita mempunyai otoritas untuk merubah settingan dns pada domain kita. Mayoritas penyedia domain gratis hanya menyediakan fasilitas redirect atau penerusan url ke domain yang asli. Jadi tidak ada fasilitas setting dns server.Untuk mendaftar domain gratis kita akan menggunakan domain co.cc yang mempunyai fasilitas setting dns server. Cara mendaftarnya ikuti langkahlangkah berikut :
1 Buka browser dan pada address bar silahkan masuk ke url berikut http://www.co.cc
2 Setelah halaman home situs tersebut muncul ada form untuk mendaftar domain yang akan kita inginkan. Kemudian isikan nama domain (tanpa .co.cc) yang kita inginkan di form tersebut kemudian klik availability
3 Apabila tersedia (Available) Klik Continue to registration, apabila sudah mempunyai account silahkan masuk dengan input email, password, verifikasi kata. Apabila belum mempunyai account maka Klik Create an account now
Training Website Building and eLearning Instalation
Form untuk check domain yang kita inginkan
4 Isilah data anda dengan benar pada form registrasi account kemudian Klik I accept the Terms of Service dan Klik Create an Account Now.
5 Apabila muncul Your new domain has been successfully registered, maka Klik Set up.
6 Apabila dalam waktu 48 jam tidak di set up, maka secara otomatis domain kita akan didelete dari daftar domain baru. Ingat!! Domain ini hanya gratis satu tahun, jadi setelah satu tahun kita harus mendaftar ulang.
Training Website Building and eLearning Instalation
Form Registrasi Account .co.cc
Langkah 4 :I accept the Terms of Service
Langkah 4 :Create an Account Now.
➔ PENDAFTARAN HOSTINGHosting yang akan kita gunakan juga hosting gratis, apabila anda sudah mempunyai dana yang cukup untuk menyewa hosting silahkan anda mencari layanan hosting yang berbayar. Kali ini akan kita gunakan layanan hosting yang gratis yaitu di 100webspace dan juga byethost.Untuk mendaftar silahkan ikuti langkahlangkah berikut ini :
1 Buka browser kemudian masukkan url berikut http://www.100webspace.com/ atau http://byethost.com kemudian klik enter.
2 Kami menggunakan/ mendaftar di 100webspace. Apabila telah muncul home 100webspace maka Klik Sign up now pada Free Hosting $0.00/Mo
3 Pilih Use a sub domain, kemudian isikan nama sub domain yang anda inginkan. Nama sub domain ini hanya untuk mendaftar, jadi nanti kita dapat menambahkan domain yang kita daftarkan di .co.cc tadi. Kemudian isikan data diri anda pada Account owner details
4 Masukkan verifikasi kode kemudian klik Continue
5 Apabila muncul halaman pop up Klik Close kemudian akan tampil halaman konfirmasi pendaftaran account kita. Dengan jumlah biaya yang harus kita bayar. Tenang saja hosting ini free. Silahkan Klik LOGIN to Control Panel
6 Buka email anda yang digunakan untuk mendaftar di Spam. Kemudian login dengan account yang ada di email anda.
Training Website Building and eLearning Instalation
Langkah 5:LOGIN to Control Panel
7 Apabila username dan password yang anda masukkan benar, maka akan muncul panel utama yang sering disebut cPanel atau control panel.
8 Sampai disini dulu, masih ada yang bingung?Kalau masih silahkan refreshing dulu. . .
➔ MENAMBAHKAN DOMAIN KE HOSTING ( ADD ON DOMAIN )Agar domain yang kita daftarkan ke .co.cc tadi dapat berhubungan dengan hosting kita, maka kita harus menambahkan domain kita kedalam hosting kita. Untuk menambahkan domain silahkan ikuti langkahlangkah berikut ini :
1 Masuk pada cPanel Hosting kita, kemudian pada bagian Site Management Klik Hosted Domain.
2 Setelah itu masukkan domain yang telah kita punya atau yang baru saja kita daftarkan di .co.cc pada form yang telah disediakan. (Dibawah Domain name to host)
3 Kemudian Klik Add Domain.
4 Apabila berhasil maka akan muncul halaman Hosted Domain bertuliskan Your domain name has been added successfully!
Training Website Building and eLearning Instalation
Tampilan cPanel
➔ SETTING DNS SERVER DI DOMAINTadi kita sudah menyelesaikan penembahan domain di hosting kita, sekarang tinggal menmbahkan nameserver hosting kita ke domain kita agar bisa connect. Jadi sebenarnya website kita mempinyai IP Address dengan sebuah angkaangka misalnya :
Jadi sebenarnya website kita mempunyai IP seperti diatas, tetapi untuk kemudahan dalam mengingat diganti dengan sebuah domain yang berstruktur gabungan huruf yang lebih mudah diingat.Untuk setting dns server di domain silahkan ikuti langkahlangkah berikut ini:
1 Masuk ke halaman .co.cc kita pada Manage Domain.
2 Pilihlah domain yang akan kita set DNSnya. Kemudian Klik Set up
Training Website Building and eLearning Instalation
TAMPILAN HALAMAN HOSTED DOMAIN
dns1.100ws.com / IP: 66.40.52.56dns2.100ws.com / IP: 66.40.66.176 namadomainku.co.cc
Hosting Domain
3 Setelah muncul halaman pengaturan Klik 1. Name Server kemudian isikan Nameserver1 dan Nameserver2 sesuai dengan yang ada pada halaman Add Domain di Hosting kita.
4 Setelah selesai Klik Update
Training Website Building and eLearning Instalation
5 Apabila telah berhasil akan muncul halaman dengan tulisan Your change has been submitted. Setelah itu Klik OK.
6 Akan muncul halaman Manage Domain dengan informasi Nameserver yang telah ada pada domain kita.Untuk mengecek silahkan buka alamat domain kita pada browser, maka akan tampil halaman kosong dengan tulisan Index of/
Training Website Building and eLearning Instalation
➔ DOWNLOAD FILEZILLA, WORDPRESS DAN MOODLESetelah domain dan hosting sudah terkoneksi maka sekarang kita harus download FileZilla, Wordpress, dan Moodle. Ketiganya akan kita install, tetapi berbeda. Untuk FileZilaa akan kita install pada PC kita sedangkan Wordpress dan Moodle akan kita install pada hosting kita.FileZilla Adalah suatu aplikasi yang dapat mengupload file dalam jumlah banyak secara langsung. Ini akan sangat berguna ketika kita akan menginstall Wordpress dan Moodle ke Hosting kita menggunakan cara manual. Wordpress adalah CMS (Content Management System) yang akan membantu kita untuk membuat sebuah website atau blog pribadi. Sedangkan Moodle adalah CMS yang dikhususkan untuk sistem pembelajaran berbasis eLearning.Untuk mendownload silahkan buka url berikut :1. Filezilla di http://filezillaproject.org/download.php pilih paket sesuai kebutuhan
➔ 2. Wordpress di http://www.wordpress.org Klik Download Wordpress x.x.x (Versi x.x.x)
Training Website Building and eLearning Instalation
3. Moodle di http://download.moodle.org/
➔ INSTALASI WEBUntuk instalasi web ada dua macam cara yaitu otomatis dan manual. Untuk install otomatis, kita tidak usah mengupload file Wordpress kita. Kita juga tidak usah membuat database secara manual karena hanya dengan satu kali Klik Semua akan terproses dengan otomatis. Biasanya dalam Hosting ada fasilitas Fantastico, nah dengan fasilitas inilah kita menginstall web (Wordpress) secara otomatis. (Istilah Fantastico pada masingmasing layanan hosting berbedabeda)Untuk instalasi otomatis (Fantastico) silahkan ikuti langkahlangkah berikut ini:
1 Buka cPanel hosting anda, kemudian Pada bagian Webtools klik
Elefante Free Scripts
2 Akan muncul halaman Elefante Free Scripts, kemudian pilihlah CMS yang akan anda gunakan sebagai engine atau mesin websit anda. Dalam hal ini kami memilih Wordpress. (Ada banyak sekali pilihan CMS yang disediakan)Setelah ditentukan pilihan silahkan Klik pilihan anda dalam hal ini Wordpress.
3 Akan muncul halaman pop up konfirmasi install Wordpress 2.8.1
Training Website Building and eLearning Instalation
Klik Install Wordpress 2.8.1
4 Akan muncul halaman pop up WordPress 2.8.1 Installation Wizard Apabila Database belum dibuat maka akan muncul tanda silang seperti berikut.
Training Website Building and eLearning Instalation
Apabila anda belum mempunyai Database silahkan Buat dulu dengan mengKlik CREATE A DATABASE pada bagian berikut (Diatas form isian)
You don't have a MySQL Database. To proceed with the installation you must: 1. CREATE A DATABASE (a new browser will open)2. Click HERE to refresh and complete the installation.
5Untuk membuat database pada halaman MySQL Databases
Isikan nama Database, dan PasswordSetelah itu Klik Add SQL Database
6 Setelah mempunyai Database silahkan anda menuju ke langkah 1 sampai dengan langkah 4 maka disana sudah tidak ada tanda silang lagi. Tinggal pilih saja Database anda kemudian isikan Database Prefix sampai dengan Weblog title, ingat yang paling penting adalah Database Prefix, dan Admin password. Setelah selesai Klik Step 3 : Install.
7 Tunggu beberapa saat. Apabila telah selesai ada halaman konfirmasi
Training Website Building and eLearning Instalation
Langkah 5:Isikan nama database + Password
Installed Applications » yang bertuliskan
Congratulations! The installation of was successful!
8 Untuk mengecek silahkan buka url domain anda pada browser atau refresh halaman domain anda yang tadinya berisi Index of/
9 Udah ada isinya kan sekarang, ya walaupun belum ada tulisan kita dan tampilannya masih default.
Kemudian untuk instalasi secara manual pada prinsipnya sama, perbedaannya adalah pada instalasi ini kita tidak menggunakan wordpress yang sudah disediakan di hosting tetapi kita upload sendiri FileFile Wordpress yang telah kita download.Keuntungan menggunakan instalasi manual adalah CMS yang kita gunakan lebih update daripada yang disediakan hosting. Tetapi disini kita harus sedikit faham mengenai pembuatan database dan editing file sampleconfig.php pada Wordpress.Langsung saja kita mulai : (Pastikan FileZilla telah terinstall di PC Anda)
1 Buka cPanel hosting kita
2 Masuk ke bagian Site Management pilih dan Klik
FTP Manager
3Setelah itu akan terbuka halaman FTP Manager dengan informasi yang
penting yaitu FTP Host, FTP Username, dan Password.
4 Buka FileZilla di komputer anda kemudian isilah FTP Host, FTP Username, dan Password sesuai dengan yang ada di Halaman FTP Manager setelah itu Klik Quickconnect.
5 Setelah Connect maka Carilah file download Wordpress di sebelah kiri (FolderFolder Komputer) dan tentukan di direktori akan kita upload File Wordpressnya.Biasanya langsung di Directory tempat domain kita misalnya /trainingmbuh.co.cc
6 Kemudian Blok semua File Wordpress dan Klik kanan pilih Upload
7 Membuat Database = Pembuatan Database di Otomatis.
8 Edit File sampleconfig.php pada baris atau huruf yang berwarna merah<?php
Training Website Building and eLearning Instalation
/** * The base configurations of the WordPress. * * This file has the following configurations: MySQL settings, Table Prefix, * Secret Keys, WordPress Language, and ABSPATH. You can find more information by * visiting {@link http://codex.wordpress.org/Editing_wpconfig.php Editing * wpconfig.php} Codex page. You can get the MySQL settings from your web host. * * This file is used by the wpconfig.php creation script during the * installation. You don't have to use the web site, you can just copy this file * to "wpconfig.php" and fill in the values. * * @package WordPress */
// ** MySQL settings You can get this info from your web host ** ///** The name of the database for WordPress */define('DB_NAME', 'putyourdbnamehere');
/** MySQL database username */define('DB_USER', 'usernamehere');
/** MySQL database password */define('DB_PASSWORD', 'yourpasswordhere');
/** MySQL hostname */define('DB_HOST', 'localhost');
/** Database Charset to use in creating database tables. */define('DB_CHARSET', 'utf8');
/** The Database Collate type. Don't change this if in doubt. */define('DB_COLLATE', '');
/**#@+ * Authentication Unique Keys. * * Change these to different unique phrases! * You can generate these using the {@link https://api.wordpress.org/secretkey/1.1/ WordPress.org secretkey service} * You can change these at any point in time to invalidate all existing cookies. This will force all users to have to log in again. *
Training Website Building and eLearning Instalation
* @since 2.6.0 */define('AUTH_KEY', 'put your unique phrase here');define('SECURE_AUTH_KEY', 'put your unique phrase here');define('LOGGED_IN_KEY', 'put your unique phrase here');define('NONCE_KEY', 'put your unique phrase here');/**#@*/
/** * WordPress Database Table prefix. * * You can have multiple installations in one database if you give each a unique * prefix. Only numbers, letters, and underscores please! */$table_prefix = 'wp_';
/** * WordPress Localized Language, defaults to English. * * Change this to localize WordPress. A corresponding MO file for the chosen * language must be installed to wpcontent/languages. For example, install * de.mo to wpcontent/languages and set WPLANG to 'de' to enable German * language support. */define ('WPLANG', '');
/* That's all, stop editing! Happy blogging. */
/** WordPress absolute path to the Wordpress directory. */if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
/** Sets up WordPress vars and included files. */require_once(ABSPATH . 'wpsettings.php');
9 Ganti yang warna merah sesuaikan dengan account FTP kitaDB_NAME = Untuk nama database DB_USER = Untuk username kitaDB_PASSWORD = Untuk PasswordDB_HOST = host kita biasanya hampir sama dengan xxxxxxx.100webspace.net
10 Pada Browser ketikkan domain kita kemudian Klik Install
Training Website Building and eLearning Instalation
➔ INSTALASI MOODLEUntuk instalasi moodle sebagai eLearning prosesnya sama dengan Menginstall Web seperti tadi, baik yang Otomatis maupun yang manual. Perbedaannya adalah pada Otomatis kalau kita menginstall Web kita pilih Wordpress, pada saat kita menginstall Moodle sebagai eLearning maka kita pilih Moodle.
Untuk instalasi manual juga sama, pada prinsipnya tinggal upload File Moodle yang telah kita Download pada Path yang telah ditentukan menggunakan FileZilla. Setelah itu edit file config.php yang ada pada path Yang baru saja Diinstall.Isi Filenya adalah :
Silahkan ganti huruf yang berwarna merah sama ketika kita edit File sampleconfig.php pada File Wordpress.Setelah selesai silahkan buka url eLearning kita di browser.Semoga berhasil yah . . . :)
Training Website Building and eLearning Instalation
<?php /// Moodle Configuration File
unset($CFG);
$CFG>dbtype = 'mysql';$CFG>dbhost = 'mysql1.100ws.com';$CFG>dbname = 'ficuns_wordpress';$CFG>dbuser = 'ficuns_wordpress';$CFG>dbpass = '0000000000';$CFG>dbpersist = false;$CFG>prefix = 'mo_installan';
$CFG>wwwroot = 'http://sinau.trainingmbuh.co.cc';$CFG>dirroot = '/home/www/sinau.trainingmbuh.co.cc/';$CFG>dataroot = '/home/www/sinau.trainingmbuh.co.cc//moodledata';$CFG>admin = 'admin';
$CFG>directorypermissions = 00777; // try 02777 on a server in Safe Mode
require_once("$CFG>dirroot/lib/setup.php");// MAKE SURE WHEN YOU EDIT THIS FILE THAT THERE ARE NO SPACES, BLANK LINES,// RETURNS, OR ANYTHING ELSE AFTER THE TWO CHARACTERS ON THE NEXT LINE.?>
➔ ADMINISTRATORUntuk masuk ke halaman administrator, Pada Wordpress = http://namadomainku.co.cc/wpadminPada Moodle = http://domainmoodleku.co.cc Klik Login
Contoh :
Posisi text diatas pada footer atau bagian bawah situs eLearning kita.
Terima kasih Semoga bermanfaat, Amin.
T t d
Atas nama FICOS CREWZAENAL MA'ARIF
Training Website Building and eLearning Instalation
You are not logged in. (Login)
@special_links@
BIODATA PENULIS
Training Website Building and eLearning Instalation
NAMA : ZAENAL MA'ARIF
TMPAT LHR : CILACAP
TANGGAL : CARI SENDIRI
PANGGILAN : ARIEFZ / ZAY
BAHASA : NGAPAKZ TAPI BISA JAWA HALUS, SUNDA, ID, DLL
HOBBY : MENULIS, MEMBACA
PRODI : PENDIDIKAN TEKNIK MESIN 2008
STATUS : BELUM PUNYA PACAR DAN YANG PASTI BELUM NIKAH
KEGIATAN : 1. KULIAH
2. MAGANG DI FICOS UNS
MOTTO : “ TULIS APA YANG KAMU KERJAKAN DAN KERJAKAN APA YANG
KAMU TULIS “
KONTAK : 085 647 562 373 (PM)
ALAMAT MAYA :
YM : ariefz45
FB : [email protected]/ Zay Ariefz
Twitter: ariefz45
Plurk : ariefz45
eMail : [email protected]/ [email protected]
Site : http://ariefz45.wordpress.com/ | http://ariefz45.student.fkip.uns.ac.id/
http://visitsolo.info | http://dodolbatik.com | http://ariefz45.blog.uns.ac.id
ALAMAT DARAT :
Rumah Jl. Ampel Sari 12 Desa Sidamulya Kec. Wanareja Kab. Cilacap
Solo Rt. 03 Rw. 12 Widororejo, Desa Makamhaji, Kec. Kartosuro, Kab. Sukoharjo.