但英文字型就有不少的choices.

這是styling 上必定會遇到的問題。

不過問題是documentation 沒有提及，所以就有developer dump 了一個清單。（當然自己都可以在Interface builder 看都可以看到的。

如果只是想改font size 就很簡單，用法是

UIFont *mainTitleFont = [UIFont boldSystemFontOfSize:14.0];
UIFont *subTitleFont = [UIFont SystemFontOfSize:14.0];
UIFont *textFont = [UIFont italicSystemFontOfSize:12.0];

如果，你的做法不只一個的呢….就要自己create 一個object 呢

UIFont *altFont = [UIFont fontWithName:@"Courier-Bold" size:14.0];

以下的coding 就是dump 所有的fonts
// List all fonts on iPhone
NSArray *familyNames = [[NSArray alloc] initWithArray:[UIFont familyNames]];
NSArray *fontNames;
NSInteger indFamily, indFont;
for (indFamily=0; indFamily<[familyNames count]; ++indFamily)
{
NSLog(@”Family name: %@”, [familyNames objectAtIndex:indFamily]);
fontNames = [[NSArray alloc] initWithArray:
[UIFont fontNamesForFamilyName:
[familyNames objectAtIndex:indFamily]]];
for (indFont=0; indFont<[fontNames count]; ++indFont)
{
NSLog(@” Font name: %@”, [fontNames objectAtIndex:indFont]);
}
[fontNames release];
}
[familyNames release];

Using the iPhone SDK v2.1, the resulting output was as follows.

Family name: Hiragino Kaku Gothic ProN W3
Font name: HiraKakuProN-W3
Family name: Courier
Font name: Courier
Font name: Courier-BoldOblique
Font name: Courier-Oblique
Font name: Courier-Bold
Family name: Arial
Font name: ArialMT
Font name: Arial-BoldMT
Font name: Arial-BoldItalicMT
Font name: Arial-ItalicMT
Family name: STHeiti TC
Font name: STHeitiTC-Light
Font name: STHeitiTC-Medium
Family name: AppleGothic
Font name: AppleGothic
Family name: Courier New
Font name: CourierNewPS-BoldMT
Font name: CourierNewPS-ItalicMT
Font name: CourierNewPS-BoldItalicMT
Font name: CourierNewPSMT
Family name: Zapfino
Font name: Zapfino
Family name: Hiragino Kaku Gothic ProN W6
Font name: HiraKakuProN-W6
Family name: Arial Unicode MS
Font name: ArialUnicodeMS
Family name: STHeiti SC
Font name: STHeitiSC-Medium
Font name: STHeitiSC-Light
Family name: American Typewriter
Font name: AmericanTypewriter
Font name: AmericanTypewriter-Bold
Family name: Helvetica
Font name: Helvetica-Oblique
Font name: Helvetica-BoldOblique
Font name: Helvetica
Font name: Helvetica-Bold
Family name: Marker Felt
Font name: MarkerFelt-Thin
Family name: Helvetica Neue
Font name: HelveticaNeue
Font name: HelveticaNeue-Bold
Family name: DB LCD Temp
Font name: DBLCDTempBlack
Family name: Verdana
Font name: Verdana-Bold
Font name: Verdana-BoldItalic
Font name: Verdana
Font name: Verdana-Italic
Family name: Times New Roman
Font name: TimesNewRomanPSMT
Font name: TimesNewRomanPS-BoldMT
Font name: TimesNewRomanPS-BoldItalicMT
Font name: TimesNewRomanPS-ItalicMT
Family name: Georgia
Font name: Georgia-Bold
Font name: Georgia
Font name: Georgia-BoldItalic
Font name: Georgia-Italic
Family name: STHeiti J
Font name: STHeitiJ-Medium
Font name: STHeitiJ-Light
Family name: Arial Rounded MT Bold
Font name: ArialRoundedMTBold
Family name: Trebuchet MS
Font name: TrebuchetMS-Italic
Font name: TrebuchetMS
Font name: Trebuchet-BoldItalic
Font name: TrebuchetMS-Bold
Family name: STHeiti K
Font name: STHeitiK-Medium
Font name: STHeitiK-Light

Source: http://ajnaware.wordpress.com/2008/10/24/list-of-fonts-available-on-the-iphone/

這間公司，FLEX 上的技術應該算是頂尖的。要使地圖上顯示得順暢，optimization, smoothness, lazy loading 都必不可少 (很大的學問呢)。

利用了heat map 的方法，去把data source overlay 在map 之上，當然 ，datasource ( csv 格式）亦有特定的格式吧，例如要有latitude 這類的positioning。

SpatialKey 還可以customize reporting ， 他們都已經beta 了有整年了 (chowky 在flex 2 的時代已經有參加beta program，beta 了這麼久，成本很高呢) ，所以現在階段，應該算是非常成熟，chowky 覺得這套software 非常厲害。

太多題外話了，入正題！要study 一下他們的收費模式，看看有沒有什麼地方值得參考。

他們用了兩種不同的方法。

1. On-Demand

簡單來說就是月費模式，這是一個cloud (雲端）的architecture，而且他們會host 在amazon cloud （amazon cloud 都算非常穩定） ，這種做法的好處是，SpatialKey 自已不用maintain server，若是自已maintain server 做cloud service 的話，要做的準備（infrastructure, bandwidth, software….) 功夫很多。而且又不用預計scalability.

對於用家而言，穩定勝於一切，利用amazon cloub應該可以提昇了用家使用上的信心 ，又不用maintain server，而且cloud的成本不高，應該不會成本大漲而轉嫁給用家。

chowky 覺得不太對勁，使用得 spatialKey 這類上產品，公司本身應該不會得太細scale，怎說都可算是大企業，而且這個範圍是很專門的……chowky 不是覺得cloud 不好，只是好像不太適合spatialkey.

另外一個是 On-Premise

其實這個才算適合spatialkey….
想做得這種方式的分析，想必一定是大機構，大機構最重視的是data security，大機構財雄大勢大，不會計較錢的呢。

這個收費模式是幫機構deploy 和maintain spatialkey server，再收取license fee 和maintenance fee.。

這個方案當然是適合大機構的，而cloud 的形式是適合online shop 的呢～（但每次迫你買10個user……又好像太多….2﹣5 個user 都己經很夠了，對user 來說是waste 了。）

做RIA的方針，都是本著‘大小通吃’的各度出發?
哈，應該說好一點：
是為不同需求的用家提供他們所需的服務。
現在有了cloud service ，減除service maintenance 和infrastructure 的cost ， 可以成本最低的方法去提供用家所需服務。所以若果要做SaaS 的話，cloud 應該免不了呢～
換句話說，若你想做PRODUCT DEVLEOPMENT，應該要預計把backend （server-side/ logical layer) 雲端化。 才可以吸納更多的用戶群，覆蓋範圍才會廣呢 (要留意的是，除非是建立了一個穩定的community，否則每一個問題都會是自己解決的……人力資源上的分配要小心處理)

Source: http://www.spatialkey.com/pricing/?utm_source=SpatialKey&utm_campaign=dca84a2d9c-SpatialKey_beta_to_trial_10_27_2009_213&utm_medium=email

以下的文章就講，既然iphone 的市場這麼困難，不如去另外的地方，e.g. andriod, blackberry or nokia 的市場吧，而且這些都有一個新的platform 去放上架。

不過chowky 就覺得如果這麼容易就能夠copy app store 的成功。

我們應該要從marketing 方面去想想。
andriod 還未知道.
blackberry 是manager level 的.
nokia 的太散，沒有dominant的segment.

還要考慮一下，platform 的成熟程度，除了app store 之外，其實全部都是新開發的，到時買賣出錯就很麻煩了。

Source: http://blogs.techrepublic.com.com/hiner/?p=2744&tag=nl.e101

所以會有很多研究闗於opensource怎令enterprise 下調成本。

當然這篇文章，對於IT  with Business 有興趣的朋友就一定會很悶的。因為是非常business，這是service-oriented architecture (SOA)

Many companies are turning to a service-oriented architecture (SOA) approach to use their existing IT assets in new ways. Application functionality is made available as a service, available to all applications that use that particular capability. Business managers know that an SOA is a key technology in business integration, and can help increase agility, improve customer satisfaction, and increase responsiveness.

這篇文章會先講opensource SOA benefits，但最終都會介紹自己產品（那當然！）怎樣做到。

Using Open-Source SOA in Enterprise Deployment

• Advantages of open-source
• The business case for open-source SOA
• Low-cost and reduced-risk solutions
• Sun’s modular, open-source SOA

當你是一個cio的時候（可能太高la，manager啦），你做每件事都要有support，當然就要自己找supporting啦。

雖然chowky覺得opensource是非常好，但需要的人的skills上更多。每一種都是錢。

大家都可以當作學英文呢，出得來的report，用的詞語當然會review過。

Source: https://sg.sun.com/secure/offers/details/opensource_soa/ (Signup required)　「哈，sun應該要比affliate chowky 啦」

1

<input type="text" name="full_address" id="address" value="5th Avenue" />

2. 不要放name attribute 在form tag 入面。
和上面的情況非常相似，要避免IE的問題。

不過chowky 不知道name 是deprecated (哈)

Also, the name attribute for forms is deprecated in XHTML Strict, so it’s not best practice anyhow. The name attribute was added to form elements in older sites, so if you’re trying to debug a getElementById issue in IE7 on some inherited code, there could be a conflict occurring due to this fact.

1

<form id="contact_form">

3. 不要在任何element tag 中使用 id=”description”
這個真的奇怪，而且chowky 都不知道，因為未試過中招呢。~
不過原來好簡單。
因為是ie 的name attribute 和id attribute 的衝突。
大家有無留意過，每一個website都會有meta tag

1
2

<meta name="description" content="website description" />  
<!-- 就是這句，description 是name attribute，所以ie上其他的element 有description 要避免使用-->

1
2
3

//所以這兩句get出來的value : firefox 正常，但ie6,7 就會失敗，因為meta tag 是沒有value
var textareaBox = document.getElementById("description");  
alert(textareaBox.value);

如果不能改變html 的話，就看看原文，有提供簡單的方向去解決問題

Source: http://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/

3 個原因:

1. Price 價錢

太便宜的話，別人都不會信你。

On the other side, a client may not choose you because your prices are too low!

Even though we received quotes from others that were way below what you quoted us, we want to work with you because your portfolio and professionalism exceeds the rest, and that is what is important to us.”

純粹價格的上競爭，香港跟本不能和大陸、印度的比較，所以應該要從其他方面著手。

不過chowky現在都要選擇性接。depends on projects how it affects you。

2. Professionalism 專業

Every way you interact with the client is reviewed

自己想想….自己會不會有些習慣令人的感覺有問題。

3. Portfolio 作品的選輯

The client wants to feel completely confident that you can provide a perfect solution for their needs, and no matter how good the rest of the work in your portfolio is, if it is not industry related to their company, they may not choose to work with you.

Source: http://www.brianyerkes.com/3-reasons-why-clients-dont-choose-you/

構成的structure

HTML tag

1
2
3
4

<div class="container">
	<div id="sidenav><!--Fixed Sidenav Goes Here--></div>
	<div id="content"><!--Content Goes Here--></div>
</div>

利用簡單的技巧，
把sidenav 的加上position 和fix的properties.
position: fixed;
float: left;
CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

.container {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	background: url(container_stretch.gif);
	font-size: 1.2em;
	position: relative;
}
#sidenav {
	width: 300px;
	position: fixed; /*--Fix the sidenav to stay in one spot--*/
	float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
}
#content {
	float: right; /*--Keeps content to the right side--*/
	width: 640px;
	padding: 0 20px 20px;
}

可惜ie6不支援fixed position property
所以要workaround..

1
2
3
4
5

*html #sidenav {
	position: absolute;
	left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
	top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}

Building the SideNav – HTML/CSS
加入SideNav 的content。
html:

1
2
3
4
5
6
7
8
9
10
11

<a href="/"><img src="logo.gif" alt="" /></a>
	<h2 class="categories">Categories</h2>
	<ul>
        	<li><a href="#">Link</a></li>
        	<li><a href="#">Link</a></li>
        </ul>
        <h2 class="sites">Other Sites</h2>
        <ul>
        	<li><a href="#">Link</a></li>
        	<li><a href="#">Link</a></li>
	</ul>

css: level 2 的headings tag 是轉換了成為background image。

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

#sidenav h2 {
	text-indent: -99999px; /*--Push the text off of the page--*/
	height: 41px;
	padding: 0; margin: 15px 0 5px;
	background-position:  20px top; /*--Set position of each heading background--*/
}
h2.categories {background: url(h2_categories.gif) no-repeat ;} /*--Background image for "category" heading--*/
h2.sites {background: url(h2_othersites.gif) no-repeat ;} /*--Background image for "other sites" heading--*/
#sidenav ul {
	margin: 0; padding: 0 20px 30px 20px;
	list-style: none;
	background: url(sidenav_hr.gif) no-repeat right bottom; /*--thin break line underneath the navigation--*/
}
#sidenav ul li{
	margin: 0; padding:  0;
	display: inline; /*--Fixes IE6 bug of double margin--*/
}
#sidenav ul li a{
	display: block;
	margin: 0; padding:  5px 0 5px 15px;
	background: url(sidenav_arrow.gif) no-repeat left center;
	text-decoration: none;
	color: #333;
}
#sidenav ul li a:hover {
	color: #999;
}

原文還提及，怎樣用jquery 都一個fix 當左面的sidenav 太大。
不過chowky 認為不太重要~~所以有興趣自己去看看吧

License: License Free
Source: http://designm.ag/tutorials/sticky-sidenav-layout/
Demo: http://www.sohtanaka.com/web-design/examples/sticky-nav/

apple 不想公佈實際的specification 原因
因為apple 的marketing strategy 是humanized technology experience，不想別人在意iphone 的specification ，從而比較硬件上的分別，因為想sell better user experience, user friendly，令user把iphone 和其他的smartphone 分開看待。

Apple doesn’t want people to think about their products as the sum of the parts but as a more humanized technology experience. And, as such, it takes a different approach to both building products and marketing them.

Source: http://www.macworld.com/article/141051/2009/06/iphone_black_box.html
Source: http://blogs.techrepublic.com.com/hiner/?p=1809&tag=nl.e019

大家可以參考一下為什麼要用frameworks.

但那麼多framework，究竟要採用哪一隻呢? 可以去參考一下文章。

• • Cairngorm
• • PureMVC
• • Swiz
• • Mate

Chowky 都會每一隻試一試。

Source: http://www.insideria.com/2008/12/frameworkquest-2008-introducti.html

學習一下新的design concept。

另外，文中還有提及，http://www.designinginteractions.com/

而且可以免費download。

若想了解更多，請看http://www.handyui.com/2008/04/12/15-books-for-ui-designer/#more-120

設計法則類：

格物致知類：

社會心理相關：

設計管理類：

概念傳達相關：

Source: http://www.handyui.com/2008/04/12/15-books-for-ui-designer/#more-120