發表文章

XAMPP安裝與虛擬伺服器設定

圖片
一般教學都偏向以終端機的方式來設定,對於非程式出身或不習慣以命令列操作的同學一定不習慣,整理以視窗的方式,安裝與設定XAMPP及虛擬伺服器給大家參考。

目前下載5.6版本較為穩定 https://www.apachefriends.org/zh_tw/download.html

安裝完畢後,會於應用程式目錄下產生XAMPP檔案夾。 1. 修改根目錄底下的etc / hosts,增加 domain name

## # Host Database # # localhost is used to configure the loopback interface # when the system is booting.  Do not change this entry. ## 127.0.0.1        localhost 127.0.0.1        project.com.tw 127.0.0.1        ibird.com.tw 255.255.255.255        broadcasthost ::1             localhost  127.0.0.1 leo-unisiomde-iMac.local # added by Apache Friends XAMPP
2. 修改/Applications/XAMPP/etc/httpd.conf,拿掉#,如下: #Virtual hosts nclude etc/extra/httpd-vhosts.conf

3. 修改/Applications/XAMPP/etc/extra/httpd-xampp.conf,中間這一行要拿掉#,如下: # LoadModule php5_module        modules/libphp5.so #
4. 修改/Applications/XAMPP/etc/extra/httpd-vhosts.conf 於程式碼最後面加入     DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/ibird"     ServerName ibird.com.tw

龍岡手繪地圖製作有感

圖片
隨著社大文史導覽手繪地圖18週的課程的接近尾聲,同學們開始緊鑼密鼓的開始進行龍岡手繪地圖的製作。

由於大多同學都是初次編輯手繪地圖,從毫無概念到分組、認養工作,慢慢的將地圖內容從模糊的討論,逐漸清晰起來。幾次的實地走訪,各小組成員分別就文字、攝影、繪圖逐步將資料建立。

享受製作過程當中的樂趣,認為是最大的收穫。從事前資料的收集、地點的規劃討論,並藉由實地的參訪,深入了解在地的人、事、物,而非走馬看花觀光式的瀏覽,組員間的協作默契培養、相互的學習成長、經驗的交換,都是意想之外的收穫,隨著時間的進展,更令人期待最終成品的呈現。

發展公民新聞需要努力的方向 -- 有一顆太陽,就不需要百萬顆星星

圖片
很高興受到台山老師的邀請,一同前往參加 4月 18 日的社大發展公民新聞會議,第一次親身見識到推動公民新聞是多麼不易啊!
大致記錄下,自己會會議上所看到的面向,分享給大家: 對於公共議題的敏感度:包含了公民記者的自律、及正確的價值觀、對社會的影響、及公民素養的落差...課程的開設不易:包含師資的取得、議題的設定等等...學校的支持:學校扮演的角色、師資的培訓及學校 / 老師學員的互動、課程的設計。公民記者與養成,規範與自律。這是一件需要長期抗戰的事情,包含力量的凝聚、平台的架設與利用等等...整理架構如圖(仍在調整中)

Sketch 習作 / 神奇按鈕 Magic Button)

圖片
詳細的製作過程請參照 Lin Simon 的文章Sketch Hacks Series 01:打造一應萬變的神奇按鈕(Magic Button)  ,文章內容有詳盡的製作過程,並附有範例。(真是佛心來著!)

參照製作的過程中,遇到問題 Lin Simon 也不吝賜教,所以只記錄自己在製作過程中遇到的問題亟需注意的事項。

以後就可以快樂的設定按鈕啦!


圖層的命名方式,必須以 / 作為分段方式(例如:Text/Primary),因為會影響到 Symbols 的結構

State / Shape 的Artboart 的尺寸大小要不一樣,否則會造成 overrides 的 State / Type 分類無法判斷,會混雜在一起(就是都會重複出現)。





Sketch 習作 / Auto Layout

圖片
將 PS 的個人 Profiles 轉到 Sketch 上,同時嘗試 Auto Layout 的功能,快速產生不同的 RWD 的視覺版本。
製作當中,個人認為要注意幾個點:

置入圖片的尺寸大小要同步縮放的設定物件模組要先建立(群組)在確認第一個主視覺後,記得建立相關的 Symbol ,以利後續的調整與修改。

可以參考 Youtube 上的教學介紹,其實還蠻好直覺上手的。





為何不要使用旋轉木馬 Carousel

如果有以下現象,請儘量不要使用旋轉木馬 Carousel

旋轉木馬 Carousel 的內容讓人認為是一個廣告,導致閱讀者忽略。移動的UI元件對可用性容易產生負面影響時。大量的閱讀內容無法在有限的時間內閱讀或理解時。 如果真的確定應使用旋轉木馬 Carousel,確保幾點注意事項: 不要設定自動播放。讓用戶可控制。確保文案簡單扼要。避免使用H1標籤,不利於SEO。確保對移動裝置是友善的。

學習 Axure RP 的 100 天:Day13. Sekect Group

圖片
圖片縮圖在Axure也可利用按鈕群組的功能,達到選取一個圖像,也同時取消了原先選取的項目。


將所以有的縮圖命名(ex:snap01)。設定滑鼠移過及被選取的狀態。將所有的縮圖在Selection Group,選取群組的名稱(或自訂一個群組的名稱)。

最後,設定互動行為。





Demo:http://faagx0.axshare.com/#g=1&p=day_13__selectgroup