Perkembangan dan Jenis-jenis Framework

 

Nama: Andri Nur Insan

Nim: 18.01.013.018

Mata Kuliah: Pemrograman Framework

Dosen Pengampuh: I Made Widiarta, S. Komp. M. M. Inov

A.    Pengertian Framework

Framework adalah fondasi dengan tingkat kerumitan yang ditentukan dan dapat diperluas oleh pemrogram dengan menggunakan kode mereka sendiri termasuk kompiler, juru bahasa, atau API. Secara umum, framework menyediakan lingkungan yang memfasilitasi jenis pemrograman tertentu untuk proyek pengembangan software.

Sebuah framework dalam pemrograman seringkali merupakan struktur berlapis yang menunjukkan program apa yang dapat atau harus dibangun dan bagaimana framework akan saling terkait.

Beberapa framework sistem komputer juga termasuk program aktual, menentukan interface pemrograman, atau menawarkan alat pemrograman untuk menggunakan kerangka kerja. Suatu framework mungkin digunakan untuk sekumpulan fungsi dalam suatu sistem dan bagaimana semuanya saling terkait.

B.     Fungsi-fungsi Framework

·         Kode program lebih terstruktur

·         Membantu kinerja dari developer

·         Meningkatkan keamanan perangkat lunak

Mempercepat dalam pembuatan website

1.      Framework CSS

CSS (Cascading Style Sheet) merupakan bahasa pemrograman yang digunakan untuk membuat tampilan, layout pada HTML agar lebih bagus dan menarik. CSS selalu digunakan untuk tim front end dalam membuat tampilan website. Berikut merupakan beberapa kerangka kerja dari CSS.

·         Boostrap

a.       Pengertian Boostrap

Bootstrap adalah library (pustaka / kumpulan fungsi-fungsi) dari Framework CSS yang dibuat khusus untuk bagian pengembangan fontend dari suatu website. Didalam library tersebut terdapat berbagai jenis file yang diantaranya HTML, CSS, dan Javascript. Hampir semua developer website menggunakan framework bootstrap agar memudahkan dan mempercepat pembuatan website. Karena semuanya sudah ada dalam frameworknya sehingga para develop / pengembang hanya tinggal membuat / menyisipkan class nya yang ingin dipakai seperti membuat tombol, grid navigasi dan lain sebagainya.

Bootstrap telah menyediakan kompulan aturan dan komponen class interface  dasar sebagai modal dalam pembuatan web yang telah dirancang sangat baik untuk memberikan tampilan yang sangat menarik, bersih, ringan dan memudahkan bagi penggunanya. Dan penggunaan bootstrap ini kita juga diberikan keleluasan salama pengembangan website, anda bisa merubah dan menambah class sesuai dengan keinginan.

b.      Sejarah Boostrap

Bootstrap awalnya dibuat dan dikembangkan oleh pekerja / programmer Twitter, yaitu Mark Octo dan Jacob Thornton sejak tahun 2011. Saat itu memang para programmer di Twitter menggunakan berbagai macam tools dan library yang mereka kuasai dan disukai untuk melakukan pekerjaannya, sehingga tidak ada standarisasi dalam penamaan suatu class. Akibatnya sulit untuk dikelola, maka dari itu keduanya membuat suatu tools ataupun framework yang digunakan bersama dilingkukan internal twitter.

Sejak diluncurkan pada bulan agustus 2011, bootstrap telah berevolusi dari proyek yang hanya basis css menjadi sebuah framework yang lebih lengkap yang juga berisi javascript plugin, icon, Forms, dan button.

Pada januari 2012, Bootstrap merealease Versi 2.0 yang didalamnya sudah memasukan fitur responsive layout, dan sejak itu penggunaan Bootstrap sangat banyak sekali sehingga menjadi proyek Github yang sangan banyak di copy hingga 20.000 kali.

Dua tahun setelah itu tepatnya pada bulan agustus 2014 bootstrap kembali mengeluarkan versi terbaru yaitu versi 3.0 yang didalamnya sudah mengakomodasi konsep Mobile first artinya didalam pembuatan dan pengembangan mulai dari layar yang terkecil dahulu (mobile / handphone/ smartphone) dan secara bertahap pada tampilan yang paling besar.

·         Foundation

a.       Pengertian Foundatian

Foundation merupakan CSS framework dari ZURB yang diciptakan pada tahun 2011. Foundation mengklaim bahwa framework ini ditujukan untuk kalangan profesional. Dimana biasanya dibutuhkan untuk pengkodingan HTML email yang membutuhkan tampilan menarik. Foundation juga memiliki hampir semua fitur yang diperlukan sebuah framework, antara lain mudah dibaca, dapat disesuaikan, mobile-first, aksesibilitas yang tinggi, desain yang responsif dan lebih cepat, sehingga mudah untuk merancang situs web dan aplikasi ketika diakses dari perangkat apa saja. 

b.      Sejarah Foundation

Foundation muncul sebagai proyek ZURB untuk mengembangkan kode front-end lebih cepat dan lebih baik. Pada Oktober 2011, ZURB merilis Foundation 2.0 sebagai open source di bawah Lisensi MIT.  ZURB merilis Foundation 3.0 pada Juni 2012, 4.0 pada Februari 2013, 5.0 pada November 2013, dan 6.0 pada November 2015. Tim mulai mengerjakan versi berikutnya dari Foundation for Sites 7 yang kemungkinan besar akan lepaskan dukungan untuk browser lama dan terapkan teknologi yang lebih baru seperti flexbox  atau mungkin sistem grid yang dihitung.

Foundation for Emails, sebelumnya dikenal sebagai ZURB Ink, dirilis pada September 2013.  Foundation for Apps dirilis pada Desember 2014

·         Bulma

a.       Pengertian Bulma

Bulma merupakan open source CSS framework berbasis Flexbox yang sangat modern dan telah digunakan oleh lebih dari 200.000 developers. Hampir sama dengan kebanyakan framework, Bulma memiliki keunggulan framework yang responsif, . Keunggulan lainnya, Bulma sangat membantu memudahkan berbagai hal, karena Bulma memiliki kelengkapan yang sudah tersedia dan siap untuk digunakan. Bulma memiliki kelebihan layout yang kreatif dan variatif pada setiap halaman website, memiliki grid system yang sederhana, sangat mudah dipelajari, sangat cepat jika ingin dikustomisasi, full screen vertical centering,  tidak memerlukan JavaScript, serta memiliki komunitas pengguna yang cukup besar.

2.      Framework Java Script (JS)

JavaScript (JS) merupakan bahasa pemrograman yang digunakan oleh front end dalam membuat tampilan website menjadi lebih interaktif. Website yang kompleks tentu saja harus memberikan performa dan pengalaman yang baik bagi pengguna. Dengan menggunakan JavaScript, maka website akan terlihat lebih dinamis.

JavaScript sendiri merupakan bahasa yang berjalan pada sisi front end dan tergolong dalam bahasa pemrograman tingkat tinggi. Kemudian, dapat berjalan di sisi front end maupun back end. Berikut ini merupakan beberapa framework dari JS.

·         AngularJs

AngularJS merupakan framework JavaScript yang berjalan di sisi client dengan menggunakan pola MVC untuk membuat tampilan website lebih dinamis. Untuk sekarang, AngularJS bersifat open source dan sepenuhnya didasarkan pada HTML dan JavaScript. Yang mana, dapat mengubah HTML statis menjadi HTML yang dinamis.

AngularJS adalah framework software open-source yang digunakan untuk membuat aplikasi single-page berbasis website. Framework ini juga dipakai oleh developer untuk membuat menu animasi di laman web HTML.

Framework ini digagas oleh engineer google, Misko Hevery dan Adam Abrons. Rilis resmi versi pertamanya dilakukan oleh Google pada tahun 2012. Sejak saat itu, AngularJS terus dikembangkan.

Sebenarnya, sebelum era AngularJS, ada banyak cara untuk membuat laman web dinamis. Namun, metode tersebut tidak semudah dan senyaman framework Angular JS.

AngularJS menggunakan arsitektur MVC yang digunakan dalam pengembangan aplikasi berbasis web.

Jenis arsitektur ini terdiri dari:

·         Model – struktur data yang mengelola informasi dan menerima input dari controller.

·         View – representasi informasi.

·         Controller – merespons input dan berinteraksi dengan model.

Dalam konteks Angular JS, model merujuk pada framework, sedangkan view adalah HTML dan control adalah JavaScript.

Sederhananya seperti ini:

·         AngularJS menyatukan JavaScript dan HTML.

·         JavaScript menerima input user dan mengirimkannya ke AngularJS.

·         AngularJS menggunakan input untuk memodifikasi HTML.

 

Dengan disatukannya JavaScript dan HTML oleh framework ini, kode di antara kedua bahasa tersebut akan disinkronkan. Mekanisme ini nantinya memudahkan pekerjaan developer karena meminimalkan kode yang harus ditulis.

·         ReactJS

Merupakan kerangka kerja yang dikembangkan oleh Facebook. ReactJS termasuk dalam library front end yang memungkinkan untuk membuat komponen UI dapat digunakan kembali. Salah satu kelebihan dari React adalah dapat digunakan secara multi platform (website maupun mobile).

3.      Framework PHP

PHP (Hypertext Preprocessor) merupakan bahasa pemrograman tingkat tinggi yang berjalan pada sisi server dan selalu digunakan oleh tim backend. Berikut ini merupakan beberapa framework PHP yang sering digunakan dalam pengembangan website.

·         CodeIgniter (CI)

 

CodeIgniter merupakan framework PHP yang menggunakan arsitektur berbasis MVC. Lebih spesifiknya, pada CI menggunakan komponen yang berbeda untuk mengelola tugas pengembangan website. Keunggulan dari CI terletak pada performanya yang ringan dan dapat diandalkan.

Dikenal karena ukurannya yang kecil (hanya berukuran sekitar 2 MB, termasuk dokumentasinya) CodeIgniter adalah framework PHP yang cocok untuk mengembangkan situs web dinamis. Ia menawarkan banyak modul prebuilt yang membantu membangun komponen yang kuat dan dapat digunakan kembali.

·         Lavarel

Laravel merupakan salah satu framework PHP yang memiliki sintaks yang mudah dipahami dan digunakan. Kemudian, Laravel juga terintegrasi dengan library dan platform pihak ketiga, yaitu AWS (Amazon Web Services). Dan yang paling penting disini, dari segi performa memiliki core yang dapat diandalkan dengan menggunakan add – ons.

Framework ini diperkenalkan pada tahun 2011, Laravel kini telah menjadi framework PHP open-source gratis paling populer di dunia. Karena framework ini dapat menangani aplikasi web yang kompleks dengan aman, dengan kecepatan yang jauh lebih cepat dari pada framework lainnya. Laravel menyederhanakan proses pengembangan dengan memudahkan tugas-tugas umum seperti routing, session, caching dan otentikasi.