20230717

壹、串接continue

Error: List < dynamic > is not a subtype of type Map<String, dynamic>

有很高原因是因為獲取方式應改為index寫法

一、Dio—網頁圖片連結

以Dio的撰寫方式執行utf8的編解碼連結

💡 注意：在dart3中要注意很多的null safety問題

• 有時候要在參數前面加late

• 有時候要配合 ’?’ 的寫法

二、Json格式解析

Map的問題與Json格式應該有很大的關聯（會需要透過不同的方式來進行Json的轉換設定）

• Ex: Factory方法

Parsing complex JSON in Flutter

⇒本篇詳細說明從簡易Json到較複雜Json的處理方式

• GitHub範例

https://github.com/PoojaB26/ParsingJSON-Flutter

• ChatGPT範例（Ｇet）

注意：都需要在dio.get或dio.post的中間加上驚嘆號作為糾錯

貳、轉換工具：QuickType —-Dart

Working with APIs in Flutter

由文章可以發現此轉換工具的用途

文章使用工具後的Post範例: Github: PoojaB26/post_model.dart

• QuickType網址

JSON to Dart • quicktype

可以把API reference的資料轉為Dart對應的Class（or Model），取用後示例如下

• 至於Map格式問題大概率與下圖所提事項有關

參、串接測試

一、用Server Gardener Get資料

二、Dio Post 測試(gardener/login)

用ChatGPT修改後的結果出現本結果：

• 純登入的login success

• 輸入跳轉後（呈現Access_Token, IP）的頁面問題

20230718

壹、串接大本營

一、接手趴呢的Code，基本架構如下：

1. POST: Post_Test.dart + Postserverce_test.dart + login_post

2. GET: Get_test.dart + GetService_test.dart + homepage.dart

• Main檔案可放置預測試頁面

二、Get: 顯示資料庫資料

三、Post: 顯示資料（登入前 / 後）

登入前	登入後

貳、測試Code之旅—-/Articles (登入驗證)

一、遇到問題

• 首先測試Get ⇒ articles會有明明是Get屬性，但需要先給予Access Token才能拿到資訊的問題（類似Post，但主要分屬是Get）
• 可能會用Login頁面跳轉、或是寫在Login的程式塊裡作為替代方案

參、測試Code之旅—-/gardeners/signup-test（登入測試）

一、遇到問題

• 屬於Post，但因為有牽扯「檔案」(Avatar，頭像照片)
• 格式上需要網”Form data”的方向搜尋 ＋ 修改

二、相關資料

How make a http post using form data in flutter?

肆、測試Code之旅(續)

一、/gardeners/logout

💡 Terminal輸入大寫R可以Hot Restart，就不用quit再重開了！

• Post

輸入：account

二、/gardeners/edit

• Post
• 目前是直接輸入資料就會update到資料庫
• server response部分會需要再新增

20230719

• AI生成向量Icon

Infinite AI-Artboard

壹、繼續測試

一、/chats/send-message

• Post
• 目前是直接輸入資料就會update到資料庫

貳、Flutter MeetUp04 問題&對應回答

1. Agora SDK擴展性
   若使用Agora SDK那就不方便再直接加功能在real time上，會需要再往其他(Ex檔案加工)等方向思考
2. WebView問題
   雖然可以達成執行網頁功能，但是網頁的執行在機器上可能會有跑版&功能位置點偏移嚴重的情形
3. Agora Server & App Server連接情形
   會由兩端Server進行Restful API Post的傳遞，並獲得Agora上的Room資訊

20230720

零、目前檔案彙整

• flutter2是紀錄post資料測試
• flutter3是測試bloc的
• Agora_test/fastboard_flutter/example用來測試Agora FastBoard功能

壹、Agora SDK串接API測試

• input: account
• output: APP_ID, Room_UUID, Room_Token
• App_ID, sdkToken要放server檔案用絕對路徑

首先確認Not3連結API的方式輸出結果可正常執行（成功進入新檔案）

API 需求相關

• 官網啟動資訊：

Interactive Whiteboard Enable Interactive Whiteboard | Agora Docs

• fastboard_flutter example

https://github.com/netless-io/fastboard_flutter

• fastboard API (fastroomoption)

Interactive Whiteboard Fastboard API | Agora Docs Beta

貳、加入Post 測試頁面

• 在Quick Start內加入Post測試頁面判斷
• Constant變數待串接更新

20230721

壹、Agora串接Not3 Server測試

• 螢幕共享開不了
• Server問題

貳、影片製作

• 比賽影片連結參考

資訊應用服務創新競賽

工具參考：

• Powtoon

Powtoon | Create Awesome Videos Yourself

• Canva影片

Free Design Tool: Presentations, Video, Social Media | Canva

• 影片腳本思考？功能呈現範圍？