Jumat, 27 November 2015

Manfaat Belajar TIK

05.36 Posted by Unknown No comments
Manfaat dari belajar TIK, mengenal lebih dalam tentang dunia maya dan kemajuan peralatan - peralatan modern. untuk belajar TIK kita harus pintar - pintar menyaring mana yang baik mana yang buruk... apa lagi kalo udah masuk ke web berbau porno walah..

Belajar TIK juga akan menambah wawasan ketika kita sedang mencari-cari tugas.. ataupun download, yang disekitarnya terdapat info / berita berita baru yang belum ditayangkan atau malah tidak ditanyangkan di televisi. TIK juga dapat mempermudah komunikasi antar kota, provinsi, pulau, negara, benua, bahkan dunia

Pernahkah Kalian Melakukannya

05.35 Posted by Unknown No comments


Berjalan masuk ke suatu ruangan, tiba tiba lupa mau ngapain, langsung keluar, tiba-tiba keinget lagi.
Ketika kalian masih kecil, pernah menggambar matahari diantara dua gunung

Ketika kalian masih kecil, berpikir bahwa bentuk asli dari hati adalah seperti gambar love

Menutup pintu kulkas dengan sangat perlahan, hanya untuk melihat lampunya mati


Mencoba menyeimbangkan tomboh lampu, antara on dan off.

Mengambil satu batang lidi dari sapu lidi, lalu menebas-nebaskan hingga berbunyi "whuk-whuk"

awkwakkaw jujur saja, kalian pasti pernah melakukannya entah dimasa remaja atau masa kecil anda :p


Kamis, 26 November 2015

What is HTML?

19.54 Posted by Unknown , No comments

HTML is a markup language for describing web documents (web pages).

  • HTML stands for Hyper Text Markup Language
  • A markup language is a set of markup tags
  • HTML documents are described by HTML tags
  • Each HTML tag describes different document content

HTML Example

A small HTML document:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Try it yourself »

Example Explained

  • The DOCTYPE declaration defines the document type to be HTML
  • The text between <html> and </html> describes an HTML document
  • The text between <head> and </head> provides information about the document
  • The text between <title> and </title> provides a title for the document
  • The text between <body> and </body> describes the visible page content
  • The text between <h1> and </h1> describes a heading
  • The text between <p> and </p> describes a paragraph
Using this description, a web browser can display a document with a heading and a paragraph.

HTML Tags

HTML tags are keywords (tag names) surrounded by angle brackets:
<tagname>content</tagname>
  • HTML tags normally come in pairs like <p> and </p>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • The end tag is written like the start tag, but with a slash before the tag name
NoteThe start tag is often called the opening tag. The end tag is often called the closing tag.

Web Browsers

The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags, but uses them to determine how to display the document:
View in Browser

HTML Page Structure

Below is a visualization of an HTML page structure:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
NoteOnly the <body> area (the white area) is displayed by the browser.

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration helps the browser to display a web page correctly.
There are different document types on the web.
To display a document correctly, the browser must know both type and version.
The doctype declaration is not case sensitive. All cases are acceptable:
<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Common Declarations

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
NoteAll tutorials and examples at W3Schools use HTML5.

HTML Versions

Since the early days of the web, there have been many versions of HTML:
VersionYear
HTML1991
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML2000
HTML52014

Cara Install Wordpress di Jaringan Lokal

19.37 Posted by Unknown , , No comments
xampp_icon_nyekrip



Tutorial install wordpress di jaringan lokal ditujukan untuk pengembangan web berbasis wordpress secara offline menggunakan xampp, kita bisa mengedit, memodifikasi, mencoba berbagai plugin bahkan sampai merubah file skrip wordpress secara aman.

Pengertian XAMPP untuk Install WordPress Manual

XAMPP merupakan singkatan dari cross-platform(X), Apache, MySQL, PHP dan Perl. Merupakan server web lokal yang ringan untuk tujuan pengujian. Karena XAMPP adalah cross-platform, maka juga bekerja pada Mac dan Linux (LAMP), pada tutorial cara install wordpress offline ini kita akan menggunakan  XAMPP pada Windows 7.
WordPress bukanlah aplikasi yang bisa berdiri sendiri melainkan membutuhkan perangkat lunak server untuk menjalankan-nya. XAMPP menyediakan perangkat lunak yang diperlukan untuk menjalankan WordPress pada server lokal. Download XAMPP versi terbaru di halaman ” https://www.apachefriends.org/index.html “.
Untuk cara install XAMPP di windows, silahkan kunjungi tutorial ” Cara Install XAMPP Web Server di Windows “. Setelah anda install XAMPP maka pastikan untuk menghidupkan atau mengaktifkan Apache dan MySQL pada kontrol panel seperti gambar dibawah, lihat background hijau untuk memastikan-nya. Untuk selajutnya ikuti langkah-langkah cara install wordpress offline menggunakan XAMPP dibawah ini.
Cara_Install_Wordpress_Offline_di_Xampp_Manual_aktifkan_apache_mysql_-_Nyekrip
Gambar Panel Xampp

Langkah 1: Membuat Database Cara Install WordPress Offline

Wordpress merupakan sistem manajemen konten (CMS) yang membutuhkan MySQL untuk menyimpan semua informasi yang berhubungan dengan posting, halaman, komentar, format post, identitas pengguna dan pengaturan kustom lainnya. Kita akan menggunakan phpMyAdmin untuk membuat database MySQL.
Setelah anda install XAMPP dan menghidupkan Apache dan MySQL pada kontrol panel, silahkan menuju link ” http://localhost/phpmyadmin/ “. Maka halaman web akan menampilkan dashboard phpMyAdmin, buat database dengan nama ” tesdb ” (tanpa tanda petik) atau dengan nama lain. Perhatikan gambar berikut.
Cara_Install_Wordpress_Offline_di_Xampp_Manual_Membuat_Database_-_Nyekrip
Gambar Membuat Database
Pada gambar diatas letakkan nama database pada kolom yang ditunjukkan kotak hijau no 1 dan klik tombol ” Buat ” yang ditunjukkan kotak hijau no 2. Jika berhasil akan muncul pesan seperti gambar dibawah ini.
Cara_Install_Wordpress_Offline_di_Xampp_Manual_Pesan_Sukses_-_Nyekrip
Gambar Sukses
Sampai disini untuk cara membuat database wordpress secara offline, kita juga bisa membuat database baru lagi dengan cara diatas.

Langkah 2: Persiapan Cara Install WordPress di XAMPP

Sekarang waktunya untuk menginstal wordpress secara offline. Sebelum melakukan-nya kita harus men-download file wordpress terlebih dahulu. Silahkan kunjungi halaman wordpress di ” https://wordpress.org/ ” dan klik tombol ” Download WordPress ” pada halaman web tersebut. Perhatikan gambar dibawah ini.
Cara_Install_Wordpress_Offline_di_Xampp_Manual_Download_-_Nyekrip
Download WordPress
Maka kita akan mendapatkan file wordpress dalam format zip. Supaya WordPress bisa bekerja dengan XAMPP kita perlu unzip WordPress ke folder yang tepat. Sekarang kita menuju ke folder tempat XAMPP di instal dan buka folder htdocs, yaitu di ” C:\xampp\htdocs “. Perhatikan gambar dibawah.
Cara_Install_Wordpress_Offline_di_Xampp_Manual_htdocs_-_Nyekrip -2
Isi Folder Htdocs
Unzip WordPress ke dalam folder htdocs (gambar diatas) dan nama folder bisa kita ubah sesuai kebutuhan. Dalam tutorial ini nama folder dibiarkan standar dengan nama ” wordpress “. Buka folder WordPress kita, temukan file ” wp-config-sample.php ” dan rename (ubah nama) ke ” wp-config.php “. Buka file dan gulir ke bawah sampai melihat baris berikut:
Cara_Install_Wordpress_Offline_di_Xampp_Manual_Setting_Skrip_-_Nyekrip
Skrip Config
Ini merupakan baris kode yang menentukan rincian login untuk database. Perhatikan nomor pada gambar.
  • Pada nomor 1: – Ganti ” database_name_here ” dengan nama database yang kita buat sebelumnya, yang dalam tutorial ini adalah ” tesdb “.
  • Pada nomor 2: – Ganti ” username_here ” dengan ” root “
  • Pada nomor 3: – Hapus tulisan ” password_here ” menjadi ” ” (dibuat kosong)
  • Pada nomor 4: – Biarkan saja
Simpan file dan dan tutup. Sekarang kita bisa melanjutkan memulai menginstal WordPress.

Langkah 3: Memulai Cara Install WordPress Offline

Sekarang buka browser dan ketik-kan alamat ” http://localhost/wordpress/ ” dan pilih bahasa indonesia dan klik ” Lanjutkan “. Kita akan melihat halaman selamat datang untuk proses instalasi WordPress.
Cara_Install_Wordpress_Offline_di_Xampp_Manual_selamat_datang_-_Nyekrip
Instalasi WordPress
Masukkan rincian dan klik ” Instal WordPress “. Instalasi WordPress sudah selesai!


Install XAMPP di Windows

19.35 Posted by Unknown , , No comments

Download XAMPP untuk Windows

xampp_icon_nyekrip
Dalam tutorial ini menggunakan XAMPP Windows versi 1.8.2, mungkin sekarang sudah ada update terbaru dari XAMPP. Jika anda menemukan XAMPP versi terbaru dari yang versi yang digunakan pada tutorial ini, anda masih bisa mengikuti tutorial ini karena setahu saya cara install XAMPP dari versi ke versi tidak ada perubahan yang mencolok.
XAMPP tersedia dalam tiga format file:
EXE , .7z – File 7zip, ZIP – Compressed file zip. Dari ketiga format tersebut, yang paling mudah untuk diinstall adalah yang format EXE, karena itu dalam tutorial ini akan menggunakan format EXE.
Jika Anda ingin men-download yang versi 1.8.2, Anda dapat men-download instaler XAMPP versi tersebut dengan mengunjungi url download dibawah ini (Ukuran 102MB).
Atau anda ingin men-download yang versi terbaru dengan mengunjungi url halaman:

Cara Install XAMPP di Windows

Ikuti langkah-langkah untuk menginstall XAMPP dibawah ini:
Langkah 1: Non-aktifkan anti-virus karena dapat menyebabkan beberapa komponen XAMPP tidak bisa di Install dengan lancar.
Langkah 2: Untuk pengguna Windows 7, Anda akan melihat jendela pop up, peringatan tentang User Account Control (UAC) yang aktif pada sistem. Klik “OK” untuk melanjutkan instalasi.
Cara-Instal-XAMPP-Web-Server-di-Windows-0-Nyekrip
Klik tombol “OK”
Langkah 3: Mulai proses instalasi dengan klik dua kali pada instaler XAMPP. Klik ‘Next’ setelah splash screen.
Cara-Instal-XAMPP-di-Windows-1-nyekrip.jpg
Klik “Next”
Langkah 4: Di sini, kita dapat memilih komponen yang ingin kita instal. Pilih pilihan default dan klik ‘Next’.
Cara-Instal-XAMPP-di-Windows-5-nyekrip
Pilih Komponen
Langkah 5: Pilih folder sebagai tempat XAMPP akan diinstal, di folder ini akan menampung semua file aplikasi web kita, jadi pastikan untuk memilih drive yang memiliki banyak ruang(space).
Cara-Instal-XAMPP-di-Windows-6-nyekrip
Pilih Folder
Langkah 6: Layar berikutnya adalah promo untuk BitNami, sebuah toko aplikasi untuk server perangkat lunak. Hapus kotak centang ‘Learn more about BitNami for XAMPP’.
Cara-Instal-XAMPP-di-Windows-7-nyekrip
Hapus Centang
Langkah 7: Sekarang Setup sudah siap untuk menginstall XAMPP. Klik Next dan tunggu instaler untuk membongkar paket-nya dan memasang komponen yang dipilih. Mungkin memakan waktu beberapa menit. Nanti mungkin kita akan diminta untuk menyetujui akses Firewall untuk komponen tertentu (seperti Apache) selama proses instalasi.
Langkah 8: Proses Install sudah selesai! Pilih Kotak centang ‘Do you want to start the Control Panel now?’ untuk membuka panel kontrol XAMPP.
Cara-Instal-XAMPP-di-Windows-8-nyekrip
Centang Untuk Memulai

Cara menggunakan XAMPP Control Panel

XAMPP control panel memberi kita kontrol penuh atas semua komponen XAMPP yang telah di Install. Kita dapat menggunakan Control Panel untuk memulai / menghentikan modul yang berbeda, meluncurkan Unix shell, membuka Windows explorer sampai melihat semua operasi yang sedang berjalan di balik layar.
Berikut ini adalah gambaran singkat dari Control Panel. Untuk saat ini, kita hanya perlu tahu bagaimana untuk memulai dan menghentikan server Apache.
Cara_menggunakan_XAMPP_Control_Panel_Nyekrip
Control Panel XAMPP
Keterangan dari nomor-nomor diatas adalah:
  • Nomor 1. Tempat Log semua aktifitas
  • Nomor 2. Alat untuk kontrol module XAMPP
  • Nomor 3. Menampilkan service yang sedang berjalan dibalik layar
  • Nomor 4. Membuka windows explorer
  • Nomor 5. Membuka Unix Shell
  • Nomor 6. Menampilkan semua proses dalam server
  • Nomor 7. Membuka panel konfigurasi

Uji Coba Hasil Instal XAMPP

Ikuti langkah-langkah berikut ini untuk menguji instalasi XAMPP kita dengan meluncurkan web server Apache dan membuat file PHP sederhana.
Langkah 1: Di control panel XAMPP, klik tombol ‘Start’ di bawah tulisan ‘Actions’ untuk modul Apache. Hal ini menginstruksikan XAMPP untuk memulai webserver Apache.
Langkah 2: Buka browser web dan pada address bar ketik: http://localhost atau 127.0.0.1.
Langkah 3: Pilih bahasa Anda dari splash screen.
Cara-Instal-XAMPP-di-Windows-tampilan-xampp-nyekrip
Tampilan XAMPP
Langkah 4: Kita akan melihat layar berikut. Ini berarti kita telah berhasil menginstall XAMPP di komputer kita.
Cara-Instal-XAMPP-di-Windows-tampilan-xampp2-nyekrip
Tampilan XAMPP 2
Langkah 5: Sekarang kita akan menguji apakah komponen PHP di XAMPP telah ter-Install dengan baik. Untuk melakukan hal ini, jalankan Notepad dan ketik berikut ke dalam dokumen baru:
Simpan file ini sebagai ‘test.php’ di c:\ xampp\htdocs\ (atau direktori dimana Anda menginstal XAMPP).
Langkah 6: Arahkan halaman browser ke localhost / test.php. Jika berhasil dalam halaman browser akan menampilkan pesan atau tulisan “Halo dunia”.

Selamat! Kita sekarang telah berhasil menginstal XAMPP dan bahkan kita juga menulis program PHP pertama. Kita sekarang dapat menggunakan webserver Apache lokal untuk membuat dan menguji aplikasi PHP, bermain dengan MySQL dan bahkan belajar bagaimana sebenarnya web server bekerja dengan Tomcat, FileZilla, OpenSSL, dan banyak lagi.

Apasih Xampp, Apache, Php, dan MySQL ?

19.13 Posted by Unknown No comments

Xampp sebuah software yang dikembangkan dari tim proyek bernama Apache Friends yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) & Tim Dukungan (Support Team). software ini sangat cocok bagi kamu yang ingin memperdalam pembuatan web secara offline. Kamu bisa mengedit atau memodifikasi tema bahkan sampai merubah file skrip wordpress secara aman.

Kata Xampp merupakan singkatan yang masing masing hurufnya adalah :
  • X
    X : program ini dapat dijalankan dibanyak sistem operasi. seperti Windows, Linux, Mac OS, dan Solaris
  • A
    A: Apache, merupakan aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.
  • M
    M: MySQL, merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.
  • P
    P: PHP, bahasa pemrograman web.Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQl. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.
  • P
    P: Perl, bahasa pemrograman.