淺析基于HTML5的唐卡微電商平臺設計與實現論文
引言
隨著西部大開發的不斷深入，西部地區在經濟和基礎建設方面有了很大的提高，神秘的青藏高原又是人們向往的圣地，因此進入青藏高原旅游的人數也日益劇增，人們對當地的文化了解也就十分迫切，尤其是熱貢藝術的珍品唐卡，受到眾多游客的關注。雖然網上有好多關于唐卡的售賣網站平臺，但是這些網站缺乏相應的專業性和個人定制功能。唐卡是純手工制品，制作周期較長，售賣形式不同與其他商品。如何應對這些問題，我們設計并實現一個跨平臺的基于HTML5的“唐卡”微電商平臺，實現唐卡信息的不斷更新和共享，快速幫助唐卡需求者或者唐卡衍生品的需求者提供一個專業的平臺，既能實現畫師和消費者之間的在線交互，提升唐卡及其衍生品的在線訂購效率，增加了畫師的收入，又對唐卡藝術進行了很好的宣傳。
1 系統分析
通過對網上大多數唐卡產品售賣網站的分析和調查，基本確定了“唐卡”微電商平臺的幾個大的要求，消費者憑借注冊賬號合法登錄，畫師也要通過注冊才能登錄，以保證雙方的合法身份得到驗證，保證了雙方的信息安全，盡最大可能實現唐卡信息的匯總、更新。實現畫師和消費者的及時溝通和了解，使得消費者對自己的想法和需求在溝通上做到盡善盡美，在前臺設計上簡單大方，易操作，信息展示內容豐富，更新及時，系統運行安全穩定。根據以上要求，將使用者分為兩類，客戶和系統管理員。系統管理員主要進行用戶管理、唐卡管理、唐卡類型管理、訂單管理、評價管理、收藏管理等。用戶根據自己的需求下訂單，系統及時響應客戶訂單，并在第一時間確認訂單是否成功，訂單確認成功后，可以及時推送跟唐卡有關的相關產品，以便使售賣量最大化。
2 系統設計
“唐卡”微電商平臺系統采用最新的超文本標記語言HTML5和ASP.NET技術開發，基于運行平臺是Microsoft Windows 7系統的環境下，利用Microsoft Visual Studio 2010功能強大的集成開發平臺，后臺數據庫采用Microsoft SQL sever 2008來存儲數據。
2.1 系統功能模塊設計
根據對“唐卡”微電商平臺的需求分析，功能模塊主要分為系統前臺和后臺，前臺主要是唐卡知識的簡介，唐卡產品的展示，客戶登錄，訂單的填寫與確認等;后臺主要是訂單管理，客戶資源管理，商品發布管理，唐卡的分類管理，評價統計管理等詳細的功能。
3 數據庫設計
本系統的數據采用SQL Server 2008數據庫實現并存儲。數據庫各子系統之間的交流通過數據庫實現，通過SQL語言訪問數據庫。它的很多先進的特性和功能，以及關鍵問題的改進和完整的企業級數據庫管理工具與技術，為該系統的實現奠定了基礎。以下簡要介紹重要數據表的功能：
(1)用戶信息表。主要用來記錄用戶編號、用戶名、性別、用戶密碼、聯系方式、電子郵箱、用戶類型、評論等字段。用戶編號為主碼。
(2)唐卡信息表。主要用來記錄唐卡編號、唐卡名稱、圖片、唐卡描述、價格、創建日期、出售數量。唐卡編號為主碼。
(3)訂單信息表。訂單編號、是否預定、訂貨日期、收件人姓名、收件地址、郵政編碼、聯系電話、運費、總價。訂單編號為主碼。
4 系統架構與主要技術
任何系統的設計與開發最先就應該考慮用戶的使用便利，B/S構架和MVC模式的引用是ASP.NETMVC的基于Web應用程序的框架。MVC主要包括：View、Model以及Controller三個部分，由于各部分分工不同，負責的功能也不同，這樣為后期的系統修改和維護奠定了良好的基礎，也大大提高了開發效率。
HTML5、Javascript及CSS3構建了HTML5的強大功能，支持了在移動設備上實現多媒體的使用，同時一些新元素功能的支持如：Video、Audio及Canvas等標記，使得對腳本和布局之間有了交互的能力。HTML5中使用了 jQuery Easy UI框架，為系統研發人員節省時間，通過Javascript方式和html標記方式的使用，同時jQuery Easy UI包括數據網格、樹形表格、界面以及下拉組合等，實現了跨瀏覽器網頁的完整的`組件組合。
視頻的播放:
HTML5中Video和Audio的增加，使得在網絡上播放視頻、電影和音頻，不再使用其他第三方插件，只要當前使用的瀏覽器支持HTML5即可，在本系統中，Video主要應用在唐卡微電商平臺系統前臺頁面中，主要展示唐卡的制作視頻及畫師的宣傳視頻。在這一方面比HTML4有了很大的改進，Video元素能夠做得很完美，其關鍵代碼如下。< v i d e o w i d t h = " 3 2 0 " h e i g h t = " 2 4 0 "controls="controls" autoplay>Your browser does not support the video tag.
圖形繪制:
在系統頁面中使用canvas元素，不僅簡單而且直觀，同時可以繪制圖形與圖像，還可以繪制文字，使得字體效果更加酷炫，關鍵代碼如下[4]：
跨平臺應用:
隨著互聯網+的不斷推進，以及移動通信設備的逐步普及，人們了解信息，獲得商機的渠道逐步的由PC終端向移動終端逐步轉化，但是現在的移動終端的OS又各不相同，開發的版本就要多元化，這樣最終的維護和管理成本就大大提升，而跨平臺技術就解決了這個問題，開發成本下降，不同的OS可以實現統一的用戶交互體驗，這樣使得系統開發者才有精力專注于系統和功能的創新。
系統安全:
具體的更改辦法為：數據的存儲次序進行改變，實現服務器存儲，而不是在客戶端中存儲;在會話時使用cookie中的httponly標簽進行保護。
5 結束語
通過系統的使用，可以使得客戶對唐卡有了更進一步的了解，增加了在線購買的轉化率，使得唐卡及其衍生品得到了很好的推廣和發展，同時也提高了畫師的經濟收入，與現在國家倡導的精準扶貧相吻合，隨著唐卡及其衍生品銷售量的增加，可以帶動更多的人參與唐卡及其衍生品的開發和研究，使得民族文化瑰寶得到保護和發揚。在移動互聯網、云平臺及大數據的支撐下，“唐卡”微電商平臺系統也將會支持移動終端的使用，使得其效用更大、更廣。
【淺析基于HTML5的唐卡微電商平臺設計與實現論文】相關文章：
探析基于電商平臺的創業型人才培養模式論文09-12
論文：短信平臺系統的設計與實現06-24
淺析基于云計算的智能計量平臺研發的論文05-28
移動校園門戶平臺的設計與實現論文11-12
淺析基于Struts2的信息管理系統設計與實現論文10-25
電商平臺托管協議模板03-13