Home Archives for 2017

Selasa, 11 April 2017

PHP: Operator


Assalamualaikum wr.wb

Kali ini saya akan berbagi PHP: Operator

Operator digunakan untuk menentukan sebuah nilai dengan melakukan prosedur, atau dengan suatu operasi dari beberapa nilai , nilai yang digunakan dalam sebuah operasi disebut operand Penjumlahan adalah sebuah contoh sederhana dari suatu operasi. Sebagi contoh: 3 + 4 . 3 dan 4 adalah sebuah operand . operasi ini akan menghasilkan 7

Operator Matematika

PHP mendukung operator matematika contoh


Operator Perbandingan


operatot perbandingan digunakan untuk menguji suatu kondisi. Ekspresi yang menggunakan operator perbandingan akan selalu menghasilkan nilai bolean
antara benar(true) dan salah(false)


Operator Logika

operator logika digunakan untuk mengkombinasi kondisi , sehingga beberapa kondisi dapat di evaluasi atau diperiksa dalam sebuah ekspresi


Sekian pembahasan PHP: Operator.

Referensi: www.w3schools.com

Wassalamualaikum wr.wb
Read More

Senin, 10 April 2017

PHP: Type Data


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi PHP: Type Data.

Variabel dapat menyimpan data dari berbagai jenis, dan tipe data yang berbeda dapat melakukan hal-hal yang berbeda.

PHP mendukung type data sebagai berikut:
  • String
  • Integer
  • Float
  • Bolean
  • Object
  • NULL
  • Resource

Type Data String

Sebuah string dapat berupa teks dalam tanda kutip. Anda dapat menggunakan tanda kutip tunggal atau ganda:

Type Data Integer

Tipe data integer adalah angka non-desimal antara -2147483648 dan 2147483647.

Aturan untuk bilangan bulat:
  • Integer harus memiliki setidaknya satu digit
  • Integer tidak harus memiliki titik desimal
  • Integer dapat bersifat positif atau negatif
  • Bilangan bulat dapat ditentukan dalam tiga format: desimal (10-based), heksadesimal (16-berbasis - diawali dengan 0x) atau oktal (8 berbasis - diawali dengan 0) 
Dalam contoh berikut $ x adalah bilangan bulat. PHP var_dump () mengembalikan fungsi tipe data dan nilai:

Type Data Float

Sebuah float (floating point nomor) adalah nomor dengan titik desimal atau nomor dalam bentuk eksponensial. Dalam contoh berikut $ x adalah pelampung. PHP var_dump () mengembalikan fungsi tipe data dan nilai:

Type Data Bolean

Sebuah Boolean mewakili dua kemungkinan: TRUE atau FALSE. Boolean sering digunakan dalam pengujian bersyarat.

Type Data Array

Sebuah array menyimpan beberapa nilai dalam satu variabel tunggal. Pada contoh $ mobil berikut adalah array. PHP var_dump () mengembalikan fungsi tipe data dan nilai:

Type Data Object

Sebuah objek adalah tipe data yang menyimpan data dan informasi tentang cara mengolah data tersebut. Dalam PHP, sebuah objek harus dinyatakan secara eksplisit. Pertama kita harus mendeklarasikan kelas objek. Untuk ini, kami menggunakan kata kunci class. Sebuah kelas adalah struktur yang dapat berisi properti dan metode:

Type Data NULL

Null adalah tipe data khusus yang hanya dapat memiliki satu nilai: NULL. Sebuah variabel dari tipe data NULL adalah variabel yang tidak memiliki nilai yang ditugaskan untuk itu.

Resource

Resource bukan type data sebenarnay , karena type data ini hanya menyimpan
sebuah rerferensi external resource.

Referansi: www.w3schools.com

Sekian pembahasan PHP: Type Data.

Wassalamu'alaikum wr.wb
Read More

Sabtu, 08 April 2017

PHP: Echo / Print


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi PHP: Echo / Print.

echo dan print Laporan PHP

echo dan print kurang lebih sama. Mereka berdua digunakan untuk output data ke layar. Perbedaan kecil: echo tidak memiliki nilai kembali sementara print memiliki nilai kembali dari 1 sehingga dapat digunakan dalam ekspresi. echo dapat mengambil beberapa parameter (meskipun penggunaan seperti ini jarang terjadi) sedangkan print dapat mengambil satu argumen. echo adalah sedikit lebih cepat daripada print.

PHP Pernyataan echo

Pernyataan echo dapat digunakan dengan atau tanpa tanda kurung: echo atau echo ().

Tampilan Teks

Contoh berikut menunjukkan bagaimana output teks dengan perintah echo (pemberitahuan bahwa teks dapat berisi markup HTML):
<!DOCTYPE html>
<html>
<body>

<?php
echo "<h2>PHP is Fun!</h2>";
echo "Hello world!<br>";
echo "I'm about to learn PHP!<br>";
echo "This ", "string ", "was ", "made ", "with multiple parameters.";
?>

</body>
</html>

Tampilan Variabel

Contoh berikut menunjukkan bagaimana output teks dan variabel dengan pernyataan echo:
<!DOCTYPE html>
<html>
<body>

<?php
$txt1 = "Belajar PHP";
$txt2 = "W3Schools.com";
$x = 5;
$y = 4;

echo "<h2>" . $txt1 . "</h2>";
echo "Belajar PHP di " . $txt2 . "<br>";
echo $x + $y;
?>

</body>
</html>

Pernyataan PHP print

Pernyataan print dapat digunakan dengan atau tanpa tanda kurung: cetak atau print ().

Tampilan Text

Contoh berikut menunjukkan bagaimana output teks dengan perintah print (pemberitahuan bahwa teks dapat berisi markup HTML):
<!DOCTYPE html>
<html>
<body>

<?php
print "<h2>PHP is Fun!</h2>";
print "Hello world!<br>";
print "I'm about to learn PHP!";
?>

</body>
</html>

Tampilan Variabel

Contoh berikut menunjukkan bagaimana output teks dan variabel dengan pernyataan print:
<!DOCTYPE html>
<html>
<body>

<?php
$txt1 = "Belajar PHP";
$txt2 = "W3Schools.com";
$x = 5;
$y = 4;

print "<h2>" . $txt1 . "</h2>";
print "Belajar PHP di " . $txt2 . "<br>";
print $x + $y;
?>

</body>
</html>

Referensi:www.w3schools.com

Sekian pembahasan PHP: Echo / Print.
Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb
Read More

Jumat, 07 April 2017

PHP: Variabel


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Variabel PHP.

Membuat (Mendeklarasikan) Variabel PHP

Dalam PHP, variabel dimulai dengan tanda $, diikuti dengan nama variabel:
<!DOCTYPE html>
<html>
<body>

<?php
$txt = "Hello world!";
$x = 5;
$y = 10.5;

echo $txt;
echo "<br>";
echo $x;
echo "<br>";
echo $y;
?>

</body>
</html>

Setelah eksekusi pernyataan di atas, variabel $txt akan memegang nilai Hello world! , Variabel $x akan memegang nilai 5 , dan variabel $y akan memegang nilai 10,5 .

Catatan:
  • Bila Anda menetapkan nilai teks ke variabel, menaruh tanda kutip pada nilai.
  • Tidak seperti bahasa pemrograman lain, PHP tidak memiliki perintah untuk mendeklarasikan variabel. Hal ini dibuat saat Anda pertama menetapkan nilai untuk itu.

Variabel PHP

Sebuah variabel dapat memiliki nama pendek (seperti x dan y) atau nama yang lebih deskriptif (usia, nama, total_volume).

Aturan variabel PHP:
  • Sebuah variabel dimulai dengan tanda $, diikuti dengan nama variabel
  • sebuah nama variabel harus dimulai dengan huruf atau karakter garis bawah
  • Sebuah nama variabel tidak dapat memulai dengan angka
  • Sebuah nama variabel hanya dapat berisi karakter dan garis bawah alpha-numerik (A-Z, 0-9, dan _) 
  • Nama variabel adalah case-sensitive ($umur dan $AGE adalah dua variabel yang berbeda)

Variabel Output

PHP echo sering digunakan untuk output data ke layar. Contoh berikut akan menunjukkan bagaimana output teks dan variabel:
<!DOCTYPE html>
<html>
<body>

<?php
$txt = "dicky69news.blogspot.com";
echo "My Blog: $txt!";
?>

</body>
</html>

Contoh berikut akan menghasilkan output yang sama seperti contoh di atas:
<!DOCTYPE html>
<html>
<body>

<?php
$txt = "W3Schools.com";
echo "I love " . $txt . "!";
?>

</body>
</html>

Contoh berikut akan menampilkan jumlah dari dua variabel:
<!DOCTYPE html>
<html>
<body>

<?php
$x = 5;
$y = 4;
echo $x + $y;
?>

</body>
</html>

PHP adalah bahasa Longgar Diketik

  • Dalam contoh di atas, perhatikan bahwa kita tidak harus memberitahu PHP tipe data variabel tersebut. 
  • PHP secara otomatis mengkonversi variabel dengan jenis data yang benar, tergantung pada nilainya.
  • Dalam bahasa lain seperti C, C ++, dan Java, programmer harus menyatakan nama dan jenis variabel sebelum menggunakannya.

Lingkup Variabel PHP

Dalam PHP, variabel dapat dinyatakan di mana saja pads script. Ruang lingkup variabel adalah bagian dari script di mana variabel dapat dirujuk / digunakan.
PHP memiliki tiga lingkup variabel yang berbeda:
  • Lokal
  • Global
  • Statis

Lingkup Global dan Lokal

Sebuah variabel dideklarasikan di luar fungsi memiliki LINGKUP GLOBAL dan hanya dapat diakses di luar fungsi:
<!DOCTYPE html>
<html>
<body>

<?php
$x = 5; // Lingkup Global

function myTest() {
    // menggunakan x dalam fungsi ini akan menghasilkan kesalahan
    echo "<p>Variabel x dalam fungsi adalah: $x</p>";
}
myTest();

echo "<p>Variable x luar fungsi adalah: $x</p>";
?>

</body>
</html>

Sebuah variabel dideklarasikan dalam fungsi memiliki LINGKUP LOKAL dan hanya dapat diakses dalam fungsi:
<!DOCTYPE html>
<html>
<body>

<?php
function myTest() {
    $x = 5; // Lingkup Lokal
    echo "<p>Variabel x dalam fungsi adalah: $x</p>";
}
myTest();

// menggunakan x di luar fungsi akan menghasilkan kesalahan
echo "<p>Variabel x luar fungsi adalah: $x</p>";
?>

</body>
</html>

PHP Kata Kunci Global

Kata kunci global digunakan untuk mengakses variabel global dari dalam fungsi. Untuk melakukan hal ini, gunakan kata kunci global sebelum variabel (dalam fungsi):
<!DOCTYPE html>
<html>
<body>

<?php
$x = 5;
$y = 10;

function myTest() {
    global $x, $y;
    $y = $x + $y;
}

myTest();  // Menjalankan fungsi
echo $y; // output nilai baru untuk variabel $y
?>

</body>
</html>



PHP juga menyimpan semua variabel global dalam sebuah array disebut $GLOBALS [ index ]. Indeks memegang nama variabel. Array ini juga dapat diakses dari dalam fungsi dan dapat digunakan untuk memperbarui variabel global secara langsung.

Contoh di atas dapat ditulis ulang seperti ini:
<!DOCTYPE html>
<html>
<body>

<?php
$x = 5;
$y = 10;

function myTest() {
    $GLOBALS['y'] = $GLOBALS['x'] + $GLOBALS['y'];
}

myTest();
echo $y;
?>

</body>
</html>

PHP Kata Kunci Static

Biasanya, ketika fungsi selesai / dieksekusi, semua variabel yang akan dihapus. Namun, terkadang kita ingin variabel lokal tidak dihapus.


Untuk melakukan hal ini, gunakan kata kunci static ketika Anda pertama kali mendeklarasikan variabel:
<!DOCTYPE html>
<html>
<body>

<?php
function myTest() {
    static $x = 0;
    echo $x;
    $x++;
}

myTest();
echo "<br>";
myTest();
echo "<br>";
myTest();
?>

</body>
</html>

Kemudian, setiap kali fungsi dipanggil, variabel akan masih memiliki informasi yang terkandung dari terakhir kali fungsi dipanggil.

Catatan: Variabel ini masih intuk fungsi lokal

Referensi:www.w3schools.com

Sekian Pembahasan Variabel PHP.
Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb
Read More

Kamis, 06 April 2017

PHP: Syntax dasar


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Syntax Dasar PHP.

Syntax Dasar PHP

Sebuah script PHP dapat ditempatkan di manapun dalam dokumen. Sebuah script PHP diawali dengan <?php dan diakhiri dengan ?>.
<?php
//code PHP
?>
Ekstensi file default untuk file PHP adalah ".php". Sebuah file PHP biasanya berisi tag HTML, dan beberapa code PHP scripting. Di bawah ini adalah contoh dari file PHP sederhana, dengan script PHP yang menggunakan fungsi PHP built-in "echo" untuk output teks "Hello World!" pada halaman web:
<!DOCTYPE html>
<html>
<body>

<h1>Syntax PHP Dasar</h1>

<?php
echo "Hello World!";
?>

</body>
</html>

Catatan: pernyataan PHP diakhiri dengan tanda titik koma (;).

Komentar di PHP

Sebuah komentar dalam kode PHP adalah garis yang tidak membaca / dieksekusi sebagai bagian dari program. Its satunya tujuan adalah untuk dibaca oleh seseorang yang melihat kode.

Komentar dapat digunakan untuk:
  • Biarkan orang lain memahami apa yang Anda lakukan
  • Ingatkan diri Anda dari apa yang Anda lakukan - Kebanyakan programmer telah mengalami datang kembali ke pekerjaan mereka sendiri satu atau dua tahun kemudian dan harus kembali mencari tahu apa yang mereka lakukan. Komentar dapat mengingatkan Anda tentang apa yang Anda pikirkan ketika Anda menulis kode 
PHP mendukung beberapa cara komentar:
<!DOCTYPE html>
<html>
<body>

<?php
// Ini adalah komentar baris tunggal

# Ini juga komentar baris tunggal
/*
Ini adalah multi-baris komentar blok
yang mencakup lebih dari beberapa
baris
*/

// Anda juga dapat menggunakan komentar untuk meninggalkan bagian dari baris kode
$x = 5 /* + 15 */ + 5;
echo $x;
?>

</body>
</html>

PHP Case-Sensitive

Dalam PHP, semua kata kunci (e.g. if, else, while, echo, etc.), class, fungsi dan fungsi user-defined tidak casse-sensitive.

Contoh:
<!DOCTYPE html>
<html>
<body>

<?php
ECHO "Hello World!<br>";
echo "Hello World!<br>";
EcHo "Hello World!<br>";
?>

</body>
</html>

Namun; semua nama variabel adalah case-sensitive. Pada contoh di bawah ini, hanya pernyataan pertama yang akan menampilkan nilai dari variabel $teks (ini karena $teks, $TEKS, dan $teKS diperlakukan sebagai tiga variabel yang berbeda):
<!DOCTYPE html>
<html>
<body>

<?php
$teks = "Belajar PHP";
echo "Saya sedang " . $teks . "<br>";
echo "Saya sedang " . $TEKS . "<br>";
echo "Saya sedang " . $teKS . "<br>";
?>

</body>
</html>
Referensi:www.w3schools.com

Sekian pembahasan tentang Syntax Dasar PHP.
Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb
Read More

Rabu, 05 April 2017

PHP: Mengenal PHP


Assalamu'alaikum wr.wb

Kali ini saya akan membagikan materi PHP yaitu pengenalan PHP.

Pengertian

PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditambahkan atau disisipkan kedalam HTML. PHP banyak digunakan untuk pemrograman situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, intepreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek. Server web bawaan ditambahkan pada versi 5.4 untuk mempermudah pengembang menjalankan kode PHP tanpa menginstall software server.
Versi terbaru dan stabil dari bahasa pemograman PHP saat ini adalah versi 7.0.16 dan 7.1.2 yang resmi dirilis pada tanggal 17 Februari 2017.

Alat & Bahan

  • PC/Laptop yang terinstal Web Server
  • Text Editor semacam Sublime Text dll
  • Web Browser

Materi

Akan dibahas pada postingan selanjutnya

Kesimpulan

PHP adalah bahasa pemrograman yang banyak dipakai oleh programmer untuk membuat aplikasi berbasis web.

Referensi

https://id.wikipedia.org/wiki/PHP
www.w3schools.com

Penutup

Sekian pengenalan PHP. Untuk materi akan saya bahas pada postingan selanjutnya.

Wassalamu'alaikum wr.wb
Read More

Selasa, 04 April 2017

Tutorial Instalasi Owncloud di Linux


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Tutorial Instalasi Owncloud di Linux

Pengertian

OwnCloud merupakan suatu perusahaan dengan proyeknya yaitu ownCloud project. Slogan perusahaan ini adalah Your Cloud, Your Data, Your Way!. ownCloud yang merupakan salah satu perangkat lunak berbagi berkas gratis dan bebas seperti Dropbox, menyediakan pengamanan yang baik, memiliki tata cara yang baik bagi pengguna aplikasi untuk membagi dan mengakses data yang secara lancar terintegrasi dengan perangkat teknologi informasi yang tujuannya mengamankan, melacak, dan melaporkan penggunaan data.

Sumber:https://id.wikipedia.org/wiki/OwnCloud

Maksud & Tujuan

  • Memudahkan proses instalasi owncloud
  • Menambah pemahaman tentang owncloud

Alat & Bahan

PC/Laptop yang terinstal Lamp Server
Paket owncloud bisa download di owncloud.org

Langkah-Langkah

1. Ekstak paket owncloud dan taruh di directory /var/www/html
2. Beri hak akses

3. Buat database di PhpMyAdmin.
4. Jalankan owncloud di web browser dengan url localhost/owncloud. Lalu isi data sesuai yang diminta.

Ini adalah Tampilan OwnCloud

5. Selesai

Kesimpulan

OwnCloud adalah media penyimpanan yang sangat berguna karena dapat diacces banyak orang juga aman dan mudah dalam proses instalasi nya.

Sekian Tutorial Instalasi Owncloud di Linux.
Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb
Read More

Senin, 03 April 2017

Tutorial Instalasi Wordpress di LInux


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Tutorial Instalasi Wordpress di LInux.

Pengertian

Wordpress adalah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). Wordress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySql. Selain sebagai blog, Wordpress juga mulai digunakan sebagai CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan penggunanya.

Maksud & Tujuan

  • Memudahkan untuk membuat website
  • Memudakan dalam memahami alur website

Alat & Bahan

PC/Laptop yang terinstal Lamp Server
Paker Wordpress Download di https://id.wordpress.org/

Langkah-Langkah

1. Unduh dan unzip (ekstrak) paket WordPress, jika Anda belum melakukannya.
2. Taruh hasil ekstrakan di /var/www/html.

3. Beri hak akses wordpress tersebut dengan cara:
  • Buka Terminal (Ctrl+Alt+T)
  • Ketikkan:
#chown -R www-data:www-data /var/www/html/wordpress
#chmod -R 755 /var/www/html/wordpress
4. Buat basis data untuk WordPress PhpMyadmin.
5. Ubah nama berkas wp-config-sample.php menjadi wp-config.php.
6. Buka wp-config.php menggunakan editor teks kesukaan Anda dan isi rincian basis data Anda.

7. Jalankan skrip instalasi dengan mengakses localhost/wordpress dengan browser kesukaan Anda

8. Selesai

Kesimpulan

Dengan wordpress seseorang tanpa mempunayi keahlian pemrograman dapat membuat website.

Referensi

Sekian Tutorial Instalasi Wordpress di LInux.
Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb
Read More

Sabtu, 01 April 2017

Tutorial Instalasi CMS Sekolahku-V1.4.7 di Linux

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Tutorial Instalasi CMS Sekolahku-V1.4.7 di Linux.

Pengertian

Content Management System dan PPDB/PMB Online untuk sekolah SD, SMP/Sederajat, SMA/Sederajat, dan Perguruan Tinggi di Indonesia.

Maksud & Tujuan

Untuk memahami alur website dan mengerti fitur yang ada dalam cms sekolahku.

Alat & Bahan

PC/Laptop yang terinstal Lamp Server
File CMS Sekolahku bisa Download di sekolahku.web.id

Langkah-Langkah

1. Extrack cms-sekolahku-v1.4.7.zip
2. Taruh ke direktory /var/www/html
3. Agar lebih mudah, rename folder cms-sekolahku-v1.4.7 menjadi cmssekolahku
4. Lalu beri  hak akses cms sekolahku:
  • Buka Terminal (Ctrl+Alt+T)
  • Masuk sebagai superuser (sudo su)
  • Ketikkan
#chown -R www-data:www-data /var/www/html/cmssekolahku
#chmod -R 755 /var/www/html/cmssekolahku
5. Buka phpMyAdmin di browser dengan mengetikan localhost/phpmyadmin
6. Pilih menu "database" kemudian buat database dengan nama db_sekolahku 
7. Klik database tersebut dan pilih menu import, kemudian browse file dengan nama db_sekolahku.sql yang ada dalam folder hasil download.
8. Untuk memastikan konfigurasi database sudah benar atau belum, silahkan buka file database.php yang ada di dalam folder cmssekolahku/application/config/database.php dengan menggunakan Code Editor sejenis Sublime Text. Isi sesuai dengan username password anda sendiri

9. Selesai

Untuk Menjalankan CSM Sekolahku ketikkan localhost/cmssekolahku

Untuk masuk ke halaman admin, tambahkan /login ke url sehingga  menjadi localhost/cmssekolahku/login

NB: Untuk Username & Password defaultnya administrator

Ini adalah tampilan Dashbord untuk menambah atau mengganti konten

Sekian Tutorial Instalasi CMS Sekolahku-V1.4.7 di Linux.
Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb
Read More

Jumat, 31 Maret 2017

Cara Install W3Schools Offline di Linux


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Cara Install W3Schools Offline di Linux.

Pngertian

W3Schools adalah situs web developer informasi, dengan tutorial dan referensi yang berkaitan dengan topik pengembangan web seperti HTML, CSS, JavaScript, PHP, SQL, dan JQuery. Situs ini mendapatkan namanya dari singkatan untuk World Wide Web, W3 adalah numeronym dari www.w3schools tidak berafiliasi dengan W3C. Hal ini dibuat dan dimiliki oleh Refsnes data, pengembangan perangkat lunak milik keluarga Norwegia dan perusahaan konsultan. Situs ini menyediakan panduan referensi yang mencakup banyak aspek pemrograman web, termasuk teknologi seperti HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL dll. W3Schools menyediakan ribuan contoh kode. Dengan menggunakan editor online yang disediakan, pembaca dapat mengedit contoh dan mengeksekusi kode eksperimental.

Maksud & Tujuan

Untuk memudahkan kita dalam belajar pemrograman seperti HTML,CSS,Javascript dll dengan ofline (tanpa harus terhubung dengan internet)

Alat & Bahan

PC/Laptop
Install Lamp Server
File W3Schools Download disini

Langkah-Langkah

1. Buka Terminal (Ctrl+Alt+T)
2. Masuk sebagai superuser
$sudo su
3. Ketikkan:
#caja
jika terjadi eror sobat harus install caja terlebih dahulu dengan mengetikkan perintah :
#apt-get install caja
4. Setelah masuk caja, extract file W3School lalu pindahkan ke File System/var/www/html
5. Lalu beri hak akses direktori tersebut agar bisa diakses web browser. Dengan cara:
  • Buka Terminal baru (CTRL+Alt+T)
  • Masuk sebagai superuser
  • Ketikkan:
#chomod -R 755 /var/www/html/w3schools_offline2016
6. Buka web browser dan ketikkan localhost/w3schools_offline2016

Sekian Cara Install W3Schools Offline di Linux.
Semoga Bermanfaat...!!!

Wassalamu'alaikum wr.wb
Read More

Kamis, 30 Maret 2017

Bootstrap: Buttons/Tombol


Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Cara Membuat Buttons (Tombol) dengan Bootstrap.

Gaya Tombol

Bootstrap memberikan tujuh gaya tombol dengan class-class sebagai berikut:
  1. .btn-default
  2. .btn-primary
  3. .btn-success
  4. .btn-info
  5. -btn-warning
  6. .btn-danger
  7. .btn-link
Contoh berikut menunjukkan kode untuk tombol yang berbeda gaya:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Belajar Bootstrap</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Gaya Tombol</h2>
  <button type="button" class="btn btn-default">Default</button>
  <button type="button" class="btn btn-primary">Primary</button>
  <button type="button" class="btn btn-success">Success</button>
  <button type="button" class="btn btn-info">Info</button>
  <button type="button" class="btn btn-warning">Warning</button>
  <button type="button" class="btn btn-danger">Danger</button>
  <button type="button" class="btn btn-link">Link</button>     
</div>

</body>
</html>


Class tombol dapat digunakan pada elemen <a>, <button> atau <input>

Contoh:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Belajar Bootstrap</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Tag Button (Tombol)</h2>
  <a href="#" class="btn btn-info" role="button">Link Button</a>
  <button type="button" class="btn btn-info">Button</button>
  <input type="button" class="btn btn-info" value="Input Button">
  <input type="submit" class="btn btn-info" value="Submit Button">
</div>

</body>
</html>


Ukuran Tombol

Bootstrap memberikan empat ukuran tombol:
  1. Large (Besar)
  2. Medium
  3. Small (Kecil)
  4. Xsmall (Sanngat Kecil)
Contoh berikut untuk menunjukan ukuran tombol yang berbeda:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Belajar Bootstrap</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Ukuran Button (Tombol)</h2>
  <button type="button" class="btn btn-primary btn-lg">Large (Besar)</button>
  <button type="button" class="btn btn-primary btn-md">Medium</button>   
  <button type="button" class="btn btn-primary btn-sm">Small (Kecil)</button>
  <button type="button" class="btn btn-primary btn-xs">XSmall (Sangat Kecil)</button>
</div>

</body>
</html>


Tombol Tingkat Blok

Sebuah tombol tingkat blok meliputi seluruh lebar dari elemen induk. Tambahkan class .btn-block untuk membuat tombol tingkat blok.

 Contoh:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Belajar Bootstrap</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Tombol Tingkat Blok</h2>
  <button type="button" class="btn btn-primary btn-block">Button 1</button>
  <button type="button" class="btn btn-default btn-block">Button 2</button>

  <h2>Tombol Tingkat Blok Besar</h2>
  <button type="button" class="btn btn-primary btn-lg btn-block">Button 1</button>
  <button type="button" class="btn btn-default btn-lg btn-block">Button 2</button>

  <h2>Tombol Tingkat Blok Kecil</h2>
  <button type="button" class="btn btn-primary btn-sm btn-block">Button 1</button>
  <button type="button" class="btn btn-default btn-sm btn-block">Button 2</button>
</div>

</body>
</html>


Active/Disabled Buttons (Tombol)

Sebuah tombol dapat diatur untuk aktif (muncul ditekan) atau cacat (unclickable). Class .active membuat tombol bisa ditekan. Class .disabled membuat tombol tidak bisa di tekan.

 Contoh:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Belajar Bootstrap</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Button States</h2>
  <button type="button" class="btn btn-primary">Primary Button</button>
  <button type="button" class="btn btn-primary active">Active Primary</button>
  <button type="button" class="btn btn-primary disabled">Disabled Primary</button>
</div>

</body>
</html>



Sekian Cara Membuat Buttons (Tombol) dengan Bootstrap.
Semoga Bermanfaat...!!!

Referensi:www.w3schools.com

Wassalamu'alaikum wr.wb
Read More
Langganan: Postingan (Atom)