
第二十九屆專業實習報告

工作當中扮演的角色
在這份工作中,我一開始進公司是以學習者的身份出現,發現自己有很多不懂的地方,必須花大量時間去學習。隨著時間的推移,我不僅是學習者,也成為了協助者的角色。我負責做修改以及翻寫網頁,並根據主管的需求進行修改與調整。當修改完成並且經過測試無問題後,主管便會安排上線。
我的工作角色不可否認地是一位學習者,在公司內的時間有限,但在暑假期間有更多的時間可以學習。我會努力學習著各種不熟悉的工作內容,例如程式的撰寫、SQL的精準應用等等。當遇到問題時,我會先嘗試自行解決,或向主管和其他同事尋求幫助。這樣的處理過程讓我不斷累積經驗,提升自己的專業技術,逐漸轉變成一位能夠獨立處理工作的協助者。

工作詳述
VB轉VUE&C#的前端分離
CSWEB主要的功能是客戶服務網,客戶可透過CSWEB查詢訂單、製程狀態、產品良率、產品製作速度、出貨資訊等等功能,而最近我所屬的部門CSWEB Portal 網站平台底層的工具由 ASP.NET 程式語言翻寫成 Vue & C# 的前後端分離的網站架構,因為前後端分離能使未來做一些程式上的變動更加方便,而這是兩種不同方式的寫法,必須把這原本無前後端分離的程式,改寫成用前端Vue結合後端C#,改寫完成並測試後即可上線。

實習期間完成的進度

(購物車頁面)
-
寒假期間: 由於剛進入公司,主管想要了解我們的程度如何,以及熟悉新語言,於是交待了一個作業,作業內容要求我們前端使用vue.js,環境則使用visual studio code,而後端使用c#,環境則使用visual studio做開發工具,使前後端可分離,主題自訂,我設定的主題為ー拉麵訂位及訂餐系統,網頁需要連接資料庫,並且網頁的頁面要有新增、查詢、編輯、刪除(CRUD)的功能,學校的課程有教我們MVC網頁的架設,但是連接的資料庫不一樣,公司的資料庫是使用Oracle,因此需要花一些時間去熟悉學習如何使用,且學校當初教導的不是前後端分離的方式,因此在學習新語言跟如何傳接前後端資料時,也花了一些時間去摸索,我也從中學習到如何設中斷點來DeBug,成功地完成製作一個網頁。我做了幾個頁面分別是「使用者登入」、「使用者註冊」、「拉麵菜單」、「小菜菜單」、「飲料菜單」、「評論」、「購物車」、「管理者登入」、「管理菜單」、「餐點排行榜」、「查看所有訂單」、「訂位」、「查看所有訂位」

-
1122學期:
-
SYS118報表派送報表練習: SYS118報表的功能為自動派送訂閱報表,使用者從查詢的頁面來選擇需要的欄位,選擇想要派送的報表資料,有一般及客製化的,可以讓使用這座選擇。SQL語法、資料呈現的樣式(資料行的顏色、是否要有加總列)。
-
用vue+c#翻寫vb:CSWEB裡有許多功能及頁面需要翻寫,目前我正在翻寫訂閱功能,客戶可在這裡下一些客製化報表給自己。翻寫這個就是要根據之前VB寫的內容,以及比對ORACLE的一些欄位,用vue改寫前端,以及用c#去寫後端,後端寫好之後,可在前端呼叫api,把資料庫的內容呼叫出來,顯示資料在網頁上,也可以利用前端連接api,把資料傳進資料庫。在前端,我們也會利用DevExtreme的元件來設計版面,這樣可以讓版面更美化,且資料顯示也更淺顯易懂。
(SYS118+GENERATOR+SAMPLE產出的EXCEL)

(已訂閱報表的頁面)

(選擇公司頁面)

(可在報表頁面直接加入我的最愛或是訂閱)

(GitLab工具)
-
暑期:我們繼續進行了網站的大規模重構,將原本基於 VB 的網頁系統翻寫為 Vue 和 C# 架構。我的工作重點集中於一個訂閱報表的頁面設計和實現,該頁面讓客戶可以自由管理訂閱的報表,包含新增、修改、查閱和刪除等操作,而在已訂閱報表頁面,會進行報表種類分類,還可透過查詢相關報表名稱或ID篩選出相關報表。如果訂閱了某支報表,系統會根據你選的寄送時間及寄送方式給使用者寄出相關報表內容。為了確保最終交付的系統能夠穩定、可靠且符合客戶需求,我們深入研究並加強了網站的安全性。考慮到網站日後將面向外部客戶開放使用,我們優化了後端代碼,增強了防範 SQL 注入和其他常見網絡攻擊的能力,以保護客戶資料不受侵害。同時,為了提高維護效率,我們引入了「參數集中化管理」,將所有參數統一在一個配置頁面,使日後維護或調整配置變得更加直觀、便捷。
-
1131學期:
-
用vue+c#翻寫vb:我們繼續改寫此大型專案,進一步將整體系統翻寫成 Vue 架構,並針對不同功能模組進行細化和優化。我負責的是開發登入後帳號切換的功能模塊。考量到有些使用者可能同時具備不同公司的權限,我們設計了一個帳號選擇機制,讓使用者在登入後可以選擇欲查看的公司,並根據不同公司配置的權限顯示相應的可見內容和操作範圍。例如,有些公司帳號具有編輯報表的權限,而另一些則僅限查看權限。這種設計不僅提升了系統的靈活性,也更好地滿足了不同使用者角色和需求。在登入後的任何時候,使用者還可以透過工具欄快速切換公司帳號,操作更為方便。 此外,為了增強系統的易用性,我們會利用 session 做資料傳遞。這樣使用者可以在查閱報表時直接訂閱報告,不必頻繁切換頁面至訂閱報表的新增頁面。同時,我們還增設了「我的最愛」功能,讓使用者可以將常用的報表收藏,並在「我的最愛」頁面中快速訪問,從而大大提升了查詢的便捷性。
-
GitLab工具使用:考量到此專案的龐大規模及團隊協作的需求,我們使用 GitLab作為版本控制和協作工具。每位成員負責不同的模塊,有些甚至會重疊在同一頁面上。因此,GitLab 讓我們能夠快速交換文件,並清晰地追溯每個成員的更改記錄、更新日期及內容區別,避免了代碼的衝突並增強了協作效率。透過 GitLab我們更能實現無縫的版本控制和code管理,大大提升了項目的開發效率。我認為 GitLab是一個不可或缺的工具,尤其在大型團隊合作中顯得尤為重要,讓每位成員能夠輕鬆管理自己的部分,也使得整體專案開發變得更加順暢、有序。
-
產線 Line Tour 課程:這門課程由輔導員帶領我們參訪不同的生產線,並邀請各個產線的專業人員擔任講師,為我們提供實地的操作導覽,詳細介紹每條生產線的運作流程和技術細節。進入產線時,所有人都必須穿著無塵衣,有些生產線要求全套無塵服,而其他則只需半套。此外,為了保護生產環境,嚴格禁止攜帶手機等個人物品進入。這是我第一次穿上無塵衣,才體驗到其中的悶熱與不便,但也因此對於保持潔淨環境的重要性有了切身體會。通過這次難得的參訪機會,我對生產流程的理解更加深入,對生產環境的高標準也有了更清晰的認識,藉由這個機會讓我對產線更加認識了。