MEMINDAHKAN MOODLE DARI LOCALHOST KE HOSTING

Mungkin sebagian orang ada yang lebih memilih melakukan konfigurasi Moodle di localhost (di komputer pribadi) dengan beberapa alasan tertentu.  seperti tampilan pada gambar berikut ini.

Setelah Moodle di localhost siap, langkah selanjutnya adalah mempublikasikannya di hosting. Nah, tulisan ini menjelaskan langkah-langkah untuk memindahkan Moodle yang telah diinstal di localhost ke hosting. Pada tulisan ini, Moodle diinstal menggunakan xampp pada localhost dan hosting menggunakan cpanel.

Berikut ini langkah-langkahnya:

1. Buka folder pada localhost dimana Moodle diinstal. misal: xampp/htdocs/moodle
2. Lakukan kompresi seluruh isi dari folder Moodle ke dalam bentuk .tar. Sebenarnya bisa saja menggunakan .zip, namun pada beberapa kondisi tertentu, file format .zipyang cukup besar, ada kemungkinan sebagian gagal diekstrak (inflating). Anda dapat menggunakan 7zip untuk membuat .tar.
3. Buka lakukan kompresi folder xampp/moodledata.
4. Buka login cpanel anda kemudian masuklah menggunakan akun yang anda miliki.
5. Buatlah sebuah database baru. Ubah nama (rename) database Moodle yang telah diinstal pada localhost. Sesuaikan dengan nama database yang telah anda buat di hosting.
6. Backup database Moodle anda di localhost. Anda dapat menggunakan fasilitas export yang terdapat di phpmyadmin.
7. Buka database anda di hosting. Import-lah hasil export database anda di localhost ke database di hosting.
8. Upload file .tar Moodle anda ke dalam folder public anda di hosting. Umumnya, jika anda menggunakan nama domain anda, biasanya folder public terletak di/public_html. Namun jika anda menggunakan subdomain, biasanya folder public terletak di /public_html/namasubdomain. Ekstraklah seluruh isi file ke folder tersebut
9. Upload file kompresi moodledata anda di luar /public_html.
10. Ekstraklah file moodledata anda ke dalam folder moodledata di hosting anda.
11. Ubah permission folder moodledata menjadi 777.
12. Ubah permission seluruh folder Moodle (rekursif) anda yang terdapat di hosting menjadi 755 dan seluruh file-nya (rekursif) menjadi 644. Anda dapat menggunakan pengaturan permission secara rekursif menggunakan software FTP.
13. Ubah file config.php anda yang terdapat pada folder public Moodle anda. Sesuaikan dengan pengaturan yang baru. Berikut ini beberapa pengaturan yang harus diubah:

        $CFG->dbname    = 'namaDatabase';
        $CFG->dbuser    = 'namaUser';
        $CFG->dbpass    = 'passwordDatabase';
        $CFG->wwwroot   = 'URL domain/subdomain Moodle';
        $CFG->dataroot  = 'pathMoodledata';

14. Apabila seluruh langkah-langkah di atas sukses, silahkan akses Moodle anda melalui browser.

Baca Selengkapnya »

INSTALASI MOODLE BERBASIS WEB

Moodle adalah sebuah aplikasi digunakan untuk mengatur manajemen pembelajaran berbasis web yang dapat digunakan untuk course elearning yang disebut dengan istilah Learning Management System (LMS) atau Course Management System (CMS) dan sering pula disebut dengan Virtual Learning Environment (VLE). MOODLE (singkatan dari Modular Object-Oriented Dynamic Learning Environment)

Yang perlu dipersiapkan sebelum menginstal moodle adalah :

1. Siapkan Komputer yang akan dijadikan server MOODLE
2. Software yang dibutuhkan Apache, MySQL, PHP
3. MOODLE standard package yang dapat didownload di https://download.moodle.org/download.php

Adapun langkah - langkah untuk mengistal moodle adalah :

1. Siapkan diri Anda dan katakan pada diri Anda sendiri bahwa Moodle itu Moo-dah
2. Kopikan paket MOODLE standard package yang telah diekstrak (unzip atau untar) ke dalam folder htdocs
3. Anda bisa mengganti nama folder tersebut dengan nama apa saja sesuai keinginan misalnya elearning dll.
4. Buka web browser dan ketik http://alamat server/nama folder MOODLE package
5. contoh : http://localhost/elearning

Instalasi berbasis web
Step 1

    Pilih bahasa untuk instalasi kemudian klik next
Step 2
    MOODLE akan mengecek kekurangan plugins PHP. Jika ada yang kurang, dilengkapi terlebih dahulu. Jika semua PASS klik next
Step 3
    Setting lokasi instalasi MOODLE
    contoh :
    web address     http://localhost/elearning
    data directory  C:\xampp/moodledata
    klik next
Step 4
   Buat database baru di mysql. Anda bisa memanfaatkan aplikasi seperti phpmyadmin. Contoh : elearning
Step 5
    konfigurasikan konektivitas moodle dengan database
    contoh :

    klik next 
Step 6
    baca GPL licence.
    klik Yes
Step 7
    klik Continue sampai muncul setup administrator account

 

Step 8
    setup administrator account. Yang bertanda * harus diisi.
    password harus terdiri dari 8 karakter di mana minimum terdapat 1 huruf kapital, 1 huruf besar, 1 angka, dan 1 karakter alfanumerik (!@#^%&*)
    klik Update profile
Step 9
    isi konfigurasi Front Page Setting

    jika Anda mengizinkan open registration melalui email maka ganti konfigurasi self-registration  dari Disable dengan email-based self-registration

    klik save changes
    Halaman depan moodle seperti gambar berikut :

Instalasi selesai
Modul Instalasi Moodle Klik disini untuk Download

Baca Selengkapnya »

CMS (Content Management System) - Cara instan untuk membuat website

CMS kepanjangan dari Content Management System. CMS merupakan sebuah aplikasi web atau software web yang tujuannya untuk memudahkan dalam pengelolaan (upload,edit,menambahkan,dll) konten dalam sebuah website/blog/aplikasi web tanpa harus dibekali pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang bahasa pemrograman web.

Adapun jenis-jenis CMS adalah  dan penggunaannya adalah sbb:

1. Blogspot
2. WordPress
3. Drupal
4. Mambo
5. Joomla

1. Blogspot
   
   

   
Keunggulan adalah :
• Sangat mudah dioperasikan, hanya perlu mendaftar di situsnya Blogspot.com.
• Pluggin alias aksesoris tambahan sudah disediakan (built up).
• Cocok untuk para pemula.
• Sederhana.
• Mendukung bahasa Indonesia.
• Penggunanya kompak
• Mendukung SEF (search engine friendly) secara default, sehingga lebih mudah ditemukan di search engine.
Kekurangan adalah :
• Terlalu sederhana bagi sebagian orang dan sulit untuk berkreasi.
• Pluggin alias aksesoris tambahan bersifat built up, sehingga tidak bisa ditambahkan sendiri oleh user.
• Templatenya terbatas dan sulit berkreasi dengan template baru.
• Tidak dapat dijalankan di website milik kita sendiri.
• Tidak dapat dijalankan di komputer lokal (localhost) atau di komputer tanpa sambungan internet.
Kembali ke atas


2. WordPress
   
Keunggulan adalah :
• Cukup mudah dioperasikan.
• Sederhana.
• Akun gratis wordpress dapat dimiliki dengan mendaftar di WordPress.com.
• WordPress juga dapat dijalankan di website milik kita sendiri (tidak seperti Blogspot yang belum bisa).
• WordPress dapat dijalankan di komputer lokal (localhost) atau di komputer tanpa sambungan internet.
• Banyak pluggin tambahan.
• Template dapat dirubah-rubah sekehendak hati dan dapat membuat template sendiri.
• Penggunanya kompak
• Mendukung SEF (search engine friendly) secara default, sehingga lebih mudah ditemukan di search engine.
Kekurangan adalah :
• Fitur managementnya sedikit sehingga sebagian orang menganggap terlalu sederhana.
• Jarang digunakan oleh website-website besar di dunia.
• Templatenya terbatas dan sulit berkreasi dengan template baru.
• Plugginnya tidak sebanyak Joomla, dan terkadang masih lebih bagus pluggin Joomla.
Kembali ke atas


3. Drupal
   
Keunggulan adalah :
• Diklaim sebagai cms terbaik saat ini dan mengalahkan Joomla.
• Digunakan oleh website yang sederhana hingga website profesional.
• Mudah dioperasikan.
• Dapat dijalankan di komputer lokal.
• Banyak pluggin tambahan.
• Template dapat dirubah-rubah sekehendak hati dan dapat membuat template sendiri.
• Mendukung SEF (search engine friendly) secara default, sehingga lebih mudah ditemukan di search engine.
Kekurangan adalah :
• Penggunanya tidak terlalu banyak, terutama di Indonesia.
• Jarang digunakan oleh website-website besar di dunia.
• Plugginnya tidak sebanyak Joomla.
Kembali ke atas


4. Mambo
   
Keunggulan adalah :
• Digunakan oleh website yang sederhana hingga website profesional.
• Mudah dioperasikan.
• Dapat dijalankan di komputer lokal.
• Pluggin tambahan.
• Template dapat dirubah-rubah sekehendak hati dan dapat membuat template sendiri.
Kekurangan adalah :
• Banyak pengguna Mambo yang meninggalkan Mambo dan beralih ke “saudara” nya yaitu Joomla.
• Krisis kepercayaan dunia open source.
• Plugginnya terbatas, terkadang hanya disediakan untuk Joomla saja.
• Defaultnya tidak mendukung SEF, namun ada component pendukungnya baik yang gratis maupun yang bayar, selain itu perlu sedikit optimasi agar mendukung SEF.
Kembali ke atas

5. Joomla
   
Keunggulan adalah :
• Diklaim sebagai cms open source dengan pengguna terbanyak di dunia.
• Digunakan oleh website yang sederhana hingga website profesional
• Sering update baik dari sisi cms maupun dari pluggin.
• Mudah dioperasikan.
• Banyak pluggin tambahan.
• Template dapat dirubah-rubah sekehendak hati dan dapat membuat template sendiri.
• Banyak pihak pengembang yang terus menambahkan content-content Joomla.
Kekurangan adalah :
• Defaultnya tidak mendukung SEF, namun ada component pendukungnya baik yang gratis maupun yang bayar, selain itu perlu sedikit optimasi agar mendukung SEF.
• Terkadang pluggin-pluggin yang didapatkan terdapat bug atau error.
• Terkadang ada ketidaksesuaian antara cms dan pluggin.
Kembali ke atas

Baca Selengkapnya »

MASALAH APACHE TIDAK BISA JALAN DI XAMPP

Untuk membuat sebuah webserver dinamis maka salah satu program yang dipakai adalah XAMPP. Porgram ini sudah terdiri dari 3 aplikasi yakni apache untuk webserver, mysql untuk database dan
PHP untuk programing. Salah satu permasalahan yang sering timbul adalah apache tidak mau berjalan seperti berikut ini !

Setelah diteliti ternyata masalahnya adalah port 80 dan 443 telah digunakan oleh aplikasi lain. untuk mengatasi masalah tersebut diatas adalah sbb :
kita mengecek dahulu aplikasi apa yang menggunakan port tersebut. contoh berikut adalah aplikasi skype yang menggunakan port 80. karena itu setting ke port lain misalnya 8080 seperti gambar berikut ini :

 

Cara kedua adalah ubah port apache ke port lain misalnya 8080. Langkah-langkahnya adalah :

1. Buka file httpd.conf di C:\xampp\apache\conf\, kemudian buka dengan notepad
2. Cari Listen 80 kemudian ubah menjadi Listen 8080
3. Kemudian cari lagi ServerName localhost:80 lalu ubah menjadi ServerName localhost:8080
4. Save file tersebut
5. Buka file httpd-ssl.conf di C:\xampp\apache\conf\extra\
6. Cari Listen 443 kemudian ubah jadi Listen 4499 
7. Cari lagi VirtualHost _default_:443 kemudian ubah menjadi VirtualHost _default_:4499 
8. Setelah itu cari ServerName localhost:443 lalu ubah jadi ServerName localhost:4499 
9. Save, kemudian jalankan xampp seperti biasa, biasanya akan muncul peringatan Apache started  [Port 80]

10. Untuk mengakses xampp via web browsernya, masuk dengan alamat ini http://localhost:8080/xampp

Baca Selengkapnya »

MENGAKSES DATABASES MYSQL DARI COMMAND PROMPT

MySQL (dibaca : mai-es-ki-el atau mai-se-kuel) adalah perangkat lunak database relasi (Relational Database Management System atau RDBMS), seperti halnya ORACLE, Postgresql, MS SQL, dan sebagainya.  SQL (Structured Query Language) didefinisikan sebagai suatu sintaks perintah-perintah tertentu yang digunakan untuk mengelola suatu database. Artinya MySQL adalah dua hal yang berbeda SQL. Mudahnya, MySQL adalah softwarenya, dan SQL adalah bahasa perintahnya.

Untuk dapat mengakses maysql dari dos prompt, maka dikomputer anda sebaiknya sudah terinstal mysql atau paket webserver seperti XAMPP, WAMP. 

Setelah paket Xampp diinstal, jalankan Xampp control Panel seperti gambar dibawah ini, Apache dan Mysql dalam keaadaan running.

Sekarang lanjutkan dengan mengkases mysql dari command prompt :

1. Pilih menu start --  lalu klik run 

2. ketik cmd -- lalu klik OK, maka tampil dos command prompt seperti gambar berikut ini

3. ketik cd \ lalu tekan enter

4. Pindah ke directory c:\xampp\mysql\bin dengan cara :

           ketik : cd  xampp\mysql\bin 

5. Masuk ke mysql dengan cara :

          ketik : mysql  -u  root  -p  lalu tekan enter

6. Muncul password tekan enter untuk melanjutkan kalau tidak ada password

Sekarang anda sudah masuk dan mengakses mysql dari command prompt. Untuk permulaan anda bisa mencoba menggunakan beberapa perintah sql seperti berikut :

• Untuk membuat database gunakan perintah create database nama_database 

Contoh : CREATE DATABASE  tkj  ;

• Untuk melihat database gunakan perintah show databases ;

Contoh : show databases ;

• Untuk menggunakan database tkj gunakan perintah use nama_database ;

Contoh : USE tkj ;

• Untuk keluar dari mysql gunakan perintah exit atau quit

Catatan : untuk membuat tabel dalam database harus menggunakan database terlebih dahulu ( use nama_database )

Selamat mencoba semoga membantu 

Baca Selengkapnya »

MENYAJIKAN AUDIO DAN VIDEO DALAM HALAMAN WEB

Sebuah file audio biasanya diputar menggunakan sebuah plug-in. Dalam HTML cara menanamkan audio dalam halaman web adalah dengan tag <audio></audio>. Format suara yang didukung hingga saat ini adalah mp3, oog, wav namun tidak semua tipe file itu didukung oleh browser.

MIME (Multipurpose Internet Mail Extension) digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text, aplikasi, gambar, suara, video, dan lain sebagainya agar browser tidak salah menterjemahkan konten yg diterima. Berikut adalah tipe mime untuk format audio

Format	MIME Type
mp3	audio/mp3
ogg	audio/ogg
wav	audio/wav

Untuk menyajikan audio dalam halaman web menggunakan tag berikut ini :

<audio controls>
    <source src="audios/piano.ogg" type="audio/ogg">
    <source src="audios/piano.mp3" type="audio/mpe3">
</audio>

Penjelasan atribut audio

1. controls untuk menampilkan pengontrol audio di halaman web. gambar untik komponen controls 

2. source adalah path dari file audionya. untuk contoh diatas lagu piano.ogg dan piano.mp3 letaknya dalam folder audios
3. MIME Type seperti penjelasan diatas sebagai mekanisme pengiriman
4. autoplay  untuk memulai audio secara otomatis
5. loop untuk mengulangi audio kembali
6. muted untuk mematikan suara
7. preload memuat ulang audio ketika halaman dimuat ulang

Untuk menampilkan video pada halaman web dapat ditangani secara langsung oleh HTML5. Tag yang digunakan untuk menampilkan video adalah <video></video>. Namun tidak semua format videonya dapat ditampilkan di web. Beberapa format video yang bisa diproses, di antaranya adalah WebM ,OGG , MP4.
MIME (Multipurpose Internet Mail Extension) digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text, aplikasi, gambar, suara, video, dan lain sebagainya agar browser tidak salah menterjemahkan konten yg diterima. Tidak hanya pada web, email juga menggunakan MIME. Berikut adalah tipe mime untuk format video.

Format	MIME Type
mp4	video/mp4
webM	video/webm
ogg	video/ogg

Untuk menyajikan video dalam halaman web menggunakan tag berikut ini :

<video controls autoplay>
    <source src="videos/trailer.ogv" type="video/ogg">
    <source src="videos/trailer.mp4" type="video/mp4">
</video>

Penjelasan atribut video sama dengan atribut untuk audio yakni :

1. controls untuk menampilkan pengontrol video di halaman web. gambar untuk komponen controls 

2. source adalah path dari file videonya. untuk contoh diatas video trailer.ogv dan trailer.mp4 letaknya di folder videos
3. MIME Type seperti penjelasan diatas sebagai mekanisme pengiriman
4. autoplay  untuk memulai video secara otomatis pada saat halaman web dibuka
5. loop untuk mengulangi video berulang-ulang
6. muted untuk mematikan suara
7. preload memuat ulang video ketika halaman dimuat ulang 
8. height untuk mengatur tinggi video
9. width untuk mengatur lebar video

Penggunaan src cukup dipilih salah satu tergantung jenis file audio atau videonya. demikian penjelasannya semoga informasi ini dapat bermanfaat

Baca Selengkapnya »

MEMBUAT IMAGE SLIDESHOW SEDERHANA

Image Slideshow adalah salah satu bagian penting dalam sebuah website. Tampilan gambar  akan berganti secara otomatis sesuai pengaturan waktu.

Sebagai latihan untuk membuat image slideshow saat ini kita memerlukan 3 jenis file yakni:

1. File html untuk menempatkan image atau foto yang akan ditampilkan, dengan nama index.html.
2. File css yang digunakan untuk mengatur tampilan file html, kita beri nama style.css
3. Filejavascript untuk mengatur slide show images dengan nama jquery.js, style.js dan basic-jquery-slider.js

Adapaun langkah-langkah pembuatannya sebagai berikut : 

1. Buatlah file index.html menggunakan notepad atau notepad++. untuk memudahkan latihan kemudian copas script  berikut ini dan simpan dengan nama index.html

<html> <head><title>Latihan Membuat Slide Image</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="basic-jquery-slider.js"></script> <script type="text/javascript" src="style.js"></script> <link rel="stylesheet" href="style.css" type="text/css"/> </head> <body> <div id="tuts-slider"> <ul class="bjqs"> <li class="bjqs-slide clone"> <a href="#" target="_blank"><img src="images/gambar1.jpg" alt=""></a></li> <li class="bjqs-slide clone"> <a href="#" target="_blank"><img src="images/gambar2.jpg" alt=""></a></li> <li class="bjqs-slide clone"> <a href="#" target="_blank"><img src="images/gambar3.jpg" alt=""></a></li> <li class="bjqs-slide clone"> <a href="#" target="_blank"><img src="images/gambar4.jpg" alt=""></a></li> <li class="bjqs-slide clone"> <a href="#" target="_blank"><img src="images/gambar5.jpg" alt=""></a></li> <li class="bjqs-slide clone"> <a href="#" target="_blank"><img src="images/gambar6.jpg" alt=""></a></li> </ul> </div> </body> </html> 

2. Untuk mengatur tampilan file html tadi dapat digunakan file css, berikut ini file style.css yang digunakan dalam latihan berikut:

/* Slider */ *{ margin :0; padding:0; } #tuts-slider{ margin:auto; position: relative; border:1px solid #ddd; height: 250px; width: 300px; } #tuts-slider .bjqs{ position: absolute; height: 250px; overflow: hidden; } #tuts-slider ul{ list-style-type: none; } #tuts-slider .bjqs li{ border-top:none; padding:0; float: left; } #tuts-slider .bjqs-controls { position:absolute; top:10px; left:-5px; border:1px solid #ddd; } #tuts-slider .bjqs-controls:before{ content:""; width:4px; height:4px; position: absolute; bottom:-5px; left:0; } #tuts-slider .bjqs-controls li{ border-top:none; padding:0; } #tuts-slider .bjqs-controls li:first-child{ border-bottom:1px solid #ddd; } #tuts-slider .bjqs-controls li a{ padding:5px; text-decoration:none; background:white; display: block; color:#000; font:normal 12px arial; } #tuts-slider .bjqs-controls li a:hover{ text-decoration: none; background:#efefef; } #tuts-slider img{ height: 480px; width: 640px; float: left; position: relative; }

3. Untuk pengaturan slideshow images digunakan 3 file java script yang dapat anda download pada link berikut ini : download jsrar
4. Tempatkan semua file pada folder yang sama
5. Buat folder baru dengan nama images untuk menyimpan semua file gambar yang akan ditampilakan seperti gambar berikut ini :

6. Pastikan bahwa nama file dalam folder yakni jquery.js, style.js dan basic-jquery-slider.js, dan style.css sama dengan nama file pada  index.html pada tag <script></script> 

  

7. Pastikan pula nama file image di folder images sama dengan yang tertulis  pada tag <img src=images/nama_file.jpg> pada file index.html
8. Untuk melihatnya silahkan menjalankan file index.html.

Selamat mencoba semoga sukses

Baca Selengkapnya »

MEMBUAT LAYOUT/WIREFRAME WEB SEDERHANA DENGAN TABEL

Dalam HTML Untuk membuat layout atau wireframe sebuah website bisa menggunakan tabel. Tag HTML yang digunakan untuk membuat tabel adalah <table> dan diakhiri dengan </table> Untuk membuat baris digunakan tag <tr> dan diakhiri dengan </tr>. Sedangkan untuk membuat cell atau kolom digunakan <td> dan diakhiri dengan </td>. Sebagai contoh untuk membuat tabel 3 kolom 4 baris maka tag yang digunakan adalah sebagai berikut :

Untuk memperoleh layout web, maka tabel diatas dapat dikembangkan dengan kode tag html seperti berikut ini :

1. Buka Editor teks seperti notepad, notepad++ dan paste kode  html diatas

<html> <head><title>==**Membuat Layout Halaman Web**==</title> </head> <body bgcolor=#0cba7f> <table align=center width=800px height=600px cellspacing=0 cellpadding=0> <tr height=150px bgcolor=#00CCF> <td colspan=3 height=150px></td> </tr> <tr height=30px bgcolor=#a1a3f6> <td colspan=3> </td> </tr> <tr> <td width=180px bgcolor=#ccf7e7 valign=top> <table border=1 width=170px cellspacing=5px align=center> <tr> <td>Home</td> </tr> <tr> <td>Visi dan Misi</td> </tr> <tr> <td>Profil Organisasi</td> </tr> <tr> <td>Tentang Kami</td> </tr> </table> </td> <td bgcolor=#ffffff> </td> <td width=180px bgcolor=#ccf7e7> </td> </tr> <tr height=30px bgcolor=#00CCF> <td colspan=3> </td> </tr> </table> </body> </html>  

2. Simpan dengan nama file berkestensi .html 
3. Hasilnya akan tampak seperti gambar dibawah ini !
4. Selamat mencoba semoga sukses

Baca Selengkapnya »

MEMBUAT EFEK TEKS BERJALAN ( MARQUEE)

Membuat efek teks berjalan sangatlah mudah. Cukup dengan tag html marquee maka tampilan teks bisa dibuat berjalan dalam halaman web. Efek ini juga bisa juga diterapkan pada gambar sehingga membuat gambar atau image bergerak sesuai dengan arah yang telah ditentukan . Marquee dapat dipergunakan untuk :

Berikut ini beberapa contoh aplikasi penggunaan marquee dalam halaman web :

Kode HTML	Hasil
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>	Your slide-in text goes here
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>	Your scrolling text goes here
<marquee behavior="alternate">Your bouncing text goes here</marquee>	Your bouncing text goes here
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>	Your scrolling text goes here
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>	Slow scroll speed Medium scroll speed Fast scroll speed
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up">Your Text Here</marquee>	Your Text Here
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>	Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Teks Tulisan Berjalan Zig Zag</marquee></marquee>	Teks Tulisan Berjalan Zig Zag
<marquee behavior="scroll" direction="right"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0krTUoG9wJcLyM6AsEV-b8rt7c8is9J9NbUERw-72J_pgL6j5wDx2ptOTdoCF_l1N_K0800NW1piL5g6A3W1xW9wrNk_WSvqojz0q4rMmdX3PtFdhWD-AmgrSR6HvwdSWtL88U5D18W9S/s1600/smile.gif"/></marquee>

Baca Selengkapnya »

MEMBUAT XAMPP WEB SERVER DAPAT DIAKSES OLEH PC KLIEN DALAM JARINGAN

Agar server XAMPP bisa diakses oleh komputer lain dalam jaringan maka perlu dilakukan pengaturan dengan langkah-langkah sebagi berikut :

1. Pastikan bahwa kedua komputer sudah terkoneksi dalam jaringan lokal, minimal seperti gambar berikut ini 

 

2. Tes koneksi jaringan dengan perintah ping pada command prompt. hasilnya seperti berikut

 

3.  Lakukan pengaturan pada httpd.conf pada direktori C:\xampp\apche\conf

4. Lakukan pengaturan pada file httpd-xampp.conf di C:\xampp\apche\conf\ekstra seperti gambar berikut
   

Allow from all mengijinkan untuk diakses oleh semua komputer, sedangkan Allow from  192.168.1.101/24 artinya hanya bisa diakses oleh komputer dengan ip address tersebut

5.  Lakukan pengaturan pada file httpd-vhosts.conf pada direktori C:\xampp\apche\conf\ekstra

6. Start Xampp Control Panel seperti gambar berikut ini :

  

7.  Test web server di browser dengan cara ketik  http://192.168.1.105.  Kalau muncul gambar berikut artinya webserver jalan di localhost
 

 

8.  Tes web server dari browser di PC klien yang beralamat IP 192.168.1.101. Ketik di web browser http://192.168.1.105 hasil tampilan seperti gambar no 7. 
9. Simpan sebuah folder yang berisi file html di server pada direktori C:\xampp\htdocs dan diakses dari pc klien folder tersebut.
10. Jangan lupa matikan firewall pada komputer server. selamat mencoba semoga berhasil

Baca Selengkapnya »

MEMBUAT LINK DOWNLOAD FILE DI 4SHARED

Bagi blogger, membuat link download adalah suatu hal yang wajib dilakukan untuk menyediakan file yang dibutuhkan pengunjung website agar bisa didownload. Yang kedua adalah membuat link image untuk tampilan blog dimana image tersebut  disimpan di website penyimpanan data online. Salah satu website untuk keperluan penyimpanan online adalah 4shared. Persyaratannya adalah anda cukup memiliki akun di 4shared. Sedangkan untuk mendaftar di 4shared diperlukan akun email.
Adapun langkah-langkah untuk membuat link download file dan image di 4shared adalah sbb :

• Masuk ke 4shared dengan cara ketik dibrowser anda  www.4shared.com

•  Klik ikon User acount untuk login

• Masukkan nama user dan password untuk login

•  Pilih salah satu file yang akan dijadikan link

 

• Copy dan paste link download pada address bar ke blog anda

• Untuk alamat image yang langsung ke filenya, maka anda lanjut dengan klik unduh
• Lanjut dengan memilih unduh gratis 

• Copy dan paste link download image  pada address bar ke blog anda

Baca Selengkapnya »

MEMBUAT FORM LOGIN DENGAN PHP DAN MYSQL

1. Buat database dengan nama login di MySQL menggunakan PHP MyAdmin dengan cara :
    a. buka browser lalu ketik http://localhost/phpmyadmin
    b. pada Create new databases ketik nama login
    c. klik create
    d. Buka data base login
    e. Buat tabel dengan field username dan password
    f. klik tombol go
2. Buat form login seperti kode html berikut ini ! dengan cara :
    a. Buka notepad atau notepad++
    b. dan ketik kode html seperti gambar berikut ini
    c. Simpan dan beri nama index.php
<html> <head> <title>Form Login</title> </head> <body> <center> <form action="ceklogin.php" method="post"> <table> <tr><td colspan="2" align="center"><h1> Form Login </h1> </td></tr> <tr><td>Username</td><td> : <input type="text" name="username"></td></tr> <tr><td>Password</td><td> : <input type="password" name="password"></td></tr> <tr><td colspan="2" align="right"><input type="submit" value="Login"> <input type="reset" value="Batal"></td></tr> </table> </form> </center> </body> </html>

3. Buat file koneksi PHP ke data base mysql seperti kode html berikut ini !
    a. Buka notepad atau notepad++
    b. Ketik file kode php berikut ini 
    c. Simpan dan beri nama koneksi.php
<?php mysql_connect("localhost","root","") or die("Koneksi Gagal"); mysql_select_db("login") or die("Database Tidak Ditemukan"); ?>

4. Buat file ceklogin.php untuk autentikasi user dan password yang digunakan seperti kode html berikut ini
     a. Buka notepad atau notepad++
     b. dan ketik kode php seperti gambar berikut ini
     b. Simpan dan beri nama ceklogin.php

<?php include "koneksi.php"; $username = $_POST['username']; $password = $_POST['password']; $user = mysql_query("SELECT * FROM user WHERE username='$username' AND password='$password'"); $match = mysql_num_rows($user); if ($match==1){ echo "<h1> Login Berhasil</h1> "; } else { echo "<h1> Login Gagal</h1> "; } ?>

5, Kopi semua file yg dibuat ke dalam c://xampp/htdocs/login
6. Uji coba dengan cara ketik pada browser http://localhost/login
7. Masukkan nama user dan password sesuai yang ada di database
8. Selamat mencoba semoga bermanfaat
Hasilnya seperti tampak pada gambar berikut ini :

Baca Selengkapnya »