HTML5在移動前端應(yīng)用開發(fā)中的研究與分析

潘泳賢

中山市技師學(xué)院 廣東 中山 528400

引言

近年來，網(wǎng)絡(luò)信息技術(shù)飛速的發(fā)展，逐漸融入了人們的日常生活。移動智能化的設(shè)備在社會中逐漸得到了廣泛的使用，對互聯(lián)網(wǎng)技術(shù)的依賴也日益增加，對移動互聯(lián)網(wǎng)技術(shù)的開發(fā)是新時期背景下的發(fā)展趨勢。區(qū)別于傳統(tǒng)的互聯(lián)網(wǎng)技術(shù)，移動互聯(lián)網(wǎng)的開發(fā)，打破了地域的限制，使用電話、電腦等設(shè)備，實現(xiàn)了隨時隨地可以上網(wǎng)。當各類移動設(shè)備進行移動網(wǎng)絡(luò)的使用過程時，不同系統(tǒng)下的移動設(shè)備需要共同實現(xiàn)網(wǎng)絡(luò)功能的移動化，就需要開發(fā)出更加完善的新型移動網(wǎng)絡(luò)技術(shù)。HTML5技術(shù)具有更加高效和便捷的上網(wǎng)功能，并且具有更加強大的包容性，可以同時容納多種系統(tǒng)的移動設(shè)備同時使用。HTML5技術(shù)的開發(fā)正好符合新時期對于網(wǎng)絡(luò)技術(shù)的基本需求，能夠有效促進網(wǎng)絡(luò)軟件的開發(fā)和使用，助推我國的移動網(wǎng)絡(luò)技術(shù)的發(fā)展。

1 HTML5技術(shù)的特點

HTML5技術(shù)不是單一的網(wǎng)絡(luò)技術(shù)，而是結(jié)合了最先進的網(wǎng)絡(luò)開發(fā)應(yīng)用技術(shù)的多種技術(shù)的結(jié)合體，其中包括了HTML、JAV A等最先進的技術(shù)手段。在移動設(shè)備上運用HTML5 可以有效減少上網(wǎng)時的插件下載，便利了網(wǎng)絡(luò)瀏覽和網(wǎng)絡(luò)搜索等上網(wǎng)功能，減少對于插件的依賴，并且能夠顯著提高網(wǎng)絡(luò)的使用性能，提高用戶的使用滿意度，具有更多的技術(shù)優(yōu)勢。作為最新型的開發(fā)技術(shù)，HTML5與移動設(shè)備存在著以下的關(guān)系。

1.1 為移動設(shè)備的軟件平臺提供了有效數(shù)據(jù)

目前投入使用的移動設(shè)備，普遍具有觸摸屏的使用功能，并且具有通過觸摸實現(xiàn)的打字功能，可以更加便利的進行數(shù)據(jù)的輸入，在屏幕上出現(xiàn)了鍵盤的輸入形式[1]。但是虛擬鍵盤的大小受到移動設(shè)備的觸摸屏面積限制，不一定滿足用戶的數(shù)據(jù)輸入需求，影響了用戶對移動設(shè)備的體驗效果。提高虛擬鍵盤對屏幕的適應(yīng)性，可以更好地提升用戶的服務(wù)體驗，提高用戶的滿意程度。通過運用HTML5提供的數(shù)據(jù)服務(wù)功能，就可以很好地解決這一難題，有效提高用戶在虛擬鍵盤上輸入的速度和效率。

1.2 CANVAS繪圖技術(shù)

在HTML5中包含了Canvas技術(shù)，使用最新的Canvas可以提供出更強大的動畫繪圖功能，使軟件具有二維圖像繪制技術(shù)。讓移動設(shè)備的使用者，可以不需要下載額外的技術(shù)插件，就能夠?qū)討B(tài)的繪畫進行觀看，實現(xiàn)了移動設(shè)備的繪圖功能。并且相比于傳統(tǒng)的下載插件而實現(xiàn)的繪圖功能，新型的技術(shù)可以更加穩(wěn)定和高效的，將圖像和動畫API表現(xiàn)出來，更好的實現(xiàn)圖片的渲染，讓圖片與其他元素進行更加有效的交互，具有更強大的技術(shù)優(yōu)勢[2]。技術(shù)人員可以直接進行圖表和圖形等的處理，與顯著的提高移動設(shè)備的繪圖效果。目前二維的繪圖技術(shù)已經(jīng)在移動設(shè)備中廣泛普及，而三維的繪圖技術(shù)正處于發(fā)展中階段，通過HTML5技術(shù)的發(fā)展，逐漸在社交軟件和網(wǎng)頁游戲中讓3D技術(shù)推廣和使用。

1.3 具有直接使用音頻、視頻的功能

傳統(tǒng)的技術(shù)想要實現(xiàn)音頻和視頻功能，需要在移動設(shè)備上安裝其他插件，例如Flash等插件來實現(xiàn)音頻和視頻的使用。安裝插件會給用戶的使用過程帶來更多復(fù)雜化的使用流程，一些程序的安裝比較緩慢，用戶想要打開音頻文件，需要經(jīng)過長時間的下載和安裝，不能達到實時播放的效果。并且安裝的插件并不具備更好的兼容效果，可能與其他軟件造成沖突，影響語音播放功能的實現(xiàn)。在插件安裝后，會影響瀏覽器的穩(wěn)定程度，給用戶帶來不良的使用體驗[3]。新技術(shù)的不斷研發(fā)，HTML5有效解決了這一難題，可以實現(xiàn)移動設(shè)備對音頻和視頻的直接使用，無須加載其他軟件，有了技術(shù)上的很大提升，可以提供更加穩(wěn)定和高效的API音頻。打破了過去對于不同元素需要下載不同的處理器的方式，運用HTML5可以實現(xiàn)跨平臺和跨種類的集成功能，讓網(wǎng)絡(luò)軟件可以更加便利的使用，提升用戶的使用性能。

1.4 具有定位功能

HT ML5可以實現(xiàn)移動設(shè)備的定位功能，有效改善了移動設(shè)備的網(wǎng)絡(luò)技術(shù)接收問題?？梢愿鶕?jù)移動設(shè)備的實際位置，為用戶提供更加適合的網(wǎng)絡(luò)服務(wù)，和基于定位系統(tǒng)能夠?qū)崿F(xiàn)的更加便利的服務(wù)[4]。例如結(jié)合GPS定位技術(shù)、GIS遙感技術(shù)以及與無線網(wǎng)絡(luò)等功能的結(jié)合，更加準確的實現(xiàn)位置確定，彌補了之前軟件開發(fā)的技術(shù)缺陷，為后續(xù)軟件的開發(fā)提供了更多的技術(shù)支持。在軟件的使用過程中，可以運用HTML5技術(shù)實現(xiàn)用戶的導(dǎo)航功能，對具體地點進行搜索和查詢，并且提供多種路線，可以獲得更好的使用體驗。而且可以通過對實時信息的位置共享，在導(dǎo)航過程中選擇最佳線路?；谶@一技術(shù)優(yōu)勢，開發(fā)出了更多的新型的定位軟件，提供了娛樂和其他的技術(shù)服務(wù)。HTML5技術(shù)具有更加人性化的特點，可以根據(jù)用戶的使用需求，詢問用戶是否需要開啟定位功能，提高用戶軟件使用的安全性能，更好地保護用戶的隱私安全。

1.5 離線存儲功能

當用戶在使用過程中，出現(xiàn)網(wǎng)絡(luò)信號較差的問題時，要確保用戶可以繼續(xù)使用軟件和網(wǎng)絡(luò)平臺，這對網(wǎng)絡(luò)技術(shù)提出了更多要求。HTML5可以提供相對應(yīng)的技術(shù)服務(wù)，可以有效解決軟件的離線使用問題。將數(shù)據(jù)進行本地存儲，就可以實現(xiàn)在無網(wǎng)絡(luò)狀態(tài)下的軟件使用效果。運用HTML5技術(shù)的存儲具有更多的技術(shù)優(yōu)勢，提供更多的存儲容量和將信息保存在線下的移動設(shè)備中，可以有效實現(xiàn)軟件的離線狀態(tài)服務(wù)。在不產(chǎn)生流量的情況下，依然可以對軟件進行使用。當網(wǎng)絡(luò)功能恢復(fù)時，軟件可以進行實時更新，提供更加便捷的網(wǎng)絡(luò)服務(wù)。

2 HTML5在移動前端的應(yīng)用開發(fā)

HTML5融合了最先進的Java技術(shù)和HTML技術(shù)，為移動設(shè)備上的軟件提供了技術(shù)支持。通過對三種實現(xiàn)方式的執(zhí)行分析，對原生應(yīng)用、瀏覽器和原生應(yīng)用外殼進行處理，對本地資源進行存儲，取得更加精確的API系統(tǒng)數(shù)值，實現(xiàn)技術(shù)的有效應(yīng)用。原生應(yīng)用又名Native App，是先進的語言開發(fā)應(yīng)用技術(shù)[5]。市面上很多網(wǎng)絡(luò)軟件都應(yīng)用到了這一技術(shù)，例如微博就使用了多種技術(shù)的結(jié)合，實現(xiàn)了可以在瀏覽器中直接打開就可以使用的功能。通過HTML5的多種技術(shù)結(jié)合體，可以實現(xiàn)跨平臺和跨元素的網(wǎng)絡(luò)軟件使用，具有更低的開發(fā)成本優(yōu)勢，為開發(fā)者提供了更多的技術(shù)支撐，可以促進我國的網(wǎng)絡(luò)軟件更加多元化的發(fā)展，創(chuàng)新出多種形式的社交平臺。HTML5的技術(shù)特點更加適合信息數(shù)據(jù)交流形式的軟件開發(fā)，對于大型的網(wǎng)絡(luò)游戲等應(yīng)用的效果不夠理想，需要根據(jù)實際的軟件開發(fā)情況進行選擇。微博即Web App，對這種新型的應(yīng)用具有最佳的使用效果，相比于原來的App下載，通過技術(shù)支持實現(xiàn)了瀏覽器的打開模式，為用戶提供了更加豐富的使用體驗。

對Web App作為案例進行分析，對HTML5的特點進行說明。①具有繪制圖表的功能。HTML5中包含了實時繪圖的技術(shù)，可以更好的展示App中的圖像效果。②新浪微博。社交軟件中，對新浪微博的有效應(yīng)用HTML5技術(shù)，更好地利用了新技術(shù)的特點，實現(xiàn)跨平臺的數(shù)據(jù)傳輸，減少企業(yè)的經(jīng)濟成本投入，使用了現(xiàn)金的技術(shù)節(jié)約了資源的消耗。通常來說，網(wǎng)絡(luò)社交平臺上，都具有動態(tài)視頻，圖片，和聲音等的混合元素，在同一軟件內(nèi)，使用HTML5對多種元素進行綜合處理，實現(xiàn)了軟件的功能開發(fā)。③實時繪圖。相比于過去的傳統(tǒng)音頻打開模式，需要下載Flash插件，才能打開音頻視頻，使用HTML5可以實現(xiàn)無縫銜接，直接在微博等社交平臺直接點開視頻和音頻，對用戶的觀看提供了更加便捷的服務(wù)。并且可以通過用戶進行操作，實現(xiàn)對拍攝的視頻進行實時發(fā)送的功能，推進了視頻技術(shù)的發(fā)展。④社交游戲。在社交游戲的軟件開發(fā)中，也可以充分發(fā)揮HTML5的技術(shù)優(yōu)勢，實現(xiàn)數(shù)據(jù)信息的有效傳輸。目前對使用HTML5技術(shù)開發(fā)的游戲軟件，具有很大的發(fā)展前景。通過專業(yè)的技術(shù)測評得出結(jié)論，在使用最新型的移動設(shè)備時，運用HTML5技術(shù)開發(fā)出社交游戲，可以匹配電腦上的網(wǎng)頁游戲的使用效果。并且HTML5技術(shù)還存在著很大的開發(fā)和上升空間，在未來可以得到更好的開發(fā)和利用[6]。

3 運用HT ML5的移動信息服務(wù)新技術(shù)

隨著移動信息技術(shù)的不斷發(fā)展，對網(wǎng)頁設(shè)計的功能越來越全面，HTML5被廣泛應(yīng)用到手機等移動設(shè)備的使用中。目前手機已經(jīng)成為人們生活當中的必需品，大眾對手機的服務(wù)需求日益增加，已經(jīng)從原來的單純的通話和短信息的需求，轉(zhuǎn)變?yōu)樾聲r期的社交軟件和游戲等，轉(zhuǎn)變?yōu)橐蕾嚲W(wǎng)絡(luò)領(lǐng)域的服務(wù)需求。這就需要不斷研發(fā)設(shè)計新技術(shù)，提高廣大用戶的使用滿意度。

3.1 更加符合大眾喜好的頁面布局

手機成為最為典型的移動設(shè)備，具有便于攜帶，隨時隨地可以使用的特點，但手機的屏幕面積有限，在有限的屏內(nèi)提供用戶所需的所有服務(wù)需求，并且要適應(yīng)手機的多種硬件條件不充足的條件，使頁面容量受到了很大的限制。對HTML5技術(shù)的開發(fā)，可以根據(jù)移動設(shè)備的實際布局，更加人性化的設(shè)計出符合大眾需求的頁面布局。通過對傳統(tǒng)技術(shù)的不斷研發(fā)，對過去的網(wǎng)頁打開版面進行改進和優(yōu)化，簡化了很多非必要的因素，將技術(shù)更加集中于對頁面布局的編輯，使用戶打開網(wǎng)頁時可以獲得更好的感官感受，提高用戶的使用體驗。

3.2 HTML5提供移動的信息服務(wù)

移動信息技術(shù)的發(fā)展，為大眾提供了可以在移動中獲取資源的服務(wù)，讓用戶不用再像過去那樣，想要查找資料必須去固定的地點，例如圖書館和閱覽室等地區(qū)，可以隨時隨地等通過移動網(wǎng)絡(luò)服務(wù)獲取資源。這就要求對移動網(wǎng)絡(luò)技術(shù)進行不斷的開發(fā)，更好地將實體資源傳輸?shù)骄€上，為用戶提供更加便捷的移動信息服務(wù)。HTML5技術(shù)的研發(fā)，為移動信息服務(wù)提供更強的技術(shù)支撐，逐漸形成了較為完備的網(wǎng)絡(luò)信息服務(wù)體系，將網(wǎng)絡(luò)技術(shù)的優(yōu)勢更好的展示出來，為用戶提供更加穩(wěn)定和可靠的網(wǎng)絡(luò)技術(shù)。移動設(shè)備正在朝著更多元化的移動社交軟件發(fā)展模式發(fā)展，為推出更多的移動音頻視頻軟件、移動辦公服務(wù)、移動存儲服務(wù)等更加豐富的網(wǎng)絡(luò)技術(shù)服務(wù)[7]。使用HTML5技術(shù)的移動軟件開發(fā)，可也提供更加符合用戶使用需求的網(wǎng)頁服務(wù)，融合多種繪圖功能、音頻和視頻功能于同一軟件，實現(xiàn)跨平臺和跨元素的互動交流，避免了多種元素需要下載插件帶來的經(jīng)濟成本過高的問題，提高了移動信息服務(wù)的便捷度和經(jīng)濟效益。

4 結(jié)束語

移動信息技術(shù)的不斷發(fā)展，給人們的日常生活帶來的巨大的改變。HTML5技術(shù)的應(yīng)用，為移動軟件的開發(fā)提供了專業(yè)的技術(shù)基礎(chǔ)，讓社交軟件更加符合用戶的使用需求。目前HTML5技術(shù)的開發(fā)仍處于發(fā)展中階段，不斷提高技術(shù)水平，提高移動設(shè)備的服務(wù)能力，是新時期的發(fā)展方向和目標。要鼓勵我國的移動技術(shù)開發(fā)人員不斷進行創(chuàng)新，學(xué)習(xí)國內(nèi)外先進的技術(shù)理念，不斷改進軟件的開發(fā)模式，提高我國的HTML5的開發(fā)利用率。本文對HTML5的技術(shù)特點進行論述，分析了HTML5技術(shù)的優(yōu)勢和應(yīng)用情況，對新技術(shù)的開發(fā)依然任重道遠，需要進一步的完善。不斷提高移動設(shè)備的技術(shù)優(yōu)勢，提高我國的軟件開發(fā)性能，在未來制定出更高的服務(wù)使用標準，提供更加優(yōu)化的硬件和軟件的性能，促進我國的移動信息產(chǎn)業(yè)發(fā)展。