Selasa, 16 Juni 2015

CodeIgniter

22.56  Unknown  No comments

Assalamu'alaikum...
sekarang ini saya akan membahas mengenai CodeIgniter.
CodeIgniter adalah aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. CodeIgniter dirilis pertama kali pada 28 Februari 2006. Versi stabil terakhir adalah versi 2.1.3.

Ada beberapa alasan mengapa menggunakan Framework:
  • Mempercepat dan mempermudah pembangunan sebuah aplikasi web.
  • Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada)
  • Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga kita tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple database, scaffolding, pengaturan session, error handling, dll
  • Lebih bebas dalam pengembangan jika dibandingkan CMS.

Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu :
  1. View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
  2. Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
  3. Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.

link dowload CodeIgniter  http://www.codeigniter.com/download

sekian sedikit mengenai CodeIgniter... 
di bahasan selanjutnya kita bahas lagi mengenai CodeIgniter ini, oke... ^_^...

sumber :

Read More

Bootstrap Fundamental

22.43  Unknown  No comments

Assalamu'alaikum...
Sekarang saya akan coba menyajikan mengenai bootstrap, 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.

 Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

Bagaimana Belajar Bootstrap untuk pemula?

lihat di sini ya...

download bootstrap http://getbootstrap.com/

Penulisan bootstrap :


<!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.4/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <div class="jumbotron">
    <h1>My First Bootstrap Page</h1>
    <p>Resize this responsive page to see the effect!</p> 
  </div>
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>        
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
  </div>
</div>

</body>
</html>


oke sekian ya menengai bootstrap...
lain kali kita lanjut lagi....
wassalamu'alaikum...


sumber :





Read More

JQuery Fundamental

21.50  Unknown  No comments

Assalamu'alaikum..
Oke, Bahasan kita sekarang mengenai JQuery,  apa itu???
JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan “Write less, do more” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.

Apa yang bisa dilakukan dengan JQuery?

1. Mengakses bagian halaman tertentu dengan mudah.
2. Mengubah tampilan bagian halaman tertentu.
3. Mengubah isi dari halaman.
4. Merespond interaksi user dalam halaman.
5. Menambahkan animasi ke halaman.
6. Mengambil informasi dari server tanpa me-refresh seluruh halaman.
7. Menyederhanakan penulisan Javascript biasa.

contoh penggunaan JQuery :

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").hide();
    });
});
</script>
</head>
<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Click me</button>

</body>
</html>


link download JQuery http://jquery.com/

Oke sekian mengenai bahasan kita kali ini...
sampai jumpa di bahasan selanjutnya... ^_^
Wassalamu'alikum.

Sumber :

Read More

CSS Fundamental

21.35  Unknown  No comments

Assalamu'alaikum..
Oke, Baiklah sekarang kita akan berkenalan dengan CSS??? Siapa itu CSS???
Mengenal Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian body pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Contoh Penulisan :
body {
    background-color: #d0e4fe;
}

h1 {
    color: orange;
    text-align: center;
}

p {
    font-family: "Times New Roman";
    font-size: 20px;
}

Oke sekian mengenai perkenalan kita dengan CSS...
sampai jumpa di perkenalan selanjutnya... ^_^
Wassalamu'alikum.
Sumber :

Read More

HTML Fundamental

21.10  Unknown  No comments

Assalamu'alaikum...
Baiklah sekarang saya akan berbagi sedikit mengenai apa itu HTML???
HTML adalah kependekan dari Hypertext Markup Language dan pengertiannya adalah sekumpulan text atau file ASCII yang berisi intruksi atau perintah  program untuk web browser  untuk menampilkan  tampilan grafis sebuah halaman website. HTML bekerja pada sisi klien/browser sehingga hanya browser yang mendukung  HTML yang bisa menampilkannya dengan baik.

 Tag HTML itu umumnya dibuat secara berpasangan yaitu tag pembuka dan tag penutup.
Web browser akan mecari tag-tag HTML dalam file text , membaca dan kemudian menampilkannya sesuai dengan yang diperintahkan.Tag HTML ditandai dengan karakter "<" ">" .
Format tag HTML adalah <nama tag>Yang ditampilkan</nama tag>

Contoh penggunaan tag HTML

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

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

 Oke sekian mengenai sedikit pengenalan HTML...
sampai jumpa di HTML - HTML selanjutnya... ^_^
Wassalamu'alikum.

 sumber :
http://www.spiderbeat.com/2012/04/pengertian-dari-html-adalah.html
http://www.w3schools.com/html/default.asp

Read More

Javascript Fundamental

20.39  Unknown  No comments

Assalamu'alikum...
Oke sekarang saya akan membahas sedikit mengenai apa itu JavaScript.???
JavaScript adalah bahasa (pemograman) yang hebat, meskipun cenderung sulit untuk dipahami, akan tetapi kemampuan inti yang dimiliki oleh JavaScript sangat menarik untuk didalami. dengan Javascript anda dapat membuat aplikasi - aplikasi hebat seperti Google Maps. JavaScript telah merubah pandangan dunia terhadap internet ( Web ).

Keunggulan javascript yang juga dikenal dengan nama ECMAScript yaitu dapat berjalan di semua platform dengan browser yang mendukung JavaScript, dan hampir semua platform dan browser saat ini mendukung JavaScript. Contoh dari aplikasi yang dibangun dengan JavaScript adalah Google Maps yang dapat berjalan di atas Linux, Windows, dan Mac OS. JavaScript juga semakin dan terus berkembang, seperti pertumbuhan pustaka (library) yang memudahkan untuk menavigasi dokumen, memlilih elemen DOM, membuat animasi, menangani event dan mengembangkan aplikasi Ajax. JavaScript adalah bahasa pemograman client-side yang cross-platform (berjalan di banyak platform)  dan bersifat bebas (untuk dimodifikasi dan gratis tentunya) juga diadopsi secara unversal.
Contoh Menangkap event Klik Mouse :
  • Click - issued when a user clicks the mouse
  • DblClick - issued when a user double-clicks the mouse
  • MouseDown - issued when a user depresses a mouse button (the first half of a click)
  • MouseUp - issued when a user releases a mouse button (the second half of a click)
  • MouseOut - issued when the mouse pointer leaves the graphical bounds of the object
  • MouseOver - issued when the mouse pointer enters the graphical bounds of the object
  • MouseMove - issued when the mouse pointer moves while within the graphical bounds of the object
  • ContextMenu - issued when the user clicks using the right mouse button
Contoh Penerapan JavaScript :

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>

Oke sekian mengenai postingan Javascript...
sampai jumpa di postingan selanjutnya... ^_^
Wassalamu'alikum.

 sumber :
https://developer.mozilla.org/id/docs/Web/JavaScript/Getting_Started
http://www.w3schools.com/js/js_whereto.asp

Read More

 
/*SYNTAX HIGHLIGHTER*/