為達至最佳瀏覽效果,請更新至最新的瀏覽器版本。
如有問題,歡迎電郵至 pccwmediaiapps@pccw.com 查詢。
【阿棟有事求教】軟體的前台,可說是UI/UX(使用者介面/使用者體驗),又或者MMI(人機介面)。簡單來說,當一個軟體需要被人使用時,就需要有一個人可以操作並且易於理解的介面。這不僅僅是美術設計,還包括考慮到作為用戶在實際應用場景中使用這個軟體時的需求。預計這個程式會帶給使用者的好處,以及互動過程的開始。因此,這不僅僅是我們看到的單一頁面,還包括我們選擇每個選項後出現的結果等一系列過程。因此,強調使用者體驗(User Experience)非常重要。
在很多地方,例如香港,許多軟體開發人員有時兼顧UI/UX的部分,尤其是針對一般電腦使用者的小型應用軟體。這些軟體的設計簡單,很多人願意自己開發,他們被稱為全端開發人員。
前台(Frontend)負責可見可聽的部分。這包括網站的佈局、設計、顏色、字體、按鈕、表單,以及是否包含圖片、視頻和音效等。同時也包括功能和內容的佈局。
在我們上網時,打開網站使用的程式就是前台開發人員使用HTML、CSS和JavaScript等技術來編寫介面,確保目標用戶即使不需要閱讀應用手冊,也能夠使用很多功能。這些功能不僅需要應用,還需要易於使用。例如,早在十多年前智能手機普及之時,網站就需要在智能手機上能夠輕鬆閱讀和操作,而不需要經常放大、縮小或者水平滾動。
前台開發的過程可以分為以下幾個關鍵步驟:
需求分析:在開發軟體的前台部分時,首先需要清楚地了解項目的目標和用戶需求。最重要的是要理解目標用戶是誰。例如,針對股票交易軟體,對於新手和熟悉技術分析工具的老手,在介面設計上可能有很大差別。
設計規劃:通常會使用兩種分析工具,一種是故事板(Storyboard),假設用戶第一次進入軟體時會看到什麼,有哪些選項,每個選項之後會發生什麼。比較常用的工具是Figma。另一種是專門顯示各種流程的流程圖(Flowchart),顯示信息流通的過程,或者用戶進入某個功能時軟體會如何引導用戶,獲得什麼結果等等。通常一個軟體會使用多個頁面和組件,並且需要將它們結合成一個整體的使用者體驗。
開發實現:一旦設計規劃完成,前台開發人員可以開始編寫代碼。HTML、CSS和JavaScript是前端開發的主要技術。HTML用於構建頁面結構,CSS用於設計頁面的樣式和佈局,JavaScript用於實現互動和動態效果。現在也有許多前端框架(如React、Angular和Vue.js)可用於加快開發速度並提供更好的功能和性能。
測試和優化:在開發完成後,前台開發人員需要進行測試以確保軟體在不同瀏覽器和設備上的兼容性和穩定性。同時,他們也需要關注性能優化,以確保軟體在加載速度和響應時間方面提供良好的使用體驗。
因為現在很多使用者都是登入網站使用軟體,所以許多軟體的介面都是使用 HTML (超文本標記語言) 和 CSS (層疊樣式表) 來製作。HTML 定義了網頁的結構元素,例如標題、段落、圖片、表格等等。
CSS 則是定義網頁的外觀和佈局,包括顏色、字型、大小、邊框、背景等等。兩者必須按照規劃來統一風格和色調。可以將 HTML 想像成房子的水泥和鋼筋,而 CSS 像是油漆和壁紙。
咦?為什麼好像講到介面只是看字,如果要點擊按鈕怎麼辦?沒錯,這個時候就需要 JavaScript 了。它是一種客戶端 (前台) 的程式語言,讓開發者可以控制網頁上的元素,例如選單選擇、按下「Enter」或「Return」鍵提交輸入資料,或者一些資料需要在使用者的電腦或手機上運算,然後再傳送結果給後台。開發者會使用 JavaScript 編寫指令,並將其嵌入到 HTML 頁面中。
後台 (後台) 軟體運行在伺服器上,支援前台的使用者介面,例如資料存取、處理與檢索,執行複雜的邏輯和運算,以及與其他軟體、系統甚至其他伺服器的系統進行通訊。後台軟體還負責確保資料的安全,並防止遭受駭客攻擊。
以電子商務網站為例,買家在前台看到產品、價格、折扣、購物車和結帳頁面。當用戶在網頁上選擇商品並提交訂單時,這些資訊會通過前台軟體發送到後台。後台軟體接收並處理這些訂單資訊,包括驗證使用者身份、檢查庫存、計算價格、生成發票等。它還與支付系統進行交互,處理支付事務並更新庫存,負責存儲訂單資訊和使用者資料,以便後續的訂單處理和分析。
在後台軟體中,有多種類型的技術和框架用於開發不同的功能和應用。
常見的後台開發技術包括:
伺服器的程式語言,例如 Java、Python、PHP、Ruby 等,用於編寫後台邏輯和演算法。
資料庫管理系統,例如 MySQL、Oracle、MongoDB 等,用於存取和管理資料。
後台框架,例如 Node.js、Django、Ruby on Rails 等,提供開發後台應用程式的工具和資料庫。
API 和網頁服務,用於系統前後台的通訊和數據交換。
總的來說,前台和後台是一個典型的客戶端-伺服器模型。前台負責呈現用戶介面,接收和處理用戶輸入,並將相關數據發送到後台進行處理。後台則負責處理和存儲數據,執行業務邏輯,並將結果返回給前台。這種分離的設計使得前後台可以獨立開發和維護,同時提供了更好的可擴展性和安全性。
#aforadvice #阿棟有事求教
https://www.youtube.com/@aforadvice