Belajar Create Template

Ini adalah Template kreasiku menggunakan Twitter Boostrap

Mengenal Bootsrap

Unknown

Apa Bootstrap?

  • Bootstrap adalah kerangka front-end gratis untuk pengembangan web lebih cepat dan lebih mudah
  • Bootstrap termasuk HTML dan CSS desain template berbasis tipografi, bentuk, tombol, tabel, navigasi, kata modal, komidi putar gambar dan banyak plugin JavaScript opsional lainnya, serta
  • Bootstrap juga memberikan Anda kemampuan untuk dengan mudah membuat desain responsif
CatatanApa Desain Web Responsif? 

desain web responsif adalah tentang menciptakan situs web yang secara otomatis menyesuaikan diri untuk terlihat baik pada semua perangkat, dari ponsel kecil untuk desktop besar.

bootstrap Sejarah

Bootstrap dikembangkan oleh Mark Otto dan Jacob Thornton di Twitter, dan dirilis sebagai produk open source pada bulan Agustus 2011 pada GitHub.
Pada Juni 2014 Bootstrap adalah proyek No.1 di GitHub!

Mengapa Gunakan Bootstrap?

Keuntungan dari Bootstrap:
  • Mudah digunakan: Siapa saja dengan pengetahuan hanya dasar dari HTML dan CSS dapat mulai menggunakan Bootstrap
  • Fitur responsif: CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop
  • Pendekatan Mobile-pertama: Dalam Bootstrap 3, gaya mobile-first merupakan bagian dari kerangka inti
  • Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)

Dimana Mendapatkan Bootstrap?

Ada dua cara untuk mulai menggunakan Bootstrap di situs web Anda sendiri.
Kamu bisa:
  • Ambil Bootstrap dari getbootstrap.com
  • Sertakan Bootstrap dari CDN sebuah

download Bootstrap

Jika Anda ingin men-download dan tuan rumah Bootstrap sendiri, pergi ke getbootstrap.com , dan ikuti petunjuk di sana.

bootstrap CDN

Jika Anda tidak ingin men-download dan meng-host Bootstrap sendiri, Anda dapat memasukkannya dari CDN (Content Delivery Network).
MaxCDN memberikan dukungan CDN untuk CSS Bootstrap dan JavaScript. Juga termasuk jQuery:

MaxCDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
CatatanSalah satu keuntungan dari menggunakan Bootstrap CDN: 
Banyak pengguna sudah didownload Bootstrap dari MaxCDN ketika mengunjungi situs lain. Akibatnya, hal itu akan dimuat dari cache ketika mereka mengunjungi situs Anda, yang mengarah ke waktu loading lebih cepat. Juga, kebanyakan CDN akan memastikan bahwa sekali pengguna meminta file dari itu, itu akan disajikan dari server terdekat mereka, yang juga mengarah ke waktu loading lebih cepat.

Buat Halaman Web Pertama Dengan Bootstrap

1. Tambahkan doctype HTML5
Bootstrap menggunakan elemen HTML dan properti CSS yang memerlukan doctype HTML5.
Selalu menyertakan DOCTYPE HTML5 pada awal halaman, bersama dengan atribut lang dan set karakter yang benar:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"> 
  </head>
</html>
2. Bootstrap 3 adalah ponsel pertama
Bootstrap 3 ini dirancang untuk menjadi responsif terhadap perangkat mobile. gaya Mobile-pertama adalah bagian dari kerangka inti.
Untuk memastikan render yang tepat dan sentuhan zooming, tambahkan berikut <meta> tag dalam <head> elemen:
<meta name="viewport" content="width=device-width, initial-scale=1">
The width=device-width bagian set lebar halaman untuk mengikuti layar-lebar perangkat (yang akan bervariasi tergantung pada perangkat).
The initial-scale=1 bagian menetapkan tingkat zoom awal saat halaman pertama dimuat oleh browser.
3. Wadah
Bootstrap juga membutuhkan elemen yang mengandung untuk membungkus isi situs.
Ada dua kelas kontainer untuk memilih dari:
  1. The .container kelas menyediakan wadah lebar tetap responsif
  2. The .container-fluid kelas menyediakan wadah lebar penuh, yang mencakup seluruh lebar viewport
Catatan: Wadah tidak nestable (Anda tidak dapat menempatkan wadah di dalam wadah lain).

Dua Dasar Bootstrap Pages

Contoh berikut menunjukkan kode untuk halaman Bootstrap dasar (dengan wadah lebar tetap responsif):

Contoh

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

<div class="container">
  <h1>My First Bootstrap Page</h1>
  <p>This is some text.</p> 
</div>

</body>
</html>
Cobalah sendiri "
Contoh berikut menunjukkan kode untuk halaman Bootstrap dasar (dengan wadah lebar penuh):

Contoh

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

<div class="container-fluid">
  <h1>My First Bootstrap Page</h1>
  <p>This is some text.</p> 
</div>

</body>
</html>
Cobalah sendiri "
refrensi : http://www.w3schools.com/bootstrap
Read More
22:55

cara menjalankan program java di CMD

Unknown

Cara menjalankan program java di Command Prompt

Assalamualaikum Wr Wb..
Pagi yang sejuk sesejuk embun pagi. Sebuah ilmu akan berkembang saat kita membagi dan sebuah ilmu akan melekat saat kita menulis. Pada awal kuliah Teknik informatika mengenal tentang Matakuliah Pemrograman Terstruktur yaitu Materi Pemrograman Java. Bagi mahasiswa yang lulusan SMA mungkin sedikit kebingungan saat pertama kali mengenal pemrograman java, seperti saya, hahaa...
Pemrograman Java sama halnya mengerjakan tugas Matematika, kita harus tau dulu rumusnya, baru memecahkan persoalannya. Selagi saya menjadi Asisten Dosen Pemrograman Terstruktur, mahasiswa banyak yang kebingungan cara menjalankan program java pada CMD (Command Prompt), apalagi saya juga kebingungan karena di praktikum saya dulu tidak pernah menggunakan CMD hanya menggunakan NetBeans. Walaupun di modul sudah ada penjelasan, tetep aja kurang paham saat memulainya. Untuk itu saya buatkan Tutorial Cara menjalankan program java di CMD. tutorial ini saya khususkan untuk sahabat yang baru mengenal Pemrograman Java karena penjelasan lebih terinci. Ok selamat belajar..
Versi PDF

Cara Menjalankan/ run file program java di cmd
Sebelum membuat program, harus menginstal aplikasi java terdahulu (Download di java.com atau www.oracle.com). Setelah selesai menginstal alangkah baiknya jika mengecek terlebih dahulu PATH yang ada di advanced karena jika tidak ada maka program tidak bisa di jalankan.

Pada komputer klik kanan > properties > Advanced system settings >Envinment Variables..



Bila sudah ada PATH abaikan saja, jika tidak ada ikuti perintah berikut
klik new lalu isi seperti yg di gambar.



variable value dapat di peroleh di C:\Program Files\Java\jdk1.8.0_40\bin
Nomer jdk tergantung anda menginstal versi java

lalu Ok Ok aja..
Membuat Project
Buatlah sebuah folder di disk D, di sini penulis membuat folder Belajar

buka folder klik kanan New > Text Document

beri nama namaclass.java , (Dot)java adalah file extensi , bila punya sobat tidak muncul, bisa di rubah pengaturan pada Control Panel file Name extentions.

Cara kedua bisa menggunakan Notepade++ lalu save as dengan nama HelloWorld.java ingat sebuah pemrograman huruf besar dan kecil tidak sama, jadi perhatikan baik baik ya..
Buka file HelloWorld.java
ketikkan Source Code berikut lalu save

public class HelloWorld { // Nama Class 
public static void main(String [] args){ // Main Method 
System.out.println( "Hello World...!!" ); // Inputan 
}
}

kembali lagi ke folder Belajar
klik folder

klik Shift + Tombol pilihan (antara alt & ctrl)

maka langsung muncul folder D:\Belajar

ketikkan D:\Belajar>javac HelloWorld.java

maka akan ada file baru HelloWorld.class

sekarang paggil laji filenya
D:\Belajar>java HelloWorld

jika berhasil maka akan muncul outputnya.. J

Sekorang mencoba menjalankan file dengan cara yang lain

buatlah file Semangat.java
ketikkan Source Code berikut lalu save
public class Semangat { // Nama Class harus sama dg nama File
public static void main(String [] args){ // Main Method
String nama = "Mohammad Ramli";
int nim  = 1310651201;
String url  = "http://KsatriaPengelana.Blogspot.Com";
// String dan int adalah tipe data
// nama, nim dan url adalah variable

//Memanggil Data
System.out.println("Nama : "+nama);
System.out.println("NIM   : "+nim);
System.out.println("Web   : "+url);
}
}


klik windows + R , ketik CMD lalu enter

untuk pindah ke disk yang lain ketik d: lalu enter
hidupkan folder belajar
D:\> cd belajar
D:\Belajar > javac Semangat.java
D:\Belajar > java Semangat


Berhasil bukan...

Untuk lebih jelasnya silahkan download versi PDF disini..
Read More
09:27

program menamplkan abjad huruf a sampai z pada java

Unknown
Assalamualaikum Wr Wb..
Selam berjumpa kembali pada sahabat Ksatria Pengelana, sudah lama tidak share dengan ilmu dunia IT, alhamdulillah pada malam ini masih diberi kesempatan untuk membagikan ilmu walau ilmu ini tidak seberapa. Mungkin juga di blog tetangga atau blog yang lain sudah ada, tetapi tidak ada salahnya saya membagikan juga, sama sama belajar kan..
Pada kesempatan ini saya membagikan Sorcecode / Program untuk menampilan Huruf Abjad 'A' Sampai 'Z' pada pemrograman Java. nah untuk RUN / Menjalankan bisa menggunakan CMD , Netbeans ataupun sejenisnya..
Program ini juga saya dapat dari blog tetangga yang menggunakan bahasa C++ karrena Java dengan C++ beda sedikit. ya ibarat cewek lah harus dipahami satu dengan yang jika tidak punya sifat yang sama. bedanya apa, bedanya cuman pada penyampaian, yah namanya juga bahasa, berfariasi donk...

Oke langsung saja tanpa perlu banyak wara wiri berikut penjelasannya..

Nah tipe data yang saya gunakan yaitu Char, napa tidak String ? soalnya kita menampilkan suatu karakter, sedangkan String menampilakan Text ataupun kata yang panjang.

untuk perulangannya bisa menggunakan for, while, dan do-while,
Selamat mencoba..

berikut menampilakan huruf abjad A Sampai Z Menggunakan Perulangan For

berikut menampilakan huruf abjad A Sampai Z Menggunakan Perulangan Do-While



berikut menampilakan huruf abjad A Sampai Z Menggunakan Perulangan Do-While



Mungkin Program diatas terlalu simple, yah memang saya buat begitu biar tidak panjang panjang tapi tidak dimengerti, nah program diatas bisa juga di modif ya terserah di modif seperti apaan, klo perlu dikembangkan..
nah itu saja tutorial dari saya, paabila butuh penjelasan ataupun sebagainya bisa meninggalkan jejak di komentar, Ok Selamat Malam..
Salam Blogger...

kata kunci :
menampilkan abjad A Sampai Z pada Java
menampilkan abjad A - Z Java for while dowhile
menampilkan huruf abjad A - Z pada Pemrograman Java
menampilkan huruf  A - Z pada Java
menampilkan A -Z for Java

Read More
09:25
Subscribe to: Posts ( Atom )

Subscribe