Perkembangan (teknologi) Website 2012

Website dan Blog terus berkembang teknologi dan designnya di tahun lalu yang baru Booming di tahun ini. Terus menjadi pembicaraan di tahun ini mulai dari forum, social media network, portal sampai Milis. Dan Interface dengan pengguna semakin interaktif, Design yang menggagumkan, dll.  

Mari kita lihat Design Web yang trend di sekitar tahun 2012 ini, Cikidot :

1.  Web Design yang Atraktif                6.  Touchscreen-oriented website designs

2.  Parallax Scrolling                            7.  CSS3 & jQuery 
3.  HTML5 + PHP framework               8.  Social Media Sharing

4.  Flash yang survive                           9.  Native support for plug-in features

5.  Mobile Device Compatibility             10. Big Images & Photo Backgrounds, Dan lain-lain

Saya akan jelaskan beberapa Trend tersebut :

1. Responsive Web Design (RWD)

     Pada dasarnya Web Design yang responsive menunjukkan bahwa dibuat menggunakan W3C CSS3 media queries + HML5.

     Pada akhirnya kita (Web Development apalagi User) meninggalkan website yang bergaya pasif. Web Design yang tanggap atas permintaan pengguna, bisa di berbagai platform dan

Bisa dijalankan di berbagai browser : 

Dahulunya beberapa website hanya bisa dijalankan/lebih optimal di 1-3 browser bahkan harus di versi tertentu dengan RWD bisa diakses oleh semua browser. Contoh : Web Sitrawimax lebi optimal jika menggunakan Mozilla Firefox 3.

Fiture pada RWD  :      

-  Whiteboard Framework 3.1.2    - Flexible Images    - Filament Group’s Responsive Images

-  Custom Layout Structure  - dll   lebih lengkapnya di http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Example :
 
2. Parallax Scrolling

       Parallax Scrolling merupakan salah satu trend desain web yang mucul sejak 2011 bahkan paling efektif untuk menarik visitor ke website kita daripada tren yang lain. Parallax Scrolling menciptakan rasa kedalaman dari desain website tersebut.

      Diadopsi dari teknik video game yang dituangkan dalam website, Dalam efek paralaks designer web menggabungkan beberapa lapisan untuk menciptakan ilusi 2D maupun 3D dimana latar belakang bergerak lebih lambat daripada latar depan gambar. Hal ini dapat dilakukan dengan bantuan plugin spritely jQuery.       

      Parallax Scrolling ini dapat membuat web bergerak horizontal maupun vertical dan composited satu sama lain, dengan memencet 1 tombol maupun hanya menggerakkan mouse. 

Contoh :             Vertikal                           Horisontal : http://rastapecasadeforro.com.br

      

3. Mobile Device Compability

    Kompabilitas web yang dapat terlihat di handphone, Tab, dan gadget lainnya itu tidak terlepas dari teknologi RWD salah satunya Flexible Images. Flexible Images disini diartikan bentuk/ukuran website tersebut akan menyesuaikan dengan platform atau tempat web tersebut dibuka, dan sangat responsif  terhadap viewports ganda. 
       Bisa dibuka di mobile karena ada aplikasi yang terdapat di gadget tersebut yang mendukung.


Contoh : http://www.mobileawesomeness.com/listings/gallery/twitter/ 
               http://www.taptu.mobi

4. HTML5  + PHP Framework

HTML5 adalah versi terbaru dari HTML (kepanjangan Hypertext Markup Language), kode yang berperan sangat penting pada halaman web. HTML adalah salah satu bahasa pemrograman untuk web selain PHP.


Sebenarnya ada 3 macam kode: HTML, yang menyediakan struktur; Cascading Style Sheets(CSS) yang mengurus presentasi, dan JavaScript yang membuat itu terjadi. 

HTML tercipta pada tahun 1980 IBM berniat membuat website. Sejak tahun  1996, bahasa ini mengalami perkembangan yang cukup pesat. Apalagi setelah W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group) sebagai pengembang utama untuk HTML5 ini.

PHP Framework

   PHP Framework adalah bentuk efisiensi pemrograman PHP pada perkembangan scriptingnya, sehingga memungkinkan bagi programmer untuk bisa mengefisiensikan kinerja mereka, serta mengarah pada efisiensi, efektifitas dan reliabilitas.

      Sebuah Framework dirancang untuk memberikan struktur untuk elemen-elemen umum (database interaksi, logika aplikasi) sehingga kita menghabiskan sedikit waktu penulisan database kode antarmuka atau presentasi lapisan antarmuka dan lebih banyak waktu menulis aplikasi itu sendiri.

      Terdapat banyak framework yang diciptakan oleh berbagai pihak.  

Contoh website yang menggunakan HTML5 :

http://spaghettiphp.org/,   www.kevadamson.com 

5. Native support for plug-in features

Native support for plug-in features sebagai dukungan untuk berbagai aspek 'HTML5 dan teman' meningkatkan dan datang ke browser yang lebih dan platform, kita akan melihat tekanan yang lebih besar untuk dukungan browser asli fitur yang kita digunakan untuk menggunakan plug-in untuk:. akses kamera dan mikrofon dengan HTML5 getUserMedia, dan hal-hal lain lebih jauh, seperti dukungan untuk streaming adaptif multimedia.


Native support ini dapat membuat animasi yang kita buat menjadi menajubkan. Salah satu fiturenya adalah ketika kita maupun user mengklik animasi itu akan melebur menjadi seperti pecahan - pecahan puzzle dan akan kembali secara automatis menjadi semula. Salah satu contoh :           awal       ----->     Ketika sudah di klik 

 

Hasilnya  

 

Bisa dicoba di : http://craftymind.com/factory/html5video/CanvasVideo.html


Referensi  ------>

Secara Umum :

http://webdesignledger.com/tips/web-design-trends-in-2012

http://www.webgranth.com/current-web-design-trends-2011-2012

http://webpagebynumbers.com/web-design-trends-2011-2012

Sumber Responsive Web Design :
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
http://www.netmagazine.com/features/21-top-tools-responsive-web-design
Sumber Parralax Scrolling :
http://en.wikipedia.org/wiki/Parallax_scrolling
http://www.webdesignersblog.net/inspiration/30-mind-blowing-parallax-scrolling-effect-websites/ 
Sumber Mobile Device Compatibility & Native support for plug-in features :
http://www.practicalecommerce.com/articles/2495-Mobile-Compatibility-How-to-Test-a-Website-for-Mobile-Browsers 
http://dev.khairul-syahir.com/wordpress/graphene/features-and-functionalities/native-plugin-support/
 
Sumber Perkembangan HTML5 + PHP Framework :
http://www.techradar.com/news/internet/web/html5-what-is-it--1047393
http://id.wikipedia.org/wiki/HTML5
http://www.phpframeworks.com/news/p/24132/what-is-php-framework

AR (Augmented Reality) dan VR (virtual Reality)

AUGMENTED REALITY

AR adalah augmented reality sebagai penggabungan benda-benda nyata dan maya di lingkungan nyata, berjalan secara interaktif dalam waktu nyata, dan terdapat integrasi antarbenda dalam tiga dimensi, yaitu benda maya terintegrasi dalam dunia nyata.

Sehingga AR dapat menghubungkan data2 dunia maya ke dunia nyata. Manusia dapat melihat benda yang diproyeksikan dari komputer ke suatu benda sehingga terlihat nyata. 
Contoh : Ketika ketika kita membuka suatu buku cerita bergambar, dengan alat itu akan muncul benda-benda yang bergerak secara berurutan sesuai yang telah diatur dalam aplikasinya


Contoh AR terbaru

VIRTUAL REALITY

Virtual reality (VR) atau realitas maya adalah teknologi yang membuat pengguna dapat berinteraksi dengan suatu lingkungan yang disimulasikan oleh komputer (computer- simulated environment), suatu lingkungan sebenarnya yang ditiru atau benar-benar suatu lingkungan yang hanya ada dalam imaginasi. 

Menurut saya Virtual Reality merupakan aplikasi yang membuat kita merasakan berada di dunia nyata, padahal kita sedang berada di dunia maya. Seperti kita main game yang membuat kita harus bergerak seperti yang ada di game dan merasa nyata, yang aslinya kita lagi di dalam game maya. Dengan bantuan alat yang menghubungkan kita dengannya, terutama alat bantu yang sering dipakai adalah kacamata.
Sekarang banyak aplikasi dan bidang-bidang yang menggunakan teknologi VR yaitu kedokteraan, penerbangan, militer dan lain-lain. 


Ini adalah simulasi yang di terapkan di bidang militer.

Contoh aplikasi Virtual Reality 

Pengaplikasiaan di game
 
 Penyedia layanan teknologi AR yang saya dapat maupun ketahui antara lain :
- Layar                    - ARSights
- Total Immersion     - Tinmith

Sistem Virtual Reality

Beberapa sistem virtual reality canggih yang sekarang digunakan meliputi informasi sentuh, biasanya dikenal sebagai umpan balik kekuatan pada aplikasi berjudi dan medis. Pemakai dapat saling berhubungan dengan suatu lingkungan sebetulnya atau sebuah artifak maya baik melalui penggunaan alat masukan baku seperti papan ketik dan tetikus, atau melalui alat multimodal seperti sarung tangan terkabel, polhemus boom arm, dan ban jalan segala arah. Dalam praktek, sekarang ini sangat sukar untuk menciptakan pengalaman realitas maya dengan kejernihan tinggi karena keterbatasan teknis atas daya proses, resolusi citra, dan lebar pita komunikasi. Bagaimanapun, pembatasan itu diharapkan untuk secepatnya diatasai dengan berkembangnya pengolah, pencitraan, dan teknologi komunikasi data yang menjadi lebih hemat biaya dan lebih kuat dari waktu ke waktu.

 
Sumber : 
http://harymulyadi.wordpress.com/2009/11/26/pengenalan-simulation-virtual-reality/ 
http://eko-romadhoni.blogspot.com/2011/10/pengertian-ar-vr-dan-rfid.html

Bab.9 Manusia dan Harapan

1. Manusia dan Harapan

     Setiap manusia mempunyai harapan. Manusia yang tanpa harapan, berarti manusia itu mati dalam hidup. Berhasil atau tidaknya suatu harapan tergantung pada usaha orang yang tersebut. Harapan bisanya berpengaruh sedikit kepada masa depan.

     Harapan berasal dari kata harap yang berarti keinginan supaya sesuatu terjadi. 
Jadi, Harapan dapat diartikan sebagai menginginkan sesuatu yang dipercayai dan dianggap benar dan jujur oleh setiap manusia dan harapan agar dapat dicapai. Dibantu dengan doa kepada tuhan.

Contoh :

Seorang mahasiswa yang berwiraswata yang rajin. Pantas dia berharap usahanya menjadi besar dan maju sejak mulai digarap.

2. Persamaan Harapan & Cita-cita.

Terdapat persamaan antara harapan dengan cita-cita. Yaitu sama-sama menginginkan sesuatu di masa depan/sekarang. Perbedaannya harapan tidak terlalu muluk yang diharapkan, sedangkan Cita-cita harus setinggi bintang( Karena bila itu meruapakan sesuatu yang kemungkinan besar dapat tercapai, itu adalah kenyataan).

3. Penyebab Manusia Mempunyai Harapan.

Menurut kodratnya manusia itu adalah mahluk sosial. Setiap Lahir ke dunia langsung disambut dalam suatu pergaulan hidup, yakni di tengah suatu keluarga atau anggota masyarakat lainnya.

Ada dua hal yang mendorong manusia bergaul dengan dengan manusia lain sehingga memunculkan harpan. Yaitu dorongan kodrat dan dorongan kebutuhan hidup.

Dorongan Kodrat.

      Kodrat ialah sifat, keadaaan, atau pembawaan alamiah yang sudah terjelma dalam diri manusia sejak manusia itu diciptakan oleh Tuhan.

            Dorongan kodrat menyebabkan manusia mempunyai keinginan atau harapan, misalnya menangis, tertawa, bergembira, dan sebagainya. Kodrat juga terdapat pada binatang, Dalam diri manusia masing-masing sudah terjelma sifat, kodrat pembawa dan kemampuan untuk hidup bergaul, hidup bermasyarakat atau hidup bersama dengan manusia lain.

Dengan Kodrat ini, maka manusia mempunyai harapan.

Dorongan kebutuhan Hidup.

      Sudah kodrat pula bahwa manusia mempunyai bermacam-macam keebutuhan hidup. Untuk memenuhi semua kebutuhan itu manusia bekerja sama dengan manusia lain. Hal ini disebabkan, kemampuan manusia sangat terbatas, baik kemampuan fisik/jasmaniah maupun kemampuan berpikirnya.

       Manusia Abraham Maslow sesuai dengan kodratnya harapan manusia atau kebutuhan manusia itu ialah :

a) Kelangsungan Hidup (survival)

b) Keamanan (Safety)

c) Hak dan kewajiban mencinatai dan dicintai (be loving and love)

d) diakui lingkungan ( status )

e) perwujudan cita-cita ( self actualization).

Kelangsungan hidup (survival)

      untuk melangsungkan hidupnya manusia membutuhkan sandang pangan dan papan. setiap bayi begitu lahir di bumi menangis, ia telah mengharapkan diberi makan/minum.

Keamanan.

Setiap orang membutuhkan keamanan. Sejak seorang anak lahir ia telah membutuhkan keamanan. Sejak lahir kita telah membutuhkan keamanan. Walaupun secara fisik keadaanya dalam bahaya, keyakinan bahwa tuhan memberikan perlindungan berarti sudah memberikan keamanan yang diharapkan.

Hak dan kewajiban mencinatai dan dicintai.

        Tiap orang mempunyai hak dan kewajiban. Bila seorang telah menginjak dewasa, maka ia merasa sudah dewasa, sehingga sudah saatnya mempunyai harapan untuk dicintai dan mencintai.

diakui lingkungan

Setiap manusia membutuhkan status.

4. Pengertian Kepercayaan

Kepercayaan adalah dasar pribadi subyektif untuk perilaku individu, sedangkan kebenaran adalah sebuah negara tujuan independen dari individu, misalnya, fakta.

Ada sebuah uacapan, yang sering kita dengar :
- Ia tidak percaya pada diri sendiri
- Saya tidak percaya ia berbuat seperti itu atau berita itu kurang dapat dipercaya
- Bagaimana juga kita harus percaya kepada pemerintah.

Dari contoh diatas, bahwa dasar kepercayaab itu adalah kebenaran.

 Dalam hal beragama tiap-tiap orang wajib menerima dan menghormati kepercayaan orang yang beragama itu. Dasarnya ialah keyakinan masing-masing.

5. 3  Teori Kebenaran.

    
Kebenaran merupakan kunci kebahagian manusia. Itulah sebanya manusia selalu berusaha mencari mempertahankanm memperjuangkan kebenaran.

1.)  Teori Pragmatis

       Kebenaran suatu pernyataan harus bersifat fungsional dalam kehidupan praktis.

       Menurut teori ini proposisi dikatakan benar sepanjang proposisi itu berlaku atau memuaskan. Apa yang diartikan dengan benar adalah yang berguna (useful) dan yang diartikan salah adalah yang tidak berguna (useless).

2)  Teori Koherensi atau konsistensi

     Teori kebenaran koherensi adalah teori kebenaran yang didasarkan kepada kriteria koheren atau konsistensi. Suatu pernyataan disebut benar bila sesuai dengan jaringan komprehensif dari pernyataan-pernyataan yang berhubungan secara logis.  Dan dianggap benar bila peryataan itu koherensi dengan peryataan-peryataan sebelumnya yang dianggap benar.

Contoh : Setiap Manusia punya pengalaman. Tori manusia. Tori akan merasakan pengalaman tentang apapun.

3)  Teori Korespondensi

     Teori kebenaran korespondensi adalah teori yang berpandangan bahwa pernyataan-pernyataan adalah benar jika berkorespondensi terhadap fakta atau pernyataan yang ada di alam atau objek yang dituju pernyataan tersebut.

6. 4 jenis kepercayaan.

Dasar Kepercayaan adalah kebenaran. Sumber kebenaran adalah manusia. Kepercayaan itudapat dibedakan atas :

1. Kepercayaan pada diri sendiri

2. Kepercayaan kepada orang lain

3. Kepercayaan kepada pemerintah

4. Kepercayaan kepada Tuhan.

7. Usaha2 Manusia untuk Meningkatkan Kepercayaan.

kepercayaan kepada tuhan, yaitu meyakini bahwa manusia diciptakan oleh tuhan dan manusia harus bertakwa pada tuhannya. Salah satu cara bertakwa adalah mengukuhkan imannya bahwa tuhan merupakan zat yang merupakan kebenaran mutlak.

Usaha itu antara lain :

a) Meningkatkan ketaqwaan kita dengan jalan meningkatkan ibadah.
b) Meningkatkan pengabdian kita kepada masyarakat.
c) Meningkatkan kecintaan kita kepada sesama manusia dengan jalan suka  menolong, dermawan, dan sebagainya.
d) mengurangi nafsu mengumpulkan harta yang berlebihan.
e) menekan perasaan negatif seperti iri, dengki, fitnah, dan sebagainya.

Sumber :

MKDU : Ilmu Budaya Dasar

ocw.gunadarma.ac.id/ilmu-budaya-dasar/manusia-dan-harapan.html

http://bunyamingunadarma.wordpress.com/2010/03/27/manusia-dan-harapan

http://id.shvoong.com/humanities/philosophy/2095574-pengertian-kepercayaan

Opini :

Setiap manusia pasti punya harapan, karena itu manusia dan harapan selalu berhubungan hampir setiap saat. Hampir apapun keadaan yang sedang terjadi, sedang apa , dll. Seperti saat naik kereta, main game, dibagikan nilai, apa lagi jika kendaraan yang sedang dinaiki lagi bermasalah. Dia akan meminta yang tebaik untuk kesalamatan dia.

Harapan ada yang besar maupu yang kecil. Jika harapan itu kecil atau menengah maka masih disebut harapan, jika termasuk yang besar disebut cita-cita. Semakin besar cita-cita harus semakin besar juga usaha yang dilakukan. Karena Allah SWT mengucapkan " Man zadda wa jadda ", siapa yang bersungguh-sungguh maka akan setimbal balasanya. Bahkan ketika manusia itu usahanya kuat walaupun tidak mengenal tuhan, Kemungkinan besar harapannya terkabul. Tapi lebih baik lagi setelah berusaha tinggal menyerahkannya ke Tuhan.