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


Tutorial GUI untuk Aplikasi Mobile (MIDlet): Command

Posted: March 6th 2008

Tutorial ini akan memberikan panduan mengenai bagaimana membuat Graphical User Interface untuk aplikasi mobile (MIDlet) dengan menggunakan teknologi Java. Pada tutorial kali ini, topik yang akan dibahas adalah bagaimana membuat menu untuk aplikasi mobile (MIDlet) menggunakan Command Class. Tools yang digunakan dalam tutorial ini adalah teks editor (Notepad, TextPad, dll) untuk menuliskan kode program dan Sony Ericsson SDK 2.2.3 for the Java(TM) ME Platform untuk proses built dan test. Anda juga bisa menggunakan Sun JAVA(TM) Wireless Toolkit 2.5 untuk proses build dan test aplikasi mobile yang akan dikembangkan. #1: Create New Project Proses pembuatan project baru dilakukan dengan menjalankan program KToolbar (versi Wireless Toolkit WTK2) dari Sony Ericsson SDK 2.2.3 for the Java(TM) ME Platform dari Start Menu. Tampilannya adalah sebagai berikut: Proses selanjutnya adalah mengisikan Project Name dan MIDlet Class Name. Untuk tutorial ini, ProjectName-nya adalah TutotialMobileGUI-Command dan MIDlet Class Name-nya MobileGUI_Command (maaf, yang digambar salah :p). Perlu Anda … Read more


Tutorial GUI untuk Aplikasi Mobile (MIDlet): Menu

Posted: November 8th 2007

Tutorial ini akan memberikan panduan mengenai bagaimana membuat Graphical User Interface untuk aplikasi mobile (MIDlet) dengan menggunakan teknologi Java. Pada tutorial kali ini, topik yang akan dibahas adalah bagaimana membuat menu untuk aplikasi mobile (MIDlet) menggunakan List Class. Tools yang digunakan dalam tutorial ini adalah teks editor (Notepad, TextPad, dll) untuk menuliskan kode program dan Sony Ericsson SDK 2.2.3 for the Java(TM) ME Platform untuk proses built dan test. Anda juga bisa menggunakan Sun JAVA(TM) Wireless Toolkit 2.5 untuk proses build dan test aplikasi mobile yang akan dikembangkan. #1: Create New Project Proses pembuatan project baru dilakukan dengan menjalankan program KToolbar (versi Wireless Toolkit WTK2) dari Sony Ericsson SDK 2.2.3 for the Java(TM) ME Platform dari Start Menu. Tampilannya adalah sebagai berikut: Proses selanjutnya adalah mengisikan Project Name dan MIDlet Class Name. Untuk tutorial ini, ProjectName-nya adalah TutotialMobileGUI-Menu dan MIDlet Class Name-nya MobileGUI_Menu (maaf, yang digambar salah :p). Perlu Anda … Read more


Tutorial Konversi Visual Design Bagian Header ke CSS dan XHTML

Posted: October 27th 2007

Saya belum expert di bidang ini tetapi melalui tulisan ini saya akan mencoba menyampaikan tutorial mengenai bagaimana melakukan konversi dari visual design situs web/weblog ke dalam bentuk CSS dan XHTML (Web Standard) atau sering disebut juga dengan istilah XHTMLizer. Tutorial ini saya susun berdasarkan apa yang saya lakukan pada saat membuat theme “the dark side” untuk weblog ini. Fokus bagian pertama dari tutorial ini adalah bagian header dari visual design. Berdasarkan gambar di atas (kalau kurang jelas lihat header weblog), dapat dilihat bahwa header dari visual design terdiri atas beberapa elemen, yaitu menu, vector image, weblog title, box about me, search form dan bloginfo. Elemen-elemen ini berguna untuk menentukan struktur CSS maupun XHTML-nya. Langkah pertama yang kita lakukan dalam tutorial ini adalah membuat CSS-nya terlebih dahulu. Headerwrap Bagian ini adalah wrapper untuk seluruh elemen yang ada di dalam header. Pada bagian ini kita mengatur margin dan padding-nya ke 0px (biasanya … Read more


C# Tutorial: How to Coding Your Software Design

Posted: April 16th 2007

Jika kita bekerja dalam suatu proyek pengembangan perangkat lunak, biasanya masing-masing anggota tim proyek tersebut akan diposisikan berbeda-beda, ada yang mendapatkan posisi sebagai system analyst, software architect, programmer, dll sesuai dengan kebutuhan. Proses komunikasi antar masing-masing posisi tersebut, salah satunya dilakukan dengan dokumentasi. Pada tutorial ini saya akan mencoba menguraikan salah satu bentuk komunikasi antara software architect dengan programmer untuk fungsionalitas sistem Login. Software Architect Berdasarkan hasil dokumentasi dari system analyst, maka software architect membuat desain bagi suatu fungsionalitas (Login) sistem. Hasilnya misalnya berupa Use Case Squence Diagram dan Class Diagram seperti gambar di bawah. Pertanyaannya adalah, bagaimana programmer akan mengimplementasikan desain tersebut ke dalam bentuk C# code jika tools yang digunakan adalah Microsoft Visual Studio .NET 2003? Mari kita lihat jawabannya pada bagian berikutnya!


C# Programming: Accessing the Web Service from Smart Device Application

Posted: September 13th 2006

Tutorial ini merupakan kelanjutan dari tutorial sebelumnya (Creating a Simple Web Service, Accessing the Web Service from Desktop Application dan Accessing the Web Service from ASP.NET Web Application). Pada tutorial yang pertama kita telah membuat sebuah Web services yang memiliki 5 method, yaitu addNumber untuk menjumlahkan dua buah angka, subtractNumber yang berfungsi untuk mengurangkan dua buah angka, divNumber yang berfungsi untuk membagi dua buah angka, multiplyNumber yang berfungsi untuk mengalikan dua buah angka, dan validateInput yang berfungsi untuk melakukan validasi terhadap input yang dimasukkan pada medan isian angka pertama dan kedua. Pada bagian yang kedua kita telah mencoba untuk mengakses web service yang telah dibuat pada bagian pertama melalui desktop application. Pada bagian ketiga dilanjutkan untuk mengakses web service yang telah dibuat pada bagian pertama melalui web application. Pada bagian ini, kita akan belajar mengakses Web service yang telah kita buat melalui aplikasi berbasis smart device. Hal ini untuk menunjukkan … Read more


C# Programming: Accessing the Web Service from ASP.NET Web Application

Posted: August 30th 2006

Tutorial ini merupakan kelanjutan dari tutorial sebelumnya (Creating a Simple Web Service dan Accessing the Web Service from Desktop Application). Pada tutorial yang pertama kita telah membuat sebuah Web services yang memiliki 5 method, yaitu addNumber untuk menjumlahkan dua buah angka, subtractNumber yang berfungsi untuk mengurangkan dua buah angka, divNumber yang berfungsi untuk membagi dua buah angka, multiplyNumber yang berfungsi untuk mengalikan dua buah angka, dan validateInput yang berfungsi untuk melakukan validasi terhadap input yang dimasukkan pada medan isian angka pertama dan kedua. Pada bagian yang kedua kita telah mencoba untuk mengakses web service yang telah dibuat pada bagian pertama melalui desktop application. Pada bagian ini, kita akan belajar mengakses Web service yang telah kita buat melalui aplikasi berbasis web. Hal ini untuk menunjukkan bahwa Web service berbeda dengan aplikasi berbasis Web yang selama ini telah kita kenal. Pada bagian ini akan terlihat bagaimana pemisahan antara business logic (Web service) … Read more


C# Programming: Accessing the Web Service from Desktop Application

Posted: July 27th 2006

Tutorial ini merupakan kelanjutan dari tutorial sebelumnya (Creating a Simple Web Service). Pada tutorial yang pertama kita telah membuat sebuah Web services yang memiliki 5 method, yaitu addNumber untuk menjumlahkan dua buah angka, subtractNumber yang berfungsi untuk mengurangkan dua buah angka, divNumber yang berfungsi untuk membagi dua buah angka, multiplyNumber yang berfungsi untuk mengalikan dua buah angka, dan validateInput yang berfungsi untuk melakukan validasi terhadap input yang dimasukkan pada medan isian angka pertama dan kedua. Pada bagian ini, kita akan belajar mengakses Web service yang telah kita buat melalui aplikasi berbasis desktop. Hal ini untuk menunjukkan bahwa Web service berbeda dengan aplikasi berbasis Web yang selama ini telah kita kenal. Pada bagian ini akan terlihat bagaimana pemisahan antara business logic (Web service) dan presentation logic (user interface pada desktop application) dalam mebangun suatu aplikasi. Creating Desktop Application Project Proses pembuatan desktop application project menggunakan Microsoft Visual C# .NET, dapat dilakukan … Read more


C# Programming: Creating a Simple Web Service

Posted: July 12th 2006

Pengantar Seringkali orang salah kaprah mengartikan Web services sebagai aplikasi Web biasa yang dibangun menggunakan ASP, ASP.NET, PHP dan server-side scripting yang lainnya. Web services sebenarnya merupakan business logic yang dapat digunakan baik pada aplikasi berbasis Web, desktop maupun mobile yang merupakan presentation layer dari sebuah aplikasi. Btw, berikut ini definisi ‘asli’ dari Web services menurut Webopedia dan W3C. Web services describes a standardized way of integrating Web-based applications using the XML, SOAP, WSDL and UDDI open standards over an Internet protocol backbone. XML is used to tag the data, SOAP is used to transfer the data, WSDL is used for describing the services available and UDDI is used for listing what services are available (more…). A Web service is a software system designed to support interoperable machine-to-machine interaction over a network. It has an interface described in a machine-processable format (specifically WSDL). Other systems interact with the Web service … Read more


GUI Design: Transparent Form

Posted: April 20th 2006

Seringkali (bahkan setiap kali) pada saat kita membangun sebuah aplikasi atau menggunakannya, kita akan menemukan bahwa bentuk form yang kita buat atau lihat adalah standar yaitu segi empat (dengan nuansa Windows tentunya…). Bosankah Anda dengan bentuk form standar tersebut? Jika iya, sudah saatnya Anda mencoba untuk membuat form Anda menjadi tidak standar lagi bentuknya, alias lebih fancyl. Namun, jika Anda masih belum bosan, silahkan membuat form Anda tetap standar dan berikan sentuhan melalui pemilihan font, warna maupun penentuan layout yang proporsional dan menarik sehingga form Anda tetap bisa menjadi fancy. Bagi Anda yang sudah bosan, saya akan mencoba memberikan sedikit tutorial tentang bagaimana membuat bentuk form kita menjadi tidak standar dan tentunya menjadi lebih menarik. Tools yang akan saya pakai ada 2, yaitu Adobe PhotoShop (Anda bisa pakai graphic design tools yang lain) untuk membuat image yang akan kita jadikan sebagai perwujudan dari bentuk form kita dan Microsoft Visual Studio … Read more



© 2019 Universitas Atma Jaya Yogyakarta
css.php