Selasa, 16 Juni 2015

CodeIgniter

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 :

Bootstrap Fundamental

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 :





JQuery Fundamental

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 oleJohn 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 :

CSS Fundamental

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;
}

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

Oke sekian mengenai perkenalan kita dengan CSS...
sampai jumpa di perkenalan selanjutnya... ^_^

Wassalamu'alikum.
Sumber :

HTML Fundamental

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

Javascript Fundamental

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

Selasa, 10 Februari 2015

Web 2.0 Technology

Assalamu’alaikum, Wr. Wb.

Pada kesempatan kali ini saya akan membahas mengenai Web 2.0 Technology, karena ini merupakan tugas kuliah di mata kuliah Web 2.0 Technology.

Pertama kita mulai dengan membahas mengenai Website atau Web. Website atau Web adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website lain menuliskan web adalah salah satu alat komunikasi online yang menggunakan media internet dalam pendistribusiannya. Apapun bahasanya, yang pasti kita semua setuju bahwa website merupakan kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Secara terminologi website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web  (web page) diakses dari sebuah URL yang menjadi “akar” ( root ), yang disebut homepage (halaman induk; sering diterjemahkan menjadi “beranda”, “halaman muka”), URL ini mengatur web page untuk menjadi sebuah hirarki, meskipun hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka susunan keseluruhan dan bagaimana arus informasi ini berjalan.

Nah itu tadi mengenai Website atau Web, mari sekarang kita lanjut membahas mengenai Web 2.0, tapi sebelum kita membahas Web 2.0 kita bahas dulu sedikit mengenai Web 1.0. Kenapa kita bahas Web 1.0 dulu agar kita nanti bisa melihat perbedaan dari keduanya.

Web 1.0 merupakan teknologi Web generasi pertama yang merupakan revolusi baru di dunia Internet karena telah mengubah cara kerja dunia industri dan media. Pada dasarnya, Website yang dibangun pada generasi pertama ini secara umum dikembangkan untuk pengaksesan informasi dan memiliki sifat yang sedikit interaktif. Berbagai Website seperti situs berita “cnn.com” atau situs belanja “Bhinneka.com” dapat dikategorikan ke dalam jenis ini.

Istilah Web 2.0 pertama kalinya diperkenalkan oleh O’Reilly Media pada tahun 2004 sebagai teknologi Web generasi kedua yang mengedepankan kolaborasi dan sharing informasi secara online. Menurut Tim O’Reilly, Web 2.0 dapat didefinisikan sebagai berikut: “Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk mencapai keberhasilan pada platform baru tersebut. Salah satu aturan terutama adalah: Membangun aplikasi yang mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi pengguna aplikasi tersebut” Berbagai layanan berbasis web seperti jejaring sosial, wiki dan folksonomies (misalnya: “flickr.com”, “del.icio.us”) merupakan teknologi Web 2.0 yang menambah interaktifitas di antara para pengguna Web.

Menurut beberapa praktisi internet Web 2.0 adalah sebuah aplikasi berbasis web (web base) yang memungkinkan penggunanya untuk merancang dan mengatur sebuah website meskipun dengan pengalaman pemograman yang masih sangat minim.


Itulah tadi mengenai Web 1.0 dan Web 2.0, sekarang akan kita lihat perbedaan dari Web 1.0 dan Web 2.0 yaitu sebagai berikut :

WEB 1.0
WEB 2.O
dirancang untuk mengakses infromasi yang interaksinya
hanya satu arah
dirancang untuk mengakses informasi dengan interaksi dua arah
memiliki sifat Read
Bersifat Write and Read
Bersifat interaktif
Internet sebagai platform
mengharuskan pengguna internet untuk datang ke dalam website tersebut dan melihat satu persatu konten di dalamnya
pengguna internet dapat melihat konten suatu website tanpa harus berkunjung ke alamat situs yang bersangkutan
Pelaku utama Perusahaan yang memiliki web saja
Pelaku utama Perusahaan, dan Pengguna/Komunitas

Tabel di atas menunjukkan perbedaan dari Web 1.0 dan Web 2.0, tapi kunci dari perbedaan dalam Web 2.0 dan Web 1.0 adalah keterbatasan pada Web 1.0 yang mengharuskan pengguna internet untuk datang ke dalam website tersebut dan melihat satu persatu konten di dalamnya.Sedangkan Web 2.0 memungkinkan pengguna internet dapat melihat konten suatu website tanpa harus berkunjung ke alamat situs yang bersangkutan.Kemampuan web 2.0 dalam melakukan aktivitas drag and drop, auto complete, chat, voice dapat dilakukan layaknya aplikasi desktop.

Telah kita lihat definisi dan perbedaan dari Web 1.0 dan Web, karena pada fokus kita saat ini adalah membahas Web 2.0, maka sekarang kita akan membahas mengenai teknologi yang digunakan dalam Web 2.0.

Dalam pengaplikasian web, HTML tidak mungkin berdiri sendiri dalam membuat suatu desain yang benar-benar bagus. Oleh karena itu HTML selalu ditemani oleh CSS (Cascading Style Sheet) untuk mempercantik desain, JavaScript untuk membuat tampilan yang dinamis, dan XML (eXtensible Markup Language) yang digunakan untuk mendefinisikan format data . Teknologi penggabungan dari JavaScript dan XML saat ini yang marak disebut dengan AJAX (Asynchorous JavaScript And XML) yang menekankan pada pengelolaan content dalam website

Pada umumnya, Website yang dibangun dengan menggunakan teknologi Web 2.0 memiliki fitur-fitur sebagai berikut:
  • ·         CSS (Cascading Style Sheets)
  • ·         Aplikasi Rich Internet atau berbasis Ajax
  • ·         Markup XHTML
  • ·         Sindikasi dan agregasi data menggunakan RSS/Atom
  • ·         URL yang valid
  • ·         Folksonomies
  • ·         Aplikasi wiki pada sebagian atau seluruh Website
  • ·         XML Web-Service API


Kemudahan berinteraksi antara user dengan sistem merupakan tujuan dibangunnya teknologi Web 2.0. Interaksi tersebut tentunya haruslah diimbangi dengan kecepatan untuk mengakses, oleh karena itu diperlukan suatu bandwith yang cukup untuk loading data. Loading data tersebut dilakukan saat pertama kali membuka situs, data-data tersebut antara lain CSS, JavaScript, dan XML. Salah satu karakteristiknya adalah adanya dukungan pada pemrograman yang sederhana dan ide akan web service atau RSS. Ketersediaan RSS akan menciptakan kemudahan untuk di-remix oleh website lain dengan menggunakan tampilannya masing-masing dan dukungan pemrograman yang sederhana. Adanya kemajuan inovasi pada antar-muka di sisi pengguna merupakan karakter dari Web 2.0. Dukungan AJAX yang menggabungkan HTML, CSS, Javascript, dan XML pada Yahoo!Mail Beta dan Gmail membuat pengguna merasakan nilai lebih dari sekedar situs penyedia e-mail. Kombinasi media komunikasi seperti Instant Messenger (IM) dan Voice over IP (VoIP) akan semakin memperkuat karakter Web 2.0 di dalam situs tersebut.

Nah demikian lah bahasan kita mengenai Web 2.0 Technology. Sekian dan Tri Makasih.

Wassalamu’alaikum, Wr. Wb.

Sumber :



 
/*SYNTAX HIGHLIGHTER*/