程式藝術設計

swift 連結 sqlite how to example

2015-06-04T20:47:00.001-07:00

整理一下網路上各家的文章，直接使用swift呼叫sqlite , 不用透過 fmdb

1. 先使用 firefox 的擴充套件：SQLite Manager 建立 sqlite database file

2. 在xcode建立single view application , 並將剛剛建立的sqlite database file拖拉到

專案中

3. 在xcode做下設定

建立bridg header file , 作為 swift 與 object-c 的連結橋樑

建立檔案，與命名檔案

inclode sqlite3.h

設定BridgingHeader.h的路徑，此處的路徑輸入務必正確

設定 sqlite library

檢查自己建立的sqlite database file是否已經被加入，

如果沒有被加入，會出現資料庫開啟的錯誤訊息

輸入下列程式碼

已經開啟sqlite database

WYSIWYG Web App create online example

2014-07-07T18:38:00.000-07:00

來觀摩一下國外超強所見即所得的 Web App 線上產生器，在輸入網站的網址後，自動產生行動裝置版的網頁，並抓取該網站相關的 fb , 照片，影片，地圖資訊....等，只能用非常厲害來形容這個作者了

影片範例

UIPageViewController easy sample code

2014-06-04T19:56:00.003-07:00

重新整理一下這篇教學文件的code , 並且改成純 hot coding 版 (原文是使用 single view application + xib) How to Use UIPageViewController to Build Tutorial Screens

1. 建立一個ViewController for UIPageViewController , 並將這個controller當作是conainer , 用來顯示每個child page

2. 建立 UIPageViewController

3. 建立一個自定function

4. 宣告一個變數，作為參數傳遞用，接收 parent PageViewController 傳入的參數

5. 在child page 顯示目前滑動到第幾頁

6. 執行結果

iOS SDK 讀取 json 中文 sample

2014-04-06T23:20:00.003-07:00

整理了一下google上 iOS SDK 前輩上的資料，彙整成容易上手的快速使用範例

1.建立json檔案，並且確認其格式是正確的

2.貼上下列程式碼即可

Youtube 影片 MP3 下載好用免費工具 - download free tool

2014-03-02T20:46:00.002-08:00

1. 開啓 FireFox , 選擇「工具」->「附加元件」-> 「安裝 Easy Youtube Downloader」

2. 開啓 Youtube 網頁，在播放影片時，就會出現一個綠色的小 Icon , 點選綠色小 Icon , 就可以下載各種影音格式

UIWebView NSURLConnection 程式範例 - UIWebView sample

2014-02-16T19:42:00.000-08:00

1. 先建立一個空白專案，

2. 再建立一個空白Controller , 在AppDelegate.m宣告載入ViewController

3. 在ViewController.h宣告需要用到的物件

4. 使用非同步傳輸的方式來顯示網頁 , 宣告網頁連結及建立連結

5. 在ViewController一開始時呼叫建立連結的function

6. 然後再用填充的方式，填入 NSURLConnection 所提供的 function , 及其想要顯示的內容

7. 來看看執行結果吧

jPlayer HTML5 sample 如何跨平台不使用 flash 播放 mp3

2013-12-17T18:44:00.002-08:00

html5 目前已經是前端網頁程式的主流，Adobe 也早就宣佈 flash 不再支援行動裝置，所以在設計上就必須考慮到 no flash 的替代方案。

HTML5 已經有很多不同的 polyfill 替代方案，即在各家瀏覽器或平台如果不支援 HTML5 , 可以另一種形式來執行，不會因為某種瀏覽器不支援 HTML5 , 就無法執行網頁

要知道這個 HTML5 功能的支援項目，可以在 http://www.w3schools.com/html/html5_audio.asp

查到完整資訊

這個 sample 以 jPlayer 為例 http://jplayer.org/ , (也可以播放影片喔)

1. 首先貼上下列的程式碼 , 因為這個範例是每個考題都有自己的 mp3 檔，所以寫成 function , 動態載入 jquery id & mp3 file name，因為 jPlayer 提供 flash player , 所以 flash player 的路徑必須設定正確，否則會找不到 player

2. 再貼上 html code 就完成了

在 IE 播放結果，因為 IE8 不支援 HTML5 Audio 播放，所以自動填入 flash player，可以按 F12 觀察 HTML Code , 可以發現網頁已經載入 flash

FireFox 支援 HTML5 Audio ，所以直接播放mp3 , 按 F12 觀察 HTML code , 並沒有載入 flash , 而是自己寫的 html code

在 iPhone 執行結果

asp.net dynamic create datatable 1分鐘快速產生 DataTable

2013-12-15T18:31:00.001-08:00

好吧，就這麼簡單了，宣告DataTable , 加入DataTable的column，

一個DataTable會有多了column , 一個column會有多了row，所以我們寫個迴圈，依序加入數值，這樣就Ok了

Flickr Picasa 相片 slider 如何在 iphone ipad Android 手機上播放 - embedded 鉗入網頁

2013-12-10T17:37:00.000-08:00

我們先來看一下網頁slider畫面

1. 首先要在 Flickr 上申請一個帳號，然後上傳照片，然後記得一定要建立相片集才能建立相片的自動播放slider喔

1-1 點選相片集

1-2 新增一個相片集

1-3 將照片點選後，拖拉進相片集

1-4 進入相片集後，務必記得複製相片集的網址

2. 您的相片集可以使用 flash photo slider : http://flickrslidr.com/

不過不支援 iphone & ipad 喔！！

如附圖，輸入相片集的網址，輸入slider的寬度，長度，

按下 [create slideshow] 藍色按鍵，複製在 [code] 裡面的 html code ,

且可以看到預覽畫面，將複製的 embedded html code 放入您的網頁即可

3. 如果要在 iphone , ipad 上播放，

可以使用 html5 photo slider : http://www.slidemypics.com/

選擇您想要建立的社群網站，並建立連結，讓 SlideMyPics 可以存取照片，

然後選擇slider尺寸，複製 embedder html code 到您的網頁即可

妘妘

2013-12-10T08:32:00.001-08:00

HTML5 Canvas animation 動畫程式之懶人寫法

2013-12-06T00:18:00.003-08:00

這個範例採用非正統的懶人動畫寫法，因為小弟數學奇爛，所以沒有套用數學公式，直接變換 x ,y 的值來達到動畫的效果

先來看一下成果

1. 首先宣告 html5 canvas , 如附圖第8行~第9行，然後準備三張圖片，兩張做為連續播放使用(PNG photo file)，一張做為背景圖片，第19行到第26行宣告 canvas 及繪出背景圖片

2. 接著撰寫圖片切換 function ,

設定 timer , 每200 ms 切換一次圖片

第36～43行，設定一個變數 flag , 當 flag = 1 時，播放圖片1，

當 flag = 2 時，播放圖片2 ,

第44～47行，繪製圖片及背景圖，請設定 canvas 的 source-atop , 讓切換的圖片及背景圖能同時出現

第50～64行，依自己的需求撰寫圖片移動路徑，即切換 x , y

3. 第79～84行，增加一個event listener , 當滑鼠按下時，可以觸發想要做的動作，這邊我們做變更圖片的動作

第68～76行，繪製要變更的圖

Apple TV 及 iPad 的使用說明 - iPad remote control Apple TV

2013-08-06T00:09:00.000-07:00

1. 將 Apple TV 的電源線及HDMI線接上，HDMI 線有區分支援的電視螢幕尺寸喔，所以請確認家裡的電視螢幕尺寸，再選購 HDMI 線

2. 將HDMI 線接上電視

3. Apple TV 的遙控器，輕薄短小，和ipad一樣指向 [設定]

4. 顯示本機的資訊

5. 選擇 Wi-Fi，讓 Apple TV 連上網路

6. 在 iPad 安裝 [Remote]，這是一個讓 iPad 連上 Apple TV，用 iPad 手勢控制 Apple TV 的App，好處是解決 Apple TV 沒辦法輸入中文的問題，例如，在搜尋 Youtube 影片時，就非常好用

7. 安裝完 Remote App後，選擇 [使用手勢]

8. 這樣在 iPad 上滑動手勢，就可以同步選擇 Apple TV 上的 Menu 選項，也可以在搜尋時，輸入中文

9. 快速點選 iPad 的 Home 鍵兩下，可以看到 iPad 的 Air Play 功能

10. 設定 iPad 的 Air Play

11. iPad 的畫面就可以同步在 Apple TV 上了

12. 橫向看到的畫面比較大喔

iOS SDK HardCoding - 如何手工打造 iPhone APP - UISegmentedControl

2013-07-11T03:59:00.000-07:00

這是一個手工打造 UISegmentedControl 的簡單 sample , 我們先來看看執行結果

1. 在 AppDelegate.m 新增一個 interface , 並且實作，用來放置顯示元件及觸發事件的 function , 先建立 3 個 function : 建制 Segment & Segment button 按下去要觸發的事件

2. 在 loadview 時建立相關要顯示的元件 , 並且將剛才寫好的觸發 function 與要按的 button 做連結，這樣 button 按下去才會有作用喔

3. 在 AppDelegate 啓動時，建立 viewController , 將 rootViewController 指定為剛才建立的 viewController

iOS SDK HardCoding - 如何手工打造 iPhone APP - Basic篇

2013-06-07T22:15:00.000-07:00

1.建立一個空白的專案

2.輸入專案名稱

3.選擇專案儲存位置

4.打開 .h file , 輸入程式，如附圖，並使用 UITextFieldDelegate , 讓在完成Text Edit後，能自動關閉螢幕鍵盤

5.打開 .m file , 建立一個 static function , return UIViewController , 並在此function寫入想要產生的元件的 code , 如附圖

6.在預設的 ApplicationDelegate 的 didFinishLaunchingWithOptions event 呼叫剛剛寫的 static function

7.再實作 UITextFieldDelegate 的 function : textFieldShouldReturn , 控制完成Text Edit後，能自動關閉螢幕鍵盤

8.來看一下執行結果吧

facebook的網址連結的預覽縮圖不見了??

2013-01-17T00:44:00.000-08:00

Opps , 當您在使用 facebook Po 網頁連結時，發現網頁的預覽圖片不見了，應該怎麼處理呢？
別擔心，快用 facebook 貼心提供的 debug 工具試試，

只要貼上您的網頁網址，然後按 "偵錯"，facebook debugger 就會告訴您，您的網頁到底是哪邊不符合 facebook 的規定了

沒錯，就是這麼簡單

HowTo - Jquery ajaxForm to Upload File & 如何防止中文亂碼

2012-12-31T01:45:00.001-08:00

這個範例我們會做到：
A. 使用 AjaxForm 上傳檔案
B. 如何防止 jQuery 在用 Ajax 傳輸中文參數時產生亂碼

1. 首先我們先準備一隻HTML File

2. 在HTML File 裡 key入 form action 的html code , 準備要用 AjaxForm 上傳檔案

3. 先呼叫 AjaxForm 完成檔案的上傳，再呼叫 Ajax 將其他參數傳入資料庫，記得加上 encodeURIComponent 防止 IE 在傳輸中文參數時變成亂碼喔

JQuery AJAX call WebService - Part 2

2012-12-31T01:17:00.002-08:00

這是第一集的前情摘要

1. 先寫一隻web service , 來接收傳入的參數

2. 然後用 JQuery 傳入參數，沒錯，真的就是這麼簡單喔

如何告訴Yahoo / Bing您的網站已經在網路上了

2012-12-31T00:50:00.002-08:00

還沒看過第一集的朋友，請先閱讀如何快速製作Stiemap網站地圖喔

因為 Yahoo 搜尋引擎已經和 Microsoft 的 Bing 合作，所以我們可以直接到 Bing 去登錄網站
(Yahoo已經改為要收費才能登錄網址喔詳見 http://tw.dir.yahoo.com/step/generally.html)

1. 首先告訴 Bing，您的網址

2. 然後到 Bing 的網站管理工具，提交您的網站的Sitemap.xml

是的，您沒看錯，就是這麼簡單的2個步驟就Ok囉

如何告訴Google您的網站已經在網路上了 | 快速製作Sitemap網站地圖

2012-12-31T00:24:00.001-08:00

網站優化 SEO 已經是現在網站製作人員非常重要的課題之一，很多業主都會問，我的網站做好了，可以在 Google 或 Yahoo 搜尋到嗎？

首先，您必須先寫一個 Sitemap.xml , 看起來好像很複雜，別擔心，現在網路上都有很多免費好用的 Sitemap 產生器喔

1. 到 http://www.xml-sitemaps.com/ 輸入您的網站網址及相關資訊

2. 輸入完後，按 [Start] 鍵，就可以快快樂樂得到一組 Sitemap.xml 檔案囉

3. 將網頁上列表的檔案下載下來，然後上傳到您的網站的根目錄下

4. 先告訴 Google 您的網址

5. 然後到 Google 提交您的 sitemap.xml 網址就大功告成了

如何用 javascript 取得 facebook 的登入 login 帳號資訊

2012-11-01T00:55:00.004-07:00

現在的網站及網路上的各種行銷活動很流行與 facebook 做結合，當然 facebook 的官網也會提供 API 讓程式設計師來使用，

之前的文章提到：如何用 Asp.Net 取得 Face Book 的登入帳號資訊
但那畢竟是使用 third-party 的方式來使用 facebook api , third-party 有可能會因為沒有即時跟上 facebook api 版本的異動而失效，或作者不再提供更新的風險，
建議最好還是使用官網提供的標準 API ,

很不幸的，目前 facebook API 只提供 php , javascript , ios , android 的版本，那如果是使用其他程式語言，例如 asp.net , python...等的網站，要如何來應用呢？

其實很簡單，我們可以使用 javascript 的 facebook API 來完成我們想要的功能

1. 首先，先 include 官網的 javascript
script src="http://connect.facebook.net/en_US/all.js"

2. 在 html body 的區段下寫入下列的 html code

div id="fb-root"

3. 寫入下列的 javascript code , 並到 facebook官網申請應用程式APP ID , 如下圖的範例 appId : "4523"

4. 貼上下面的 html code , 顯示 facebook 的登入按鈕

5. 將取得的 facebook ID 利用 javascript 傳入到自己的程式

如上圖的code ,

window.location = "activity.aspx?user_id=" + user_id;

其中，user_id 就是透過 facebook api 抓到的 facebook user id , 就樣就可以完成 facebook 的 login 程式囉，來看一下執行結果~~

WYSIWYG Part 5 - 所見即所得 AJAX 程式應用

2012-10-31T23:53:00.002-07:00

這個範例主要是Demo使用Jquery的AJAX , 在user輸入文字的同時，
在background 將T-shirt圖片與文字做結合，產生一張預覽的新圖片，
以非同步的方式立即顯示給 User ,
在輸入文字的同時，同步計算 user 輸入了幾個字，分別是中文或英文，
不同的字數或中文或英文，顯示不同的字型及大小。

另外，這個範例較特殊的地方是：用 Asp.net 程式去撰寫 T-shirt 圖文預覽功能，但是，卻可以結合原有網站的 asp 的購物車功能，Asp.net 與 asp 的 session 當然是不能共用喔，雖然都是 asp 開頭，但 IT 技術架構卻是差很大，不過小弟我還是用ajax的方式將不同程式架構做到無縫接軌，讓新舊系統能順利整合在一起。

如何用Asp.Net執行ImageMagic之在圖片上寫入中文

2012-07-10T18:56:00.000-07:00

ImageMagic 是很古老的OpenSource的圖片處理程式，免費，可在各種作業系統執行command line來進行圖片處理，例如：圖片格式互相轉換jpg , gif , png...等，圖片壓縮或放大，圖片影像效果處理，在圖片上畫圖或寫入文字片合成....等，功能齊全但很Stubid，

雖然官網上有sample code，但一堆隴長的說明真的讓我覺得：為什麼不掐頭去尾

講重點就好，

其實我比較推薦要付費的 http://www.aspjpeg.com/ or http://www.neodynamic.com/

，大概只要100多美金，但付費軟體好處是：功能方便齊全，可以快速看完online help後就立即實做，也有完整的sample code，

就像寫JAVA的Eclipse免費，但要付費的MyEclipse卻更方便好用是一樣的意思，

話不多說，馬上就來看如何用 Asp.net 來呼叫 ImageMagic 的 command line 來執行圖片處理，以在大家最常用的在圖片上寫中文為例：

因為中文會當作unicode處理，如果直接套用官網的sample code，中文就會變成亂碼，所以在這邊我們只要直接在command line中指定支援UTF-8編碼的字型的實體路徑即可，

程式原理是呼叫shellExecute來代替在 console mode 環境下執行command line，真的很Stubid，因為還要再多透過一層shellExecute還執行，如果是付費軟體，只要include DLL , 呼叫 function 就 Ok 囉，也不會有一大堆參數要考慮

記得程式一開始要 using System.Diagnostics;

才能呼叫shellExecute，只要套入這幾行程式，所有 ImageMagic 的 command line 就可以直接當作String 丟進去處理囉

Asp.Net excute ImageMagic command line

妘妘一歲生日

2012-07-01T05:42:00.000-07:00

阿公阿嬤也會遠端遙控家中電腦喔

2012-06-25T01:31:00.000-07:00

說到遠端大家一定都不陌生，最常用到的不外乎是 real vnc , ultra vnc
不過如果是要從公司遠端連線回家中的電腦，
有可能會被公司的防火牆擋住，這時候vnc就無法發揮作用，
您可以考慮架設 VPN 何謂VPN
但小弟我實在非常懶，所以我用 免費TeamViewer , 這是一款免費，跨平台，跨防火牆的遠端遙控軟體，可以遠端傳送檔案即視訊會議 (有些進階功能需要付費喔)
還支援 iphone , ipad, android

啟動TeamViewer畫面

your ID : 您必須告訴遠端朋友您的ID，這樣遠端朋友在 Partner ID 輸入後，就可以連線

Password：您必須告訴遠端的朋友您的密碼 (此為隨機產生)，

遠端的朋友在輸入ID並連通後，就必須再輸入密碼

Partner ID: 您要遙控的被控端電腦，如果您在公司要遙控家中的電腦，

就請輸入家中電腦的 your ID & password，

(請注意，您家中的電腦必須先開機，

網路必須暢通，啟動TeamViewer，抄下家中電腦的ID & password，

到公司後，在公司電腦的Parnet ID選項輸入家中的ID即可 )

TeamViewer 進階選項

如果網路連線有proxy，則這裡必須輸入喔

您也可以自訂密碼，下次連線時，輸入您的自訂密碼即可，不一定要用TeamViewer的隨機產生密碼喔

這裡可以選擇連線的Quality，既然是遠端連線，當然是以速度優先，然後勾選不要顯示被控端的桌面背景，這樣可以加快連線的速度

快快樂樂使用 WebRequest & WebResponse for Asp.net

2012-06-19T03:14:00.000-07:00

這篇文章是介紹WebRequest & WebResponse，可以應用在程式自動的送出data給網頁，程式自動讀取網頁的內容，也就是我們常聽到的機器人代替人工去上網瀏覽網頁，或代替人工上網送出資料

1.載入 using System.Net;

2.程式範例圖

在這個web service中，傳入要自動執行的網頁的編碼型態，網址，要傳入的參數
編碼目前多為標準的utf-8 ,
request.method 可以為get or post ,

Stream stream = request.GetRequestStream(); //建立 WebRequest 的 GetRequestStream()
stream.Write(data, 0, data.Length); //開始執行網頁，並植入data給網頁

執行完後，可用
WebResponse webResponse = request.GetResponse(); //讀取網頁內容
gs_retval = streamReader.ReadToEnd(); //利用stream將讀到的網頁內容傳給String 變數

3. 如何呼叫web service

String = webService.set_n_get_web_request("utf-8",
"http://public/save_sce_class_photo.php",
"nsme=joseph&age=20);

如果對方的網頁是一隻訂購或報名的網頁，那您就可以利用這種方法，用程式自動一直去做報名或訂購的動作，或者也可以讓程式自動去讀取其他網站的網頁資訊

當然現在很多網站都有提供防止機器人自動執行網頁的功能，例如要你輸入網頁畫面上隨機出現的英文或數字，輸入正確才可以報名或訂購

所以現在比較常用的只有機器人 WebResponse 自動讀取網頁的功能了