Apa itu CSS framwork dan contohnya

Apa itu CSS framework dan beberapa contohnya

Apa itu CSS Framework? Berbicara CSS Framework, tak lepas kaitannya dengan tampilan website. Bisa dibilang, CSS Framework ini merupakan sebuah kerangka kerja yang penggunaannya digunakan untuk standirisasi tampilan desain website, meliputi layout dan tema.

Untuk lebih jelasnya, kita harus tahu dulu pengertian CSS. CSS merupakan singkatan dari Cascading Stylesheet. Berdasarkan Wikipedia, CSS bukanlah sebuah bahasa pemograman tetapi CSS ini serupa aturan yang fungsinya mengatur komponen-komponen web sehingga lebih tersetruktur dan seragam.

Kalau diibaratkan CSS ini serupa dengan aplikasi pengolah kata yang didalamnya berfungsi untuk mengubah bentuk huruf seperti ukuran huruf, kemiringan huruf, dan sebagainya. Bedanya, CSS ini digunakan bukan untuk pengolah kata melaikan sebagai sarana untuk mengubah atau mengatur tampilan halaman web memakai bahasa HTML dan XHTML.

Para pengembang website biasanya terlebih dulu membuat tampilan website dulu dengan kolaborasi antara web desainer dan programmer atau biasa disebut front end. Dan disinilah CSS bekerja. Setelah itu barulah, programmer PHP mengaplikasikan apa yang sudah dibuat CSS atau biasa disebut back end.

Untuk memudahkan pekerjaan pembuatan CSS, maka ada yang disebut dengan CSS Framework. Fungsinya sebagai kerangka kerja agar lebih mudah dalam membuat tampilan website. Tapi perlu diingat, CSS Framework berbeda dengan PHP Framework.

Dalam PHP Framework,pengembang bertugas untuk mempercepat proses pengembangan dari logic bisnis aplikasi. Sementara CSS Framework, pengembang akan lebih mudah dalam pembuatan layout yang rapih, dan tampilan harus dipastikan sempurna jika nantinya situs diakses di berbagai browser atau berbagai perangkat.

Sama seperti PHP Framework yang punya beragam penerbit yang bisa didapatkan siapapun, CSS Framework juga punya banyak penerbit. Yang umum dan populer adalah sebagai berikut.

1. Blueprint CSS

Blueprint CSS termasuk CSS Framework yang cukup lampau. Meskipun sudah lampau tapi CSS Framework ini masih banyak digunakan oleh para pengembang web. Bahkan, boleh dibilang Blueprint CSS ini yang kemudian menginspirasi pengembang untuk menciptakan CSS Framework lain. Boleh lah CSS Framework ini sebagai perintis.

Untuk mengetahui CSS Framework ini lebih lanjut, bisa mengunjungi web http://blueprintcss.org

2. Bootstrap

Bootstrap adalah CSS Framework yang sedang naik daun. Digunakan oleh Twitter dan dibagikan pula oleh situs microblogging tersebut ke umum. Karena itu, CSS Framework ini punya lisensi Free Public Open Source. Lisensi tersbeut memungkinkan para pengembang untuk menggunakan bootstrap untuk berbagai keperluan, termasuk keperluan komersil.

Fitur Bootstrap sudah terbilang lengkap. CSS Framework ini sudah dilengkapi dengan fitur seperti UI, grid system, responsiveness, dropdown menu, dan lain sebagainya. Untuk mengetahui lebih lanjut terkait Bootstrap bisa mengunjungi web http://getbootstrap.com

3. Less Framework

Less Framework hadir sebagai CSS Framework dengan konsep sederhana dan efisien. Hal ini dapat dilihat dari fitur dan tool yang memungkinkan penulisan CSS menjadi lebih sederhana layaknya menulis kode PHP maupun Javascript. Penulisan kode untuk Grid System dan Responsiveness juga dibuat lebih simpel berkat Less Framework ini. Informasi terkait CSS Framework ini terdapat pada situs https://angrycreative.se/less-framework/

4.  Foundation

Zurb, sebuah perusahaan web desain, cukup berkontribusi besar dalam kehadiran CSS framework ini. Berkat mereka, CSS Foundation hadir dengan fitur yang tidak kalah dengan CSS Framework lain. Hal ini dapat dilihat dari berbagai fitur didalamnya yang sudah memenuhi fitur standar sebuah CSS Framework. Informasi terkait CSS Framework bisa didapat dengan mengunjungi web  http://foundation.zurb.com

5. Gumby

Jika menginginkan CSS Framework alternatif Bootstrap, maka Gumby bisa jadi jawabannya. Sebabnya, fitur yang ada di CSS Framework ini terbilang mirip dengan Bootstrap seperti grid system, responsiveness, dan UI.

CSS Framework ini terbilang cukup menarik. Apalagi CSS Framework ini hadir dengan desain yang lebih khas dibandingkan yang lain. Untuk mengetahui CSS Framework ini lebih lanjut, bisa mengunjungi web http://gumbyframework.com

Tentu saja masih banyak CSS Framework lain yang tersebar di internet. Diantara banyaknya CSS Framework itu, Bootstrap menjadi paling populer yang dipilih oleh para pengembang web. Tapi perlu diketahui, tidak semua pengembang web memakai CSS Framework. Ada juga yang tidak menggunakan CSS Framework dan melakukannya secara mandiri atau disebut native.

Contoh program array nilai mahasiswa

PROGRAM ARRAY NILAI MAHASISWA

package array_munif;

/**

 *

 * @author munif

 */

import java.util.Scanner;

public class Array_Munif 

{

    /**

     * @param args the command line arguments

     */

    public static void main(String[] args) 

    {

        Scanner input = new Scanner(System.in);

        int n, jml, nilai[];

        float rata, jumlah = 0;

       

        System.out.println("\n\tPROGRAM NILAI MAHASISWA By MUNIF IF16C");

        System.out.print("\nMasukkan Jumlah Mahasiswa : ");

        n = input.nextInt();

        System.out.println();

        

        nilai = new int[n];

       

        for(int i=0; i<n; i++)

        {       

            System.out.print("Nilai Mahasiswa " + (i+1) + " : ");

            nilai[i] = input.nextInt();

        }

        

        for(int j=0; j<n; j++)

        {

            jumlah = jumlah + nilai[j];

        }

        

        rata = jumlah/n;

        

        System.out.println("\nJumlah Total Nilai \t= "+jumlah);

        System.out.println("Nilai rata-rata kelas \t= " + rata+"\n");

    }

    

}

Contoh soal untuk Array, Type data, Sorting dan Link list dan jawabannya

Contoh Soal type data, Array, Sort, Link List dan jawabannya

1. (Bobot 4)

Bilangan yang mengandung pecahan, sedikitnya harus ada satu digit angka sebelum dan sesudah titik desimal termasuk tipe data?

A. Boolean

B. Integer

C. Longint

D. Riil

E. Char

2.(Bobot 3)

Type data yang tepat untuk menampung nama mahasiswa adalah?

A. Int

B. Real

C. Char

D. Boolean

E. Byte

3.(Bobot 4)

Sekumpulan data yang bertype sama dan diantara data satu dan lainnya dibedakan dengan indeksnya merupakan pengertian dari?

A) Integer

B) Variabel

C) Char

D) Array

E) Boolean

4.(Bobot 2)

Pernyataan yang benar mengenai Array adalah?

A) Type data elemen array boleh berbeda

B) Index array adalah semua bilangan integer

C) Ukuran array dapat diubah

D) Index array dimulai dari 0

E) Index array dimulai dari 1

5. (Bobot 4)

Berikut yang tidak termasuk metode pengurutan adalah?

A) Bubble sort

B) Insertion sort

C) Selection sort

D) Tree sort

E) Binary sort

6. (Bobot 3)

Metode yang dilakukan dengan cara membandingkan dua elemen yang saling berekatan adalah?

A) Insertion sort

B) Bublle sort

C) Selection sort

D) Tree sort

E) Shell sort

7. (Bobot 3)

Teknik sorting yang mengurut data dari bilangan terbesar ke terkecil disebut?

A) Buble sort

B) Ascending

C) Descending

D) Down to

E) Selection

8. (Bobot 4)

Merger sort adalah proses pengurutan data yang dilakukan karena :

A) Adanya kendala kemampuan memory sekunder

B) Adanya kendala dalam pembuatan algoritma

C) Adanya kendala dengan teknik sorting lainnya

D) Adanya kendala kemampuan memory utama

E) Adanya kendala dalam sistem pemrograman

9. (Bobot 2)

Single link list Circular adalah?

A) Ling list yang pointer next nya menunjuk pada dirinya dan lainnya

B) Link list yang pointer next nya menunjuk pada dirinya sendiri

C) Link list yang pointer next tidak menunjuk pada dirinya sendiri 

D) Link list yang pointernya satu buah saja dan satu arah

E) Link list yang pointernya banyak dan satu arah

10. (Bobot 3)

Yang bukan merupakan sifat dari link list adalah?

A) Link list adalah dinamis

B) Penambahan/penghapusan data di link list tidak terbatas

C) Dapat diakses secara sequential

D) Dapat diakses secara Random

E) Penghapusan di link list bisa dimungkinkan

Terimakasih

Semoga contoh soal diatas dapat bermanfaat bagi kita semua,