網頁

2011年4月18日 星期一

海運資訊軟體導入經驗談 Part.1

文:Peter C.
海運一直是傳統的行業,一套強大的管理系統來做整合是必備的。好的海運管理系統可以含蓋不同部門的例常工作內容並能整合所有的資料,讓每日的工作更有效率的完成。
船東公司有此需求時,公司的高級主管評估市面上最符合船東公司的資訊軟體,經過市面上多家廠商產品的比較與評估,選擇最適用的海運管理軟體。
廠商提供專案企劃書
海運管理系統的廠商提出系統導入專案企劃書,並多次與船東開會以及展示管理系統佈署圖、管理系統功能,取得共識後,分別為不同模組訂下政策、提供系統操作說明手冊以及採購軟硬體設備。
系統政策擬定:針對不同的模組,定下該模組的方針,操作說明手冊擬定,確認工作流程,提供客製化又清楚的說明書,管理系統架構,以圖示呈現船東、管理公司以及船舶的主從關系。
20110419141528997.jpg
工作項目的分配
船東公司分別為不同模組指派系統管理者(負責人),以及擬定IT定期維護系統及備份資料項目。購買硬體設備後,系統工程師在船東公司總部、管理公司、船舶架設資料庫伺服器及安裝管理系統。
三方架設完成後,資料將每天自動同步兩次。船舶以及管理公司的資料都會傳回船東公司的總資料庫裡,可以隨時掌握每一家管理公司、每一隻船舶的現有資料。
海運管理系統有哪些模組?
海運管理系統的模組有採購系統,證書及日誌記錄系統,維護計劃系統、文件管理系統、安全報告系統、船員資料系統、薪支資料系統、財務系統、管理者系統、負責發收資料的程式(Replicator)
廠商必須對於船東公司平時的作業流程非常了解並協助建立基本管理公司、船舶資料、船員基本薪支資料、會計部規定的代碼、辨公室端以及船員使用者帳號及密碼。系統說明手冊與船東平時的作業內容必須相對應,使用者才能對系統愈快上手。
最後的階段是管理系統廠商安排辨公室端教育訓練,並在辨公室人員對管理系統有初步的認識後,再指派系統工程師前往船舶進行管理系統安裝以及對船員進行教育訓練。初步的海運管理系統已算是第一階段上線。
個人心得:讓專案能成功的第一步是廠商要寫出好的企劃書,並密集的開會和討論。企劃書有詳細的內容,一目了染的架構,可以讓客戶了解廠商的產品以及提高使用系統的信心。

海運資訊軟體導入經驗談 Part.2

文:Peter C.

海運資訊軟體中包含了許多海運工作細項,透過管理系統可以更加深入了解該行業。
採購系統(Procurement)透過採購系統能夠查詢每隻船舶添購零件的交易記錄。從採購、報價、實際購買、到發票的每項記錄全都包含。不僅如此,系統還能特別設定採購單需要主管批准的審核動作。使用者的權限也可以依照職位的不同加以設定。
20110419143056029.jpg
證書及航海日誌系統(Operation)這支程式可以記錄船上所有證書、可以查詢證書有效日期,證書的種類又可以分為保險,國旗等等。使用者可以對證書進行刪除、編輯動作。
20110419143134794.jpg
航海日誌模組記錄船舶所在位置、經緯度、動向和行程,紀錄船何時到達特定港口,何時離港,經過了哪些港口。
20110419143150951.jpg
維護計劃系統(Maintenance)此程式記錄船舶所有大大小小的零件。管理公司人員先把船舶的維護計劃建檔並指示何時執行維修工作,船長接收到檔案後,依照系統的指示一一把維護計劃完成。不但如此也能記錄零件庫存量,以及記錄儀器每日所跑的數值。
20110419143205966.jpg
20110419143219544.jpg
文件管理系統(Document Manager)管理公司先建立文件架構後,再上傳工作時所須文件,並與船員們一起共享此文件資料車,除了新增、附加任何圖檔、也可以更新該文件的版本。
20110419143247294.jpg
安全報告系統(SAFIR)記錄航海時發生的意外報告。此系統記錄意外的情況後,管理公司再加以指示該如何處理善後。每份報告可以分享到其它船舶做為教材來避免未來發生相同事件。
20110419143311326.jpg
船員資料系統(CrewNet):管理公司使用者建入船員基本資料、薪支結構,再傳送這些資料給船長進行管理帳目工作。
20110419143329388.jpg
薪支資料系統(PAYNET)當船長接送到管理公司的資料後,每月的支出結算可以藉由這軟體計算後,再傳回管理公司端核對金額。
20110419143408216.jpg
財務系統(Accounting):
此程式包括會計科目總表、處理資產與費用的變化、查帳功能、統計數據。
管理者系統(Administration) 建立管理公司資料、船舶資料、使用者帳號密碼、使用者權限、會計代碼、供應商名單、銀行名單等等。
20110419143421716.jpg
負責發收資料的程式(Replicator):
此程式可以記錄發送檔案數以及接收檔案數。與不同端的使用者確認發收數量可以確保資料是否同步化。
20110419143502419.jpg

2011年4月11日 星期一

U Web 網站靜態網頁編輯與基礎CSS應用(上)

文:Polly L .
U Web除了內容上稿區,更提供靜態網頁編輯區,使用者可以選擇純文字、word等模式貼上內容,如果我們想要有樣式上的變化,必須進入HTML做原始碼編輯!
我們要介紹基礎的HTML編輯方式與CSS應用,主要分為【表格】【影像】兩種,今天先介紹表格的部分。
【TABLE編輯語法】:
我們先來試試看一般不套用樣式的寫法
<table  border="1">
<tr>
<th >About uTrust </th>
<th>introduce</th>
</tr>
<tr>
<td>服務項目Service </td>
<td>中小企業U Web網站快捷建置服務/ U Book電子書快捷建置服務</td>
</tr>
<tr>
<td>最新消息News </td>
<td>免費企業mail 好康服務!(限30名企業) </td>
</tr>
<tr>
<td>成功實績Performance </td>
<td>義大遊樂世界官方網站  / 大小創意/ 日月光國際家飾館</td>
</tr>
</table>
呈現效果如下:(圖A1)
 
在部分頁面中,U Web會先預設寫好CSS的樣式設定,如果我們想要套用CSS樣式,只需要在第一行寫入:
<table  class="TableSet"  border="1">
呈現效果如下:(圖A2)
這樣一個基本的兩欄四列表格就完成囉! 兩種樣式上的差別是不是很大呢?
不過如果今天我們沒有CSS樣式可以套用,遇到表格的部分,又要如何編輯才會讓樣式有不同的變化呢?
表格寬度:width=" " 高度:height=" ";
表格背景顏色設定:bgcolor=" " ;
表格框線設定:bordercolor=" ";
接下來我們就把以上這些表格的設定套入原始碼的部分吧!
讓我們比對一下套入CSS樣式與HTML編輯的效果:
呈現效果如下:(圖A3)
比較之下效果相似度很高,只要會善用CSS就可輕鬆完成精美的圖表喔!

2011年4月5日 星期二

U Web網站內容更新輕鬆搞定(基礎篇)

文:elisa
很多客戶在選擇U Web服務時,經常會問一個問題:「雖然有平台可以即時更新消息很方便,但我又不懂網頁語法,有辦法自己維護網頁內容嗎?」
其實,除非您想更新的內容是需要重新繪製圖表、動畫或美化難度較高的排版,的確就需要專業人士的協助,不然,若只是整齊簡單的圖文編排,只要你會基礎的文書軟體(例如word),再加上幾個小技巧,就能在U Web輕鬆上稿啦!
今天就來分享一下平常在教育訓練時,會教客戶的幾個小技巧。
1. 文字請一律使用「純文字貼上」
由於大家都會習慣在word裡排好版,再將內容貼進HTML編輯區(http://zh.wikipedia.org/wiki/HTML),此時往往會發現,如果想直接在編輯器中再調整一些細節的格式,怎麼都動不了,或是不如己意,有的調了有效,有的調了沒效,這是為什麼呢?
因為功能強大的word已經在幕後幫我們處理了各式各樣複雜的指令,當我們將內容從word複製,直接「貼上」進編輯區後,大家可以試著點閱「原始碼」,就會發現:哇!有好多複雜的標籤在裡面,眼花撩亂@_@。
沒錯!當你直接將word的內容貼進來時,就會將複雜的格式語法也帶進來,這些語法常常會阻斷原本我們為貴公司的網頁所設計好的CSS(http://zh.wikipedia.org/wiki/CSS),因此網頁內容的樣式就會缺乏一致性而變得不美觀。(不要問我:為什麼某某知名部落格的編輯器就不會這樣…… 人客啊!免費的不代表就是低廉,這些免費的服務功能,可都是龐大成本開發出的成果唷!如果貴公司也有足夠的預算,那當然沒問題啦XD)
總之,如果你也是不懂語法的素人,這邊教大家一個小技巧:使用「純文字貼上」,這樣一來就會讓原始碼維持最乾淨的情況,步驟如下:
(1) 複製表格
(2) 點選「純文字貼上」(圖示:20110406102852254.jpg)
(3) 如果你想再針對部分內容調整字級、粗體、字體顏色、背景色、對齊等等,可以使用HTML編輯區的功能,就能兼顧文字格式及網頁呈現一致美觀啦!
2.  shift+enter=斷行;enter=分段
如果你壓住shift再按enter,對編輯器所下的語法就是<br>,<br>就是單純的斷行,而直接按enter的話,語法就是<p>,<p>表示分段,這兩者之間除了行距不同外,也會跟是否延續相同格式有關。
P.S:這個操作技巧也可以使用在word裡,尤其在使用項目符號或編號等清單功能時最明顯,大家可以自己試試看。
3. 表格可使用「自word貼上」
有時候我們的資料內容是用表格呈現,但如果我們也將表格用純文字貼上就會發現資料會真的只剩下文字,而沒有欄與列,更沒有格線。所以,如果遇到表格,我就會建議大家使用「自word貼上」,步驟如下:
(1) 複製表格
(2) 點選「自word貼上」(圖示:20110406101409347.jpg)
(3) 再使用HTML編輯區的功能,設定表格內的文字的格式(字級、粗體、字體顏色、背景色、對齊等等)
4. 插入圖片
講完文字、表格,最後要跟大家講的就是圖片啦!圖片在HTML必須要有引用的來源位置,所以不能直接複製、貼上,而是要用「插入」。步驟如下:
(1) 將游標移至要放置圖片的位置,點擊一下
(2) 點選「插入影像」(圖示:20110406101511457.jpg)
(3) 如果你的圖片是引用自某個網站,可以直接貼上該張圖片URL(也就是該圖片的所在位置,請在圖片上按右鍵,選擇”複製捷徑”或”複製影像網址”),但引用前要注意版權問題,可別未經同意就引用,會吃上官司啊!
20110406101532910.jpg
(4) 如果你的圖片是在你的電腦裡,那請點選「插入影像」後,再選擇「上傳」,直接瀏覽要使用的圖片檔後,點選「上傳至伺服器」。
20110406101605300.jpg

20110406101620332.jpg
(5) 如果想再調整圖片的尺寸,請點一下圖片,按右鍵選擇「影像屬性」,然後再變更寬度或高度其中一項,圖片就會等比例改變了。最後要記得按「確定」喔!
20110406101640254.jpg
以上,就是今天的常用基礎小技巧教學,希望大家滿意啊!
如果還不滿足,可以參考Polly的進階教學篇,另外,U Web服務都會有2小時教育訓練,人客別擔心啦!