MODUL TRAINING WEBSITE BUILDING AND E­LEARNING INSTALATION

DENGAN MENGGUNAKAN DOMAIN DAN HOSTING GRATIS

DISELENGGARAKAN OLEH :FKIP INTERNET CENTER AND OPEN SOURCE

UNIVERSITAS SEBELAS MARET

Training Website Building and e­Learning Instalation

FICOS UNS FKIP  UNSPenulis :ZAENAL MA'ARIFGENERAL MANAGER FICOS

Supported by :

TRAINING WEBSITE BUILDING ANDE­LEARNING 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 e­learning, 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 hal­hal yang dapat merusak moral bangsa masuk dan diterima dengan mentah­

mentah oleh anak­anak 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   e­Learning   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   e­Learning.   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 e­Learning 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   e­Learning   di   institusi 

pendidikan masing­masing.

Training Website Building and e­Learning Instalation

TRAINING WEBSITE BUILDING ANDE­LEARNING INSTALATION

Materi   yang   akan  kita   bahas  di   dalam  modul   ini   adalah   Pendaftaran  domain,  Pendaftaran Hosting, Download CMS (Wordpress) dan e­Learning (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 langkah­langkah 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 e­Learning 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 e­Learning 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 langkah­langkah 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 e­Learning Instalation

Langkah 5:LOGIN to Control Panel

7 Apabila username dan password yang anda masukkan benar,  maka akan muncul panel utama yang sering disebut c­Panel 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 langkah­langkah berikut ini :

1 Masuk pada c­Panel 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 e­Learning Instalation

Tampilan c­Panel

➔ 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 angka­angka 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 langkah­langkah 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 e­Learning 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 e­Learning 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 e­Learning 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://filezilla­project.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 e­Learning 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 masing­masing layanan hosting berbeda­beda)Untuk instalasi otomatis (Fantastico) silahkan ikuti langkah­langkah 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 e­Learning 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 e­Learning 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 e­Learning 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 File­File 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 sample­config.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   (Folder­Folder 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 sample­config.php pada baris atau huruf yang berwarna merah<?php

Training Website Building and e­Learning 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_wp­config.php Editing * wp­config.php} Codex page. You can get the MySQL settings from your web host. * * This file is used by the wp­config.php creation script during the * installation. You don't have to use the web site, you can just copy this file * to "wp­config.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/secret­key/1.1/ WordPress.org secret­key 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 e­Learning 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 wp­content/languages. For example, install * de.mo to wp­content/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 . 'wp­settings.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 e­Learning 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 sample­config.php pada File Wordpress.Setelah selesai silahkan buka url eLearning kita di browser.Semoga berhasil yah . . . :­)

Training Website Building and e­Learning 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/wp­adminPada 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 e­Learning Instalation

You are not logged in. (Login)

@special_links@

BIODATA PENULIS

Training Website Building and e­Learning 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 : ariefz45@yahoo.com/ Zay Ariefz

Twitter: ariefz45

Plurk : ariefz45

e­Mail : ariefz45@gmail.com/ ariefz@fkip.uns.ac.id

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.