本專案旨在為 Sysmaker 研究專案來設計一個基於網頁的使用者介面，並建置一個可運作的網頁應用程式的雛型。Sysmaker 是一款透過連接市售現成元件（commercial off-the-shelf, COTS）來設計嵌入式系統硬體的工具。您可以參考 DigiKey 的 Scheme-it 工具 (https://www.digikey.tw/zh/resources/design-tools/schemeit) 作為起點。該應用應支援以下功能：

Scheme-it

• 使用圖形化工具進行電路圖（schematic）繪製，支援元件、接腳與導線（net）
• 支援以方塊圖（block diagram）進行更自由形式的拓撲設計。其實，Scheme-it 已支援可在同一張圖中自由混合具體元件與抽象方塊。

為 Scheme-it 增強功能

• 多位經過驗證的使用者可進行協同編輯，類似 Google 文件的功能
• 支援多種角色層級，包括公司、部門、團隊、專案與個人。可控制各類物件的共享，包括元件模型、設計等
• 支援從現有工具（例如 KiCad）與其他來源匯入 / 匯出元件庫與設計

Sysmaker

• 元件模型：將電路圖中的元件模型與 Sysmaker 的元件模型整合（我們會提供此程式碼），使其能辨識接腳、埠口、功能單元、參數與內部架構
• Sysmaker 演算法的使用者介面，包括需求實現、契約驗證、資源配置等功能 (我們會提供此程式碼)
• 支援手動或使用 AI（我們會提供此程式碼）建立與編輯元件模型的介面
• 模擬功能 (如果有時間的話，也會提供程式碼)

當然，上述條件皆為「能做多少算多少」，並不是全部都要完成。我們鼓勵使用最有效的工具來進行 UI 設計與原型建置，包括使用開源程式碼，甚至可使用 AI 來協助撰寫部分程式碼。

我們正在尋找：

• 一組具備網頁應用程式開發技能並對使用者介面設計有興趣的學生團隊 (2-4位)
• 使用語言包含 Javascript / Typescript 用於網頁開發，Python 用於核心資料結構與演算法
• 若具備嵌入式系統硬體的知識與經驗會有幫助，但只要願意學習且有興趣，沒有背景也沒關係。

  This project is to design a web-based user interface and to build a working prototype web app for Sysmaker, a tool for designing embedded systems hardware by connecting commercial off-the-shelf (COTS) components.   For an idea, check out the Scheme-it tool by DigiKey (https://www.digikey.tw/zh/resources/design-tools/schemeit) as a starting point.  It should support
  
  Scheme-it 

• schematic capture using a graphical tool in terms of components, pins, and nets (wires)
• block diagram for more free-formed topology.  Actually, Scheme-it can freely mix concrete components and abstract blocks in the same diagram

• Enhancements to Scheme-it

• collaborative editing by multiple authenticated users, similar to GoogleDoc
• Ability to support different roles, including administrators at Company, Division, Team, Project, and individual levels.  Ability to control sharing of different objects, including component models, designs, etc
• ability to import / export library and design from / to existing tools such as KiCad and other sources

• Sysmaker 

• Component models: enhance schematic component models with Sysmaker's component models (we will give you this code) so it knows the pins, ports, functional units, parameters, and internal architecture
• UI for Sysmaker algorithms, including requirement fulfillment, contract validation, resource allocation (we provide this code)
• UI for building and editing component models either manually or with AI (we will give you this code)
• Simulation (if we have time; we also provide this code)

• Of course, this work will be on a best-effort basis, and it is not necessary to finish everything listed above.  You are welcome to use the most effective tool for UI design and prototyping, building on open-source code, and even use AI to write part of the code if that is helpful.  
  
  We are looking for 

• a team of students skilled with web app programming and interested in user interfaces design 
• languages to use include Javascript / Typescript for web programming, Python for many core data structures and algorithms,
• knowledge and experience in embedded systems hardware will be helpful but not mandatory as long as you can learn and are interested.