Article Sidebar

Download
PDF
Statistic
Read Counter : 1573 Download : 1132

Main Article Content

Abstract

ABSTRAK Peredaran tablet PC dan smartphone sudah tidak dapat dibendung lagi. Hampir setiap orang telah memilikinya. Peredaran yang luar biasa tersebut tentunya dipicu oleh inovasi yang dibuat oleh Apple saat mereka merilis iPad ke pasaran. Dan kini, teknologi tersebut tak henti-hentinya berkembang dan dipercaya telah menjadi salah satu dasar utama dalam evolusi PC ke depannya. Dalam dunia web development, dengan semakin meningkatnya penggunaan smartphone dan tablet ini, maka pembuatan web yang mobile – friendly juga semakin penting. Hampir semua klien khususnya perusahaan-perusahaan besar menginginkan situs mereka dapat diakses dengan baik di tablet dan smartphone. Situs responsif adalah suatu pendekatan teknologi yang menganjurkan pengembang situs web harus merespon kepada lingkungan dari pengguna berdasarkan ukuran layar, platform dan orientasi pengguna. Secara teknik pengembang situs web harus dapat memanfaatkan perpaduan antara flexible grids layout, gambar dan optimalisasi penggunaan CSS media queries. Misalnya pengguna beralih dari laptop ke iPad, maka situs tersebut harus secara otomatis berubah tampilan untuk mengakomodasi tampilan sesuai resolusi, ukuran gambar, dan kemampuan scripting. Dengan menggunakan teknologi ini kini para web developer tidak perlu membuat sebuah situs dalam dua versi (versi desktop dan mobile) bahkan situs responsif dapat menyesuaikan tampilan dengan gadget-gadget terbaru.

Kata kunci :, PC, Tablet, Laptop,Touch Pad, Portable, Stylus.Windows, Apple, Android

Article Details

References

  1. DAFTAR PUSTAKA Andrew, Rachel. “The CSS3 Anthology: Take Your Sites to New Heights”Collingwood: Que Publishing, 2012. A.S, Rosa., Shalahudin.M, “Modul Pembelajaran Rekayasa Perangkat Lunak (Terstruktur dan Berorientasi Objek”), Modula, Bandung, 2011. Burgess, Andrew, “Getting Good with JavaScript. Oshawa: Rockable Press”, 2011 Goldstein, “HTML5 & CSS3 for the Real World”. Collingwood: Sitepoint, 2011. Kadlec, “Implementing Responsive Design”, California: New Riders, 2013 Marcotte, “Responsive Web Design”, New York: A Book Apart, 2012 Tittel, Ed & Noble, Jeff. Hoboken: Wiley Publishing, Inc “HTML, XHTML & CSS for Dummies”. 2008 York, Richard, “Beginning Css Cascading Style Sheets for Web Design”, Indianapolis”, Wiley Publishing, IncAbdon, Jose, "UML (Unified Modeling Language)" http:// joseabdon41155055100078.blogspot.com/2013/05/uml.html diakses, 20 Maret 2016. Far, Pierre. 2012. "Recommendations for building smartphone-optimized websites"http:// googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html diakses 20 Maret 2016. Devi, Susanti, Ratna, "Apa itu web 2.0" http://ratnadevisusanti16.wordpress.com/ diakses 2, 20 Maret 2016. Hakim, Zainal."Mengenal Layout Desain" http://www.zainalhakim.web.id/posting/mengenal-layoutdesain.html diakses 20 Maret 2016. Mozilla Developer Team. 2012. "CSS Media Querys" https://developer.mozilla.org/en-US/docs/ Web /Guide/ CSS/Media_queries diakses 24 Maret 2016. Pilon, Annie. 2013. “What is Responsive Web Design?” http://smallbiztrends.com/2013/05/ what-isresponsive-web-design.html diakses 18 Maret 2016. Putra, Trinadi, 2012. "Pengenalan Unified Modelling" , http://trinadi-putra.blogspot.com /2012/04/pengenalan-unified-modelling.html diakses 20 Maret 2016. “jQuery Introduction”, http://www.w3schools.com/jquery/jquery_intro.asp diakses 20 Maret 2016. Schwartz, Brian. 2013. “5 Key Responsive Web Design Elements”, http://blog.crazyegg.com/2011/ 11/14/responsive-web-design-elements/ diakses 25 Maret 2016. Tranfici, Annarita, 2013. "Understanding Responsive Web Design: Cross-browser Compatibility" http://www.sitepoint.com/understanding-responsive-web-design-cross-browser-compatibility/ diakses 20 Maret 2016. Zeldman, Jeffrey. 2012. "Ethan Marcotte on Responsive Web Design " http://www.netmagazine.com/interviews/ethan-marcotte-responsive-web-design diakses 25 Maret 2016. Andrew, Rachel. “The CSS3 Anthology: Take Your Sites to New Heights”Collingwood: Que Publishing, 2012. A.S, Rosa., Shalahudin.M, “Modul Pembelajaran Rekayasa Perangkat Lunak (Terstruktur dan Berorientasi Objek”), Modula, Bandung, 2011. Burgess, Andrew, “Getting Good with JavaScript. Oshawa: Rockable Press”, 2011 Goldstein, “HTML5 & CSS3 for the Real World”. Collingwood: Sitepoint, 2011. Kadlec, “Implementing Responsive Design”, California: New Riders, 2013 Marcotte, “Responsive Web Design”, New York: A Book Apart, 2012 York, Richard, “Beginning Css Cascading Style Sheets for Web Design”, Indianapolis”,Wiley Publishing, IncAbdon, Jose, "UML (Unified Modeling Language)" http:// joseabdon41155055100078. blogspot.com/2013/05/uml.html diakses, 20 Maret 2016. Far, Pierre. 2012. "Recommendations for building smartphone-optimized websites"http ://googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html diakses 20 Maret 2016. Hakim, Zainal."Mengenal Layout Desain" http://www.zainalhakim.web.id/posting/mengenal-layoutdesain.html diakses 20 Maret 2016. Mozilla Developer Team. 2012. "CSS Media Querys" https: //developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries diakses 24 Maret 2016. Schwartz, Brian. 2013. “5 Key Responsive Web Design Elements”, http://blog.crazyegg.com/2011/ 11/14/responsive-web-design-elements/ diakses 25 Maret 2016. Tranfici, Annarita, 2013. "Understanding Responsive Web Design: Cross-browser Compatibility" http://www.sitepoint.com/understanding-responsive-web-design-cross-browser-compatibility/ diakses 20 Maret 2016. Zeldman, Jeffrey. 2012. "Ethan Marcotte on Responsive Web Design "http: //www.netmagazine.com/interviews/ethan-marcotte-responsive-web-design diakses 25 Maret 2016.