Hi, I am John doe!

Hello, I'm Admin of weblogtemplates and this is our new blogger template, Foliocard.
It is extremely easy to configure and use. Designed to show your Web design or web development portfolios.
No complex stuff. Your logo, your articles & your social links. Easy stuff!

Assalamu'alaikum

Selamat Pagi Sahabat...

Pagi ini ane akan share sedikit pengalman ketika melakukan proses instalasi windows 7 ke windows 8.1.

Langsung saja, berikut link referensi ane untuk mengatasi masalah tersebut :

  1. http://mastergomaster.com/cara-mengatasi-windows-can-only-be-installed-to-gpt-disks/
  2. http://sihuma.blogspot.com/2014/02/mengatasi-windows-81-cannot-be.html
Ok. sekian dulu terima kasih atas kunjungannya.

Assalamu'alaikum.
Jagn lupa beri komentar ya...

Cara Mengatasi Windows Can Only be Installed to GPT Disks

Anda mungkin pernah bingung bagaimana membuat progress loading untuk website? Tahukah Anda, bahwa banyak sekali penyedia CSS loader yang ternyata sangat mudah digunakan dan cukup menarik. Salah satu Website penyedia CSS Loader adalah CSS Load, pada website ini Anda bisa menemukan loader dalam bentuk text dan mode graphic. Jika Anda tertarik,  berikut langkah sederhana untuk menambahkan Loading Animation ke dalam HTML menggunakan kode dari CSS Loader
Anda bisa memulai dengan mengakses Website CSS Loader. Pada website ini anda akan dibebaskan untuk memilih beberapa Animation Loader yang Anda butuhkan.Ketika telah masuk pada website, maka Anda akan melihat beberapa menu. Berikut penjelasan dari menu tersebut
  • Select your loader: Merupakan tempat pemilihan mode dari loader yang ada. terdapat mode grafik dan mode teks, secara dasar mode yang ditampilkan adalah mode grafik. Untuk mengakses mode text Anda dapat mengakses pada bagian kanan menu.
  • First color: Merupakan warna dasar dari loader yang telah Anda pilih, dan secara otomatis warna akan dirubah menjadi kode warna hexa sehingga Anda tidak perlu melakukan pengubahan secara manual.
  • Second color: Merupakan warna kedua bagi loader yang menggunakan 2 warna
  • Width & height: Ukuran lebar dan luas dari loader yang anda pilih.
  • Speed: Mengatur kecepatan dari kecepatan loader yang sudah anda pilih.
  • Reverse animation: Mengubah putaran animasi yang sebelumnya searah jarum jam, menjadi berlawanan dengan arah jarum jam.
  • get code: Tentu saja mendapatkan code berbentuk css yang bisa anda gunakan pada website anda.
Sedangkan untuk percobaan background, terdapat 4 kotak contoh background pada kotak sebelah kanan. Terdapat pilihan warna hitam, putih, transparan dan bentuk RGB.
Ketika langkah tersebut telah selesai, maka akan muncul pop up kode hasil dari customisasi. Untuk menggunakannya Anda tinggal melakukan copy paste pada kode tersebut. Untuk menggunakannya Anda bisa mulai dengan memisahkan kode tersebut menjadi file HTML dan CSS.

HTML



CSS


Maka akan menjadi seperti berikut.
Anda pun dapat melakukan beberapa pengubahan manual jika memang ingin dan tidak ingin melakukan generate kembali.
  • Untuk merubah warna anda dapat melakukan pengubahan pada class .windows8 .wBall .wInnerBall terdapat kode background Anda bisa mengubah sesuai dengan kemauan Anda.
  • Sedang kan, jika ingin mengubah ukuran dari loader anda bisa memulai dengan mengubah width dan height dari class .windows8 .wBall dengan kebutuhan anda.
From : bisakomputer.com

MEMBUAT ANIMASI LOADING MENGGUNAKAN LOADER

Pernahkah Anda lupa untuk membawa sebuah file dari komputer Anda? Atau hari ini sedang tidak fit untuk pergi ke kantor untuk bekerja? Salah satu solusi dari masalah-masalah tersebut adalah aplikasi yang bernama TeamViewer ini. Melalui tutorial ini, Penulis akan menuntun Anda untuk melakukan setup aplikasi TeamViewer hingga dapat digunakan untuk melakukan remote pada komputer lain.
Sebelum memulai tutorial penggunaan aplikasi ini, Anda dapat mengunduh aplikasi tersebut secara gratis pada situs resmi TeamViewer. Untuk mengunduhnya, klik tautan Download yang ada pada bagian kanan atas situs tersebut, dimana nantinya Anda akan dibawa menuju halaman yang berisi tautan unduhan.
BisaKomputer - Unduh TeamViewer
Setelah proses pengunduhan selesai, jalankan executable file yang sudah selesai diunduh, maka akan
muncul window baru seperti berikut:

BisaKomputer - Pasang TeamViewer
Pada gambar di atas, jika Anda ingin mengubah direktori instalasi program, harap centang kotak yang bertuliskan Show Advanced Setting. Beberapa pilihan metode instalasi dalam Advanced Setting disediakan, baik itu hanya menggunakan komputer Anda untuk instalasi biasa, unattended access (akan dijelaskan nanti), ataupun hanya untuk sekali pakai. Setelah Anda melakukan klik pada tombol acceptfinish, maka Anda hanya perlu menunggu hingga proses instalasi selesai.
BisaKomputer - Proses Pemasangan Team ViewerBegitu proses instalasi selesai, Anda bisa langsung melakukan klik dua kali pada shortcut untuk aplikasi TeamViewer, maka akan muncul tampilan awal dari aplikasi TeamViewer tersebut.
BisaKomputer - Tampilan TeamViewerHal yang pertama akan kita lakukan adalah melakukan pengaturan Unattended Access. Unattended Access adalah sebuah fitur dimana kita tidak perlu mencatat sandi yang terletak di bawah ID kita pada halaman awal dari aplikasi ini, karena dengan setup Unattended Access kita akan memberikan sandi khusus untuk komputer kita. Untuk melakukan hal ini, pertama kita gerakkan kursor ke arah connection, dan dari menu tersebut akan muncul sub menu bertuliskan setup Unattended Access.
BisaKomputer - Setting Unattended AccessSetelah Anda klik sub-menu untuk Setup Unattended Access, Anda akan diminta untuk menamai komputer Anda dan memberikan sandi pribadi seperti pada gambar di bawah ini:
BisaKomputer - Berikan Sandi
Saat Anda selesai memberikan sandi dan menekan tombol untuk melanjutkan, Anda akan diberikan beberapa pilihan seperti berikut:
BisaKomputer - Buat akun TeamViewerPenulis akan menyarankan Anda untuk membuat akun TeamViewer. Hal tersebut dimaksudkan untuk mempermudah Anda jika ada komputer lain yang ingin diakses secara remote, dimana komputer lain itu nanti bisa diakses melalui bagian computer & contacts yang terletak di samping window utama dari aplikasi TeamViewer. Meski begitu, Anda tidak harus membuat akun TeamViewer dan Anda hanya perlu mencatat ID komputer Anda dan mengingat password yang Anda telah berikan seperti pada gambar di bawah ini.
BisaKomputer - Tanpa akun Team ViewerJika Anda membuat akun, maka Anda bisa masuk ke akun Anda lewat window yang ada di samping halaman utama TeamViewer, dan setelahnya akan muncul daftar perangkat maupun komputer Anda di sana, dan klik 2 kali jika ingin melakukan akses pada salah satu ikon.
BisaKomputer - Sesudah masuk ke akunSebelum Anda memulai koneksi, jangan lupa pasangkan juga TeamViewer pada tempat Anda akan mengakses komputer Anda secara remote. Atau jika Anda terlalu malas untuk melakukan instalasi dari awal, Anda bisa juga menemukan TeamViewer Portable pada laman download di situs TeamViewer sendiri.
BisaKomputer - Team Viewer PortableSetelah Anda memulai koneksi, tampilan yang muncul adalah layar komputer Anda yang diakses secara remote. Saat Anda menekan salah satu tombol pada papan ketik Anda, biasanya akan muncul gambar seperti ini:
BisaKomputer - Send Key CombinationWindow pemberitahuan tersebut muncul untuk menanyakan Anda, apakah Anda ingin langsung mengirimkan ketikan Anda pada papan ketik langsung menuju komputer Anda. Ini berarti Anda bisa langsung mengerjakan apapun dari tempat Anda berada. Salah satu fitur dari TeamViewer adalah file transfer, yang sesuai namanya berguna untuk memindahkan atau menyalin berkas dari komputer yang diremote ke komputer Anda, dan sebaliknya. Untuk melakukan ini, cukup tekan menu yang ada bada bar di atas TeamViewer saat koneksi sedang berlangsung.
BisaKomputer - File Transfer

Jika Anda memiliki perangkat dengan sistem operasi Android maupun iOS, Anda juga bisa melakukan akses secara remote dengan menggunakan gawai Anda. Untuk pengguna iOS, TeamViewer bisa diunduh melalui AppStore sementara pengguna Android bisa mengunduhnya melalui Google Play. Untuk cara penggunaannya sendiri, tidak jauh berbeda dengan tutorial yang telah Penulis tulis di atas. TeamViewer merupakan sebuah aplikasi yang gratis, selama hal tersebut tidak digunakan untuk kepentingan komersil seperti sudah dijelaskan pada saat awal instalasi. Karena itulah, penggunaan yang fair amat sangat disarankan.

Featured image diambil dari : http://tj-badar.deviantart.com/
From : bisakomputer.com

TEAMVIEWER UNTUK AKSES FILE MILIK ANDA DI JARINGAN

Render merupakan proses untuk mengubah file project pada After effects menjadi sebuah file lain sehingga dapat dijalankan oleh media lain. Tutorial ini merupakan lanjutan dari tutorial Edit video HD menggunakan Adobe Premiere dan After Effects. Setelah Anda mengetahui cara mengedit video HD maka Anda akan bertanya bagaimana merender hasil video HD? Jika Anda memiliki space hardisk yang besar maka tidak akan bermasalah dengan rendering video dengan kualitas terbaik. Namun bagaimana dengan Anda yang memiliki space hardisk yang tidak begitu besar? Dalam tutorial ini akan membahas bagaimana merender video HD dengan ukuran data yang tidak begitu besar namun kualitas tetap terjaga.
  1. Setelah selesai mengedit video HD di After Effects, pilih Composition > Add toRender Queue atau tekan Ctrl+Shift+/.
    Tampilan Composition > Add to Render Queue
  2. Atur output module pada tab render queue. Ubah format menjadi QuickTime Movie.
    Tampilan Output Module dan Render Queue
  3. Klik format options kemudian akan muncul Compression Setting. Ubah Compression type menjadi photo – JPEG dengan Quality Best.  kemudian klik OK.
    Tampilan Video Output dan Compression Setting
  4. Centang audio output dan ubah menjadi 48.000 Khz. Selanjutnya pilih ok.
    Tampilan Audio Output
  5. Ubah nama dan tempat penyimpanan file sesuai keinginan Anda dengan klik output to> ubah nama dan penyimpanan file.
  6. Langkah terakhir tekan render pada render queue, maka video HD Anda akan melaui proses render.  Mudah bukan?
    Tampilan Render
Itulah tips merender video Hd dengan ukuran data yang tidak begitu besar namun kualitas tetap terjaga. Tak menutup kemungkinan banyak juga cara lain merender video HD.  Berikanlah komentar, bagi Anda yang kurang paham dengan penjelasan diatas

 Sekian dulu, Semoga bermanfaat, Jangan lupa tinggalin komentarnya ya :)


From Blog : http://bisakomputer.com

RENDER VIDEO MENGGUNAKAN AFTER EFFECT



Merancang sebuah website pribadi dengan mempertimbangkan beberapa aspek seperti Layout, Warna, Ukuran File, dan Font sehingga website yang telah dibangun memiliki desain yang baik, Professional, efisien, dan efektif. Tugas ini untuk pemenuhan projek tengah semester mata kuliah desain web.

1. LAYOUT
    GAMBAR 1. LAYOUT
Konsep desain web diatas menggunakan bentuk model “Layout Left Index”. Pnegunjung terbiasa dengan tampilan menu bagian kiri karena mereka akrab dengan tampilan menu system operasi. Dokumen rancangan web diatas memeiliki elemen – elemen sebagai berikut :
  • Header.
    Berisi informasi website. Disini diletakan meu (Navigation). Juga terdapat image slide show.
  • Slideshow Image.
    Untuk menampilkan poto slide.
  • Sidebar.
    Untuk menampilkan menu/navigasi web dan komentar terakhir. 
  • Konten
    Berisi semua konten web (Informasi Website). 
  • Ekstra
    Tambahan seperti sponsored, galeri, atau special link. 
  • Footer.
    Berisi informasi hak cipta website (Copyright/Copyleft).
Setidaknya ada 3 kriteria dasar untuk sebuah layout yang baik, yaitu.
  • It Work (Mencapai Tujuan)
  • It Organizes (Ditata dengan Baik) 
  • It Attract (Menarik bagi pengguna)
Sebuah layout yang baik menyusun elemen-elemen halaman dengan rapi dan mudah diprediksi. Kemudahan prediksi penting agar pembaca / pengguna web tidak perlu berpikir dalam menggunakan web kita. “Don’t Make Me Think” merupakan salah satu prinsip dasar dalam pembuatan antarmuka web dan aplikasi secara general. Salah satu cara untuk membuat halaman lebih mudah diprediksi ialah dengan menggunakan garis pembantu penyusunan elemen, yang dikenal dengan nama “Grid” pada dunia web. Sebagai garis pembantu dalam menyusun elemen, Grid dibuat dalam berbagai bentuk dan ukuran, sesuai dengan keperluan. Penempatan elemen dilakukan di dalam sebuah Grid, ataupun di dalam beberapa Grid. Pemakaian Grid umumnya dilakukan untuk menyusun elemen secara merata. Pada konsep web pribadi ini menggunakan framework 960 grid system untuk mempermudah dalam membangun web.
 
 
 
2. WARNA
     
 
   Warna membantu kita untuk mengenali suatu objek tertentu. Wara membantu memahami sesuatu. Warna dapat membuat perhatian, menarik, menolak, menggemaskan, bahkan bisa mempengaruhi emosi. Warna dapat menimbulkan kesan pertama kepada pengunjung ketika menjelajahi sebuah situs web karena warna adalah hal yang pertama dilihat (terutama warna background). Warna memiliki emosi yang melekat. Gambar diatas adalah konsep warna dari sebuah website pribadi yang terdiri dari beberapa warna. Berikut penjelasan aspek psikologi warna yang diterapkan pada website pribadi ini :


WARNA
MAKNA POSITIF
MAKNA NEGATIF
KETERANGAN
Hijau
Alam, lingkungan, hidup, pertumbuhan, stabil, santai, harapan, segar, simpati, sehat.
Kecemburuan, nasib buruk, iri hari, dengki
Warna hijau tidak terlalu sukses untuk ukuran global.
Biru
Kepercayaan, kesetiaan, pengabdian, ketenangan, kedamaian, ketulusan, kesejukan, konservatif, percaya diri, penyembuhan, adil, berpikir, konsisten
Kesedihan, kedinginan, depresi, basi, keraguan
Banyak digunakan sebagai warna logo bank di Amerika Serikat untuk memberikan kesan ‘kepercayaan’.
Abu –Abu
Modern, cerdas/intelektual, bersih, kokoh, tenang, seimbang, masa depan, bijaksana
Umur tua, kesedihan, bosan, kuno, lamban, lemah.
Warna abu – abu adalah warna yang paling gambang/mudah dilihat oleh mata.
Coklat
Tanah, bumi, alam, natural, netral, hangat, keamanan, perlindungan.
Tumpul, kotor, tandus, miskin, membosankan.
Kemasan makanan di Amerika sering memakai warna coklat dan sangat sukses.
Hitam
Kekuatan, keanggunan, kemewahan, misteri, kecanggihan, kemakmuran, kepuasan, pengalaman, keras, kokoh, sangat kuat.
Kematian, takut, jahat, dosa, kesedihan, duka cita, marah, anonym, penyesalan.
Melambangkan kematian dan kesdihan dibudaya barat. Sebagai warna kemasan, hitam melambangkan keanggunan, kemakmuran dan kecanggihan.
Putih
Kesucian, kebersihan, steril, jujur, kemurnian, kesederhanaan, damai, kebaikan, disiplin, musim
Hampa, klinik, steril
Warna putih melambangkan kematian di cina dan india.
  


4. FONT



San-Serif adalah jenis huruf yag tidak memiliki stroke/ekor. Ujungnya bisa berbentuk tumpul (rounded corner) atau tajam. Contoh jenis huruf ini yang digunakan pada web pribadi ini adalah Open Sans. Jenis huruf yang banyak digunakan. Font ini sangat cocok untuk web dan mobile, sangat mudah untuk dibaca oleh pengunjung. Jenis font yang kita pilih menentukan ketertarikan pengunjung untuk melihat website kita. Typografi sangat penting. Typografi memberikan bentuk dari konten kita.

Bila ingin mendapatkan kesan sederhana atau simple, huruf jenis ini cocok digunakan dengan panduan garis tipis dengan warna yang tidak terlalu mencolok. Untuk menagaskan kata atau judul dari sebuah desain title, huruf ini dapat ditebalkan. Jika ingin menggunakan jenis ini untuk teks utama, imbangi dengan memberikan spasi yang agak lebar pada teks. Huruf sans serif lebih banyak dipergunakan pada layar computer karena sederhana (Tidak mempunyai kait) dan lebih mudah dibaca pada ukuran yang lebih kecil. Tipe font yang digunakan juga mempengaruhi kecepatan load sebuah halaman (Page Load) jika kita banyak menggunakan style dari font maka semakin berat proses load sebuah halaman. Untuk itu perlu pertimbangan dalam menggunakan font.
 




15. UKURAN FILE
Untuk grapik sangat diperlukan dalam sebuah website, karena memiliki beberapa fungsi. Namun jika terlalu banyak menggunakan grafik, bisa jadi website kita akan menimbulkan berbagai masalah. Untuk mengatasi berbagai hal yang tidak diinginkan ketika mendesain web, perlu memerptimbangkan berbagai sudut pandang dalam penggunaan grafik diantaranya :
a.       Menambahkan seperlunya grafik karena bisa menambah waktu ketika pengguna mendownload artikel yang diinginkan.
b.       Mengambil yang terkecil dala hal ukuran fisik dan file.
c.        Tidak menggunakan navigasi dalam bentuk grafik.
d.       Mencantumkan spesifikasi tinggi dan lebar dalam tag.
e.        Mencantumkan nilai border dalam tag.
f.        Menetapkan teks alternative dalam tag.
g.        Menggunakan format png dan jpg untuk poto.
File gambar yang digunakan dalam konsep web pribadi ini menggunakan file gambar berekstensi png dan jpeg. File dan Ukuran gambar tersebut sudah di compress untuk keperluan website.
    
  6. LOADING TIME
Menurut Jeffrey Veen dari webmonkey.com : “kita hanya memiliki 3 detik untuk meyakinkan user untuk tidak menutup window atau pergi ke situs lain. Untuk itu pada website pribadi ini diletakan sesuatu dilayar dalam waktu 3 detik dan membuat sesuatu itu menarik”. Aturan ini diperlunak oleh webpreview, yaitu dengan 8 detik, jika situs web ini mempunyai sebuah image bukan fotografi atau artwork (Dalam artian sebenarnya) yang besarnya 40 kb (satu image).
Asumsi, misalnya kita pilih seting kecepatan koneksi modem pada dreamweaver 56,0 Kilobits per Second. Kecepatan modem dalam satuan kilobits. 8 bits sama dengan  1 Byte. Jadi bila modem memilki kecepatan transfer 56,0 Kbps. Maka besar transfer file :

            Besar Transfer File = 56000 bits : 8 = 7000 Byte atau 7 Kbps

Jadi halaman web yang sebesar 229 kb akan memakan waktu untuk tampil utuh di browser (Menggunakan modem 56,0 kbps)
           
Waktu Untuk Tampil = 229 Kb : 7 Kbps = 33 Second

Untuk itu agar kecepatan loading time lebih baik dan tidak memiliki waktu tunggu yang lama perlu memperhatikan :
·         Menguji coba untuk berbagai kecepatan koneksi.
·         Menggunakan grafik yang berukuran kecil dan menggunakan fasilitas optimize pada program pengolah grafik.
·         Melakukan slicing pada image secara efektif.
·         Menggunakan attribute pada image. Misalnya, width dan height dalam tag <img>. Hal ini akan mempercepat akses karena browser tidak perlu mendeteksi lagi ukuran grafik yang akan ditampilkan dan browser dapat melanjutkan dengan me-load elemen lain sambil menunggu grafik itu tampil.
·         Memanajemen table dengan baik.
·         Menggunakan animasi dan suara sekecil mungkin.
Sebuah situs web yang tampil lebih cepat kemungkinan besar akan kembali dikunjungi, apalagi dengan konten dan tampilan yang menarik. Waktu download memang tidak hanya dipengaruhi oleh desain tapi juga koneksi, server, dll. Namun demikian kita mempertimbangkan desain yang dibuat oleh para desainer.


3 7.  SCREENSHOT

       

Merancang Website Pribadi