10 Aturan Mendesain Aplikasi Web Berbasis iPad : 5. Atur ukuran viewport

Atur Ukuran Viewport

Viewport adalah area Persegi yang menentukan bagaimana konten akan ditampilkan dan bagaimana paragraf tulisan akan dibentuk pada halaman web anda. Viewport berbeda antara komputer dan iPad. Pada iPad (safari) tidak terdapat jendela browser, Scrool bar dan button resize. Sehingga anda harus mengatur dimensi viewportnya agar konten anda tidak tampil berantakan. Untuk mengatur dimensi dari viewport, anda cukup menambahkan kode meta markup berikut pada tags <meta> halaman web anda:

<meta name = "viewport" content="width=device-width"/>

READMORE - 10 Aturan Mendesain Aplikasi Web Berbasis iPad : 5. Atur ukuran viewport

10 Aturan Mendesain Aplikasi Web Berbasis iPad : 4. Gunakan Teknik HTML5 dan CSS3

Gunakan Teknik HTML5 dan CSS3

Untuk membuat button menu dan elemen web sederhana lainnya anda bisa memadukan teknik gradient, font shadow, rounded box dan border dar CSS3. Sedangkan jika ingin membuat apps sederhana yang seolah - olah berjalan seperti objek flash, anda bisa menggunakan teknik HTML5. Tutor tentang Teknik - teknik ini bisa anda dapatkan dengan mudah di pencarian google.

READMORE - 10 Aturan Mendesain Aplikasi Web Berbasis iPad : 4. Gunakan Teknik HTML5 dan CSS3

10 Aturan Mendesain Aplikasi Web Berbasis iPad : 3. Tanpa Flash

Nah, disini yang kita bicarakan adalah Tanpa Flash

Anda harus tahu bahwa saat ini iPad belum bisa sepenuhnya menampilkan obyek Flash Sepenuhnya. Sepeninggalnya Steve Jobs (RIP), Memang hubungan antara Adobe dan Apple semakin membaik. dan kemungkinan dimasa mendatang, Flash akan secara otomatis bisa ditampilkan pada iPad. Namun sambil menunggu saat itu terjadi, Lebih baik jangan dulu memasang objek flash di web anda. Jika anda bisa, anda dapat menggantinya dengan perpaduan teknik HTML5 san CSS3.

READMORE - 10 Aturan Mendesain Aplikasi Web Berbasis iPad : 3. Tanpa Flash

10 Aturan Mendesain Aplikasi Web Berbasis iPad : 2. Tanpa Cursor

Nah, disini yang kita bicarakan adalah Tanpa Cursor

Perbedaan yang mencolok antara kita browsing melalui komputer dan iPad adalah Pointer. Pada komputer, Anda bisa menggunakan cursor. Namun pada iPad, anda harus menggunakan jari anda. Artinya event cursor pada css anda, seperti mouseover dan hover, tidak mungkin di jalankan.

READMORE - 10 Aturan Mendesain Aplikasi Web Berbasis iPad : 2. Tanpa Cursor

10 Aturan Mendesain Aplikasi Web Berbasis iPad : 1. Resolusi

Nah, Yang kita bicarakn disini adalah Resolusi

Resolusi layar pada iPad Adalah 768 x 1024 px, jadi ciptakanlah desain anda pada resolusi tersebut. Anda mungkin akan mendapati kalau resolusi tersebut bisa menyulitkan pada bagian tipografi anda. Sebab huruf yang tampil dilayar iPad san monitor PC anda tidak sama besarnya. Namun, Untuk menyiasatinya dengan menyimpan mock up dari desain web anda. Kemudian membukanya pada "iPad Photo Viewer" untuk menemukan layout dan tipografi yang pas.

READMORE - 10 Aturan Mendesain Aplikasi Web Berbasis iPad : 1. Resolusi

10 Aturan Mendesain Aplikasi Web Berbasis iPad

iPad adalah salahs atu media yang harus anda perhitungkan. Sebab antusiasme masyarakat terhadap media ini begitu besar. Sejumlah analyst bahkan berani memprediksikan kalau di penghujung tahun 2011, media tablet ini akan terjual hingga 45 juta unit di seluruh dunia.

Dengan jumlah tersebut, bayangkan betapa besarnya target market baru yang daoat anda tembak untuk website anda. Itulah sebabnya anda harus secepatnya membuat web dengan versi iPad. nah, kali ini saya akan coba share bagaimana aturan - aturan yang harus anda ketahui jika ingin mulai membuat web berbasis iPad :

1. Resolusi
2. Tanpa Cursor
3. Tanpa Flash
4. Gunakan Teknik HTML5 dan CSS3
5. Atur ukuran viewport
6. Kontrol Scroll anda dengan iScroll
7. Kustomisasi ikon "Add to Home Screen"
8. Kompabilitas
9. Resdirect user berdasarkan perangkat yang digunakan
10. CSS untuk setiap orientasi yang berbeda.

Nah, Untuk Mengetahui penjelasan lebih rinci tentang setiap aturan, bisa langsung klik aja satu persatu peraturan diatas, untuk pejelasan urutan 6 sampai 10 kita lanjut besok yah.. Semoga berguna. Salam Mahmudamma!

READMORE - 10 Aturan Mendesain Aplikasi Web Berbasis iPad

Thermaltake V3 BlacX Edition

Thermaltake merilis PC-Case mid tower terbaru dengan seri V3 BlacX Edition. PC-Case seri ini merupakan hasil pengembangan seri V3 Black Edition yang di kenalkan pada tahun 2009. Perbedaan dengan seri terdahulu yang bisa dilihat sekilas mungkin adanya punuk pada bagian depan atas yang ditujukan untuk docking HDD/SSD SATA 2,5"/3,5".

V3 BlacX Edition ini memiliki dimensi 473 x 190 x 155,6 mm dengan bobot kosong 4,8 kg. Thermaltake mendesain PC-Case ini dengan warna hitam untuk semua bagian luar dan dalam. mempunyai front panel berupa mesh yang dilengkapi dengan I/O panel yang terdiri atas 1 Port USB 3.0, 1 port USB 2.0, dan jack audio '9 mic dan speaker). Terdapat 3 bay berukuran 5,2", 1 bay ukuran 2,5", dan 4 internal bay berukuran 3,5". Untuk sistem pendinginan. pada V3 BlacX Edition terdapat sebuah fan 120 mm berkecepatan 1000rpm dengan LED biru pada bagian belakang.

Info : www.thermaltake.com

READMORE - Thermaltake V3 BlacX Edition

PowerColor Devil 13 HD 6970

Desain Devil yang serasi dengan warna merah dan hitam

PowerColor memperkenalkan graphic card terbaru keluarannya untuk kalangan atas dengan nama Devil 13 HD 6970. Nama "Devil" yang dipakai sangat serasi dengan perpaduan warna merah hitam pada graphic card ini. Devil 13 HD 6970 didesain dengan dual BIOS dan heatsink yang akan menghabisakan hingga dua slot PCI.

Devil 13 HD 6970 dibuat dengan menggunakan chipset Cayman XT atau yang lebih dikenal dengan Radeon HD 6970. PowerColor mendesain graphic card barunya ini dengan 12-phase power, direct FET, kapasitor Proadlizer, Titik pembacaan voltase, dan dua fanberukuran 92 mm sebagai pendingin. Terdapat pulla empat heatpipe 8 mm yang dilengkapi dengan LED untuk memberikan kesan yang bersinar.

Devil 13 HD 6970 memiliki processor Stream 1536 yang berjalan pada clock 880MHz yang dapat ditingkatkan menjadi 960MHz dengan menggunakan BIOS kedua. Memory 2 GB GDDR5 berjalan pada 5500 MHz, Mendukung CrossfireX, mempunyai 2 DVI, 2 miniDP, dan 1 HDMI. Devil 13 HD 6970 dijual dengan seperangkat obeng dalam box yang menarik berwarna hitam.

Info : www.powercolor.com

READMORE - PowerColor Devil 13 HD 6970

AMD Siapkan Opteron 3200

Tidak mendukung multi-processor namun unggul dalam optimalisasi daya

AMD dikabarkan sedang mmempersiapkan versi hemat daya dari processor seri Opteron setelah AMD menghadirkan seri Opteron 6200 dan di ikuti dengan hadirnya seri 4200. Processor baru dari AMD ii akan memiliki kode nama Opteron 3200. Opteron 3200 di persiapkan dengan arsitektur yang sama dengan kedua pendahulunya di atas, Bulldozer. yang sedikit membedakannya adalah desain yang lebih dioptimalkan untuk penggunaan daya.

Seri 3200 ini kemungkinan tidak akan memiliki dukungan terhadap multi-processor seperti seri - seri terdahulu. Meskipun demikian, Opteron 3200 memiliki kelebihan tersendiri, yaitu memiliki TDP yang rendah untuk ukuran processor server.

Opteron 3200 akan hadir dalam tiga model, yakni Opteron 3250 EE, 3260 EE dan 3280HE. Seri 3250 EE dan 320 EE memiliki empat inti dengan kecepatan 2,5 GHz dan 2,7 GHz, serta TDP 45W. Seri tertinggi dari processor ini adalah Opteron 3280 HE dengan 8 inti dan L3 cache 3MB, emiliki kecepatan 2,4 GHz dengan TDP maksimal 65 w. Kemungkinan Opteron seri 3200 ini menggunakan socket AM3+ seperti yang digunakan pada AMD FX Series.

Info : www.cpu-world.com
Harga : $114.45 hingga $263.12

READMORE - AMD Siapkan Opteron 3200

Cooler Master Silent Pro Hybrid

Memiliki fitur untuk mengontrol kecepatan fan

Coller Master menghadirkan Silent Pro Hybirid, jajaran PSU terbaru milinya. Silent Pro Hybrid berdesain full modular, memiliki sertifikasi 80Plus Gold dan memungkinkan pengguna dapat mengontrol kecepatan putar fan melalui alat berukuran 5'25" dengan pilihan auto/manual, sebuah knob speed untuk fan PSU, dan dua knob speed yang bisa mengontrol hingga tiga sistem fan.

Dengan spesifikasi 80Plus Gold, PSU ini di klaim mampu menghasilkan tingkat efisiensi hingga lebih dari 90%. Desain PSU ini telah disesuaikan dengan standar ATX12V v2.3 dan EPS v2.92, menggunakan komponen PFC aktif, mendukung hingga 4way SLI/ CrossfireX. Selain itu, PSU ini juga menggunakan Dual Protection, Singgle rail 12 v, terdapat sebuah fan 135 mm Hydraulic Dynamic Bearing untuk pendingin, dan memiliki beberapa teknologi yang bertujuan meningkatkan efisiensi dan performa pendinginan PSU ini, seperti Hybrid Transformer dan Hyper Path.

PSU ini diklaim mampu bertahan hingga 100.000 jam MTBF dan digaransi selama lima tahun. Cooler Master memberikan beberapa perkiraan harga, yaitu $199.99/199.99 untuk kapasitas 1050 w dan $299.99/299.99 Untuk kapasitas 1300 w. Untuk kawasan Asia dan Amerika, PSU ini tersedia mulai bulan ini.

Info lebih lanjut dapat anda baca di : www.coolermaster.com

READMORE - Cooler Master Silent Pro Hybrid

BIOSTAR T-Series TA990FXE

sudah mendukung processor dengan socket AM3+

BIOSTAR Group memperkenalkan salah satu varian motherboardnya untuk mendukung kehadiran processor terbaru dari AMD dengan socket AM3+, TSeries TA990FXE. MotherBoard baru ini lebih ditujukan untuk memenuhi tuntutan kalangan penggemar game dan Overclock.

BIOSTAR TA990FXE Dibuat dalam ATX form-factor dengan chipset AMD 990FX pada Northbridge yang di kombinasikan dengan southbridge SB950. BIOSTAR TA990FXE ini di lengkapi dengan 4 slot DDR3 DIMM dan mendukung dual channel DDR3 memory sampai 16 GB, slot tambahan termasuk 3 slot PIC-E 2.0 dengan kombinasi (x16/x16/x4) dan 2 slotPCI serta sebuah PCI-E x1 2.0. Disamping itu, BIOSTAR TA990FXE juga dilengkapi dengan 5 koneksi untuk harddisk SATA3 6 Gbit/s yang mendukung SATA RAID 0,1,5, dan 10, terdapat pula 3 port USB 3.0, 6 port USB 2.0, Firewire IEEE 1394a, 10/100/1000 Mbit/s LAN, dan 8-chanel HD audio.

Info lebih lanjut dapat anda baca di : www.techpowerup.com

READMORE - BIOSTAR T-Series TA990FXE