部門介紹 - DC1
公司的 IT-ERP 部門下有 6 個 Team，分別是 DC1、DC2、Planning、ERP、Project Team、CIS，而我隸屬於其中的 DC1（Date Center）Team，主要負責處理廠內報表的相關事務，以下是我曾經做過的工作內容詳述。
新進員工訓練
剛進公司前一個月以 Trainning 為主，公司會開課講解未來工 作時將用到的技術，並出練習題培養實作經驗。
練習題會根據部門不同而有所不同，以下是 DC1 的四種練習題：
01
基礎網頁練習
這是剛進公司時的第一個練習，要寫出一個具有資料連動、讀取 Excel 資料、頁面跳轉、查詢資料、分頁顯示等功能的網頁，且需分成 Query 頁面及 Result 頁面，可以藉由這個練習來建立撰寫網頁的基礎。
03
Faweb Coding Standard
公司內的程式都是依照 Coding Standard 去撰寫的，對資料的新增、刪除、查詢、修改，以及連接資料庫的方式、權限檢查、 CSS 中各元件的屬性及使用等，都有著一套標準的寫法。
以下是幾個為了熟悉 Coding Standard 而練習的報表：SYS133、SYS135、SYS136、SYS118。
02
Oracle SQL 練習
由於公司內部使用 Oracle 做為資料庫系統，並非學校教過的 Microsoft SQL 或 My SQL ，因此在語法使用上會有些不同，需要實際使用過後才會熟悉。總共做了 7 題 SQL 練習題，分成 3 題基礎題與 4 題進階題。
-
基礎題用到的語法：Insert Into … 、Select … From…。
-
進階題用到的語法：Group by…. Having Count…、JOIN、巢狀。
04
ASECL Line Tour
製程介紹
由於 DC1 主要的工作內容皆是在處理廠內的數據，因此了解公司生產時的製作過程會讓我們在處理資料時更加得心應手；理解一些常用的產線專有名詞，也能讓我們對於業務內容更加熟悉。
Line Tour 會由專門講師帶領我們實際走入各個產線，介紹每個製程的目的及步驟、有哪些瓶頸等等，是非常珍貴的體驗。
工作內容
01.
FAWEB
02.
ETL
03.
Audit
04.
上線開單
05.
Vue
01. FAWEB
SYS133
-
Query 頁面 + Result 頁面
SYS133 是一個最基礎的報表，有可輸入查詢條件的 Query 頁面以及顯示查詢結果的 Result 頁面。 Query 頁面的 Dropdownlist 有標準函式提供給工程師轉換被選取的資料， 而Result 頁面則有許多客製化功能可以添加，如：加總列計算、合併標題列、網頁自動刷新等。
SYS135
-
上傳 Excel 檔案至資料庫
SYS135 可以將 Excel 內的資料上傳至資料庫，同時做儲存格內資料的簡易檢查，若該筆資料已存在資料庫內，則不會匯入，以及資料讀取的設定，如：要由第幾行開始、指定要讀取的工作表等。
SYS136
-
資料庫的 CRUD
SYS136 與 SYS133 功能大致相同，同樣可以查詢資料，且分成 Query 與 Result 頁面，差別在於 SYS136 多了資料的新增、修改、刪除之功能，對資料進行更改時，若輸入框的資料不符合驗證邏輯，就會無法進行更新。
02. ETL
ETL 是一個資料處理流程，代表 Extract （提取）、Transform（轉換）和 Load（載入）三個步驟，通常用於資料庫和資料倉儲的建立和維護。ETL 的目的是將來自不同資料來源的數據整合到單一目標資料庫中，以便進行更方便的查詢、分析和報告。
公司內部的 ETL Coding Template 結構分成六個部分：版本描述、變數宣告、Cursor、Begin and End、Exception 處理、Main SQL 說明。
03. Audit
Audit 是由 DC1 的同事所撰寫出來的程式，由於 Faweb 的報表需要依照 Coding Standard 來撰寫，因此程式在上線前會經過 Audit 來檢查是否有符合要求，如：與資料庫的連線是否有關閉、 Session 是否有轉換成 String 再做判斷等。
雖然程式在上線前會由開發者進行初次的 Audit ，但難免會有些疏漏，因此實習生會每個月檢查新上線或更新過的程式是否有符合 Audit 結果，若不符合則會寄信提醒開發者。
Audit 時的 SOP 為：抓取所有上個月上線的程式→使用 Audit 程式篩選→逐一檢查未通過篩選的程式→將結果紀錄在 Excel 檔→寄信給該程式的工程師及其主管。
04. 上線開單
公司內的生產暨營運資訊服務（MOS）網站分成正式區以及測試區，程式的開發、修改只會在測試區進行，不會影響到正式區。
因此測試完沒問題的程式就要準備上傳至正式區，也就是「上線、開單」的動作。
05. Vue
公司決定將網頁前端框架由 C# 轉換成 Vue，以追求更靈活且易於維護的開發架構，同時實現前後端分離。Vue 作為一個漸進式框架，不僅擁有資料雙向綁定和單頁應用程式的特點，使網頁開發變得簡單，同時透過 API 的前後端分離，讓網頁更易於維護，提升執行時的效能。
我和另一位工讀生一起負責研究如何利用 Vue 及 DevExtreme 來重新設計公司內的 Faweb 網頁。在從零開始熟悉 Vue.js 框架的過程中，我面臨了一些挑戰和困難，但也學到了許多寶貴的經驗。例如：深入瞭解如何使用 Vue 的路由（Route）來有效地傳遞參數、學會使用 axios 來串接 API 等。這個過程讓我更加了解這個強大的前端框架，提升了我的專業技能，也為日後繼續改寫 Faweb 網頁的任務奠定了良好的基礎。
1
漸進式框架
2
雙向式資料綁定
3
單頁式應用程式
4
前後端分離
Vue
5
龐大的生態系統
6
虛擬 DOM