網頁

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小時教育訓練,人客別擔心啦!

2011年3月28日 星期一

D0002雲端服務 CDN Host

文: Canboo T.

CDN Host,是幫一些JavaScript Framework函式庫做異地Host服務,讓網路瀏覽者透過CDN(Content Delivery Network)抓取欲使用到的JavaScript Framework的速度(如JQuery Framework、YUI Framework)不會因所在地而影響到存取速度。
比如說,貴公司的網站主機擺放在美國,而網站使用到JQuery Framework 1.5.1的檔案,可能會因為使用者為了要存取這隻js而影響到整個頁面的存取速度。為了因應這種狀況,使用CDN Host會是一個不錯的解決方式,換個角度來說,這是另外一種雲端服務吧!
目前Google有幫一些熱門的JavaScript Framework做了Host服務,至於有哪些Framework請連結到Google Libraries API進行觀看:http://code.google.com/intl/zh-TW/apis/libraries/















Google Libraries API官網有對使用方式做一個說明,引入方式可分為兩種,一種就是直接存取雲端的實體位置,網路上的文件通常是稱為「靜態引入」,以引入JQuery 1.4.2檔案為例,引入的語法為:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
另外一種引入方式就是透過Google的API進行存取,通常是稱為「動態引入」,要使用動態引入時,必需要先引入Google API,語法為
<script type="text/javascript" src="https://www.google.com/jsapi?keyINSERT-YOUR-KEY"></script>
其中INSERT-YOUR-KEY必須要換成自己所申請的Google Key(若沒有請至http://code.google.com/apis/loader/signup.html進行申請),在引入好後就可以開始進行動態引入:
<script type="text/javascript" language="javascript">
google.load("chrome-frame", "1.0.2");
google.load("dojo", "1.6.0");
google.load("ext-core", "3.1.0");
google.load("jquery", "1.5.1");
google.load("jqueryui", "1.8.11");
google.load("mootools", "1.3.1");
google.load("prototype", "1.7.0.0");
google.load("scriptaculous", "1.8.3");
google.load("swfobject", "2.2");
google.load("yui", "3.3.0");
google.load("webfont", "1.0.19");
</script>
動態引入的參數為(Library名稱,版本)。
最後,該說說用CDN Host有什麼好處,在本文一開始所提到的存取速度,其實是一個比較易顯的好處,經筆者實際測試,如果網站伺服器速度快的話,使用Google CDN可能會感覺不出來差異或是會慢一點,不過在瀏覽器上面有一個技術叫做「快取」,如果使用者在某個網站載入過您所要載入的js檔案,那使用者在瀏覽您的網站就不會再次的載入這個檔案,也就是會節省掉不少存取頁面的時間。
此外,減少主機存放空間及網路流量也是好處之一,以JQuery為例,完整檔案一個也是上百KB,壓縮過後的min版本也是要20多KB,如果有上百個瀏覽者進行存取,昂貴的頻寬也就會被佔用掉,若此類檔案擺在Google家,有人幫你管控該類檔案的gzipped相關快取、壓縮技術,又省自家主機頻寬,可是多美好的一回事。
最後還可以說的好處就是技術人員在說的,更改引入檔案版本可是更為便利!

2011年3月20日 星期日

ASP.Net程式語言跨入AIR技術Part.2

上次提到的範例”向世界問好”(也就是Hello World)的程式,程式碼如下:
Html程式部分:
<html >
<head>
<title>Hello, World!</title>
</head>
<body>
           <h1>Hello, World!</h1>
</body>
</html>
除了html程式外尚須要一個XML程式,程式如下
<?xml version="1.0" encoding="utf-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.0">
           <id>com.dmci.air.HelloWorld</id>
           <filename>Hello World</filename>
           <version>1.0</version>
           <initialWindow>
                     <content>HelloWorld.html</content>
                     <visible>true</visible>
           </initialWindow>
</application>
下面來說明上述程式的作用:
1.<id>com.dmci.air.HelloWorld</id>這一行表示id是程式的唯一AIR標識,建議使用類似這樣的語法:com.dmci.air.HelloWorld。可以是虛構的值,但是一定要是唯一且有意義的值,最大長度為255字元。
2.<filename>Hello World</filename>這行表示程式的名稱,使用者會看到它,出現在關於選單、捷徑名稱、開始選單等位置。
3.<version>1.0</version>這一行為版本宣告,是虛構的值,主要用來識別程式的版本,只要能識別不同版本都OK。
4.<initialWindow></initialWindow>這中間所包含的值為設置程式主視窗的內容和外觀。
5. <content>HelloWorld.html</content>這個就是主要內容基本HTML檔案的名稱。
6. <visible>true</visible>這是表示使否顯示程式給使用者看,預設值為false,所以有必要加這一行來顯示執行結果。
程式寫好後要測試,可以用簡單的命令AIR Debug Launcher(adl)來測試,語法為adl ApplicationXMLFile.xml,執行後能看到結果畫面表示程式是OK的,測試完畢如果要發佈程式,必須要創建一個憑證給程式,然後打包程式成安裝檔案,這樣使用者拿到檔案後就可以直接安裝使用了,這部分就下次在談囉!(待續…)

2011年3月13日 星期日

U Web網站快捷建置服務行銷策略

如果把產品比喻做木材,那行銷策略可用來比喻作讓木材燃的更旺火種,產品化的過程,產品本身就有很多功課要做,以行銷的立場來看,這是產品企劃的工作重點。
  • 產品企劃


完成了產品的企劃工作,當中的4C、4P~5~6P可以在很多地方搜尋到,在此不再贅述,簡單來說都是為了條列企劃力的簡稱罷了。銷售過程中所需要的工具、作業程序,也需要大量的企劃力從中輔佐,這是行銷企劃的工作。
  • 行銷企劃



行銷企劃工作中最為重要的就是行銷策略的擬定,一個企業要能永續經營,銷售力是不可缺的重要因素,如何應用最佳的行銷策略,關係到銷售力的增減,用錢砸,好方法,但不是所有企業都有足夠的子彈可用,因此網路行銷,這個成長最快速,費用最低廉的媒體工具成了大部分行銷企劃人員的最愛。
新媒體,這是目前眾所矚目的新興產業,新媒體泛指利用電腦(計算及資訊處理)及網路(傳播及交換)等新科技,對傳統媒體之形式、內容及類型所產生的質變。也稱第四媒體,區別於傳統媒體報刊、廣播、電視媒體。
新媒體一詞可以從產業區分、人機介面、藝術運動、及其多媒體形式來詮釋,不同的詮釋是由於不同領域的觀點(產業、科技、藝術、及傳媒)的出發點之不同。
所謂的「舊媒體」所包涵的產業範圍,指的是印刷的報紙雜誌,電子的廣播電視。相較之下,新媒體所指的產業範圍不如舊媒體明確。
(資料來源:維基百科)
如何善用四個螢幕(電腦顯示器、行動電話、電視、遊戲機)?一直是所有媒體人玩創意搞噱頭的工作重點之一,UTRUST團隊的新興產品”U Web網站快捷建置服務”的行銷策略,善用網路行銷及實體DM的策略進行大數法則的行銷。
信諾科技之所以命名為信諾,就是希望能以服務誠信優質承諾為原則為企業製作出專業且好用的網站,只需簡單的透過管理後台,就能在網路上自在遨遊。
U Web也取得智慧財產權商標註冊權,在在都證明了我們優質產品化的決心,只要您需要一個專業的團隊來製作您的網站,不想再一頁一頁更新您的網站,重視分析數據及企劃力,”U Web網站快捷建置服務”將會是您最佳的選擇。





服務專線:02-27813033#310 (朱小姐)