Thursday, 26 June 2014

Versi Terbaru Android "L" Bakal Dilancarkan

Pada acara tahunan Google (Google I/O) baru-baru ini , salah satu perkara yang menjadi fokus utama adalah beberapa perkara baru mengenai Android. Versi baru mereka akan hadir tidak lama lagi, dan untuk membolehkan para pembangun bersedia dengan aplikasi mereka, Google mengumumkan Android “L” Developer Preview.


Rekaan Antaramuka Baru – Material Design


Android “L” dilihat akan membawakan perubahan dari segi antaramuka. Google memanggilnya sebagai “Material Design”, dimana merupakan salah satu usaha untuk menyelarikan rekaan antaramuka pada pelbagai saiz peranti, dan juga untuk memberikan pengalaman pengguna yang selari pada aplikasi dan web.

Untuk menjayakan perkara ini, Google turut membuat perubahan pada muka-taip yang digunakan pada Android “L”, disamping menawarkan beberapa kesan animasi untuk digunakan oleh para pembangun.







Notifikasi Di Lockscreen

Notifikasi pada Android boleh dikatakan agak baik jikalau dibandingkan dengan beberapa platform operasi yang lain. Pada Android “L”, pihak Google turut memberikan fokus dan menambah-baik sokongan notifikasi untuk menjadikannya lebih menarik.



Salah satu pembaharuan adalah pengguna kini turut dipaparkan dengan notifikasi walaupun pada aplikasi dengan skrin penuh – seperti permainan, video dan sebagainya.

Disamping itu, pihak Google dilihat turut membawa notifikasi ke lockscreen melalui Android “L”, dimana pengguna boleh melihatnya, ataupun swipe sesuatu notifikasi ke sebelah kanan untuk memadamkannya.


Personal Unlocking Dan Sekuriti

Dengan Google yang turut membawa Android ke peranti boleh-pakai, salah satu fungsi baru yang diperkenalkan adalah “Personal Unlocking”. Melaluinya, ia memastikan telefon atau tablet anda berada di lokasi yang selamat, dan mengoptimasikan lockscreen bersesuaian dengannya.


Sebagai contoh, sekiranya anda memakai jam tangan pintar yang dihubungkan ke peranti, dan ingin mengakses peranti, anda boleh mengaksesnya terus, dan sekiranya sebaliknya, anda akan dipaparkan dengan skrin untuk memasukkan kod akses anda.

Selain menggunakan peranti boleh-pakai, Google turut mengatakan sokongan Personal Unlocking turut akan menyokong dan mengambil kira beberapa perkara lain, termasuk kedudukan anda melalui geolokasi (berdasarkan lokasi yang sering dilawati anda), rangkaian WiFi yang dihubungkan dan beberapa perkara lain.

Untuk sekuriti pula, pihak Google membawakan beberapa pembaharuan melalui Android “L”, termasuk salah satunya adalah Factory Reset Protection yang memudahkan pengguna nyah-aktifkan peranti mereka yang hilang atau dicuri, dan juga sokongan Universal Data Protection yang membolehkan pengguna mengawal data-data yang dikongsikan mereka seperti geolokasi dan sebagainya.


Multi-Tasking Kini Recents

Rekaan untuk bahagian multi-tasking turut dikemaskini melalui Android “L”, dimana pihak Google didapati memanggil butang multi-tasking sebagai “Recents”.


Daripada apa yang ditunjukkan, pengguna dipaparkan dalam bentuk rekaan Cards, dimana pengguna boleh swipe untuk melihat dari satu aplikasi ke aplikasi lain.

Disamping itu, pihak Google turut melangkah setapak kehadapan dengan mengumumkan yang mana setiap tab pada Chrome juga akan dipaparkan dalam bentuk Cards berbeza, sekaligus memudahkan proses multi-tasking anda.


Peningkatan Prestasi Dan Bateri

Android “L” juga akan menyaksikan pihak Google beralih sepenuhnya daripada penggunaan Dalvik kepada ART, yang mana secara tidak langsung membawa kepada peningkatan penggunaan prestasi secara keseluruhan, termasuk membawakan sokongan grafik yang lebih baik. Bersama-sama pengenalan ART, pihak Google turut membawakan sokongan 64-bit ke platform Android secara rasminya.



Untuk bahagian bateri pula, Google dilihat hadir dengan Project Volta, memberikan pembangun lebih kawalan untuk mengoptimasikan penggunaan bateri ketika aplikasi mereka digunakan. Untuk pengguna umum pula, pihak Google menyediakan sebuah fungsi baru yang sedia terdapat pada kebanyakkan peranti utama hari ini, iaitu Battery Saver Mode.

Selain daripada pelbagai pengenalan ini, Google turut dilihat bukan berhenti dengan Android untuk peranti mudah-alih sahaja, tetapi sebaliknya membawa ia ke pelbagai platform lain – termasuk untuk kaca televisyen melalui Android TV, untuk kenderaan melalui Android Auto, dan untuk peranti boleh-pakai melalui Android Wear. Google juga turut dilihat mengintegrasikan Android ke Chromebook dengan lebih baik, termasuk mengatakan Chromebook akan menyokong aplikasi Android tidak lama lagi.

Apa pun, ini boleh dikatakan hanya sebilangan kecil daripada fungsi-fungsi baru yang dibawakan oleh Android “L”. Google mengatakan lebih 5000 API baru tersedia melalui Android “L”, dan mungkin kita akan dapat melihat sebahagian daripadanya apabila mendapat akses untuk Android “L” Developer Preview.

Sumber

Saturday, 21 June 2014

Jam Pintar Apple IWatch Dilancarkan Oktober Ini



Sebelum khabar angin mengenai iPhone 6 mula kedengaran, Apple iWatch merupakan peranti yang hangat disebut dan dengan majlis WWDC juga berlalu tanpa sebarang berita mengenai peranti iPhone, iPod mahupun iWatch, kami pasti bulan oktober akan menjadi bulan dimana iPad dan iWatch dilancarkan manakala pelancaran iPhone 6 diadakan sebulan lebih awal.

Laporan terbaru yang mengatakan iWatch akan dilancarkan pada bulan Oktober adalah berdasarkan maklumat daripada pembekal komponen serta sumber terdekat Apple namun sedikit berlainan disini adalah, iWatch dikatakan akan dilancarkan bersama-sama iPhone pada bulan Oktober. Walaubagaimanapun, kebiasaanya, iPhone akan dilancarkan pada bulan September.

Sumber juga berkata bahawa iWatch akan mempunyai skrin paparan melengkung OLED dan mampu mengukur data seperti, glukosa darah, pembakaran kalori, waktu tidur dan tahap oksigen didalam darah. Jam pintar ini juga dikatakan akan menyimpan data cap jari daripada Touch ID iPhone pengguna. Apple menyasarakan untuk menjual 3 hingga 5 juta unit iWatch sebulan.

iWatch juga dikatakan akan beoperasi menggunakan iOS8 dan Apple juga akan menyertakan aplikasi HealthKit .

Sumber

Thursday, 12 June 2014

Tutorial Membuat Widget 'Social Follow Us' v1

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options " dan klik " Layout ".


3. Pada halaman Layout, klik " Add a Gadget " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.


4. Cari HTML/Javascript dan klik butang tambah.


5.  Copy (CTRL+C) kod javascript dibawah:
<style>
.sidebarRight{float:right;display:block;width:330px;background:#fff;margin:7px 0;padding:0 1% 7px 1%}
h2.box-title{width:100%;padding:10px 3px;margin-bottom:10px;border-bottom:1px solid #e5e5e5}
h2.box-title a{font-size:17px;line-height:1em;font-weight:700;color:#007197;margin-right: 12px}
#social-buttons{width:100%;overflow: hidden;margin:10px 0}
.a-social{float:left;width: 46%;margin: 1%;padding: 1%;
background: none repeat scroll 0 0 #EEEEEE;
-moz-box-shadow: 0 1px 0 #FDFDFD inset;
-webkit-box-shadow: 0 1px 0 #FDFDFD inset;
box-shadow: 0 1px 0 #FDFDFD inset}
.a-social.facebook, .a-social:hover.facebook .social-slide{background: #3873ad}
.a-social.google, .a-social:hover.google .social-slide{background: #f73c28}
.a-social.twitter, .a-social:hover.twitter .social-slide{background: #62c6f8}
.a-social.rss, .a-social:hover.rss .social-slide {background: #f18421}
.a-social i {
display: block;
font-size: 20px;
font-family: FontAwesome;
color: #FFFFFF;
font-style: normal;
width: 40px;
height: 40px;
line-height: 40px;
margin: 15px auto 2px;
text-align: center;
border: 2px solid #fff;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%}
.social-container{
position: relative;
color: #FFFFFF;
font-size: 15px;
font-weight: 600;
height: 45px;
line-height: 45px;
overflow: hidden;
text-align: center;
width: 100%}
.social-slide, .a-social i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out}
.social-slide{height: 45px;position: absolute;top: -35px;width: 100%}
.icon-facebook:before{content:"\f09a"}
.icon-twitter:before{content:"\f099"}
.icon-google-plus:before{content:"\f0d5"}
.icon-rss:before{content:"\f09e"}
.social-slide:after{
position: absolute;
display: block;
width: 100%;
height: 10px;
border-left: 2px solid #EEEEEE;
bottom: 0;
content: ""}
.a-social:hover .social-slide{top: 0}
.facebook_c{position: relative;top:5px;}
.twitter_c {position: relative;top:5px}
.google_c{position: relative;top:5px}
.rss_c{position:relative;top:-10px}
.rss .IN-widget, .button1 iframe {position: relative;top: -5px}
.twitter iframe{width: 134px !important}
.google #___plusone_0{width: 60px !important}
.a-social.rss{margin-right: 0}
</style>
<div class='sidebarRight'>
  <h2 class='box-title'><a>FOLLOW US</a></h2>
<div id="social-buttons">
<div class="facebook a-social">
    <i class="icon-facebook"></i>
    <div class="social-container fb">
        <div class="social-slide">
            <div class="facebook_c">
                <iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/faiz.tutorial&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:81px; height:21px;" allowtransparency="true"></iframe>
            </div>
        </div>
        Facebook
    </div>
</div>

<div class="twitter a-social">
    <i class="icon-twitter"></i>
    <div class="social-container tw">
        <div class="social-slide">
            <div class="twitter_c">
                <a href="https://twitter.com/faizal_ahmad91" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-via="mariuCSS"></a>
                <script>
                    ! function (d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0],
                            p = /^http:/.test(d.location) ? 'http' : 'https';
                        if(!d.getElementById(id)) {
                            js = d.createElement(s);
                            js.id = id;
                            js.src = p + '://platform.twitter.com/widgets.js';
                            fjs.parentNode.insertBefore(js, fjs);
                        }
                    }(document, 'script', 'twitter-wjs');
                </script>
            </div>
        </div>
        Twitter
    </div>
</div>

<div class="google a-social">
    <i class="icon-google-plus"></i>
    <div class="social-container tw">
        <div class="social-slide">
            <div class='google_c'>
                <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
                <div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/102149587857352560756" data-rel="publisher"></div>
            </div>
        </div>
        Google+
    </div>
</div>

<div class="rss a-social">
    <i class="icon-rss"></i>
    <div class="social-container tw">
        <div class="social-slide">
            <div class="rss_c">
<p><a href="http://feeds.feedburner.com/Faiz-tutorial"><img src="http://feeds.feedburner.com/~fc/Faiz-tutorial?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p>
            </div>
        </div>
        Rss Feed
    </div>
</div>

</div>
<div class='clear'></div>
</div>

KETERANGAN:
  • + https://www.facebook.com/faiz.tutorial - Gantikan dengan link/url fan pages Facebook anda.
  • + https://twitter.com/faizal_ahmad91 - Gantikan dengan link/url Twitter anda.
  • + https://plus.google.com/102149587857352560756 - Gantikan dengan link/url Google+ anda.
  • + http://feeds.feedburner.com/Faiz-tutorial - Gantikan dengan link/url Feedburner anda.
  • + Faiz-tutorial  - Gantikan dengan link/url ID Feedburner anda.
  • + [PERHATIAN] Sekiranya button counter Feedburner tidak terpapar dengan betul, sila login ke akaun Feedburner anda [KLIK SINI] ---> Klik Nama blog anda (Jika tiada, daftarkan blog anda pada feedburner terlebih dahulu) ---> Klik tab Publicize ---> Klik FeedCount ---> Klik Activate (Sekiranya belum diaktifkan) ---> Copy kod HTML yang diberi  ---> Gantikan dengan kod diatas yang di 'highlight dengan warna OREN.
6. Paste (CTRL+V) pada ruang Content.

7. Seterusnya klik " Save " dan lihat la hasilnya