My Blog

Showing posts with label blog. Show all posts

YUK! Nostalgia with Framework CodeIgniter

Posted by My Blog 1 comments Labels: blog

Duh ngomongin soal Framework ini kayaknya angker banget yah. Udah tua bgt dari gue masih awam sampai nenek2 gini. akhirnya bisa posting judul ini. jangan salah loh walau framework ini framework tertua sepanjang sejarah PHP tapi menurut gue yang paling cangih dan terkeren masih framework ini meskipun sekarang denger2 banyak framework baru yang bermunculan seperti Laravel, AngularJS dkk. hihi iya ngomong gtu karena belum sempet ngulik. yuk qta ulik sama sama lagi nih dicobain satu satu cussss.

1.Framework CodeIgniter
CodeIgniter merupakan aplikasi sumber terbuka yang berupa framework PHP dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat mudah dibandingkan dengan membuatnya dari awal.

2.Framework Laravel
Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT, dibangun dengan konsep MVC (model view controller). Laravel adalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu.

3.Framework AngularJS

Membangun Aplikasi Android menggunakan Aplikasi Hybird dengan Framework Phonegap

Posted by My Blog 3 comments Labels: blog, coretan

Apakah kalian tau sekarng membuat aplikasi Android itu mudah sekali, tidak menggunakan bahasa pemprogramman C/JAVA melaui kode HTML pun kita dapat membangun aplikasi mobile.

Pengertian Aplikasi Hybird dan Native, Aplikasi Hybird

Aplikasi Native adalah Aplikasi yang di buat dan ditanam (install) langsung didalam device, menggunakan bahasa pemrograman yang selayaknya digunakan untuk membuat aplikasi tersebut. Misalnya, untuk membuat Android apps menggunakan Java dan SDK milik Android, dan iOS menggunakan Objective-C dan SDK iOS.

Aplikasi Hybird adalah Aplikasi mobile yang dibuat dan ditanam (install) langsung didalam device, menggunakan bahasa pemrograman website YANG DIGABUNG dengan bahasa pemrograman yang selayaknya digunakan utuk membuat aplikasi pada device yang dituju. Maksud dari “MENGGABUNG BAHASA PEMROGRAMAN” disini adalah, aplikasi inti dibuat dengan menggunakan bahasa pemrograman web, sedangkan untuk beberapa fitur yang tidak bisa dijalankan menggunakan bahasa pemrograman web, akan ditulis dalam bahasa pemrograman yang sesuai dengan device tujuan. Jadi intinya hybrid apps itu menggabungkan web apps dengan native apps dan dibundle menjadi 1 package dan ditaro lah di store. Jadi butuh proses instalasi, beda dengan mobile web yang biasanya. Berikut skema ilustrasinya.

Langkah - langkah Pembuatan Aplikasi Android:
1. Download Adobe Dreamveawer 6
Tools ini digunakan untuk mempermudah dalam mengatur desain HTML,CSS.
2. Download Database
Tool ini digunakan untuk menyimpan data bisa menggunakan MYSQL, SQLITE, MSSQL

Setelah Aplikasi Mobile berstruktur web tersebut selesai, langkah selanjutnya adalah mengubah file tersebut kebentuk apk dengan cordova yang sudah tersedia berupa framework yang sangat terkenal yaitu Phonegap.

Apa sih Framework Phonegap itu?
Framework Phonegap merupakan framework canggih yang dapat dipakai oleh web developer untuk membuat suatu aplikasi mobile. Dengan basis pemrograman HTML5, CSS, maupun Javascript.

Dengan menggunakan Framework Phonegap kita dapat dengan mudah mengubah struktur web tersebut menjadi apk dan hanya tinggal mengganti splash screen pada tampilan awal mobile saja.

Pada tulisan saya selanjutnya akan saya tulis step by step pembangunan aplikasi hybird phonegap yah.
Sampai jumpa pada tulisan saya dilain waktu^^

Beautiful Navigation CSS dock menu on your blogger

Posted by My Blog 0 comments Labels: blog, TulianBebas

Add the navigation CSS dock menu on your blogger If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.

Here I will show you how to implement it to your blogger page.

1. Please Login your blogger acount

2. Template , Edit Html
3. Save This CSS before ]]> section:

    /* ---------------

    Menu navigasi CSS Mac  Dock top with jQuery


    ---------------------------------- */

    /* dock - top */

    .dock {

        position: relative;

        height: 50px;

        text-align: center;

    }


    .dock-container {

        position: absolute;

        height: 50px;

        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY_5pXCgK7b0PSQymZI0B4kbI3hBca3S_OjtdZRgncHSMVCYVLhD7DNQs_Dn-CB9S_ZmBsYr9QHoUCR_T2Dk38qIZcdUREnFTYRdro90IKVOy6cJPYjL9IR2mkqfGH5v5btet5OYIBIFs/s1600/dock-bg2.gif);

        padding-left: 20px;

    }

    a.dock-item {


        display: block;

        width: 40px;

        color: #000;

        position: absolute;

        top: 0px;

        text-align: center;


        text-decoration: none;

        font: bold 12px Arial, Helvetica, sans-serif;

    }

    .dock-item img {

        border: none;

        margin: 5px 10px 0px;

        width: 100%;


    }

    .dock-item span {

        display: none;

        padding-left: 20px;

    }



    /* dock2 - bottom */

    #dock2 {


        width: 100%;

        bottom: 0px;

        position: relative;

        left: 0px;

    }

    .dock-container2 {

        position: absolute;


        height: 50px;

        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivx_f6GdaG59RYjzGRzlj0SmJ7GFXH7fNAoG8hdIZDIXunNK08HQY39Rn-t-Fw99LdSbHFxgzWnVQ3QZmFFet1SJ0GMjyT1T4kkRR3aeiflwLBfAvKyES1f8UUVP_q1EBIPsERDKD5SHU/s1600/dock-bg.gif);

        padding-left: 20px;

    }

    a.dock-item2 {

        display: block;

        font: bold 12px Arial, Helvetica, sans-serif;


        width: 40px;

        color: #000;

        bottom: 0px;

        position: absolute;

        text-align: center;

        text-decoration: none;


    }

    .dock-item2 span {

        display: none;

        padding-left: 20px;

    }

    .dock-item2 img {

        border: none;


        margin: 5px 10px 0px;

        width: 100%;

    }

4. Save this java script before section:

5.Now put this script before section:

6. Save Template 7. How to add this menu to Html (Posting, Template Or Gadget), put this code: CSS Dock Top Menu :