5/05/2017

我的日記app-記錄當下的美好


動機:
         現代人每天時間的步調緊迫,就這樣一天一天的過去了,從來不會想過今天自己做了甚麼有意義的事情還是發生了甚麼令人震驚的事情,何不放下緊湊的步調,找個合適閒暇的時間去記錄自己今天一天所發生的事情,在未來還可以慢慢回味當下的美好。

APP的介面設計:


開始畫面



日記撰寫畫面
按下SAVE後會跳至我的日記篇
並將日記儲存到資料庫中


選擇想觀看的日記所在的月份


觀看日記的介面
可返回撰寫日記

未完成部分:
                      1.資料庫還需要做調整,目前有不知名的錯誤,因次日記的資料無法儲存到資料庫中。
                      2.觀看日記介面的日期顯示和日記觀看
                      3.選擇想觀看的日記所在的月份

未來展望:
                  1.可加入儲存影像的功能
                  ----現在有許多的YOUTUBER把頻道當成自己的生活記錄經營,所以我想可以把錄下來的VLOG影像儲存起來
                  2.可將儲存的影像如相片集般的介面一一顯示
                  3.將選擇月份的功能升級成能選擇日期的功能





What's the weather today

What's the weather today?


《---------------關 於---------------》


還 在 煩 惱 今 天 要 如 何 穿 衣 服 嗎 ?
簡 約 唯 美 的 設 計 風 格 ,
提 供 當 日 氣 溫 、 降 雨 等 資 訊 ,
讓 您 及 時 掌 握 當 地 天 氣 ,
趕 快 下 載 " What's the weather today "!

《---------------動 機---------------》


每 天 起 床 都 不 知 道 自 己 該 穿 什 麼 衣 服 ,
出 門 後 又 發 現 感 受 跟 查 到 的 溫 度 不 符 ,
或 許 可 以 查 到 實 際 的 溫 度 ,
但 體 感 溫 度 會 被 外 在 因 素 影 響 而 與 實 際 不 符 ,
因 此 想 自 己 做 一 個 App ,
可 以 根 據 拿 到 的 天 氣 資 訊 來 推 薦 使 用 者 該 如 何 穿 搭 。

《---------------使 用 到 的  API 介 紹---------------》


《APIXU - Weather API》


Apixu 提供了一個完整的 Weather API 解決方案,其具有下列特性:

               1. 免費
               2. 快速
               3. 簡單使用
               4. 可擴展且管理完善
               5. 具有 XML 和 JSON 兩種格式

必 須 先 依 網 站 指 示 的 步 驟 完 成 註 冊 , 才 可 取 得 以 下 金 鑰 ,
要 注 意 的 是 , 若 您 使 用 的 是 free 版 本 ,
那 Apixu 會 限 制 您 存 取 天 氣 資 訊 的 次 數 , 故 必 須 謹 慎 使 用 !

﹝圖一﹞

圖 一 為 API 金 鑰 的 畫 面 ,
上 面 是 您 的 資 訊 , 下 面 分 成 Current 與 Forecast 兩 部 分 ,
前 者 為 當 前 天 氣 , 後 者 則 為 天 氣 預 測 。
連 到 網 址 即 可 看 到 天 氣 資 訊 的 各 項 資 料 ,
Forecast 顯 示 的 資 訊 會 比 Current 的 資 訊 更 多 ,
開 發 者 可 依 自 己 的 需 求 選 擇 及 調 整 。

《天 氣 資 訊》


以 本 App 使 用 到 的 Current 為 例 , 所 看 到 的 天 氣 資 訊 , 如 圖 二 。

﹝圖二﹞

《欄 位 介 紹》


圖 二 中 各 個 欄 位 所 代 表 的 意 思 ,
 Apixu 官 網 有 詳 細 的 介 紹 ( 英 文 版 ), 
大 致 上 分 成 Location 及 Current 兩 個 部 分 ,如 表 一 及 表 二 。

1. Location 欄 位


﹝表一﹞

2. Current 欄 位


﹝表二﹞



《---------------App 原 型 設 計---------------》



主 畫 面                                                                 關 於   

搜 尋 結 果

取 得 該 城 市 天 氣!                                        找 不 到 該 城 市!   

各 地 氣 象 ( 更 多 )

臺 北                                                                    高 雄

    巴 黎                                                                  華 盛 頓

 羅 倫 斯                                                                冰 島  

《---------------App 功 能 介 紹---------------》


1. 搜尋該城市的天氣資訊
    (1) 成功:顯示當地各項資訊及天氣概況之圖示。包含城市、天氣概況、溫度、體感溫度、風速、降雨量、濕度、氣壓等等。
    (2) 失敗:顯示〝The city is not found!〞。

2. 依照天迅資訊來推薦使用者如何穿搭 --> 未完成
    原因:每個人對溫度的感受不盡相同。例如本人是個極怕熱又怕冷的體質,即使沒有寒流,只要稍冷便能使我手腳冰冷;而有某同學則屬於只怕熱不怕冷的體質,即使在寒流來襲之時,都能不著超厚大外套而手腳依然溫暖到可以當暖暖包使用。因此,即使依照個數值可以推算出體感溫度,卻也只能提出僅供某種特定人適用的穿搭建議,而很難具體提出對每個人皆適用的穿搭策略。

《---------------未 來 展 望---------------》


  • 將模式分成幾大類供使用者選取,以利提出具體穿搭的建議。例如:易冷易熱、只怕熱、只畏冷、天不怕地不怕‧‧‧‧‧‧等等類型的人。
  • 提供選單讓使用者選擇想知道哪些更多資訊。例如:最高溫度、最低溫度、降雨機率‧‧‧‧‧‧等等個人需求。
  • 將使用者輸入過的城市儲存起來,以供使用者避免每次使用都要重新輸入一次的麻煩。

《---------------參考資料---------------》


Apixu 

Swift 3 Parsing JSON nesting issue



5/04/2017

Calorie1.0


隨著夏天的逼近,女孩們多多少少都為了減肥所苦,有人說減肥就是適當的運動加上飲食的控制,不知如何對飲食控制下手的女孩,可以透過本APP對熱量有了解,本APP渴望可以製作出可以記錄每餐所食用的熱量,讓女孩們可以準確地把握一天所吃進去的熱量,做好飲食上的控制。
我以加入平常生活中較常吃到的食物為準來設計此APP。





原型展示



  














功能:

1. 使用Facebook 登入 [使用Facebook SDK]
   詳細Facebook登入按鈕步驟請參考以下連結

2. 將紀錄所攝取的Calorie(儲存至資料庫) [使用Firebase資料庫]
    詳細的Firebase資料庫的架設請參考以下連結

3. 只要打開APP即可知道當天或是前幾天所攝取的熱量(可隨時至資料庫中存取Calorie資料)
    [未成功]



檢討:

1. 對 Xcode 不夠熟悉

2. 參考資料閱讀得不夠多

3. 參考書沒有確實閱讀完全


心得:

        我在製作此APP時,有大致上聽過老師給我的建議,老師提到我希望製作的APP可能會用上資料庫,聽到這裡我覺得有點慌張,因為我不是個程式背景很強硬的人,我覺得當時的自己可能無法自己架設一個可以存取資料的資料庫,而做到學期結束了,我已知道如何可以架設一個屬於自己的資料庫,也知道如何基本的存取資料,雖然我並沒有將我的APP完全製作完成,但是我仍然覺得有是有學習到如何製作一個使用在IOS作業系統上的APP,老師指導我們買一本參考書,就是希望我們能自動自發的藉由參考書學習,也希望我們可以是找其他的資料,來讓我們的APP更完整,老師一開始的目標是希望我們可以製作一個可以上架的APP,對於這點,我並沒有做到,但是我會繼續進行修改的,雖然我期末專案的APP並不如預期的完成,使用到的技術也不夠新奇,但我也希望自己可以獨力完成一個平常Googlepaly或是Appstore上別人也曾做過相關功能的APP,這是我對自己的期望。



參考資料:

IOS 10 App程式數字實力超進化實戰攻略

Apple Developer

Facebook for Developer


5/02/2017

聊天室


想法 :

         現今有許多的通訊app,像是Message,Line等,但不一定符合自己的需求,
         本專案是實作一個聊天室,希望能吸引FB,Twitter等用戶透過此app來聊天,
         為用戶打造更好和更加安全的聊天app。

APP原型 :

                   

                   

                    

                     

功能介紹 :

  1.  用戶能透過email註冊    (完成)
  2.  寄送驗證信                  (完成)
  3.  密碼重設                     (完成)
  4.  掃描QRcode互加好友    (完成)
  5.  透過FB及Twitter註冊     (未完成)
  6.  聊天功能
             (1)  傳送訊息               (完成)
             (2)  顯示歷史訊息        (完成)
             (3)  即時接收訊息        (完成) 


         


未來展望 :

  • 能傳送相片
  • 能傳送影片
  • 能傳送3D物件
  • 在app裡能顯示出3D物件
  • 能從相簿裡挑選照片當大頭貼
  • 能在相片及3D物件裡加密來秘密通訊

參考資料 :


Firebase  :   


JSQMessagesViewController  :