Ed32

【目的】

在 IE8 安裝 Java。

【步驟】

下載Java並安裝。
http://www.java.com/zh_TW/
以下步驟省略。

【驗證】

開啟http://www.esunsec.com.tw/z/zc/zcw/zcw_2303.djhtm，就能顯示圖示。

【參考】

在 Internet Explorer 中安裝 Java
http://windows.microsoft.com/zh-TW/windows-vista/Install-Java-in-Internet-Explorer

【目的】

xpm 格式可以直接內嵌於程式中。這邊將圖形檔案轉換成 xpm 格式。

【方法】

使用 convert，第一個參數是來源，第二個是目的檔。例如
```
$ convert lena_std.png lena_std.xpm
```
寫一段程式，利用qt作格式轉換，將圖檔讀出再直接轉存成 xpm 格式。

【結果】

利用 convert 轉換後可用 vim 觀看。
字串內容，以上面為例

256 256: 代表圖形長寬，目前圖形大小為 256 x 256。
246: 代表使用顏色數量，目前共有 246 色。
2: 每一個顏色以 2 個 ASCII 字母來代表。
[空白] C #4C0C38: 表示符號與所代表的RGB值。如果RGB值為None表示不畫顏色或透明。

【驗證】

可以使用 eog，會顯示完整的圖形。
如果使用 gvim 直接觀看，會看到圖形大致的輪廓。

【附註】

convert 有多種用法，可以參考 man。例如轉成 .h 檔 (為方便觀看，轉完之後有稍微排版一下)

$ convert lena_std.png lena_std.h
$ cat lena_std.h
/*
  lena_std.h (PNM).
*/
static unsigned char
  MagickImage[] =
  {
    0x50,0x36,0x0A,0x32,0x35,0x36,0x20,0x32,0x35,0x36,0x0A,0x32, 
    0x35,0x35,0x0A,0xE2,0x89,0x7D,0xDF,0x88,0x82,0xE2,0x85,0x76, 
    0xE3,0x88,0x7B,0xE2,0x8A,0x7B,0xE2,0x86,0x7B,0xE0,0x86,0x71, 
    0xDE,0x84,0x75,0xDD,0x84,0x6E,0xDE,0x8A,0x75,0xDF,0x81,0x6B, 
    0xDE,0x83,0x69,0xDB,0x84,0x6F,0xE0,0x7F,0x67,0xDD,0x81,0x74,
...

【參考】

用 QT Designer 來快速學習 QT(convert介紹)
http://www.study-area.org/tips/qd/qt.html
将普通图片转换为QT中使用的XPM文件
http://hi.baidu.com/codefish/blog/item/f798fb3168f57b10eac4af62.html

【目的】

說明 Qt Creator 內的 subversion 功能。以 Google code 當例子。

【環境】

Windows Vista
Qt Creator
SlikSVN

【步驟】

首先要讓系統可以支援 svn.exe 命令，這邊我是選 SlikSVN。
http://subversion.apache.org/packages.html
下載完後點兩下直接安裝。
建議安裝完之後重開機，試著在命令列下 svn. help。如果有回應就表示安裝 svn 的工作已經可以先告一個段落。
接著先記一下Google Code 裡面的資料，記一下網址與密碼。密碼請記的點選
googlecode.com password 取得。
接著設定 Qt creator svn client side 的功能。
打開 Tools | Options | Subversion，先輸入剛剛的姓名與密碼。
(註在Mac底下是在 Qt Creator | 偏好設定。 )
先從 Google Code Checkout 專案內容。
File | New File or Project | Version Control | Subversion Checkout
輸入剛剛 SVN 的資料。按 Next。
因為目前沒有 .pro 檔，所以會告訴你打開專案有誤。這是正常的。
開一個新的Qt4 Application。會提示說目錄已存在，這也是正常的。按 Next。
接下來就會看到一個專案內的內定生成的檔案。這邊直接把檔案commit作測試。
Tools | Subversion | Update Project。
自動列出要Commit的檔案，可以用Checkbox控制要commit那些檔案。決定之後按 Commit。
接下來回 Google code 核對。在 trunk 會看到剛剛的檔案都傳上去了。

【後記】

上面驗證 Qt creator 內 subversion 的功能，'

【問題】

在 Mac 做 Svn checkout 時，會等待接受使用者接受 Fingerprint，但按按鍵卻無法送出回應命令。

A: 目前在 Mac 還是先用 svn command-line checkout。之後改完檔案用 Qt Creator commit。

【參考】

Setting up Subversion to work with Qt Creator
http://www.kimrstewart.com/?p=9

【目的】

了解 Parallel Port 的基本知識。

【硬體】

Pins define
(下圖只是簡略方向，以 wiki 上的說明為準）
http://en.wikipedia.org/wiki/Parallel_port

Port	Direction
Data Port	Out	D0~D7
Status Port	In(read only)	S0~S7
Control Port	In/Out	C0~C7

【範例】

Interfacing Example - 16 Character x 2 Line LCD
http://www.beyondlogic.org/parlcd/parlcd.htm

【參考】

Introduction To Parallel Port
http://www.youtube.com/v/FHCvrn9B6W0
BCB能否 call parallel port Driver 方式去access(注意討論 WinAPI部分）
http://delphi.ktop.com.tw/board.php?cid=168&fid=917&tid=53074
print port control(使用perl)
http://funningboy.blogspot.com/2010/02/print-port-control.html

Eggplant http://www.apple.com/downloads/macosx/development_tools/eggplant.html

可利用VNC連到某台電腦，直接控制桌面做測試。

【參考】

软件自动化测试资源列表
http://kb.cnblogs.com/a/1726041/
抓圖寫程式，SIKULI將改變世界
http://www.techbang.com.tw/posts/1907-drawings-to-write-programs-sikuli-will-change-the-world

Ovi 在芬蘭文是 window/door 的意思。Ovi Map 是 Nokia 所提供的一項多國地圖/圖資的免費服務。

【目的】

嘗試安裝 Ovi map。

【裝置】

Nokia 5800。

【前置動作】

我的手機目前是是 40.xx 版的，先更新到 50.0.005。
*#0000# | 選項 | 檢查更新。
先準備一個 ovi 帳號。若沒有的話請連到 ovi.com 註冊。
https://account.nokia.com/acct/register?serviceId=Ovicom&lid=registerherobtnnli&lang=zh-TW

【步驟】

首先安裝 Ovi 地圖，基本步驟如下，照著提示就能安裝成功。
進入手機功能表 | 商店 | 應用程式 | Ovi 地圖 | 下載並安裝。

【驗證】

嘗試由 A地導航至 B地。（會知會下載語音包）

【問題】

如何下載其他國家的地圖，如美國/俄羅斯。
http://www.nokia.com.tw/services/ovi-maps/download?intc=ncomexpserv-fw-ilc-bdy-con-na-ncomexpserv-tw-9-downloadovimapsbutton_282x43#/nokia-5800-xpressmusic/

【參考】

取得適用你手機的新地圖
http://www.nokia.com.tw/support/moresupport/nokia-ovi-suite/howto/get-new-maps-for-your-device#What_you_need_to_use_Maps_in_Nokia_Ovi_Suite

【目的】

在文字型LCD顯示文字。
自行造字。

【原理】

HD44780 基本硬體接腳，總共 14 Pins
1. Vss (GND)
2. Vdd (+5V)
3. Vo (LCD亮度控制，0 V最亮)
4. RS (1:資料/0:指令)
5. R/W (1:由LCD讀取資料/0:寫資料給LCD)
6. E (致能LCD，負緣動作)
7. D0 (LCD資料線)
8. D1 (LCD資料線)
9. D2 (LCD資料線)
10. D3 (LCD資料線)
11. D4 (LCD資料線)
12. D5 (LCD資料線)
13. D6 (LCD資料線)
14. D7 (LCD資料線)
初始化與設定
ASCII 輸出
自行造字

(TBD)

【程式碼】

【參考】

LCD原理與控制
http://faculty.stut.edu.tw/~wjshieh/8051/lcd.doc
使用8051製作LCD面板之三維動畫 - 逢甲大學
http://myiecs.iecs.fcu.edu.tw/upload/paper_uni/902pdf/902020.pdf

【目的】

建立一個基本的工作環境。

【下載】

到 http://www.keil.com/c51/，選擇所需要的 MCU。目前我是用 Atmel AT89C51。
點選 C51 Evaluation Software。
之後就是需要填寫你的一些資料才能繼續，之後就省略。

【使用】

先新增一個專案。（TBD)

【備註】

Keil-uVision 為目前的個人首選(1>2>3)。

Keil-uVision
Eclipse with SDCC(small device c compiler) plugin
MIDE-51 with SDCC

【參考】

Keil C51
http://www.keil.com/
SDCC for eclipse install
http://jyhshin3.blogspot.com/2009/03/sdcc-for-eclipse-install.html
狂寫8051程式中
http://ycfunet.blogspot.com/2005/08/8051.html
Paul's 8051 Tools, Projects and Free Code (主要也是用SDDC)
http://www.pjrc.com/tech/8051/
有人在使用SDCC嗎?
http://www.dainau.com/phpBB3/viewtopic.php?f=1&t=2045
免費C語言編譯器SDCC使用方法與教學 for 8051
http://tw.myblog.yahoo.com/jw!KvU5AFqRR0DHJfVJlmU-/article?mid=553&prev=-1&next=552

整理一下之後會用到的東西。 (未完)

如何安裝
1. 如何在Ubuntu 9.10 環境安裝QT4
  A: 建議利用 Ubuntu軟體中心 安裝
2. 如何在WinXP/VS2005環境安裝QT4
  A: 到 Qt 站點下載 QT4 套件安裝
3. 如何在MacOs環境安裝QT4
4. Qt Embedded的環境建構
  A: 參考
  http://blog.chinaunix.net/u3/91092/showart.php?id=1862993(未驗證)
  http://ftp.ie.vim.org/pub/trolltech/pub/qt/source/
5. Qt for S60
  http://www.cnmsdn.com/html/201003/1270055782ID2919.html
  http://www.youtube.com/watch?v=cYffSxcbHus&feature=related
  http://www.youtube.com/watch?v=AKJsnUluU2E&NR=1
如何撰寫 Qt 程式(Ubuntu)
1. 基本方式
  1. 先建立一個 hello.cpp
  2. 利用下面方式產生可執行檔
```
$ qmake –project 
$ qmake 
$ make
```
2. 使用Qt Designer(建議改用Qt Creator )
  1. 先使用Designer產生hello.ui
  2. 利用uic指令產生hello.h
```
$ uic –o hello.h hello.ui
```
  3. 建立hello.cpp
  4. 基本上這是大約流程，不過建議改用(tbd, 先前是接Creator開發)
3. 使用Qt Creator
  1. 整合性IDE，這邊不再多敘述。
如何撰寫Qt程式(Windows )
1. 使用 Qt Creator
2. 搭配VS 2005/VS add-in
程式架構

一個簡單的範例(Hello)

#include <QtGui/QApplication>
#include <QtGui/QLabel>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    QLabel label("Hello, world!");
    label.show();
    return app.exec();
}

HTML Tag 的使用

QLabel label("<h2><span style=\"color: red;\">Hello</span>, world!</h2>");

為何程式裡面都要有下面這兩行
```
QApplication app(argc, argv);
app.exec();
```
甚麼是Signal/Slot
直接使用 Qt Creator 裡面用 Go to slot 就可以像 MSVB 一樣規畫 click… 之後的動作。

A: 就我的想法，Signalr就是Send message，而Slot就是Revicer
http://www.youtube.com/watch?v=c0HkTtUNxrw

先學會除錯

中斷點(和 MSVS 類似，有 watch 可直接看變數值)

qDebug

方法一

#include <QtDebug>
qDebug() << "Show this via qDebug\n";

方法二
```
qDebug("Show this via qDebug”);
```

Dialog

QInputDialog::getText

QInputDialog::getItem

bool ok;
QStringList list;
list<<"male"<<"female";
QString str = QInputDialog::getItem(this,"Sex","Please select sex",list,0,false,&ok);
if ( ok ) {
    qDebug() << "Sex =" << str << "\n";
} else {
    qDebug() << "Empty\n";
}

QInputDialog::getInteger

    
bool ok;
int i = QInputDialog::getInt(this, tr("Hello"),
                                  tr("Percentage:"), 25, 0, 100, 1, &ok);
if ( ok ) {        
    qDebug("%i\n", i);
} else {
    qDebug("Empty\n");
}

QInputDialog::getDouble

MessageBox
1. information
補充
1. qDebug http://doc.trolltech.com/4.0/qtglobal.html#qDebug
2. Dialog/MessageBox http://www.cnblogs.com/se7en/archive/2009/12/10/1621231.html
3. Qt Examples and Demos | Dialogs | Standard Dialogs

資料型態與型態互換
1. QStringList
2. QString
  1. Int to Qstring/ QString::number(int)
  2. QString to Int/ QString().toInt()/ QString::number(100)
Layout
1. QFormLayout
2. QGridLayout
3. QHBoxLayout
4. QVBoxLayout
基本類別
1. QWidget
2. QFrame
3. QMainWindow
繪圖類別
1. QPrinter
2. QCanvas
3. RenderArea
4. 圖形處理 blur…
5. 動畫(相簿功能)
閱讀文件
1. 初級建議先看4.0 http://qt.nokia.com/doc/4.0/examples.html
如何發佈
1. Windows環境
2. Ubuntu環境
3. Embedd環境
元件的使用與 Layout
1. QPushButton
  1. clicked()
2. QLineEdit Class
  1. Length/ length()
  2. setText(Qstring *) / setText(tr(“string”))
  3. textChanged
  4. LayoutDirection
3. Progress Dialog
4. LCD
  1. ui->lcdNumber->display();
5. Label
6. Timer
7. QtWebKit
  1. __qt_sender__.text
8. Qthread http://www.youtube.com/watch?v=jfHM4pQSqt4&NR=1
自我評量
1. 計算機
  參考 http://qt.nokia.com/doc/4.0/widgets-calculator.html (digitClicked)
2. Dec2Hex
3. 小畫家
  http://caterpillar.onlyfun.net/Gossip/Qt4Gossip/QPainter.html
  http://blog.csdn.net/iamdbl/archive/2007/05/29/1630129.aspx
4. qt with sqlite
5. qt with rs232
  http://files.codes-sources.com/fichier.aspx?id=50735&f=debug-devel%2fqextserialport%2fposix_qextserialport.cpp
  http://blog.xuite.net/cjy0503/mylife/14326585
後記
1. 何為Qt Extended/Qtopia與Qt Embedded
  參考(1) Qt Software將不再維護Qt Extended
  http://zylix666.blogspot.com/2009/03/qt-softwareqt-extended.html
  參考(2) QT、QPE、Qtopia、Qt/Embedded、Qtopia Core 究竟是什麼?
  http://leterboy.wordpress.com/2007/03/19/qt、qpe、qtopia、qtembedded、qtopia-core-究竟是什麼/
2. 複習 C++
  1. vector，可以想成array
    http://caterpillar.onlyfun.net/Gossip/CppGossip/vector1.html
參考
1. Introduction to Qt4 toolkit
  http://zetcode.com/tutorials/qt4tutorial/introduction/
2. Live and Learn(提供許多實用的技巧)
  http://www.cnblogs.com/se7en/
延伸
1. 在Blackfin Linux上繪圖 (SDL, DirectFB & Qt)與影像的表現
  http://ctov.compotechasia.com/?p=145

雖然在 Windows 平台有提供 Visual Studio/Eclipse 環境，不過建議以 Qt Creator 為主，方便跨平台間原始碼的管理。

【環境】

WinVista

【步驟】

下載 Qt 套件
ftp://ftp.qt.nokia.com/qtsdk/qt-sdk-win-opensource-2010.03.exe
點兩下開始安裝，由於我不需 arm 的環境，所以目前先拿掉。
之後步驟就省略，這邊只是做個記錄。安裝最後會提示啟動 Qt Creator，UI拉一拉就可以驗證了。

【問題】

【Qt】如何打包发布基于Qt4 Windows的软件
http://strongmachine.blog.163.com/blog/static/10804805020097811414179/
Qt Creator能夠載入VS所開發的DLL 嗎?

【注意】

基於方便跨平台間原始碼的管理，建議以 qt-sdk-win-opensource(搭配mingw compiler)來代替Vs2005環境。

【環境】

Windows XP
VS2005
QT
- Qt-Win
  ftp://ftp.trolltech.no/qt/source/qt-win-opensource-4.6.2-vs2008.exe
- Qt-Vs-Add-in
  http://qt.nokia.com/downloads/visual-studio-add-in

【說明】

在Win環境安裝與使用QT。
安裝 Qt Add-in for VS 並利用Qt Designer加入一個 Push Button。
編譯Qt4內附的範例。

【安裝】

首先安裝基本的QT套件。

下載給 VS 用的 QT 套件
ftp://ftp.trolltech.no/qt/source/qt-win-opensource-4.6.2-vs2008.exe
下載完後打開，按 Next
選擇安裝路徑，我們採用內定的 C:\Qt\4.6.2
跳過幾個步驟，安裝到最後可以選擇啟動範例。
選擇 Qt Linguist | Hello World
畫面中間就是執行結果。
上圖按 Lanuch，就會帶起真正的執行結果。
上上圖按 Documentation，就是 Line by Line Walkthrough。