Archives for the ‘Developer’ Category

Dec 21
Written by andi | 6,991 views 2 Comments »

Styling Your Facebook Fan Box

The Fan Box is a social widget that allows Facebook Page owners to attract and gain Facebook fans from their own website.
The Fan Box lets users:

  • See how many users are already fans, and see some of their friends who are
  • Read recent posts from the Page
  • Become a fan with 1-click without needing to visit the Page

This is the default Facebook Fan Box.

fanBox

But how to modify it to meet your web color.This is simple steps to modify your Fan Box

  • Create a css file, we cache your stylesheet. If you update your stylesheet, you should use a cachebreaker in the URL to the stylesheet, typically by appending a version number to the .CSS file extension, as in http://www.bursakarir.web.id/templates/gk_icki_sports/css/facebook.css?2@charset "UTF-8";
    /* CSS Document */
    .fan_box
    .full_widget
    .connect_top {
    border-bottom: solid 1px #E7E7E7;
    background-color: #E7E7E7;
    }
    .fan_box
    .full_widget {
    border: solid 1px #E7E7E7;
    border-top-width: 6px;
    }
    .connect_top a {
    color: #3399CC;
    }
    .connect_top a:hover {
    color: #3399CC;
    }
    .fan_box
    .connections {
    background-color: #FFFFFF;
    border-top: solid 1px #E7E7E7;
    color: #3399CC;
    }
    .fan_box
    .connections_grid
    .grid_item
    .name {
    color: #2D2F31;
    }
  • The Fan Box gets rendered by the fb:fan XFBML tag. Now, you should change the defaults and add css attributes in the fb:fan tag
    <script src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US” type=”text/javascript”></script><script type=”text/javascript”>// <![CDATA[
    FB.init("a38dee173da1de7f1db71490d2fe6f2e");
    // ]]></script>
  • Now, look at the final result :

facebook-css-fan-boxYou should try it, Visit my sites for final results http://www.bursakarir.web.id/ :)

Nov 06

Epic Games, Inc. announces the launch of the Unreal Development Kit (UDK), a free edition of Unreal Engine 3 that provides community access to the award-winning toolset like never before. This software release is available to anyone interested in using 3D game engine technology, including game developers, students, hobbyists, researchers, creators of 3D visualizations and simulations, and digital filmmakers. Anyone can start working with the industry-leading Unreal Engine 3 toolset by downloading UDK at www.udk.com, where detailed product features, technical documentation, commercial licensing terms, support resources and more are also available. An unprecedented milestone in game development, the release of UDK awards free access to the same world-class tools and technology used by many of the world

Aug 06

This is script was taken from mailing list. By using simple javascript, we can create “images gallery”. This is not really an gallery, but maybe you can enhance it to be real gallery. Lets take some steps :

  • First, use google images to find images, maybe yo can copy and paste this to your address bar.

    http://images.google.com/images?hl=en&q=ithighlight&gbv=2&aq=f&oq=&aqi=#start=0&imgsz=qsvga

    Google Images Search

  • After google load your search result, change your address bar by copy and paste this code.

    javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(‘A()’,10); void(0)

  • Now, you can see it, it’s amazing, isn’t?
    Photobucket
Jul 11

Today there are many big applications several hundreds transaction per seconds and millions of concurrent users. Query language limits concurrent transaction. Some big company is using non relational database to make their application more scalable. They are company with extreme in terms of the amount of data and the concurrent user. They break the rules of relational databases. Here a few example of non relational database and the company who is using it :

cloud_computing

Voldemort Project : LinkedIn
Voldemort is not a relational database, it does not attempt to satisfy arbitrary relations while satisfying ACID properties. Nor is it an object database that attempts to transparently map object reference graphs. Nor does it introduce a new abstraction such as document-orientation. It is basically just a big, distributed, persistent, fault-tolerant hash table.

Cassandra Project : Facebook, Rackspace, Digg
Cassandra is a highly scalable, eventually consistent, distributed, structured key-value store. Cassandra brings together the distributed systems technologies from Dynamo and the data model from Google’s BigTable. Like Dynamo, Cassandra is eventually consistent. Like BigTable, Cassandra provides a ColumnFamily-based data model richer than typical key/value systems.
Cassandra was open sourced by Facebook in 2008, where it was designed by one of the authors of Amazon’s Dynamo. In a lot of ways you can think of Cassandra as Dynamo 2.0. Cassandra is in production use at Facebook but is still under heavy development.

HBase : Adobe, Amazon,Yahoo, and more..
HBase is the Hadoop database. Its an open-source, distributed, column-oriented store modeled after the Google paper, Bigtable: A Distributed Storage System for Structured Data by Chang et al. Just as Bigtable leverages the distributed data storage provided by the Google File System, HBase provides Bigtable-like capabilities on top of Hadoop.
HBase’s goal is the hosting of very large tables — billions of rows X millions of columns — atop clusters of commodity hardware. Try it if your plans for a data store run to big.

Hypertable : Baidu,Zvents, Rediff.com
Hypertable is an open source project based on published best practices and our own experience in solving large-scale data-intensive tasks. Our goal is to bring the benefits of new levels of both performance and scale to many data-driven businesses who are currently limited by previous-generation platforms. Our goal is nothing less than that Hypertable become one of the world’s most massively parallel high performance database platforms.

Dynamo : Amazon
Dynamo, a highly available data storage technology that addresses the needs of these important classes of services. Dynamo has a simple key/value interface, is highly available with a clearly defined consistency window, is efficient in its resource usage, and has a simple scale out scheme to address growth in data set size or request rates. Each service that uses Dynamo runs its own Dynamo instances.

Apache CouchDB : Gpirate, Source Weaver and more..
Apache CouchDB is a distributed, fault-tolerant and schema-free document-oriented database accessible via a RESTful HTTP/JSON API. Among other features, it provides robust, incremental replication with bi-directional conflict detection and resolution, and is queryable and indexable using a table-oriented view engine with JavaScript acting as the default view definition language.
CouchDB is written in Erlang, but can be easily accessed from any environment that provides means to make HTTP requests. There are a multitude of third-party client libraries that make this even easier for a variety of programming languages and environments.

Images taken from http://www.flickr.com/photos/davidrn/1717425332/

Jul 03
Written by andi | 13,405 views 6 Comments »

Silverlight Kompas ePaper

Tired reading newspaper? Are you wanna to support green IT?
Kompas,  one of leading media in Indonesia, has been using ePaper. Kompas was using Softpress for their online newspaper.Now, they are using Silverlight 2.0. This is application made by Zeddy Iskandar,who was leaving Microsoft Indonesia last year. This is a few screenshoot of Kompas ePaper :

ePaper home
epaper_kompas_home

ePaper search
epaper_kompas_search_michael_jackson

ePaper Thumbnails
epaper_kompas_thumbnails

Kompas ePaper features summary :

  • Drag at the top right corner to open next pages
  • Drag to move a page
  • Zoom pages
  • Searching  through all pages that previously impossible because it was using png images
  • Find all links in all pages
  • Thumbnail preview page and quickly jump to that pages
  • Archives to read other edition

There are a big problem. Moonlight is not supported Silverlight 2.0 yet, so if you are using it on NON windows OS, you will not see it :) .

If you interest to try it, visit url below and register for free.
Visit: http://epaper.kompas.com/

Update Juli 4, 2008 : Currently, Kompas ePaper is under high development stages to make it running in Firefox under Ubuntu. Visit demo here :
http://armanovus.com/epaper4/

Update Juli 6, 2008 : If you wanna try it , you can use my account :

Email : ab.annas[at]gmail.com
Password : 654321

May 17
Written by andi | 1,564 views 3 Comments »

Modify app.config files

This tutorial will help you to change the values <appSettings> when you are deploying the application. Maybe we need to set application configuration parameters because we change our database to another server. This is code snippet to do it.

[code lang="vbnet"]
Private Sub ChangeAppSettings(ByVal KeyName As String, ByVal KeyValue As String)
Dim config As System.Configuration.Configuration = ConfigurationManager.OpenExeConfiguration(ConfigurationUserLevel.None)
config.AppSettings.Settings(KeyName).Value = KeyValue
config.Save(ConfigurationSaveMode.Modified)
ConfigurationManager.RefreshSection(&quot;appSettings&quot;)
End Sub
[/code]

May 11

After Max Katz,a Senior Systems Engineer at Exadel,introduced Exadel’s new JavaFX plug-in for Eclipse at JSFDays,this plugin is planning to release a version for JavaOne. The plug-in is still working in progress. Here is a screenshot and the feature list:

  • JavaFX perspective
  • Create new JavaFX project wizard
  • Basic editor with code highlighting and error markers (build)
  • Application launcher

eclipse_javafx_plugin

Visit : http://www.jboss.org/feeds/post/exadel_javafx_studio_plug_in_for_eclipse_new_screen_shots

May 10
Written by andi | 2,153 views 3 Comments »

Axum Available Now

Axum is a language that builds upon the architecture of the Web and principles of isolation, actors, and message-passing to increase application safety, responsiveness, scalability, and developer productivity.
Other advanced concepts we are exploring are data flow networks, asynchronous methods, and type annotations for taming side-effects. It’s a domain specific language for concurrent programming, formerly known as “Maestro”, developed by the Parallel Computing Platform team. Watch a C9 interview with the Axum team to know more about Axum

axum

Visit : http://blogs.msdn.com/maestroteam

May 07
Written by andi | 1,491 views 1 Comment »

Moonlight 2 Preview

Moonlight is an open source implementation of Silverlight (http://silverlight.net), primarily for Linux and other Unix/X11 based operating systems. In September of 2007, Microsoft and Novell announced a technical collaboration that includes access to Microsoft’s test suites for Silverlight and the distribution of a Media Pack for Linux users that will contain licensed media codecs for video and audio.

moonlight_2

Preview Release Security Notice
Keep in mind this preview release is not feature complete. Most importantly not all security features are present or fully enabled in this release. Even existing security features have, at this stage, received only minimal testing and no security audit of the source code (mono or moonlight) has yet been done. As such you should only use this preview plugin on trusted sites (e.g. internal or well-known web sites) on non-production computers. This situation will gradually evolve over the next preview and beta releases. An up to date overview of Moonlight security features status can be found on Moonlight Security Status wiki page.

Visit : http://www.go-mono.com/moonlight-preview/

May 07

spring_blazeds

Spring BlazeDS Integration is a new addition to the Spring portfolio, and a component of the complete Spring Web stack. This project’s purpose is to make it easier to build Spring-powered Rich Internet Applications using Adobe Flex as the front-end client. It aims to achieve this purpose by providing first-class support for using the open source Adobe BlazeDS project and its powerful remoting and messaging facilities in combination with the familiar Spring programming model.

Visit : http://www.springsource.org/node/1393