LPKIA Pemograman Web 3MI3

LPKIA Pemrograman WEB 3 MI-3 : Jenis Framework PHP

. Yii Framework

Secara statistik, saat ini Yii Framework adalah framework terbaik di kalangan para developer web. Ini adalah generasi framework PHP berikutnya. Faktor utama yang membuat Yii di posisi teratas adalah fitur yang dimiliiknya dan lebih cepat dari Codeigniter Framework dan Zend Framework. Dari saat menginstal Yii, Anda telah mendapatkan website yang sempurna dan mengesankan yang semuanya berjalan secara otomatis. Yii juga dilengkapi dengan berbagai fitur untuk tugas umum seperti CRUD (creating, reading, updating and deleting atau menciptakan, membaca, memperbarui dan menghapus).

URL: http://www.yiiframework.com/
Dokumentasi: http://www.yiiframework.com/doc/
Download: http://www.yiiframework.com/download/

2. Codeigniter Framework

Saat ini, Codeigniter juga merupakan pilihan yang baik untuk para pengembang php. Codeigniter relatif mudah dipelajari. Fitur bersahabat, Codeigniter adalah framework kerja yang kuat seperti Zend dan Cake. Tujuan utama adalah untuk memungkinkan Anda mengembangkan proyek-proyek lebih cepat dari yang Anda bisa, dengan menyediakan satu set perpustakaan (library) untuk tugas yang sering dikerjakan, serta antarmuka yang sederhana dan struktur logis untuk mengakses perpustakaan. CodeIgniter memungkinkan Anda kreatif dan fokus pada proyek Anda dengan meminimalkan jumlah kode yang dibutuhkan untuk tugas yang diberikan.

URL: http://www.codeigniter.com/
Dokumentasi: http://codeigniter.com/user_guide/
Download: http://codeigniter.com/downloads/

3. Zend Framework

Zend adalah PHP Framework kuat yang lebih aman, dapat diandalkan dan memungkinkan Anda untuk membangun aplikasi Web 2.0 & layanan web lainnya. Framework ini awalnya dibangun oleh PHP. Zend diperkaya dengan API dari vendor terkemuka seperti Google, Amazon, Yahoo, Flickr, dll yang membuatnya pilihan bagi bisnis besar.

Sebenarnya Zend memiliki kelebihan yang cukup banyak dan bisa dikatakan sebagai PHP Framework yang baik. Zend kuat, cepat dan terukur. Permintaan untuk para pengembang Zend (Zend developer) sangat besar dan Anda bisa mengetahui bahwa menggunakan Zend adalah seperti memiliki jaminan bahwa Anda tidak akan pernah kehilangan pekerjaan.

URL: http://framework.zend.com/
Dokumentasi: http://framework.zend.com/docs/
Download: http://framework.zend.com/download/

4. CakePHP Framework

CakePHP adalah framework populer untuk pengembangan aplikasi web. Sederhana untuk belajar yang menyediakan struktur dasar organisasi, menjaga seluruh aplikasi Anda konsisten dan logis. Ia bisa menangani setiap aspek, dari permintaan awal pengguna sampai ke rendering akhir dari suatu halaman web. Dan karena CakePHP Framework mengikuti prinsip MVC, yang memungkinkan Anda untuk dengan mudah menyesuaikan dan memperpanjang sebagian besar aspek aplikasi Anda.

URL: http://www.cakephp.org
Dokumentasi: http://book.cakephp.org/2.0/en/index.html
Download: https://github.com/cakephp/cakephp/archives/2.1

5. Symfony Framework

Symfony adalah framework php lengkap yang dirancang untuk mengoptimalkan pengembangan aplikasi web. Untuk pemula, ini dapat memisahkan aturan aplikasi web bisnis, logika server, dan tampilan presentasi. Symfony memiliki banyak alat (tools) dan class yang ditujukan untuk memperpendek waktu pengembangan sebuah aplikasi web yang kompleks.

Symfony seluruhnya ditulis dalam PHP. Telah diuji secara menyeluruh di berbagai dunia nyata, dan sebenarnya digunakan untuk permintaan tinggi website e-business. Hal ini kompatibel dengan sebagian besar mesin database yang tersedia, termasuk MySQL, PostgreSQL, Oracle, dan Microsoft SQL Server. Symfony berjalan pada platform Unix dan Windows.

URL: http://www.symfony-project.com/
Dokumentasi: http://www.symfony-project.org/doc/1_4/
Download: http://symfony.com/download#legacy

LPKIA Pemrograman WEB 3 MI-3 : Apa itu Compass & Sass ????

Selama ini kita mengenal CSS dan merasa nyaman menggunakannya, CSS sudah kita anggap sebagai pasangan hidup dari HTML. Sebagaimana kita tahu bahwa fungsi CSS adalah membuat tampilan website kita kelihatan elegan. namun sekarang ada Compass & Sass . apa itu Compass & Sass ??? kita bahas sekarang .

Apa itu Sass?

Sass (Syntactically Awesome Stylesheets) adalah sebuah pengembangan dari CSS3 dengan menambahkan nested rules, variables, mixins, selector inheritance, dan banyak lagi. dia menerjemahkan css dengan struktur yang lebih baik.

Apa kelebihan Sass?

CSS yang dihasilkan akan rapi dan mudah di mengerti.
Otomatis akan berjalan dengan baik di setiap browser.
Hasil output CSS akan lebih terstruktur.

Variable

Kita bisa mendivinisikan sebuah variable dan memenggilnya pada baris dimanapun kita butuhkan, juga kita bisa menggunakan perhitungan matematika sederhana.

Variable

Kita bisa mendivinisikan sebuah variable dan memenggilnya pada baris dimanapun kita butuhkan, juga kita bisa menggunakan perhitungan matematika sederhana.

/* .scss */

$blue: #3bbfce;

$margin: 16px;

.content-navigation {

  border-color: $blue;

  color:

    darken($blue, 9%);

}

.border {

  padding: $margin / 2;

  margin: $margin / 2;

  border-color: $blue;

}

Ketika di compile maka akan menjadi

/* CSS */

.content-navigation {

  border-color: #3bbfce;

  color: #2b9eab;

}

.border {

  padding: 8px;

  margin: 8px;

  border-color: #3bbfce;

}

Nesting

Jika kita pakai Sass maka akan memungkinkan kita menulis baris kode yang bertingkat dengan hasil compile yang rapi dan mudah di pahami

/* .scss */

table.hl {

  margin: 2em 0;

  td.ln {

    text-align: right;

  }

}

li {

  font: {

    family: serif;

    weight: bold;

    size: 1.2em;

  }

}

ketika di compile maka akan menjadi

/* CSS */

table.hl {

  margin: 2em 0;

}

table.hl td.ln {

  text-align: right;

}

li {

  font-family: serif;

  font-weight: bold;

  font-size: 1.2em;

}

Mixin

Mixin lebih bagus dari Variable yang memungkinkan kita menggunakan kembali potongan kode css. misalkan jika kita banyak menggunakan rounded corner, maka tinggal dibuatkan sebuah mixin dan bisa kita panggil/pakai berulang.

/* .scss */

@mixin table-base {

  th {

    text-align: center;

    font-weight: bold;

  }

  td, th {padding: 2px}

}

@mixin left($dist) {

  float: left;

  margin-left: $dist;

}

#data {

  @include left(10px);

  @include table-base;

}

ketika di compile maka akan menjadi

/* CSS */

#data {

  float: left;

  margin-left: 10px;

}

#data th {

  text-align: center;

  font-weight: bold;

}

#data td, #data th {

  padding: 2px;

}

Selector Inheritance

Dengan selector inheritance kita dapat menggunakan properties yang sama dan membedakannya tanpa duplikasi css.

/* .scss */

.error {

  border: 1px #f00;

  background: #fdd;

}

.error.intrusion {

  font-size: 1.3em;

  font-weight: bold;

}

.badError {

  @extend .error;

  border-width: 3px;

}

ketika kita compile maka akan menjadi

/* CSS */

.error, .badError {

  border: 1px #f00;

  background: #fdd;

}

.error.intrusion,

.badError.intrusion {

  font-size: 1.3em;

  font-weight: bold;

}

.badError {

  border-width: 3px;

}

Dan masih banyak lagi fitur dari Sass yang layak kita gali.

Apa itu Compass

Compass adalah sebuah CSS Framework Open Source yang menggunakan bahasa Sass Stylesheet untuk membuat gaya penulisan stylesheet lebih powerful & mudah. Compass juga menyediakan sejumlah module dan mixin untuk membantu mengintegrasikan pola desain yang populer di web. Compass juga mendukung X-Browser CSS3 mixins: Rounded Corners, Gradients, Box Shadow, Text Shadow, dll.

Cara Install Compass & Sass

Pastikan komputer Anda sudah terpasang Ruby,

Install Sass

Buka Terminal.app atau windows command dan ketikkan

windows
gem install compass

Mac / Linux
sudo gem install compass

jika proses installasi berjalan baik maka akan tampil kira-kira seperti ini

$ sudo gem install compass

Fetching: sass-3.1.3.gem (100%)

Fetching: compass-0.11.3.gem (100%)

Successfully installed sass-3.1.3

Successfully installed chunky_png-1.2.0

Successfully installed fssm-0.2.7

Successfully installed compass-0.11.3

4 gems installed

Dari sini Anda sudah berhasil install compass sass.

Membuat Project dengan Compass Sass

pada terminal ketikkan
compass create namafolder

Maka akan menghasilkan file seperti dibawah ini
struktur-project-sass-compass

KRITIK DAN SARAN BAGI MATAKULIAH PEMOGRAMAN WEB

Ass.

saya ucapkan terimakasih banyak kepada dosen pemograman yaitu bapak Yogiek Indra Kurniawan yang telah memberikan ilmu nya kepada kami . kritik yang bisa saya berikan yaitu apabila menjelaskan bisa lebih detail dan tidak terburu buru sehingga kami dapat mengikuti setiap materi yang diberikan. mungkin hanya itu kritik yang bisa saya berikan untuk matakuliah ini .

saran yang saya berikan untuk matakuliah ini yaitu :

1. berikan lebih banyak kasus yang dapat menstimulasi kinerja otak sehingga tidak terlalu santai

2. berikan nilai tambah atau point untuk nilai tambahan bagi mahaiswa yang dapat mengerjakan kasus dengan cepat sehingga mahasiswa lebih semangat dalam mengerjakan kasus yang diberikan

mudah mudahan kritik dan saran yang telah saya berikan bisa bermanfaat bagi matakuliah ini selanjutnya .

Terima Kasih

Wilda Dewi Aripin
3310023
3MI-3

Thursday, July 11, 2013

LPKIA Pemrograman WEB 3 MI-3 : Jenis Framework PHP

LPKIA Pemrograman WEB 3 MI-3 : Apa itu Compass & Sass ????

Apa itu Sass?

Apa kelebihan Sass?

Variable

Variable

Nesting

Mixin

Selector Inheritance

Apa itu Compass

Cara Install Compass & Sass

Install Sass

Membuat Project dengan Compass Sass

KRITIK DAN SARAN BAGI MATAKULIAH PEMOGRAMAN WEB