Chapter 4

AI 智慧助理多功能整合平台

整合八大功能的現代化生活管理助手

Flask OpenAI / Gemini 多元 API 串接 科技紫藍主題

🎯 本章學習目標

完成本章後,您將能夠:

  • 理解如何設計多功能整合的 AI 應用架構
  • 學會運用 AI 進行自然語言解析,將日常對話轉換為結構化資料
  • 掌握外部 API 整合技術,串接天氣、新聞、電影等第三方服務
  • 實作金融數據分析功能,使用 RSI、MACD、KD 等技術指標
  • 建立統一的 AI 服務介面,支援 OpenAI 和 Gemini 雙平台切換
  • 完成一個可立即應用的智慧助理系統
💡 學習模式:本章強調「先實作後教學」,讓您先在 10 分鐘內快速部署體驗完整系統,再深入理解各項技術細節。

📱 平台概述

AI 智慧助理是一個整合多種 AI 服務的現代化 Web 應用程式,核心設計理念在於「一個介面,多種功能」。

🎨

現代化介面

科技紫藍色主題,專業且美觀的視覺設計

🤖

AI 智慧

整合 OpenAI GPT 與 Google Gemini 雙平台

📊

數據管理

本地 CSV 儲存,資料安全有保障

📱

響應式設計

支援桌面、平板、手機多裝置

✨ 八大核心功能

功能模組 說明 技術特色
💬 AI 聊天助理 自然語言對話,支援智慧指令 GPT / Gemini
💰 智慧記帳 AI 自動分類,統計分析 圖表視覺化
📅 行事曆管理 智慧行程安排,提醒功能 分類管理
🌤️ 天氣預報 即時天氣資訊,多城市支援 OpenWeatherMap
📰 新聞焦點 多媒體 RSS 訂閱 即時更新
🎬 熱門電影 TMDb API 電影推薦 繁體中文支援
📊 股票分析 專業技術指標分析 RSI, MACD, KD
📝 文字摘要 AI 智慧摘要長文 關鍵重點提取

🪄 應用情境

🏠

個人生活管理

記帳、行程管理、每日資訊彙整

📈

投資理財輔助

股票技術分析、市場新聞追蹤

📰

媒體資訊彙整

新聞摘要、內容翻譯、資料整理

🎓

教育學習輔助

課程管理、筆記摘要、學習夥伴

🏢

企業內部工具

預算管理、會議安排、文件摘要

💻

開發者專案管理

成本追蹤、里程碑管理、技術參考

🏗️ 技術架構預覽

前後端分離架構

後端:Python Flask 提供 RESTful API
前端:HTML + CSS + JavaScript 單頁應用
資料:CSV 本地儲存 + JSON 設定檔

核心元件

  • app.py - Flask 後端主程式,包含所有 API 路由
  • AIProvider - 統一 AI 服務介面類別
  • templates/index.html - 單頁應用前端介面
  • static/ - CSS 樣式與 JavaScript 腳本
  • data/ - 記帳、行事曆資料與設定檔
設計優勢:模組化設計讓程式碼易於維護,AIProvider 統一介面讓 AI 服務可彈性切換!

🖥️ 系統介面展示

主控台整合了所有關鍵資訊,讓您一眼掌握每日重點:

🌤️

天氣資訊

即時溫度、濕度、天氣狀況

📰

新聞焦點

今日重要新聞標題

💰

支出分析

本月消費統計

📅

近期行程

未來三天待辦事項

💡 設計理念:類似智慧型手機的桌面小工具,打開網頁第一眼就能掌握所有關鍵資訊!

📌 Part 1 小結

本節重點回顧

  • ✅ AI 智慧助理是一個多功能整合平台
  • ✅ 支援 OpenAI 和 Gemini 雙 AI 平台
  • ✅ 整合八大核心功能:聊天、記帳、行事曆、天氣、新聞、電影、股票、摘要
  • ✅ 採用前後端分離架構,Flask + 單頁應用
  • ✅ 適用於個人生活管理、投資理財、企業內部工具等多種場景
前往 Part 2:快速開始與環境設定 →