7附加模塊 移動(dòng)電子商務(wù)開發(fā)技術(shù)

移動(dòng)電子商務(wù)移動(dòng)電子商務(wù)開發(fā)技術(shù)附加一附加模塊移動(dòng)電子商務(wù)開發(fā)技術(shù)

目錄

Contents延時(shí)符移動(dòng)APP開發(fā)1移動(dòng)網(wǎng)站開發(fā)技術(shù)2微信小程序開發(fā)3美麗聯(lián)合從2017年6月份開始陸續(xù)上線小程序，一共做了7個(gè)，這里面有蘑菇街的主力小程序，還有專門直播的業(yè)務(wù)等。其中的直播產(chǎn)品在2016年已經(jīng)上線了，到2017年夏天的時(shí)候，美麗聯(lián)合把蘑菇街的主力的小程序里面加入了直播功能。運(yùn)營(yíng)幾個(gè)月發(fā)現(xiàn)直播的特別好，目前，蘑菇街微信小程序所取得的成績(jī)有：用戶數(shù)超9000萬，催生了增量；轉(zhuǎn)化率是APP的2倍，提升了流量存量效率；活躍用戶次日留存35%，提高了用戶粘性；下單速度是APP的2.28倍，重塑了用戶的消費(fèi)習(xí)慣。章節(jié)案例附加移動(dòng)電子商務(wù)開發(fā)技術(shù)1延時(shí)符移動(dòng)APP開發(fā)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)一、明確用戶需求，確定網(wǎng)站目標(biāo)階段124做好目標(biāo)人群定位理解行業(yè)競(jìng)爭(zhēng)執(zhí)行力強(qiáng)3有清晰的贏利模式附加移動(dòng)電子商務(wù)開發(fā)技術(shù)二、概念設(shè)計(jì)階段概念設(shè)計(jì)的直接目的是生成概念產(chǎn)品，它是一系列有序的、可組織的、有目標(biāo)的設(shè)計(jì)活動(dòng)，表現(xiàn)為一個(gè)由粗到精、由模糊到清晰不斷進(jìn)化的過程。概念設(shè)計(jì)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)移動(dòng)APP產(chǎn)品經(jīng)理需要集思廣益，然后對(duì)用戶及市場(chǎng)資料進(jìn)行總結(jié)梳理，通過白板或思維導(dǎo)導(dǎo)圖理出產(chǎn)品思路，也就是從概念上給出一個(gè)完整的產(chǎn)品雛形，可以通過文字或圖示的方式來表達(dá)所要開發(fā)產(chǎn)品的整體構(gòu)想。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)三、原型設(shè)計(jì)階段原型是一種讓用戶提前體驗(yàn)產(chǎn)品、交流設(shè)計(jì)構(gòu)想、展示復(fù)雜系統(tǒng)的方式。產(chǎn)品原型設(shè)計(jì)最基礎(chǔ)的工作就是結(jié)合批注、大量的說明以及流程框架圖，將自己的產(chǎn)品原型完整而準(zhǔn)確地表述給UI、UE、程序開發(fā)人員、市場(chǎng)營(yíng)銷人員，并通過溝通，反復(fù)修改并最終確認(rèn)，然后執(zhí)行。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)移動(dòng)APP產(chǎn)品原型設(shè)計(jì)工具

2Axure4Origami6乎之原型13OmniGraffle

5AppCooker墨刀7摩客8Epub360附加移動(dòng)電子商務(wù)開發(fā)技術(shù)四、界面設(shè)計(jì)與視覺階段1.界面設(shè)計(jì)界面設(shè)計(jì)（UI設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，UI即UserInterface(用戶界面)的簡(jiǎn)稱附加移動(dòng)電子商務(wù)開發(fā)技術(shù)界面設(shè)計(jì)師的職能大體包括三方面（2）交互設(shè)計(jì)（1）圖形設(shè)計(jì)（3）用戶測(cè)試/研究附加移動(dòng)電子商務(wù)開發(fā)技術(shù)2.視覺設(shè)計(jì)視覺設(shè)計(jì)是針對(duì)眼睛功能的主觀形式的表現(xiàn)手段和結(jié)果。視覺設(shè)計(jì)首先需要考慮產(chǎn)品給人的整體感覺，即視覺設(shè)計(jì)的風(fēng)格。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)五、產(chǎn)品編碼開發(fā)階段1.基于Android的移動(dòng)APP開發(fā)（1）開發(fā)環(huán)境AndroidStudio是一個(gè)全新的移動(dòng)APPAndroid開發(fā)環(huán)境，基于IntelliJIDEA.類似EclipseADT，AndroidStudio提供了集成的Android開發(fā)工具用于開發(fā)和調(diào)試。如圖所示為AndroidStudio開發(fā)界面。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)（2）開發(fā)者應(yīng)該具備的知識(shí)體系Unix/Linux平臺(tái)技術(shù)企業(yè)級(jí)數(shù)據(jù)庫(kù)技術(shù)Java語言核心技術(shù)軟件工程和設(shè)計(jì)模式Android應(yīng)用開發(fā)基礎(chǔ)互聯(lián)網(wǎng)核心技術(shù)Android高級(jí)應(yīng)用開發(fā)Android系統(tǒng)級(jí)開發(fā)JavaEE核心技術(shù)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)2.基于iOS的移動(dòng)APP開發(fā)（1）開發(fā)環(huán)境Xcode是運(yùn)行在操作系統(tǒng)MacOSX上的集成開發(fā)工具(IDE)。Xcode具有統(tǒng)一的用戶界面設(shè)計(jì)，編碼、測(cè)試、調(diào)試都在一個(gè)簡(jiǎn)單的窗口內(nèi)完成。如圖所示為iOSXcode開發(fā)界面附加移動(dòng)電子商務(wù)開發(fā)技術(shù)（2）開發(fā)者應(yīng)該具備的知識(shí)體系開發(fā)環(huán)境開發(fā)者賬號(hào)開發(fā)語言數(shù)據(jù)庫(kù)GitHub開源項(xiàng)目OSSDK框架網(wǎng)絡(luò)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)六、產(chǎn)品測(cè)試階段（1）找到產(chǎn)品的不足之處（2）了解產(chǎn)品真正的目標(biāo)市場(chǎng)在哪里（3）基于樣品等，全面思考后續(xù)的營(yíng)銷策略（4）進(jìn)一步評(píng)估商業(yè)價(jià)值產(chǎn)品測(cè)試目標(biāo)2延時(shí)符移動(dòng)網(wǎng)站開發(fā)技術(shù)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)一、前端開發(fā)技術(shù)1.HTML5（1）HTML5簡(jiǎn)介HTML5是HTML下一個(gè)的主要修訂版本，現(xiàn)在仍處于發(fā)展階段，廣義論及HTML5時(shí)，實(shí)際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)（2）HTML5的新標(biāo)記⑤存儲(chǔ)⑥連通性⑦集成①新的語義元素③多媒體④2D/3D②新的元素特性⑧設(shè)備訪問⑨CSS3樣式附加移動(dòng)電子商務(wù)開發(fā)技術(shù)2.CSS3CSS即層疊樣式表（CascadingStyleSheet），CSS3語言開發(fā)是朝著模塊化發(fā)展的，CSS3作為在HTML頁面擔(dān)任頁面布局和頁面裝飾的技術(shù)，可以更加有效地對(duì)頁面布局、字體、顏色、背景或其他動(dòng)畫效果實(shí)現(xiàn)精確的控制。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)3.JavascriptJavascript是一種基于對(duì)象和事件驅(qū)動(dòng)，并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java腳本語言一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象，與Web客戶交互的作用，從而可以開發(fā)客戶端的應(yīng)用程序等。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)4.jQuery與jQueryMobilejQuery是一套跨瀏覽器的JavaScript庫(kù)，簡(jiǎn)化HTML與JavaScript之間的操作，由美國(guó)人JohnResig在2006年1月的BarCampNYC上發(fā)布第一個(gè)版本。jQuery的核心特性：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。（1）jQuery附加移動(dòng)電子商務(wù)開發(fā)技術(shù)（2）jQueryMobilejQueryMobile是jQuery框架的一個(gè)組件（而非jquery的移動(dòng)版本）。jQueryMobile是一款基于HTML5的用戶界面系統(tǒng)，旨在使所有智能手機(jī)，平板電腦和桌面設(shè)備上都可以訪問的響應(yīng)網(wǎng)站和應(yīng)用。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)5.BootstrapBootstrap，來自Twitter，是目前很受歡迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它簡(jiǎn)潔靈活，使得Web開發(fā)更加快捷。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)基本結(jié)構(gòu)（1）（2）（3）（4）（5）Bootstrap是基于HTML5和CSS3開發(fā)的，它在jQuery的基礎(chǔ)上進(jìn)行了更為個(gè)性化的完善，形成一套自己獨(dú)有的網(wǎng)站風(fēng)格，并兼容大部分jQuery插件。CSS設(shè)置組件JavaScript插件定制附加移動(dòng)電子商務(wù)開發(fā)技術(shù)二、后端開發(fā)技術(shù)1IIS2Tomcat3Apache1.Web服務(wù)器附加移動(dòng)電子商務(wù)開發(fā)技術(shù)2.Web數(shù)據(jù)庫(kù)系統(tǒng)54321MySQLSQLServerOracleSybaseDB2附加移動(dòng)電子商務(wù)開發(fā)技術(shù)3.后端開發(fā)環(huán)境（1）ASP.NET微軟發(fā)布的ASP.NET不僅僅是ASP的下一個(gè)版本，而且是一種建立在通用語言上的程序構(gòu)架。ASP.NET技術(shù)的優(yōu)勢(shì)在于，其是基于通用語言編譯運(yùn)行的程序。它的強(qiáng)大性和適應(yīng)性，可以使它運(yùn)行在Web應(yīng)用軟件開發(fā)者的幾乎全部平臺(tái)上。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)PHP是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語言。它大量地借用C、Java和Perl語言的語法，并耦合PHP自己的特性，使Web開發(fā)者能夠快速地寫出動(dòng)態(tài)頁面。PHP是完全免費(fèi)的，用戶可以從PHP站點(diǎn)（）自由下載，并可以不受限制地獲得源碼，甚至在其中加進(jìn)自己需要的特色。（2）PHP附加移動(dòng)電子商務(wù)開發(fā)技術(shù)（3）JSPJSP是Sun公司推出的新一代網(wǎng)站開發(fā)語言，JSP可以在Serverlet和JavaBeans的支持下，完成功能強(qiáng)大的站點(diǎn)程序。附加移動(dòng)電子商務(wù)開發(fā)技術(shù)將內(nèi)容的產(chǎn)生和顯示進(jìn)行分離強(qiáng)調(diào)可重用的群組件采用標(biāo)識(shí)簡(jiǎn)化頁面開發(fā)3延時(shí)符微信小程序開發(fā)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)附加移動(dòng)電子商務(wù)開發(fā)技術(shù)微信小程序，縮寫xcx，英文miniprogram。是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題。微信小程序于2017年1月9日凌晨正式上線附加移動(dòng)電子商務(wù)開發(fā)技術(shù)一、微信小程序的前景（1）（2）對(duì)于開發(fā)者的影響對(duì)于互聯(lián)網(wǎng)創(chuàng)業(yè)企業(yè)的影響（3）（4）對(duì)于小城市企業(yè)的影響對(duì)于互聯(lián)網(wǎng)推廣的影響（5）對(duì)于想轉(zhuǎn)型的傳統(tǒng)企業(yè)的影響附加移動(dòng)電子商務(wù)開發(fā)技術(shù)二、開發(fā)微信小程序需要的知識(shí)技能微信小程序?qū)﹂_發(fā)者要求比較低，掌握HTML、CSS和