Igot应用项目文档 / Igot App Project Documentation

完整的应用结构、页面功能与模块关系说明 / Complete Application Structure, Page Functions and Module Relationships

返回原型展示页 / Back to Prototype

项目概述 Project Overview

Igot是一个集AI学习助手、社区交流和个人成长于一体的综合性应用。用户可以通过AI机器人获取学习资源、参与社区讨论、设定个人目标并追踪学习进度。本文档详细说明了应用的各个模块、页面功能及其之间的关联关系。 Igot is a comprehensive application that integrates AI learning assistants, community interaction, and personal growth. Users can access learning resources through AI bots, participate in community discussions, set personal goals, and track learning progress. This documentation details the various modules, page functions, and their interrelationships within the application.

核心功能模块 Core Functional Modules

首页模块 Home Module

应用的入口,展示推荐内容、热门话题和个性化学习建议 Application entry point, displaying recommended content, trending topics, and personalized learning suggestions

聊天模块 Chat Module

与AI助手进行对话,获取学习指导和问题解答 Engage in conversations with AI assistants for learning guidance and problem-solving

学习模块 Learning Module

学习资源库、课程内容和学习进度追踪 Learning resource library, course content, and learning progress tracking

社区模块 Community Module

用户交流平台,分享学习经验和资源 User interaction platform for sharing learning experiences and resources

个人模块 Profile Module

用户个人信息、学习记录和设置管理 User personal information, learning records, and settings management

AI机器人模块 AI Bot Module

个性化AI助手,提供学习辅导和资源推荐 Personalized AI assistants providing learning guidance and resource recommendations

用户流程图 User Flow Diagram

下图展示了用户在Igot应用中的主要流程和页面跳转关系: The diagram below illustrates the main user flows and page navigation relationships in the Igot application:

┌─────────────┐     ┌─────────────┐     ┌─────────────────────┐
│             │     │             │     │                     │
│  登录/注册  │────▶│ 个人资料设置 │────▶│        首页         │
│  auth.html  │     │user-profile-│     │     home.html       │
│             │     │  setup.html │     │                     │
└─────────────┘     └─────────────┘     └──────────┬──────────┘
                                                   │
                                                   ▼
┌─────────────┐     ┌─────────────┐     ┌─────────────────────┐
│             │     │             │     │                     │
│  个人资料   │◀────│   设置      │◀────┤      底部导航栏      │
│ profile.html│     │各种设置页面 │     │                     │
│             │     │             │     └──────────┬──────────┘
└──────┬──────┘     └─────────────┘                │
       │                                           │
       ▼                                           ▼
┌─────────────┐     ┌─────────────┐     ┌─────────────────────┐
│             │     │             │     │                     │
│ 编辑个人资料 │     │ 机器人详情  │     │      聊天页面       │
│edit-profile.│     │bot-detail.  │     │     chat.html       │
│    html     │     │    html     │     │                     │
└─────────────┘     └─────────────┘     └─────────────────────┘
                           │
                           ▼
                    ┌─────────────┐     ┌─────────────────────┐
                    │             │     │                     │
                    │ 支付确认    │────▶│    学习页面         │
                    │ 模态框      │     │   learning.html     │
                    │             │     │                     │
                    └─────────────┘     └─────────────────────┘
        
┌─────────────┐     ┌─────────────┐     ┌─────────────────────┐
│             │     │             │     │                     │
│  Login/Reg  │────▶│Profile Setup│────▶│        Home         │
│  auth.html  │     │user-profile-│     │     home.html       │
│             │     │  setup.html │     │                     │
└─────────────┘     └─────────────┘     └──────────┬──────────┘
                                                   │
                                                   ▼
┌─────────────┐     ┌─────────────┐     ┌─────────────────────┐
│             │     │             │     │                     │
│   Profile   │◀────│  Settings   │◀────┤    Bottom Nav Bar   │
│ profile.html│     │Various Pages│     │                     │
│             │     │             │     └──────────┬──────────┘
└──────┬──────┘     └─────────────┘                │
       │                                           │
       ▼                                           ▼
┌─────────────┐     ┌─────────────┐     ┌─────────────────────┐
│             │     │             │     │                     │
│ Edit Profile│     │  Bot Detail │     │     Chat Page       │
│edit-profile.│     │bot-detail.  │     │     chat.html       │
│    html     │     │    html     │     │                     │
└─────────────┘     └─────────────┘     └─────────────────────┘
                           │
                           ▼
                    ┌─────────────┐     ┌─────────────────────┐
                    │             │     │                     │
                    │   Payment   │────▶│   Learning Page     │
                    │   Modal     │     │   learning.html     │
                    │             │     │                     │
                    └─────────────┘     └─────────────────────┘
        

页面功能详解 Page Function Details

认证与用户设置 Authentication & User Settings

页面名称 Page Name 文件路径 File Path 主要功能 Main Functions 关联页面 Related Pages
登录/注册 Login/Register auth.html 用户登录和注册功能,支持邮箱和社交媒体登录 User login and registration, supports email and social media login user-profile-setup.html(成功登录后) user-profile-setup.html (after successful login)
个人资料设置 Profile Setup user-profile-setup.html 新用户设置个人资料,包括兴趣爱好和学习目标 New user profile setup, including interests and learning goals home.html(完成设置后) home.html (after completion)
个人资料 Profile profile.html 展示用户个人信息、学习统计和内容管理入口 Display user information, learning statistics, and content management edit-profile.html, data-management.html, bot-interaction-settings.html edit-profile.html, data-management.html, bot-interaction-settings.html
编辑个人资料 Edit Profile edit-profile.html 修改用户个人信息、头像和偏好设置 Modify user information, avatar, and preferences profile.html(保存后返回) profile.html (return after saving)

主要功能模块 Main Functional Modules

页面名称 Page Name 文件路径 File Path 主要功能 Main Functions 关联页面 Related Pages
首页 Home home.html 应用主页,展示推荐内容、热门话题和个性化学习建议 Application homepage, displaying recommended content, trending topics, and personalized learning suggestions bot-detail.html, learning.html, community.html
聊天 Chat chat.html 与AI助手对话界面,支持文本、语音和图片交互 AI assistant conversation interface, supporting text, voice, and image interactions chat-history.html, bot-detail.html
聊天历史 Chat History chat-history.html 查看历史对话记录,可继续之前的对话 View conversation history, continue previous conversations chat.html
学习 Learning learning.html 学习资源库、课程内容和学习进度追踪 Learning resource library, course content, and learning progress tracking goal-setting.html, career-education.html
目标设定 Goal Setting goal-setting.html 设置和管理学习目标,追踪完成进度 Set and manage learning goals, track completion progress learning.html
职业教育 Career Education career-education.html 职业相关的学习资源和课程 Career-related learning resources and courses learning.html
社区 Community community.html 用户交流平台,分享学习经验和资源 User interaction platform for sharing learning experiences and resources community-detail.html
社区详情 Community Details community-detail.html 特定社区话题的详细内容和讨论 Detailed content and discussions for specific community topics community.html

AI机器人与数据管理 AI Bots & Data Management

页面名称 Page Name 文件路径 File Path 主要功能 Main Functions 关联页面 Related Pages
机器人详情 Bot Details bot-detail.html 展示特定AI助手的详细信息和功能,支持解锁高级机器人 Display detailed information and features of specific AI assistants, support premium bot unlocking chat.html(开始对话) chat.html (start conversation)
机器人交互设置 Bot Interaction Settings bot-interaction-settings.html 管理AI助手的交互权限和行为设置 Manage AI assistant interaction permissions and behavior settings bot-interaction-chat.html, profile.html
机器人交互聊天 Bot Interaction Chat bot-interaction-chat.html 查看和管理机器人之间的自动交互记录 View and manage automated interaction records between bots bot-interaction-settings.html
数据管理 Data Management data-management.html 管理用户数据、隐私设置和数据导出 Manage user data, privacy settings, and data export data-usage-log.html, profile.html
数据使用日志 Data Usage Log data-usage-log.html 查看应用数据使用记录和隐私相关信息 View application data usage records and privacy-related information data-management.html
反馈 Feedback feedback.html 提交应用反馈和建议 Submit application feedback and suggestions profile.html

关键功能流程 Key Functional Flows

1. 用户注册与登录流程 1. User Registration & Login Flow

  1. 用户访问auth.html页面,选择注册或登录 User visits auth.html page, chooses to register or login
  2. 新用户完成注册后,自动跳转到user-profile-setup.html进行个人资料设置 After registration, new users are automatically redirected to user-profile-setup.html for profile setup
  3. 完成个人资料设置后,点击"继续"按钮跳转到home.html After completing profile setup, clicking the "Continue" button redirects to home.html
  4. 首次登录的用户会在home.html页面看到欢迎消息 First-time users will see a welcome message on the home.html page
  5. 已有账户的用户登录后直接进入home.html Existing users are directed to home.html immediately after login

2. AI助手交互流程 2. AI Assistant Interaction Flow

  1. 用户可从home.html或通过底部导航栏进入chat.html Users can access chat.html from home.html or through the bottom navigation bar
  2. 在chat.html页面与默认AI助手进行对话 Engage in conversation with the default AI assistant on the chat.html page
  3. 用户可查看bot-detail.html了解更多AI助手 Users can view bot-detail.html to learn about more AI assistants
  4. 高级AI助手需要付费解锁,通过支付确认模态框完成购买 Premium AI assistants require payment to unlock, completed through the payment confirmation modal
  5. 用户可在bot-interaction-settings.html页面管理AI助手的权限和行为 Users can manage AI assistant permissions and behaviors on the bot-interaction-settings.html page

3. 学习与社区参与流程 3. Learning & Community Participation Flow

  1. 用户通过底部导航栏进入learning.html或community.html Users access learning.html or community.html through the bottom navigation bar
  2. 在learning.html页面浏览学习资源,设定学习目标 Browse learning resources and set learning goals on the learning.html page
  3. 用户可进入goal-setting.html详细规划学习目标 Users can enter goal-setting.html to plan learning goals in detail
  4. 在community.html页面浏览社区话题和讨论 Browse community topics and discussions on the community.html page
  5. 点击特定话题进入community-detail.html查看详情和参与讨论 Click on specific topics to enter community-detail.html to view details and participate in discussions

4. 个人数据管理流程 4. Personal Data Management Flow

  1. 用户通过底部导航栏进入profile.html Users access profile.html through the bottom navigation bar
  2. 在profile.html页面查看个人信息和学习统计 View personal information and learning statistics on the profile.html page
  3. 进入data-management.html管理个人数据和隐私设置 Enter data-management.html to manage personal data and privacy settings
  4. 在data-usage-log.html查看数据使用记录 View data usage records in data-usage-log.html
  5. 通过feedback.html提交应用反馈和建议 Submit application feedback and suggestions through feedback.html

未来发展方向 Future Development Directions

增强AI能力 Enhanced AI Capabilities

进一步提升AI助手的理解能力和专业知识,支持更复杂的学习辅导和问题解答。 Further improve AI assistants' comprehension abilities and professional knowledge to support more complex learning guidance and problem-solving.

扩展学习资源 Expanded Learning Resources

增加更多专业领域的学习内容和资源,覆盖更广泛的学习需求。 Add more learning content and resources in specialized fields to cover a wider range of learning needs.

社区功能增强 Community Feature Enhancements

添加更多社区互动功能,如直播讲座、专家问答等,促进更深入的知识交流。 Add more community interaction features such as live lectures and expert Q&A sessions to facilitate deeper knowledge exchange.

数据分析与学习洞察 Data Analysis & Learning Insights

提供更详细的学习数据分析和个性化学习建议,帮助用户优化学习策略。 Provide more detailed learning data analysis and personalized learning recommendations to help users optimize their learning strategies.

返回原型展示页 Back to Prototype