Berkenalan dengan Metro UI



Beberapa bulan yang lalu saya mencari referensi tema user interface untuk proyek aplikasi berbasis web skripsi saya. setelah googling sana-sini, akhirnya bertemu dengan salah satu UI bertemakan  metro yang menurut saya sangat mumpuni untuk membantu saya dalam mengerjakan proyek saya yang satu ini.





Contoh tampilan fluent menu


Metro UI adalah sebuah framework bertema metro yang diciptakan oleh seorang web developer senior dari negeri balkan (Ukraina), Bung Sergey Peminov. Dengan dibantu rekan-rekannya yang luar biasa, ia membuat framework yang powerfull ini dan membagikannya secara gratis. framework ini dibangun dengan menggunakan LESS. di dalam framework ini sebagaimana framework web yang lain, telah di-include-kan berbagai macam fasilitas yang biasanya digunakan dalam membuat sebuah proyek web.
Adapun fasilitas yang ada di dalam metro ui css ini adalah sistem grid, form dan input, menu, dan lain sebagainya. anda bisa langsung mengunjungi halaman website metro ui css di https://metroui.org.ua/.

berikut ini adalah beberapa fasilitas unggulan yang disediakan oleh framework Metro UI CSS ini.

1. Fluent Menu

2. Accordion
Tampilan accordion yang tidak kalah kerennya dengan yang ada di framework lain

3. Notifikasi
Contoh Notifikasi


4. Datepicker
Datepicker


5. Tab Control
Tab Control


6. dan masih banyak lagi

bagi teman-teman yang ingin berkesperimen dengan framework yan satu ini, silahkan unduh di website-nya https://metroui.org.ua/. 

ini adalah proyek web yang saya sedang saya buat dengan bantuan framwork Metro UI CSS ini.
Proyek dengan bantuan Metro UI CSS


Sekian artikel ini, semoga bisa bermanfaat untuk kalian. jangan lupa kasih komentar dan testimoni kamu di kolom komentar yaa... :-)

Terima Kasih...

Posted in | Leave a comment

Flat Design. Seni minimalis yang memukau

Januari... februari... maret... april..

berbulan - bulan saya tidak lagi menulis postingan di blog saya satu - satunya ini. cukup memprihatinkan, saat yang lain berlomba untuk bisa meng-increase SEO-nya, blog ini malah asik bertengger di urutan paling bawah pencarian google.

tapi, ya sudahlah.. now here i am, have something to write. kali ini untuk membuat blog ini kembali dihiasi tulisan dan postingan, ane mengangkat topik "Flat Design" yang saat ini merupakan design yang lagi booming. 

Flat Design

Yang punya IPhone disini pasti tahu apa itu flat design. yang sering menggunakan Bootstrap untuk design website juga pasti tahu apa itu Flat Design ya, flat design adalah sebuah kreasi design yang bergaya datar minimalis dengan kombinasi dan corak warna yang ciamik. Flat Design mulai booming setelah Windows 8 diluncurkan. tapi sebenarnya beberapa perusahaan telah menggunakan design ini bahkan sebelum Windows 8 lahir. perusaahaan yang telah menggunakan Flat design contohnya seperti Google dan Facebook.

Keunikan dari Flat design adalah tidak berusaha untuk menampilkan tampilan dengan wujud nyata / 3D. meskipun banyak juga yang tidak terlalu menyukai design ini, namun penggunaan flat design sebenarnya dapat lebih maksimal untuk menyampaikan pesan dari suatu konten karena audience tidak terganggu dengan embel - embel seperti tekstur, shadow, dan lain sebagainya.

berikut ini contoh tampilan flat design

Google


Apple I-phone


website yang menggunakan flat design

KASKUS.co.id

microsoft.com


Contoh Layout website


gimana? keren bukan?
tetapi semua pemilihan design kembali lagi kepada selera masing - masing pengguna maupun desainer, karena setiap orang punya selera yang berbeda - beda. 

sekian dulu postingan FLAT DESIGN kali ini, semoga dapat menjadi referensi untuk menjadi pertimbangan agan / wati sekalian dalam memilih design yang cocok untuk produk/kreasinya.

Selamat berkreasi gan...
Wassalam

1 Comment

Sistem Informasi Asrama dengan Visual Studio 8

sudah banyak jaring laba - laba semenjak saya lupakan blog ini untuk beberapa bulan terakhir. maaf ya blog. halo, hai, horas, kawan - kawan. kangen sekali rasanya tidak menulis lagi untuk kawan - kawan. but now, i'm back. (yaaayy). ada alasan kenapa saya sempat menghilang dari peredaran, mungkin karena saya sibuk sama tugas besar. dan untuk itulah saya menulis lagi. yakni ingin berbagi apa yang saya kerjakan beberapa waktu belakangan.

kali ini saya ingin membagikan source code Sistem informasi Asrama, for free, of course. semoga bisa membantu yang lagi butuh referensi buat proyek sistem informasi.

banyak basa-basi kayaknya, ya. ok then, nih saya bagikan link downloadnya.
(NB:its in dropbox)
Source Code Sistem Informasi Asrama

any comment, please email me at rmocin@gmail.com

Sekian dulu ya dari saya, semoga ada manfaatnya. bon voyage

Leave a comment

Koneksi Database MySQL dengan Java

Selamat siang semua. kali ini saya akan berbagi bagaimana cara mengkoneksikan MySQL dengan Java (Netbeans) yang baru 10 menit yang lalu saya terima dari dosen saya di kelas Pemrograman.

Hal yang pertama kita lakukan adalah dengan membuat database di Server MySQL dikomputer anda. saya tidak akan membahas secara detail pembuatan database. saya akan membahas database apa saja yang akan digunakan  dalam tutorial kali ini. untuk tutorial Sistem basis data, silahkan baca Tutorial Database MySQL.

CREATE DATABASE pemrog2;
USE pemrog2;
CREATE TABLE mahasiswa (id int(3) primary key auto_increment, nama varchar(30), ipk double, jurusan varchar(20));

langsung saja simak script dibawah in :
import java.sql.*; // import dahulu semua paket java.sql
public class sisteminformasi { //buat class sisteminformasi
    public void queryKeDatabase(){ //buat method queryKeDatabase
        try{
            Class.forName("com.mysql.jdbc.Driver").newInstance(); //memanggil driver jdbc
            Connection conn = DriverManager.getConnection("jdbc:mysql://localhost/pemrog2?user=root&password="); //membuat koneksi dengan nama database pemrog2, user : root dan tanpa password
            Statement st = conn.createStatement(); //membuat objek Statement
           ResultSet rs = st.executeQuery("select * from mahasiswa"); //membuat perintah sql
            while(rs.next()){
                System.out.print("id = " + rs.getString(1)+" ");
                System.out.print("nama = " + rs.getString(2)+" ");
                System.out.print("ipk = " + rs.getString(3)+" ");
                System.out.println("jurusan = " + rs.getString(4));
            }
        }catch(Exception eee) {
            System.out.println("Error terjadi" + eee);
        }
    }
}
Coba di jalankan di netbeans anda.

Nah, sekian dulu postingan kali ini. untuk yang belum ngerti dan ingin tanya-tanya, silahkan tinggalkan komentar. Semoga bermanfaat.

Posted in | Leave a comment

Search

Swedish Greys - a WordPress theme from Nordic Themepark. Converted by LiteThemes.com.