egg/wafer_map_webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ver 2

Browse Source
This commit is contained in:
beabigegg
2025-07-30 11:24:58 +08:00
parent ede5af22f8
commit 9f7040ece9
10 changed files with 1667 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
README.md
View File

@@ -1,10 +1,12 @@
# Wafer Map Pro
Wafer Map Pro is a modern, web-based tool designed for the visualization and interactive editing of semiconductor wafer maps. Built with a Python Flask backend and a dynamic HTML5 Canvas frontend, it provides a fluid and intuitive user experience for engineers and technicians working with wafer data.
Wafer Map Pro is a modern, web-based tool designed for the visualization, interactive editing, and comparison of semiconductor wafer maps. Built with a Python Flask backend and a dynamic HTML5 Canvas frontend, it provides a fluid and intuitive user experience for engineers and technicians working with wafer data.
---
## ✨ Features
### 🗺️ Wafer Map Editor
- **Interactive Canvas Renderer**: The wafer map is rendered on an HTML5 Canvas, allowing for smooth and efficient handling of large datasets.
- **Dynamic Pan & Zoom**: Effortlessly navigate the wafer map by clicking and dragging to pan, and using the mouse wheel to zoom in on areas of interest.
- **Advanced Selection Tools**:
@@ -12,15 +14,23 @@ Wafer Map Pro is a modern, web-based tool designed for the visualization and int
- **Multi-Select**: Hold `Ctrl` while clicking to select multiple, non-contiguous dies.
- **Region/Box Select**: Hold `Shift` and drag the mouse to select a rectangular area of dies.
- **Bin Code Editing**: Instantly change the bin code (`Good`, `NG`, `Dummy`, `Ignore`) of any selected die or region.
- **Map Transformation**: Rotate the entire wafer map 90 degrees clockwise with a single click.
- **Map Transformation**:
- **Rotate**: Rotate the entire wafer map 90 degrees clockwise with a single click.
- **Inset**: Automatically change the bin code of the outer N layers of dies.
- **History Control**:
- **Undo/Redo**: Step backward and forward through your edits.
- **Reset**: Revert the map to its original state.
- **Real-Time Data Analysis**: A persistent display shows the live count of each bin code, updating automatically after every edit.
- **File Handling**:
- Upload wafer maps from simple `.txt` files.
- Download the edited wafer map, preserving its structure.
- **Modern UI/UX**:
- A sleek dark mode theme reduces eye strain.
- A professional sidebar layout keeps controls organized and the map view unobstructed.
- Smooth animations and transitions provide a polished user experience.
### 🔬 Wafer Map Comparator
- **Multi-Map Upload**: Upload two or more wafer maps for side-by-side comparison.
- **Reference Point Alignment**: Set a reference die on each map to ensure accurate alignment.
- **Visual Comparison**: The tool generates a color-coded result map highlighting matches, mismatches, and areas where data is missing or partial.
- **Detailed Inspection**: Hover over any die on the result map to see a detailed tooltip showing the bin status from each of the source maps.
- **Independent Map Rotation**: Rotate individual maps within the comparison view to align them correctly before running the comparison.
---
@@ -29,7 +39,7 @@ Wafer Map Pro is a modern, web-based tool designed for the visualization and int
- **Backend**:
- **Python 3**
- **Flask**: A lightweight web framework for serving the application and handling API requests.
- **NumPy**: Used for efficient numerical operations and array manipulations (e.g., map rotation).
- **NumPy**: Used for efficient numerical operations and array manipulations (e.g., map rotation, inset, and comparison logic).
- **Frontend**:
- **HTML5**
- **CSS3**: For modern styling, animations, and the dark theme.
@@ -75,30 +85,27 @@ Follow these instructions to get a copy of the project up and running on your lo
python app.py
```
5. **Open your web browser** and navigate to the following address:
[http://127.0.0.1:5000](http://127.0.0.1:5000)
5. **Open your web browser** and navigate to the following addresses:
- **Editor**: [http://127.0.0.1:5000](http://127.0.0.1:5000)
- **Comparator**: [http://127.0.0.1:5000/compare](http://127.0.0.1:5000/compare)
---
## 📖 How to Use
1. **Step 1: Upload File**
- Click the file input area or drag and drop a `.txt` file containing your wafer map data.
- Click "Upload & Analyze".
### Wafer Map Editor
1. **Upload File**: Drag and drop a `.txt` file containing your wafer map data, or click to select a file.
2. **Define Bin Codes**: Assign a bin type (`Good`, `NG`, `Dummy`, or `Ignore`) to each unique character found in your file.
3. **Generate Map**: Click "Generate Map" to view the wafer.
4. **Interact and Edit**: Use the controls to Pan, Zoom, Select, Edit, Rotate, and Inset the map.
5. **Download**: Click "Download .txt" to save your changes.
2. **Step 2: Define Bin Codes**
- The application will automatically detect all unique characters in your file.
- For each character, use the dropdown menu to assign its corresponding bin type (`Good`, `NG`, `Dummy`, or `Ignore`).
- Click "Generate Map".
3. **Step 3: Interact and Edit**
- Your wafer map will be displayed in the main view.
- Use the controls to **Pan**, **Zoom**, **Select**, **Edit**, and **Rotate** the map.
- The bin code counts will update in real-time.
- The hint `Pro-tip: Hold Shift and drag to select a region.` is provided for quick reference.
4. **Step 4: Download**
- Once you have finished editing, click the "Download .txt" button to save your work. A new text file with the updated map will be downloaded.
### Wafer Map Comparator
1. **Navigate**: Go to the "Compare" page.
2. **Upload Files**: Select two or more `.txt` wafer map files.
3. **Define Bin Codes**: Assign bin types for all unique characters across all files.
4. **Set Reference Points**: For each map, click on a die to set it as the alignment reference. You can rotate individual maps if needed.
5. **Run Comparison**: Click "Run Comparison" to see the result map. Hover over dies for detailed information.
---
@@ -115,4 +122,4 @@ The application expects a simple text file where each character represents a die
11222211
112211
1111
```
```