留言服務開發記錄 Comment Service Development

若不意外, 一般網站留言的功能都是寫在自有的資料庫中,
不過若跨站別有太多網店需要處理得情況時, 寫起來會有點白白的啊, 一直 copy+paste 有點搞笑哦!
所以, 這次麥大叔用一個主資料庫處理所有留言。再用 json 在不同站別做資料傳遞。
在應用上只要在其它各站呼叫函式就自動生成留言了, 管理上也比較好管理哦!

目前公開的版本是 v1.0, 主要實現了留言功能 (這不廢話嗎?)
預期待開發/解決的問題如下:

1. 機器人踹開:
現在我還在觀察機器人的運作的方式, 若都是 curl 留言機器人,
就直接 ajax 把 sumbit button 處理欄位就好啦!
爬都爬不到; 除非有大師用 solenium 之類的來寫, 那也沒辦法了。
我是不太想用什麼文字啊影像之類的驗證碼, 大大降低 User Experience 的分數

2. Mobile Friendly 行動裝置最佳化
說實話, 每次寫php網頁, 我最花時間的就是試這些 css 的東西, 比寫code還痛苦!
所以, 這mobile friendly 永遠都是問題, 一直在我心裡隱隱作痛...

3. FB-account Login / Google-account Login
還要加個用FB/Google一鍵登入留言的機制。
這個理論不難, 一個api的轉換而已...

目前大致先降。 有想到其它後補

Solo in Motion from Snowforest on Vimeo.

Solo in Motion
飛了一個多月之後, 總算是完成一個空拍的作品。

我在Madison空拍的感覺和街頭人文攝影一樣的是, 都是得早早起,
趁著天剛剛亮, 大家都還沒搞清楚發生什麼事的時候, 趕緊鎖定目標, 搞定拍完。

我在做分鏡順序的時候特別比對了音樂起伏, 這個作品也是我第一次做分鏡調色。
之前出旅遊作品的時候, 我有刻意把整批的照片用成同一色系, 分鏡調色的概念則差不多。
但以專業來看更需要色彩心理學之類的背景才能更得心應用。

好吧, 先寫到這算是記錄這個moment...
而影片中有Wisconsin, Capitol, Bascom Hall 還有 UW Observatory的空拍, 是想呈現的特色。

Street View Trusted | Trusted Photographer

Do you want to apply the Google Street View technology to show your business to the world? Try below sample:

Jade Mountain Café
2611 E Johnson St, Madison, WI 53704

Ting-Li Lin and Max Chen (myself), who founded Snowforst.co, are helping Wisconsin local business to spread their visibility! Although they are both Google Trusted Photographers, their photography capabilities is way beyond than this.

I am currently marketing Google Street View services in most towns in Sauk county, like: Sauk City, Baraboo, Reedsburg and Wisconsin Dells area. If you see me stop by your business store, don't be surprised. I see your potential and would like to help promote your store. I believe Street View for business is a great marketing tool for local business for the below reasons:

» Read More

Canon 1Ds Mark III 入手

之前一直在看機身, 不知為何莫名奇妙就買了這台1Ds Mark III (大三)啊!!!!

入手價格 $1,200, 算是一個驚喜(or驚訝) 在eBay上標到的機身。

機身到手也將近一個月的時間, 把玩了之後。高速快門沒有漏光, 對焦還看不出有什麼問題, 品像尚可。
除了機身稍舊 (查了機身出廠時間大概是2008年, 比我的 1Ds Mark II 只晚一年啊!) 之外,
一切都OK! 算是稍稍對 eBay 回復了些信心。

» Read More

Private Content

文字樣式作弊表 - 僅供 Max Chen website 文字部份使用. 使用方式 span class="xx"

標題

v1
underline,bolder,16pt

v2
border-bottom,15pt


內文

t1
藍底白字 : 使用在某種程度的高光顯示

t2
黃底紅字: 不太確定該怎麼使用

t3
黃底: 一般程度的高光顯示

t4
灰色刪除線: 使用在某種需留住但不重要或是有笑果的時候


coding 程式碼專用



自定情況: 就自定吧

Private Content

BYE 2016 再會 2016

2016 上班日的最後一天, 我再次回到了工作岡位上。

記得三個星期前的那通電話, 只有45分鐘能做出決定, 其實我沒有很猶豫, 心底早已經決定!!
和爸媽和妻子溝通過後。 晚上七點, 我被送進了開刀房。

術後麻藥的關係, 昏昏沈沈的, 直到周天才稍微有痛的感覺。
而病房內來來去去的醫生和護士, 不斷的更新我的最新情況。
周日下午, 醫生說他似乎醒了, 很好。

我也稍鬆一口氣, 摸摸左手臂上的傷口痂, 告訴他:「這些年, 你辛苦了...」
爾後幾天有妻子的陪伴, 與大老遠從台灣赴美老媽的無微照顧, 使我復原情況非常好。

回首這一年, 實在發生太多事了, 無論好的和不好的, 我就實在的擁抱他們, 使之成為我生命的一部份。
而最後這一個月, 上天送來的這份耶誕節大禮, 的確是送給家人與我最美妙的事物。
小時候唸國文, 好像是陳之藩寫的:「得之於人者太多, 出之於己者太少, 要感謝的人事物太多了, 那就不如謝天吧!」
這句話, 切實地描述此時我心底的絕大部份感受。

2017年, 我的一切都將有了新的開始, 我一定會活得很精彩!

最近忙著和Google Maps API奮鬥, 想寫一個跟街景有關的資料庫網站。(好痛苦啊! DOM完全不熟的說!)
不過今天突然心血來潮, 想回顧自己到底寫過幾組完整的PHP+MySQL網站，也一併回顧自己寫程式的來時路。

» Read More

Virtual Reality 元年

2016 什麼最夯? 如沒意外應該就是虛擬實境 Virtual Reality 啦,
目前的平台有第一季 HTC 首發的 VIVE, 還有第二波預購要等到八月的 Oculus Rift,

而各家廠商也紛紛推出360 VR相關的裝置, 我就不一舉例囉!
直接看我手邊地表最強的華碩ROG ASUS 751jy 跑不跑得動 VIVE 或是 Rift?

結果是 VIVE勉強跑得動, Rift 直接告訴我不行。(不過Oculus的論壇上有使用者是可以透過mini display port使用的)

這告訴我一件事, 今年雖然號稱 VR 元年, 但實際要滲透到大家手邊還是需要至少1-2年的時間。
美國這裡可能快一點, 畢竟美國人汱換科技的速度很快 (說難聽一點就是過度浪費了哦) 。

目前一台 VIVE $799; Oculus $599, 到底該買那一個呢? 還是得好好思考下...

Google Place Big Data Report

是的, 各位朋友! 麥大叔花了我近兩周的時間, 日夜苦幹, 連遊戲都不打,
終於街景資料庫快要可以上線了!

» Read More

自虐啊!!! 改什麼mysqli, 瘋了嗎?
寫mysql寫的好好的, 改個屁 mysqli!

好了, 以上發洩完畢, 為了及早準備PHP7.0的時代,
麥大叔這兩天花了點時間改了note資料庫的程式碼 (接下來還有幾個網站要改...哭哭)
主要異動是把即將缷任的mysql語句改為mysqli,

過程其實還好, 只要確定原本的輸出是什麼, mysqli 也能輸出同樣的東西即可。
比較麻煩的是取出多筆資料時要做的迴圈, 會需要一些改變。

心得
1. mysqli 語法改用物件的方式寫會比較順利

$link = @mysql_connect(DB_HOST,DB_USER,DB_PASSWORD);

$db = new mysqli(DB_HOST,DB_USER,DB_PASSWORD,DB_NAME);


2. mysqli 多筆資料時的輸出情況, 以fetch_object做廻圈, 再用json去轉陣列




3. SQL語法包括UPDATE, INSERT INTO時, 宣告字碼 utf8, 避免存入亂碼

$db->set_charset("utf8");


以上, 供後人參考!

留言功能再開

自從把 wordpress 關了之後, 留言功能就死掉了!!
wp_comments的資料庫放了很久, 一直沒有動力去使用它~ (笑)

不過這兩個月由於刻 streetview.cc 的關係,
php功力大大增進, 猶如一顆大補丸啊!!
於是就把留言的功能做起來, 時間還蠻恰好的, 正好關了將近一年的時間!

各位朋友! 麥大叔留言板再開!


功能應該會逐漸加回來, 目前通通預設驚聲尖叫當做小圖。 (我超愛這個表情的啦~)

Here is an instruction which shows you how to embed a google street view tour on your website.

Step 1. Open the Google Map on your browser, and Key in your business name on the Search tab.
Step 2. Click the See Inside tab, and then guide the Street View screen to your prefer initial view spot (the default screen of your Google Street View).



» Read More

This post also posted in Virtual Tour Mobile-Friendly Test

This article is going to compare 5 visual tour services using five common mobile friendly test tools on the internet. These 5 virtual tour services are the most common marketing providers in the North America real estate industry, including: Circlepix, Paradym(VisualTour) ,matterport, My Visual Listing. truplace, TourBuzz. And the 5 mobile friendly test tools will be used are: W3C mobile Checker, MobiReady, Google Developer Tools: Mobile-Friendly Test, PageSpeed Insights and Wave.

Result

After reviewing the result, I would rank these five virtual tour services as: truplace, matterport, tourbuzz, paradym, my visual listings and the last, circlepix.

» Read More

黃山地圖 1115×1531, 854KB

1. 右鍵下載 : 黃山地圖 (用A4印出來, 陪你過黃山~)

2. 黃山作品：感受黃山,天下無山

攻略黃山時, 我也是用了這份地圖, 不過實在完全看不懂, 直到上山才明白「哦~原來是這樣~」

所以拋磚引玉寫一次黃山攻略:

3. 黃山攻略：

» Read More

全景圖嵌入網頁能力

點擊開啟全景圖 Click for PANORAMA

上圖: Devil's Lake 惡魔湖全景圖

麥大叔從2015年 Google Trusted Photographer 開始學全景攝影的相關技術。
然後今年開始空拍全景攝影, 感覺起來比空拍Video更有臨場感。
我想了想也是時候把網站做個小改版, 可嵌入全景圖的閱讀。

大致試用了幾種, 最終打算採用 Photo-Sphere-Viewer 的精簡版本,
https://github.com/JeremyHeleine/Photo-Sphere-Viewer
語法精簡, 客戶端網頁宣告1-2個變數就可以生成, 而主引擎用 three.js 效能也相對較好。

接著就是再弄個全景圖片的資料庫分頁出來啦~

最後覺得很奇怪的是: 為什麼html5 不支援直接播放全景圖呢?? 難不成要等到 html6嗎?

原文發佈表於PTT, 作者leondu因故刪文。
此故事與 2011年的萬華當地的火警新聞(點擊見下圖), 因此多少增添了些可看性, 特轉錄如下:



» Read More

Change is for the better

很久沒寫些什麼了, 沈迷於遊戲無法自拔。

手術後, 維持身體健康是我的中心任務。

但仔細想想我似乎不怎麼快樂, 也許表面是快樂的。

日昨挺立發了一個 Ted Talk 給我,

What makes a good life

看完我竟然有點想哭的感覺, 原來我的 relationship 是不快樂的原因。

儘管我自認做了很多努力, 但終究在近幾年... 哎 找不到適當的詞來描述我的感受。

很感謝支持我的朋友們, 薇喬的天使卡告知我 Change is for the better

我的身心靈在這些年受傷, 強大, 接下來要改變。

a comparison of time-consuming for curl() and file_get_contents()

1. Target: Google generated page

2. Programming: Basically string processing, apply preg_match, preg_replace, preg_split after retrieving HTML content.

3. RESULT
--
Result 1
$curl_info[size_download]: 542711

curl get contents timing => 0.5671, 0.5821, 0.7801
file_get_contents timing => 0.8851, 0.8641, 0.9081
--
Result 2
$curl_info[size_download]: 554880

curl get contents timing => 0.7771, 0.5741, 0.6331
file_get_contents timing => 0.9991, 1.2871, 0.9111
--
Result 3
$curl_info[size_download]: 561892

curl get contents timing => 0.7111, 0.7091, 0.6931
file_get_contents timing => 1.0921, 1.3880, 0.9640
--
Conclusion

Curl is 50percent faster than file_get_contents when getting a 550kb file size.