Apache 上的 IP base Virtualhost 設定

因為是以 IP 為基礎,所以 virtualhost 就是使用 port 來區隔

HTTP 預設使用 80 port ,輸入網址時可省略。

也就是說,在輸入網址時,我們可能只輸入

其實「比較完整」的網址應該是

加上剛剛說的省略掉的 port ,其實「更完整」的網址是

當然還有「宇宙完整」的版本,那就當作本次的功課好了

Apache httpd.conf 設定

使用 IP base 當作 virtualhost 比 Name base 需要多一個監聽 port 的設定

以上的設定案例,增加了一個位於 9000 port 的網站,此數字的範圍建議在 1024 ~ 65535 之間,為什麼是這個數字可以參考

最後重新啟動 Apache 就可以了

 

結合物理位置和資料庫概念的「物品儲存平台 – SBOX.hoyo.idv.tw」

合理的欲望

一個人可以有多少東西?衣服、書本、文具、3C 、收藏品…等,零零總總加起來上萬件可能不至於,不過幾百上千也不為過。

要將上百件物品拍照並且上傳到網路平台,使用數位相機這種傳統方式光是想就累。如果把東西先拍起來,等一下要上傳的時候東西是從哪裡拿出來想得起來嗎?一張拍完馬上上傳不是關相機、插上傳輸線、上傳這個步驟就是要;打開蓋子、拔記憶卡、插記憶卡、上傳,然後還原步驟後再打開相機拍下一張。

看得人不累我打字都快累死了,事情要成行拍照、上傳資料的流程必須要合理。

拍照?這個必須要。選照片後上傳?這個也必須要,除此之外的步驟沒有一個是必要的,所以要使用平台時,我必須先確定現在的科技是否可以達成這樣子的需求?

拜現在智慧型手機所賜,我的想法是可行的,不過要開始之前必須要先對這些移動行裝置動動手術。

關鍵

用一句話簡單說,就是要一台支援無線網路 (Wi-Fi) ,並安裝 Samba Server 以支援網路芳鄰的可拍照裝置。以下說明安裝過程。

Android 系統手機

Android 版本、手機百百種,不過要一開始你

  1. 必須要 root (有些手機預設就已經 root 就跳過此步驟) ,不知道如何 root 的或是白牌手機請直接服用 → 百度一键Root工具,快速获取手机root权限

    到 Google Play 商店搜尋、下載、安裝 Samba Filesharing
  2. 安裝完成開啟 Samba Filesharing → Settings ,先設定 Password 和 Username ,然後退出 → Menu → Enable ,將 Samba Server 啟動

如此就可以直接使用網路芳鄰進入手機 SD 卡,或是到 DCIM 相機照片路徑進行檔案管理。 (手機截圖是前一天準備的,隔天 IP DHCP 就變了)

IOS 系統手機

一樣要安裝 Samba ,目前我只知道一種方法就是先「越獄 (Jailbreak)」。

jb 請自己評估可行性及風險姓,手機我不是很建議,iPad2 及 iPod Touch 要 jb 請先看 : iOS越狱 – 维基百科,自由的百科全书

  1. 請先 jb
  2. 進入 Cydia (沒 jb 就不用找了)
  3. 搜尋 samb 後安裝

參考 Samba For iOS让iPhone使用网上邻居使用体验教程 | 我爱Cydia (本機備份)

DHCP 請到 設定 → 一般 → 網路 → Wi-Fi → 選擇右鍵頭

就可以看到 IP 位址

如此即可讓 IOS 裝置支援 SMB 網路芳鄰

數位相機 + Eye Fi

Eye Fi : Eye-Fi memory cards: wireless photo and video uploads from your camera to your computer & the web. | Eye-Fi 支援 WiFi 的 SD 卡

我今天 (2012.6.2) 異想天開搜尋到的產品,本來是想說找一款 SD to SD 的連接工具,就可以將數位相機和其他有作業系統的裝置連接起來,達到直接儲存到電腦或是擴充具備 WiFi 功能。結果就找到這個神奇的 SD 卡。 ( 如果有我想的那個連接工具其實也是很神奇… = =” )

這裡有開箱說明:《開箱&設定教學文》Eye-Fi Mobile X2 SD Card,拍照直接傳輸到你的電腦/iPad/Android顯示 | 就是教不落

這裡有在賣:PChome Online 商店街 – MuMo-3C

我還沒試過,不過支援的程度很廣泛,應該是一款很讚的產品。

基礎技術

jQuery

表單、上傳檔案

從 WebCam 拍照上傳

UI

疑難雜症

HTML

影像連結地圖
<img src=”file:///C|/Users/hoyo/Downloads/62rbn00025pl.jpg” width=”800″ height=”600″ border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”><area shape=”rect” coords=”514,69,716,187″ href=”#aaa”/>
http://wap.w3schools.com/tags/tag_area.asp

1. 圖片連結地圖

2. 固定區塊

1. 圖片連結地圖

標記

  • http://davidlynch.org/projects/maphilight/docs/#maphilight
  • imgAreaSelect Examples http://odyniec.net/projects/imgareaselect/examples.html

2. 固定區塊

  • http://abgne.tw/jquery/apply-jquery/apple-store-scroll-fixed-shopping-list.html

縮圖 CSS 美化

虛擬實境物品管理平台 – 緣由和目的

我的箱子、抽屜、收納空間裡到底有哪些東西?

家裡、公司有很多東西,但是臨時要找東西時總是找不到… 你可以建立一個資料庫將物品的名稱、敘述、存放位置儲存,不過這樣的方式不夠直覺,到底那個存放位置在哪裡?那個位置長什麼樣子?周遭又有什麼東西? 你是不是也常常因為臨時找不到東西,買了之後事後又找到的困擾?

不同於現在的管理方式

大家都說「有圖有真相」,用圖來說明比文字要清楚的多,而且有太多東西我們也不知道到底要如何稱呼,這時有圖可以看就有其必要性。

 

啃資料 – 基本知識

 

 

簡譜 – 维基百科,自由的百科全书


聲音的高低是怎麼產生的呢
音高 – 维基百科,自由的百科全书

 

MIDI – Wikipedia, the free encyclopedia
MIDI – 维基百科,自由的百科全书

7-5 HPS 在頻域上的音高追蹤的方法
Audio Signal Processing and Recognition (音訊處理與辨識)
(我有一種念大學的感覺,畢業的同學可以借我抄作業嗎?) 

音樂計畫 – 內容

網頁樂譜編輯

編輯輸出網頁、PDF 適用不同媒體顯示結果

  • 五線譜編輯
  • 簡譜編輯
  1. Flash 五線譜編輯、播放: Noteflight – Online Music Notation Software

聲音辨識

應該是使用 Flash 來擷取麥克風的聲音

  • 辨識聲音頻率
  • 哼唱轉換樂譜
  • 哼歌找歌
  1. 哼歌找歌: Search for Music Using Your Voice by Singing or Humming, View Music Videos, Join Fan Clubs, Share with Friends, Be Discovered and Much More For Free! – midomi.com
  2. 吉他調音: Pro Guitar Tuner

整合應用

  • 樂譜可播放 (MIDI)
  • B-box 分部
  • 整合教學,演奏技巧…
  • 比對、評分、改進建議