I tested on my Acer TravelMate 8104 WLMi with ATI RADEON X700.
Works pretty cool!!

Make sure your ATI accelerated graphics driver is enabled. It will install fglrx driver

Installing Compiz

Install all drivers you need.

$ sudo apt-get install xorg-driver-fglrx # if you couldn't enable graphics driver
$ sudo apt-get install fglrx-control # if you couldn't enable graphics driver
$ sudo apt-get install xserver-xgl

$ sudo apt-get remove compiz
$ sudo apt-get install compiz compizconfig-settings-manager

Section "Module"
  Load "bitmap"
  Load "ddc"
  Load "dri"
  Load "extmod"
  Load "freetype"
  Load "glx"
  Load "int10"
  Load "type1"
  Load "vbe"
  Load "dbe"
EndSection

Section "Device"
  Identifier "ATI Technologies Inc Radeon Mobility X700 (PCIE)" # depends on your graphic gard 
  Driver "fglrx"
  Busid "PCI:1:0:0"
  Option "MonitorLayout" "LVDS,AUTO"
  Option "XAANoOffscreenPixmaps"
  Option "AGPMode" "8"
  Option "AGPFastWrite" "true"
  Option "AddARGBGLXVisuals" "true"
  Option "DisableGLXRootClipping" "true"
  Option "EnablePageFlip" "true"
EndSection

Section "Extensions"
  Option "Composite" "0"
EndSection

• Desktop Cube (don't forget Skydome)
• Rotate Cube
• Viewport Switcher (optional) if you want to change desktops with the mousewheel
• Cube Caps (optional) lets you use an images on top and bottom of the cube

• Expo

• Shift switchers (Cover & Flip)
• Ring switchers (Ring)

Installing Screenlets (Widgets)

deb http://hendrik.kaju.pri.ee/ubuntu gusty screenlets

$ wget http://hendrik.kaju.pri.ee/ubuntu/hendrikkaju.gpg
$ sudo apt-key add hendrikkaju.gpg
$ rm hendrikkaju.gpg
$ sudo apt-get update
$ sudo apt-get install screenlets
$ mkdir ~/.config/Screenlets
$ mkdir ~/.config/autostart

3d windows & Screensaver

$ sudo apt-get install build-essential libxcomposite-dev libpng12-dev libsm-dev libxrandr-dev libxdamage-dev libxinerama-dev libstartup-notification0-dev libgconf2-dev libgl1-mesa-dev libglu1-mesa-dev libmetacity-dev librsvg2-dev libdbus-1-dev libdbus-glib-1-dev libgnome-desktop-dev libgnome-window-settings-dev gitweb curl autoconf automake automake1.9 libtool intltool libxslt1-dev xsltproc
$ wget http://somelinuxguy94.googlepages.com/3d-0.6.0.tar.gz
$ tar xzf 3d-0.6.0.tar.gz
$ cd 3d-0.6.0
$ make && sudo make install
$ wget http://somelinuxguy94.googlepages.com/atlantis-0.6.0.tar.gz
$ tar xzf atlantis-0.6.0.tar.gz
$ cd atlantis-0.6.0
$ make && sudo make install
$ wget http://somelinuxguy94.googlepages.com/freewins-0.2-0.6.zip
$ unzip freewins-0.2-0.6.zip
$ cd freewins-0.2-0.6
$ make && sudo make install
$ wget http://somelinuxguy94.googlepages.com/screensaver-0.6.0.tar.gz
$ tar xzf screensaver-0.6.0.tar.gz
$ cd screensaver-0.6.0
$ sudo apt-get install x11proto-scrnsaver-dev libxss-dev
$ make && sudo make install

Installing Dock

Add these texts below to your sources.list(/etc/apt/sources.list)

deb http://download.tuxfamily.org/syzygy42 gutsy avant-window-navigator
deb-src http://download.tuxfamily.org/syzygy42 gutsy avant-window-navigator

then go to terminal

$ wget http://download.tuxfamily.org/syzygy42/reacocard.asc
$ sudo apt-key add reacocard.asc
$ rm reacocard.asc
$ sudo apt-get update
$ sudo apt-get install avant-window-navigator-bzr awn-core-applets-bzr

Make dock run when startup automatically

System >> Preference >> Session
Start up Programs >> Add

Fill "avant-window-navigator" in name and command
AWN Manager will be in Preferences

Green Theme

Download here and get wallpaper here

References: Forlong's Blog, Alejandrox, ubuntuforums - link1, link2, compiz-fusion

ก็เคย set บน os x ไปแล้ว คราวนี้จะมา set บน ubuntu กันบ้าง

พระเอกคราวนี้เห็นจะเป็น libnotify

เริ่มต้นเหมือนเดิม ติดตั้ง rspec zentest redgreen ด้วย gem แล้วก็ plugin ของ rails ที่ชื่อ rspec และ rspec_on_rails ไปก่อน แล้วมาติดตั้งเจ้า libnotify

$ sudo apt-get install libnotify-bin

จากนั้นก็สร้าง .autotest เหมือนเดิม ไว้ที่ home

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48

module Autotest::GnomeNotify

  # Time notification will be displayed before disappearing automatically
  EXPIRATION_IN_SECONDS = 2
  ERROR_STOCK_ICON = "gtk-dialog-error"
  SUCCESS_STOCK_ICON = "gtk-dialog-info"
  PENDING_STOCK_ICON = "gtk-dialog-warning"

  Autotest.add_hook :ran_command do |at|
    if at.results.empty? # break out gracefully if a test file throws an uncaught exception
      notify ERROR_STOCK_ICON, "Syntax error", ""
    else
      output = format_input( at.results )
      display_notification( output )
    end
  end

  private

  def self.notify stock_icon, title, message
    options = "-t #{EXPIRATION_IN_SECONDS * 1000} -i #{stock_icon}"
    system "notify-send #{options} '#{title}' '#{message}'"
  end

  # isolate the example, failure, pending line like "12 examples, 4 failures, 5 pending"
  # and remove color codes
  def self.format_input( input )
    output = input.detect{ |result| result.include? "example"}
    output = remove_color_codes( output )
  end

  def self.display_notification( output )
    examples, failures, pending = output.split(", ")
    if failures.to_i > 0
      notify ERROR_STOCK_ICON, "Tests Failed", output
    elsif pending.to_i > 0
      notify PENDING_STOCK_ICON, "Tests Pending", output
    else
      notify SUCCESS_STOCK_ICON, "Tests Passed", output
    end
  end


  def self.remove_color_codes( string )
    string.match( /m(.+)\e/)[1]
  end

end

หน้าตาก็จะประมาณนี้

ปล. post อันที่แล้วก็ว่าไปแล้วทีนึง คราวนี้ขอโฆษณาให้คุณวุธ(ไม่รู้สะกดชื่อถูกหรือเปล่า)เต็มๆ ผมไปนั่งร้านกาแฟบ่อยครับ ทุกเสาร์อาทิตย์ แล้วก็ใช้ ubuntu นี่แหละครับ ร้านกาแฟเดียวกันที่ mk เคยเอาลง blog ชื่อร้านว่า Cofe' De Woody อยากคุยเรื่อง rails กับผมก็มาเจอกันได้ :)
ปอ. ผมไม่ทำ rails บน windows นะครับ :) ถ้าอยากใช้ rspec ก็ไปที่ ph7 นะครับ ผมก็เอาตัว libnotify มาจากที่นี่แหละครับ

ช่วงนี้ผมไปนั่งร้านกาแฟบ่อย เลยต้องแบก laptop ไปด้วย เลยต้องเตรียมสภาพแวดล้อมให้ rails บน ubuntu เสียหน่อย ขณะที่อยู่บน osx ผมใช้ Textmate ในการทำเว็บ เกิดต้องมาอยู่บน ubuntu ก็อยากได้แบบ textmate อีกเหมือนกัน

ผมเล่นง่ายๆ กับ gedit นี่แหละครับ

Edit->Preferences->Plugins
เลือก File Browser Pane และ Snippets ก็เป็นอันเสร็จสิ้น

หน้าตาก็จะได้แบบนี้

แล้วก็ไปโหลดตัว completion(กด tab) และ highlighter ได้ที่ bitsbam

$ wget http://bitsbam.com/mefiles/x-rhtml.xml
$ wget http://bitsbam.com/mefiles/rhtml.lang
$ sudo cp x-rhtml.xml /usr/share/mime/packages/x-rhtml.xml
$ sudo cp rhtml.lang /usr/share/gtksourceview-2.0/language-specs/rhtml.lang
$ sudo update-mime-database /usr/share/mime/

ก็น่าจะ ok แล้ว

กระแส RIA แรงเหลือเกิน ก็มีให้เลือกเยอะ flex, silverlight, javaFX, openLazlo, ajax แต่ยืนบน flash มานานละ ที่ทำงานก็ต้องใช้ flex ทำงานด้วย ก็เลยมาทำ RIA ด้วย flex นี่แหละ และมันก็สามารถทำบน linux ได้ด้วย ก็ลองบน ubuntu นี่แหละ มาดูแบบง่ายๆ กันก่อน ว่าผลที่ทำออกมาจะเป็นแบบไหน

เริ่มต้นด้วยการโหลด flex sdk มาก่อน จากนั้น extract ไว้ที่ตามใจชอบ จากนั้น ไป config เล็กน้อยสำหรับ SciTE อีกหน่อย(ผมเคย config มันไปทีนึงแล้ว ลองทบทวนดูอีกทีก็ได้ครับ)

$ sudo gedit /usr/share/scite/html.properties

บางส่วน แก้ code เป็น

file.patterns.xml=*.xml;*.xsl;*.svg;*.xul;*.xsd;*.dtd;*.xslt;*.axl;*.xrc;*.rdf;*.swfml;*.mxml
filter.web=Web (html htm asp shtml css xml docbook jsp swfml mxml)|$(file.patterns.web);*.css;*.xml;*.docbook|

*.swfmil ไม่จำเป็น แค่เพิ่ม *.mxml ก็พอ ใส่ code สำหรับปุ่ม build ด้านล่างของ file หน่อย

command.build.*.mxml=/path/to/your/flex_sdk/bin/mxmlc $(FileNameExt) -output $(FileName).swf

จริงๆ จะสั่งจาก terminal ตรงๆ ก็ได้ ตัว flash player ยังคงเหมือนเดิมเรื่อง font ต้องทำการ embed font เสมอ แต่วิธีการ embed font ใน flex ต่างจาก flash หน่อย

$ gedit /path/to/your/flex_sdk/frameworks/flex-config.xml

ใน tag fonts เพิ่มก้อนนี้เข้าไป

  1
  2
  3
  4
  5
  6

<languages>
    <language-range>
        <lang>ThaiEng</lang>
        <range>U+0E01-U+0E5B,U+0020,U+0041-U+005A,U+0020,U+0061-U+007A,U+0020,U+0061-U+007A,U+0030-U+0039,U+002E,U+0020-U+002F,U+003A-U+0040,U+005B-U+0060,U+007B-U+007E</range>
    </language-range>
</languages>

$ scite flex_example1.mxml

เอา code ก้อนนี้แปะไป

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32

<?xml version="1.0" encoding="UTF-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    applicationComplete="feedRequest.send()" layout="absolute">
    <mx:Style>
    @font-face {
        font-family : mySerif;
        src : local("Serif");
    unicode-range : "ThaiEng";
     }

     Panel{
        fontFamily: mySerif; 
     }

    </mx:Style>
    <mx:HTTPService 
        id="feedRequest" 
        url="http://feeds.feedburner.com/ubuntuclub" 
        useProxy="false" />
    <mx:Panel x="20" y="10" width="475" height="400" title="Flex on Ubuntu" layout="absolute" >
    <mx:Label x="20" y="5" htmlText="{feedRequest.lastResult.rss.channel.title}" />
        <mx:DataGrid id="dgPosts" x="20" y="30" width="400" dataProvider="{feedRequest.lastResult.rss.channel.item}">
            <mx:columns>
                <mx:DataGridColumn headerText="Posts" dataField="title"/>
                <mx:DataGridColumn headerText="Date" dataField="pubDate" width="150" />
            </mx:columns>
        </mx:DataGrid>
        <mx:LinkButton x="20" y="285" label="Read Full Post" click="navigateToURL(new URLRequest(dgPosts.selectedItem.link));"/>
        <mx:TextArea x="20" y="185" width="400" height="80" htmlText="{dgPosts.selectedItem.description}" />
    </mx:Panel>

</mx:Application>

แล้วก็กดปุ่ม build โลดดด
ก็จะได้ผลอย่างที่เห็นนั่นแหละครับ
แล้วเอา .swf ไปใช้งานตามสะดวก

เห็นไหม บน Linux ก็ทำ Flex ได้