membuat hello world bootstrap

Belajar Bootstrap part 1, membuat hello word.

rencana saya akan sharing bagaimana membuat tampilan bootstrap secara bertahap. ini dikarnakan saya juga masih belajar, hehehe.  jadi yang mau belajar silahkan terus pantengin website ini.
1. APA ITU BOOTSTRAP
Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

HELLO WORLD BOOTSTRAP - Dumet School

www.dumetschool.com/blog/Hello-World-BOOTSTRAP

Bootstrap adalah toolkit untuk menjadikan sebuah halaman menjadi responsive,. Bootsrap menyebut dirinya dengan sebutan front-end framework, ...

membuat helloworld bootstrap - YouTube

▶ 6:11

www.youtube.com/watch?v=FB2BIq6tWbw

5 Mar 2015 - Diunggah oleh herry prasetyo

membuat hello world on bootstrap. ... Bootstrap #1 Tutorial - What is bootstrap , how to use it ...

Tutorial Bootstrap Bagian 2 : Membuat Project Hello World ...

▶ 7:14

https://www.youtube.com/watch?v=Go7J-oUAs6U

28 Des 2015 - Diunggah oleh tik76

Video Tutorial Bootstrap Bagian 2 : Membuat Project Hello World pada Index html Hai sobat ...

Cara Menggunakan Bootstrap 3 untuk Membuat Web ...

www.codepolitan.com/tutorial/cara-menggunakan-bootstrap-3-untuk-me...

21 Des 2015 - Bootstrap sangat memanjakan kita dalam membuat tampilan web dan .... Oke demikianlah tutorial cara penggunaan Bootstrap kali ini. Semoga ...

Membuat Navigasi Situs Responsif dengan Bootstrap ...

desaindigital.com/membuat-navigasi-situs-responsif-dengan-bootstrap/

29 Apr 2015 - Di tutorial ini, kita akan mengenal dasar-dasar penggunaan Bootstrap untuk mendesain navigasi sebuah situs.

Helloworld bootstrap - Sekolah Koding

https://www.sekolahkoding.com/kelas/video/Berkenalan...bootstrap/1

Helloworld bootstrap. Berkenalan dengan bootstrap - Cara membuat website responsive dengan cepat, menggunakan salah satu framework frontend yang ...

Tutorial Bootstrap Terbaru | Tutorial Website

www.tutorialwebsite.web.id › Bootstrap

16 Agt 2015 - Tutorial ini akan mengajarkan Anda dasar-dasar menggunakan Framework Bootstrap untuk membuat proyek website dengan mudah dan ...

membuat website dengan bootstrap v3.0.0 - Jagocoding.com

jagocoding.com/tutorial/.../membuat_website_dengan_bootstrap_v3_0_...

23 Des 2014 - Belakangan ini, bootstrap telah merilis versi terbarunya dengan ... Dalam tutorial sederhana ini, saya akan coba membuat layout yang ...

JS BOOTSTRAP - Academia.edu

www.academia.edu/8860552/BOOTSTRAP_PANDUAN_BUKU

Padahal disain website yang kita buat itu menunjukkan profesionalisme kita juga loh. ... khususnya sebagai media referensi dan dokumentasi tutorial Bootstrap.

Bootstrap Tutorial part 4 – Membuat Form | - SaungKode

https://saungkode.wordpress.com/.../bootstrap-tutorial-part-4-membuat-f...

6 Mei 2014 - Bootstrap Tutorial part 4 – Membuat Form. Akhirnya datang juga kesempatan untuk melanjutkan menulis tentang bootstrap lagi disini, ...

Read more

cara mengupload video ke youtube

kali ini saya akan membuat tutorial cara mengupload video ke youtube.  saya membuat tutorial ini karena ternyata masih banyak orang yang belum tau bagaimana cara mengupload video ke youtube ,,  termasuk saya yang awal mulanya tidak tau cara mengupload video ke youtube, setelah saya googling kebanyakan tutorial masih kurang bisa dipahami, dan kali ini saya akan membuat tutorial yang mudah mudahan bisa dipahami para pembaca.

langsung saja pertama-tama kita buka web browser dan ketikan pada url browser youtube.com

anda akan di arahkan ke tampilan youtube.com seperti gambar dibawah, lalu klik upload pada tombol upload yang berada di pojok kanan atas (saya memberi lingkaran merah) 

setelah mengklik tombol upload, anda diharuskan untuk login dengan akun google anda.

setelah anda login, anda aka diarahkan ke tampilan upload file seperti dibawah ini, anda klik saja tombol upload seperti gambar dibawah.

setelah mengklik tombol upload, anda tinggal memilih video mana yang harus akan anda upload.

sekarang anda berada pada tahap akhir yaitu mengisi judul, deskripsi, dan tag.

.

dara gambar diatas 

nomor 1 itu untuk memberikan judul pada video

nomor 2 untuk memberikan deskripsi

nomor 3 unutk memberikan tag

dan yang terakhir nomor 4 yaitu untuk mempublikasikan.

sederhana bukan cara mengupload video ke youtube, jika kurang paham anda bisa melihat video dibawah ini. video ini menjelaskan lengkap bagaimana cara mengupload video ke youtube.

mungkin sekian dari saya teguh dumadi semoga bermanfaat.

Read more

cara membuat captcha sederhana dengan php fungsi matematik

sebelumnya saya telah memposting 2 cara membuat captcha dengan teknik yang berbeda, postingan saya yang pertama adalah cara membuat captcha sederhana dengan php fungsi session dan postingan saya yang kedua adalah cara membuat captcha sederhana dengan php fungsi hidden. kedua postingan itu fungsinya sama hanya berbeda pada script programnya.

sekarang saya akan membuat tutorial masih tentang cara membuat captcha, saya namakan dengan judul cara membuat captcha sederhana dengan php fungsi matematik, saya namakan demikian karena dalam membuat captcha ini terdapat unsur matematikanya, yaitu saat orang yang mengakses harus menginputkan hasil  dari tambah, kurang atau kali dari dua bilangan pada captcha tersebut.

mari kita lihat script php yang digunakan untuk membuat captcha matematik.

<html>

<head>

<title>Captcha Fungsi Matematik</title>

</head>

<body align="center">

<h1>Contoh Captcha Fungsi Matematik</h1>

<?php

if($_POST["tombol"]){

if(!empty($_POST["hasil"])){

if($_POST["hasil"]==$_POST["hd"]){

echo "<div style='background:red; padding:12px; display:inline-block;'>

Kode Hasil Benar</div>";

}else{

echo "<div style='background:red; padding:12px; display:inline-block;'>

Kode Hasil Salah</div>";

}

}else{

echo "<div style='background:red; padding:12px; display:inline-block;'>

Anda Belum Memasukan Kode Hasil</div>";

}

}

$acak1=rand(1,9);

$acak2=rand(1,9);

$mtk="tambah,kurang,kali";

$mtkex=explode(",",$mtk);

$nmr=rand(0,2);

if($mtkex[$nmr]=="tambah"){

$hasil= $acak1 + $acak2;

$opr = "+";

}else if($mtkex[$nmr]=="kurang"){

$hasil = $acak1 - $acak2;

$opr = "-";

}else if($mtkex[$nmr]=="kali"){

$hasil = $acak1 * $acak2;

$opr = "*";

}

?>

<form action="" method="post">

<div style="font:250% georgia; background:blue; color:green; padding:12px; display:inline-block;">

<?php echo $acak1 ." ". $opr ." ". $acak2 ; ?></div>

Masukan Hasil <input type="text" name="hasil">

<input type="submit" name="tombol">

<input type="hidden" name="hd" value="<?php echo $hasil ?>">

</form>

</body>

</html>

hasil dari script diatas adalah seperti dibawah ini.

jika anda kurang paham dan mau belajar untuk membuat captcha fungsi aritmatik, silahkan lihat video dibawah ini. video ini menjelaskan pembuatanya dari awal sampai akhir.

jika anda ingin melihat demo dari captcha fungsi matematik ini klik saja link disini.

jika anda ingin mendownload script captcha fungsi matematik ini klik saja link disini

mungkin sekian tutorial membuat captcha dengan php fungsi matematik, silahkan baca juga tutorial cara membuat captcha sederhana dengan php fungsi session dan cara membuat captcha sederhana dengan php fungsi hidden.

sekian dari saya teguh dumadi, semoga bermanfaat.

sumber 

asastudio.org

Read more

Belajar 20 Topik Penting Terkait Browser dan Dunia Web

Saat ini, tidak sedikit dari kita yang mengandalkan World Wide Web untuk memperoleh informasi dalam sekejap. WWW juga menghubungkan kita dengan berbagai orang atau peristiwa di seluruh dunia dalam hitungan detik. Pengalaman online luar biasa ini dapat terwujud berkat adanya web terbuka yang dapat diakses oleh siapa saja melalui browser (peramban) web di perangkat manapun asal terhubung ke internet.

Namun seperti apa cara kerja browser (peramban) dan web? Bagaimana World Wide Web berevolusi menjadi apa yang kita kenal dan cintai seperti sekarang? Dan apa yang perlu kita ketahui agar dapat menavigasi web dengan aman nan efisien? Panduan berjudul “20 Topik Penting Seputar Peramban dan Web” merupakan materi yang sangat menarik dan berguna bagi siapa saja yang ingin mengetahui dasar-dasar seputar peramban dan web.

Tak sabar membacanya? Arahkan browser Anda ke http://www.20thingsilearned.com/in-ID. Yang “alergi” dengan bahasa Inggris, tenang aja, materi tersedia dalam bahasa Indonesia kok. Namun perlu diingat, ada beberapa istilah yang mungkin cukup aneh Anda temui seperti kata “peramban” yang berarti “browser”, kata “daring” yang berarti “online” dan seterusnya. Selain bahasa Indonesia, tersedia pula dalam puluhan bahasa lainnya.

Lalu apa isi dari materi tersebut?

Pertama, kita akan membedah Internet, tulang punggung hadirnya web. Kita juga akan melihat bagaimana penggunaan web saat ini, melalui komputasi awan dan aplikasi web.

Kemudian, kami akan memperkenalkan elemen dasar dari laman web seperti HTML dan JavaScript dan meninjau bagaimana penciptaan dan evolusi kedua elemen tersebut telah mengubah situs web yang Anda kunjungi setiap hari. Kita juga akan melihat peramban modern dan bagaimana peramban semacam ini membantu pengguna menjelajah web dengan lebih aman.

Terakhir, kita akan menerawang inovasi menarik pada teknologi web dan peramban yang diyakini akan memberikan kita semua pengalaman daring yang bahkan lebih cepat dan lebih interaktif di masa yang akan datang.

Berikut ini 20 topik dari materi tersebut:

1. TOPIK 1: Internet itu apa sih?
2. TOPIK 2: Komputasi Awan
3. TOPIK 3: Aplikasi Web
4. TOPIK 4: HTML, JavaScript, CSS, dan masih banyak lagi
5. TOPIK 5: HTML5
6. TOPIK 6: 3D dalam Peramban
7. TOPIK 7: Dilema Peramban
8. TOPIK 8: Pengaya
9. TOPIK 9: Ekstensi Peramban
10. TOPIK 10: Penyinkronan Peramban
11. TOPIK 11: Kuki Peramban
12. TOPIK 12: Peramban dan Privasi
13. TOPIK 13: Risiko Perangkat Lunak Jahat, Phishing, dan Keamanan
14. TOPIK 14: Bagaimana Peramban Modern Melindungi Anda dari Perangkat Lunak Hasad dan Phishing
15. TOPIK 15: Menggunakan Alamat Web agar Tetap Aman
16. TOPIK 16: Alamat IP dan DNS
17. TOPIK 17: Memvalidasi Identitas secara Daring
18. TOPIK 18: Evolusi Menuju Web yang Cepat
19. TOPIK 19: Peramban dan Sumber Terbuka
20. TOPIK 20: 19 Topik Telah Berlalu (Rangkuman)

Selamat Belajar dan maju terus ilmu pengetahuan Indonesia!

sumber
http://achmatim.net/2011/11/28/belajar-20-topik-penting-terkait-browser-dan-dunia-web/

Read more

cara membuat captcha sederhana dengan php fungsi hidden

sebelumnya saya sudah memposting cara  membuat captcha sederhana dengan php fungsi session dan sekarang saya akan coba membuat captcha dengan fungsi hidden, sebenernya sama untuk fungsinya hanya struktur kode atau codingnya yang berbeda. jika menggunakan fungsi session kita mendeklarasikan sessionnya terlebih dahulu, dan jika menggunakan fungsi hidden kita membuat fungsi input hiddennya.

 dalam membuat captcha fungsi hidden itu scriptnya seperti dibawah ini.

<html>
<head>
<title>Membuat Captcha Versi 2</title>
</head>
<body align="center">
<h1>Membuat Captcha Dengan Fungsi Hidden</h1>
<?php
if($_POST["btn"]){
if(!empty($_POST["kode"])){
if($_POST["kode"]==$_POST["kd"]){
echo "<div style='background:red; padding:12px; display:inline-block;'>
Kode Yang Dimasukan Benar</div>";
}else{
echo "<div style='background:red; padding:12px; display:inline-block;'>
Kode Yang Dimasukan Salah !!!</div>";
}
}else{
echo "<div style='background:red; padding:12px; display:inline-block;'>
Anda Belum Memasukan Kode !!!</div>";
}
}
$kode=rand(00000,99999);
?>
<form action="" method="post">
<div style="font:250% georgia; background:blue; color:green; padding:12px; display:inline-block;">
<?php echo $kode ?></div>
Masukan Kode<input type="text" name="kode">
<input type="submit" name="btn">
<input type="hidden" name="kd" value="<?php echo $kode ?>"></form>
</body>
</html>

hasil dari script diatas seperti gambar  dibawah ini

jika ingin lebih paham lagi, silahkan tonton video cara membuat captcha sederhana dengan php  fungsi hidden. tonton videonya pelajari dan coba agar lebih paham.

jika ingin melihat demo dari program captcha sederhana dengan php fungsi hidden silahkan klik link disini

jika ingin mendownload program captcha sederhana dengan php fungsi hidden silahkan klik link disini

sekian tutorial tentang cara membuat captcha sederhana dengan php fungsi hidden  mohon maaf jika ada kesalahan. silahkan baca juga cara membuat captcha sederhana dengan php fungsi session agar bisa menyimpulkan perbedaannya.

saya teguh dumadi, semoga bermanfaat

sumber

www.asastudio.org

Read more

cara membuat captcha sederhana dengan php fungsi session

saya telah memposting tentang pengertian captcha dan fungsi captcha, kali ini saya akan share bagaimana cara membuat captcha sederhana dengan php fungsi session, kenapa saya namakan judul seperti itu karena saya mempunyai versi yang lain yang mungkin agak berbeda dari script dan konsepnya tetapi mempunyai fungsi yang sama yang saya share di youtube serta blog saya ini.

untuk membuat captcha scriptnya adalah seperti ini.

<?php
session_start();
?>
<html>
<head>
<title>Belajar Membuat Captcha</title>
</head>
<body align="center">
<h1>Membuat Captcha Dengan Fungsi Random</h1>
<?php
if($_POST["kode"]==$_SESSION["kode"])
{
echo "<div style='background:yellow; color:red; padding:12px;display:inline-block;'>
Kode Yang Dimasukan Benar </div>";
}else {
echo "<div style='background:yellow; color:red; padding:12px;display:inline-block;'>
Kode Yang Dimasukan Salah Atau Masih Kosong</div>";
}
$_SESSION["kode"]=rand(11111,99999);
?>
<form action="" method="POST">
<div style="font:200% georgia; background:green; color:orange; padding:20px; display:inline-block;">
<?php echo $_SESSION["kode"] ?></div>
Masukan Kode <input type="text" name="kode">
<input type="submit" name="tombol" value="kirim">
</form>
</body>
</html>

dan hasil dari script diatas  seperti dibawah ini

jika kurang jelas dan mau belajar, silahkan lihat video pembuatan captcha sederhana dengan php fungsi session dari awal sampai akhir, monggo ditonton videonya, pelajari dan dicoba agar lebih paham.

jika ingin melihat demo dari program cara membuat captcha sederhana dengan php fungsi session silahkan klik link disini.

jika ingin download script program cara membuat captcha sederhana dengan php fungsi session silahkan klik link download script

sekian tutorial cara membuat captcha sederhana dengan php fungsi session silahkan coba baca juga cara membuat captcha sederhana dengan fungsi hidden.

saya teguh dumadi, semoga bermanfaat.

sumber

www.asastudio.org

Read more

Pengertian captcha dan fungsi captcha

APA ITU captcha, Menurut wikipedia  CAPTCHA atau Captcha adalah suatu bentuk uji tantangan-tanggapan (challange-response test) yang digunakan dalam perkomputeran untuk memastikan bahwa jawaban tidak dihasilkan oleh suatu komputer. 

Istilah "CAPTCHA" (berasal dari kata bahasa Inggris "capture" atau menangkap) diciptakan pada tahun 2000 oleh Luis von Ahn, Manuel Blum, Nicholas J. Hopper(semua dari Carnegie Mellon University), dan John Langford (IBM). Istilah ini adalah akronim bahasa Inggris dari "Completely Automated Public Turing test to tell Computers and Humans Apart" (Uji Turing Publik Terotomatisasi Penuh untuk membedakan Komputer dan Manusia). Carnegie Mellon University berupaya mematenkan istilah ini ^[1], tapi aplikasi merek dagang mereka dibatalkan pada 21 April 2008. Saat ini pencipta CAPTCHA menganjurkan penggunaanreCAPTCHA sebagai penerapan resmi .

Saat tidak ada captcha spammer atau hacker sanggup membuat program yang mungkin secara otomatis mengisi formulir pada situs online, membuat email secara otomatis sehingga spammer atau hacker bisa membuat email sampai ribuan bahkan jutaan dengan maksut tertentu yang mungkin akan merusak. Atau di tujukan untuk mengisi polling online dengan membuat program yang otomatis mengisi polling hingga ribuan bahkan jutaan kali sehingga polling tersebut menjadi tidak valid. Disinilah kegunaan captcha, captcha sangat berperan penting dengan menggunakan captcha untuk memastikan bahwa bukan komputer yang mengisi formulir online, melainkan manusia. Karena komputer tidak bisa membaca huruf bengkok, bertumpuk atau saling menyambung.

Fungsi pokok dari captcha

11.   Mencegah komment spam pada web blog dan lain-lain, karena pemilik web blog pada umumnya tidak  hanya ingin tampilan komment webnya bagus dari segi kuantitas tetapi juga kualitas.      

   2. Mencegah spam bot, tau sendiri kan bot tidak bisa membaca captcha, karena string string  pemogramanya sudah tetap, tidak mungkin jika bot bisa membaca kecuali bot dari web blog itu sendir

   

3 3.    Mencegah flood siapa yang ingin di flood ? kecuali flood like tetapi kalo flood kata kata yang tidak         pantas dan banyak siapa yang mau coba.(flood adalah pengiriman data yang berualang).

    4. Melindungi pendaftaran email / user (webmail) dulu pernah kejadian google dan yahoo diserang           semacam bot yang mendaftar email sampai ribuan email.

sekian artikel tentang pengertian captcha dan fungsi captcha, silahkan baca juga cara membuat captcha sederhana dengan php fungsi session dan cara membuat captcha sederhana dengan php fungsi hidden.

saya teguh dumadi, semoga bermanfaat

Sumber

http://id.wikipedia.org/wiki/CAPTCHA

http://septian36.heck.in/pengertian-captcha-dan-fungsikegunaan-ca.xhtml

Read more

Mengukur kecepatan website dan Mobile Friendly menggunakan Google

Dengan menggunakan Tools https://www.google.com/webmasters/tools/mobile-friendly. Kita bisa mengetahui apakah website kita sudah support dengan device mobile. Mengingat sekarang banyak pengguna yang mengakses website menggunakan mobile seperti smartphone, dan jenis komputer tablet.

Jika kita ingin mengetahui berapa cepat web yang kita buat menggunakan device desktop dan mobile, bisa menggunakan https://developers.google.com/speed/pagespeed/insights. Tools tersebut dapat memberikan saran bagaimana caranya agar halaman website kita dapat diakses lebih cepat.

mungkin sekian artikel dari saya, semoga bermanfaat.

Read more

pengertian Zend server

Zend server termasuk versi diuji dan bersertifikat php dan satu set alat untuk mengatur dan mengoptimalkan lingkungan anda. Alat ini disajikan dalam interface administrasi ditingkatkan dirancang untuk menyediakan semua alat dan teknologi yang diperlukan untuk mendukung lingkungan php.

Perhatian khusus telah diberikan untuk menciptakan konsistensi di seluruh sistem operasi untuk memastikan interoperabilitas dan memfasilitas kebutuhan lingkungan yang beragam yang menggunakan linux dan windows.

Versi php adalah php5.2 dan php5.3, yang telah diuji dan dioptimalkan untuk penggunaan pembangunan. Ekstensi umum digunakan dan zend framework disertakan dengan php untuk menyediakan one-stop shop untuk semua sumber daya yang pengembang perlukan untuk membuat aplikasi web.

Satu set alat pelengkap disediakan dengan zend server untuk mengoptimalkan dan memperluas kemampuan php anda. Alat alat yang termasuk dalam server zend dijelaskan secara rinci dibagian komponen. Petunjuk tentang bagaimana bekerja dengan setiap komponen disediakan dibagian tasks, dimana setiap tugas yang mungkin dijelaskan secara rinci dari awal sampai akhir.

Read more

pengertian Xitami

Xitami adalah server web dan ftp, awalanya dikembangkan oleh imatix corporation sebagai produk, free open-source 1996- 2000. Didukung protokol aplikasi web beberapa dan sangat portable. Ini juga memiliki antarmuka web untuk mengkonfigurasi server web / FTP. Pada tahun 2009 imatix meluncurkan versi baru dari xitami, disebut X5 (Xitami /5).

Read more

pengertian WEB SERVER

Wen server adalah aplikasi yang menjadi tulang belakang world wide web (www). Web server menunggu permintaan dari client yang menggunakan web browser seperti Netscape navigator, internet explorer, mozila firefox, dan aplikasi web browser lainya. Jika ada permintaan dari web browser, maka web server akan memproses permintaan itu kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke web browser.

Web server dapat merujuk baik pada perangkat keras ataupun perangkat lunak yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi HTTP atau HTTPS atas berkas-berkas yang terdapat pada suatu situs web dalam layanan ke pengguna dengan menggunakan aplikasi tertentu seperti peramban web.

Penggunaan paling umum server web adalah untuk menempatkan situs web, namun pada prakteknya penggunaan diperluas sebagai tempat penyimpanan data ataupun untuk menjalankan sejumlah aplikasi kelas bisnis.

Fungsi utama sebuah server web adalah untuk mentrasfer berkas atas permintaan pengguna melalui protokol komunikasi yang telah ditentukan. Disebabkan halaman web dapat terditi dari berkas teks, gambar, video, dan lainya pemanfaatan server web berfungsi pula untuk mentransfer seluruh aspek pemberkasan dalam sebuah pemberkasan yang terkait; termasuk didalamnya teks, gambar, video, atau yang lainya biasanya melalui aplikasi pengguna seperti peramban web, meminta layanan atas berkas ataupun halaman web yang terdapat pada sebuah server web, kemudian server sebagai manager layanan tersebut akan merespon balik dengan mengirimkan halaman dan berkas berkas pendukung yang dibutuhkan, atau menolak permintaan tersebut jika halaman yang diminta tidak tersedia.

Saat ini, umumnya serverweb telah dilengkapi pula dengan mesin penerjemah bahasa script yang memungkinkan server web menyediakan layanan situs web dinamis dengan memanfaatkan pustaka tambahan seperti PHP, ASP.

Pemanfaatan server web saat ini tidak terbatas hanya untuk pubikasi situs web dalam Waring Wera Wanua, pada praktiknya server web banyak digunakan dalam perangkat-perangkat keras lain, seperti printer, router, kamera web, yang menyediakan akses layanan http dalam jaringan lokal yang ditujukan untuk menyediakan perangkat manajemen serta mempermudah peninjauan atas perangkat keras tersebut.

Read more