Sigit Purnomo

Blog Archives


Membangun Layout Website dengan Mudah dan Cepat menggunakan CSS Framework Bagian #1

Posted: April 7th 2009

Salah satu tahap yang memakan waktu lama pada saat membangun sebuah website adalah ketika membuat desain visual website (mockup) dan mengkonversi desain visual tersebut ke dalam CSS dan XHTML. Seringkali ketika seorang desainer web melakukan proses pembuatan desain visual website menggunakan perangkat lunak pengolahan gambar seperti PhotoShop, Firework maupun lainnya, terkadang konsep grid dilupakan. Hal ini akan membuat proses konversi desain visual tersebut ke dalam CSS dan XHTML menjadi lama dan merepotkan. Alternatif solusi dari permasalahan di atas, salah satunya adalah dengan menggunakan CSS framework. CSS framework mampu mempercepat proses pembuatan desain visual website dan juga konversi desain visual website tersebut ke dalam CSS dan XHTML. Hal ini dikarenakan sudah ada panduan yang disediakan oleh CSS framework, baik ketika melakukan proses pembuatan desain visual maupun ketika mengkonversi desain visual tersebut ke dalam CSS dan XHTML. Beberapa contoh dari CSS framework misalnya 960 Grid System dan Blueprint CSS. 960 Grid System … Read more


Mockup Atma Jaya WordPress Theme

Posted: March 10th 2008

Satu lagi pekerjaan web development yaitu membuat desain website untuk blog staf Universitas Atma Jaya Yogyakarta plus mengkonversinya ke dalam format theme di WordPress. Mockup ini di-redesign dari mockup untuk website resmi Universitas Atma Jaya Yogyakarta yang tidak dilanjutkan. Warna-warna yang dipakai memang banyak mengambil dari warna korporat yang ada di logo. Selain itu, desain juga dibuat menjadi terkesan formal. Anda ingin memberikan masukan untuk desain ini? Silahkan comment di sini.


Membangun Aplikasi Web menggunakan Open Source Framework

Posted: February 21st 2008

Membangun web sites yang powerful, khususnya Web 2.0 dari awal akan sangat menyita sumber daya, baik tenaga, biaya maupun waktu. Saat ini berkembang berbagai macam framework open source yang dapat membantu proses pembangunan web sites menjadi lebih cepat sehingga sumber daya yang dibutuhkan menjadi tidak terlalu banyak. Artikel ini akan mencoba memberikan gambaran singkat mengenai sedikit saja dari sekian banyak framework open source yang dapat digunakan dalam membangun web sites yang powerful dengan cepat. #1: Ruby On Rails (Rails) Rails merupakan framework aplikasi web yang menggunakan paradigma Model-View-Controller (MVC) dan menggunakan bahasa scripting Ruby. Rails terdiri dari sekumpulan library yang masing-masing memiliki tugas tertentu. ActiveRecord merupakan library yang meng-handle abstraksi dan interaksi basis data. ActionView merupakan sistem berbasis template yang men-generate dokumen HTML sebagai hasil dari request ke aplikasi Rails. ActionController merupakan library yang digunakan untuk memanipulasi flow aplikasi dan data yang datang dari basis data dan bagaimana caranya akan … Read more


Ask Again Your Self, What was Wrong with this Design?

Posted: November 19th 2007

Ask Again Your Self, What was Wrong with this Design? Pertanyaan ini merupakan salah satu tips yang diberikan oleh saylow kepada saya waktu saya meminta masukan mengenai desain theme weblog the dark side (waktu itu namanya masih silent night). Tips-tips yang lain adalah sebagai berikut: From: “Putu Hendra Brawijaya P. (saylow)” To: “Sigit Purnomo” Date: 06 Aug 2007, 11:48:40 AM Subject: Re: Need Help: CMS Selalu ingat sir kalau design : 1. Konsistensi 2. Line-up (segaris) 3. Ask again your self, what was wrong with this design? Dalam sebuah design penggunaan font lebih dari satu jenis akan merusak design jadi semrawut. Misalnya pakai satu jenis font serif saja, atau san serif saja, atau hand writing saja kalaupun di mix harus cerdas memisahkannya menjadi mana font untuk tittle mana untuk content… Hindari penggunaan CAPSLOCK semua people hate it. Terus harus segaris pakai bantuan guideline atau grid biar nggak kelihatam acak-acakan. Ask … Read more


Fire on the Sky: Desain Visual untuk Situs PS Teknik Informatika

Posted: March 12th 2007

Fire on the Sky, merupakan desain visual untuk situs PS. Teknik Informatika FTI UAJY yang baru. Nama Fire on the Sky diambil dari kombinasi warna yang ada yaitu biru, kuning dan merah. Fire on the Sky menunjukkan suatu semangat untuk terus berjuang menggapai suatu tujuan, namun tetap dengan hati yang tenang. .flickr-photo { border: solid 2px #000000; } .flickr-yourcomment { } .flickr-frame { text-align: left; padding: 3px; } .flickr-caption { font-size: 0.8em; margin-top: 0px; } the new inf.uajy.ac.id design, originally uploaded by sigit’s.


Understanding Your Blog Visitor Behavior

Posted: August 8th 2006

Pengantar Pengunjung suatu situs Web (seterusnya baca: blog) akan berinteraksi melalui serangkaian request yang bertalian dan berhubungan selama melakukan suatu kunjungan tunggal yang sering disebut dengan istilah session. Interaksi ini dilakukan untuk mendapatkan informasi maupun layanan yang diinginkan oleh pengunjung situs Web. Pengunjung situs Web dalam sebuah session dapat berinteraksi dengan berbagai fungsi (pages, category, dll) yang telah disediakan. Interaksi yang dilakukan oleh pengunjung yang satu dengan pengunjung yang lainnya mungkin berbeda baik dalam urutan rangkaian permintaannya maupun frekuensi kunjungannya. Pengunjung yang sama dalam suatu session yang berbeda mungkin melakukan rangkaian request yang berbeda. Tingkah laku atau interaksi pengunjung situs Web dapat dipahami sehingga pemilik situs Web dapat mengetahui bagaimana pola kunjungan untuk masing-masing pengunjung dalam sebuah session. Informasi pola kunjungan ini dapat digunakan untuk mengetahui fungsi-fungsi mana saja yang sering dilakukan ataupun yang jarang dilakukan oleh pengunjung (atau dengan kata lain fitur atau halaman mana yang sering dikunjungi dan … Read more


iiWAS.org

Posted: July 14th 2006

International Conferences for Information Integration and Web-based Application & Services (iiWASS) tahun 2006 akan diselenggarakan di Yogyakarta tanggal 4-6 Desember 2006. Universitas Atma Jaya Yogyakarta (red: Program Studi Teknik Informatika) akan menjadi host event tersebut bekerjasama dengan Swiss German University sebagai co-host. Sehubungan dengan hal ini, datanglah mandat untuk memperbaiki situs resmi iiWAS dan iiWAS 2006. Mandat ini datang karena teman-teman di kantor selama ini sering melihat saya suka mengutak-atik Web site. Setelah beberapa hari mempelajari situs yang lama, men-scan material iiWAS, baca-baca tutorial, dan mencoba-coba bermain-main dengan CSS, akhirnya pekerjaan ini selesai meski masih ada ‘bugs’nya. Seperti biasa, masalah ada pada cross-platform design, yaitu adanya perbedaan tampilan ketika di akses dari IE dan FF atau Opera. Hasil ini bisa dikatakan OK untuk FF dan Opera, tetapi di IE ada something yang sampai sekarang aku belum nemu jawabannya kenapa terjadi seperti itu. Anyone can help me to find the solution … Read more


WordPress Template Design: Independent Learner

Posted: June 27th 2006

Yeah, akhirnya selesai sudah desain template untuk situs mata kuliah Program Studi Teknik Informatika UAJY. Gila… ternyata klo diniatin kerjain, sehari bisa jadi, padahal keinginan tuk membuat sudah dari jaman dulu kala cuma gak terlaksana-terlaksana. Sekarang tinggal mutilasi desain dan kode ke dalam format WordPress. Semoga tahap ini juga bisa segera terselesaikan, so semester depan sudah bisa dipakai. Template ini mengambil tema independent learner yang bertujuan untuk memotivasi mahasiswa agar tidak hanya mengandalkan pembelajaran dari proses tatap muka di kelas saja (mahasiswa bisa belajar dari perpustakaan, Internet, kampus lain, dll). Dengan template ini, dosen diharapkan untuk dapat melakukan posting artikel atau tutorial yang dapat mendukung materi kuliah. Mahasiswa sangat diharapkan untuk turut berperan aktif mendiskusikan artikel dan tutorial yang telah di-posting oleh dosen. Finally, thanks a lot to saylow, didats and dental for the tutorial.


The Colours of Web

Posted: April 4th 2006

Bingung mau memilih warna untuk halaman Web Anda? Smoga referensi ini bisa membantu. Kalau Anda masih merasa kurang, silahkan baca tutorialnya saylow yang judulnya Web Design yang Lucu (Episode #2) (* lucunya di mana ya ???). Jika ternyata masih kurang, pada tutorial ini, Anda juga bisa menemukan banyak link-link yang terkait dengan masalah warna, so awas kalau masih kurang :p. Selamat bermain dengan warna-warna berikut, sehingga Web Anda dapat menjadi lebih berwarna-warni. Ingat! Jangan terlalu banyak menggunakan warna dan perhatikan kesesuaian antar warna yang Anda pakai! Color Name Code   Color Name Code         AliceBlue #eff7ff LavenderBlush3 #c8bbbe AntiqueWhite #f9e8d2 LavenderBlush4 #817679 AntiqueWhite1 #feedd6 LawnGreen #87f717 AntiqueWhite2 #ebdbc5 LemonChiffon #fff8c6 AntiqueWhite3 #c8b9a6 LemonChiffon2 #ece5b6 AntiqueWhite4 #817468 LemonChiffon3 #c9c299 Aquamarine #43b7ba LemonChiffon4 #827b60 aquamarine1 #87fdce LightBlue #addfff aquamarine2 #7deabe LightBlue1 #bdedff aquamarine3 #69c69f LightBlue2 #afdcec aquamarine4 #417c64 LightBlue3 #95b9c7 azure #efffff LightBlue4 #5e767e azure2 #deecec LightCoral #e77471 azure3 … Read more



© 2019 Universitas Atma Jaya Yogyakarta
css.php