掃一掃
關(guān)注中圖網(wǎng)
官方微博
本類五星書更多>
-
>
闖進數(shù)學世界――探秘歷史名題
-
>
中醫(yī)基礎理論
-
>
當代中國政府與政治(新編21世紀公共管理系列教材)
-
>
高校軍事課教程
-
>
思想道德與法治(2021年版)
-
>
毛澤東思想和中國特色社會主義理論體系概論(2021年版)
-
>
中醫(yī)內(nèi)科學·全國中醫(yī)藥行業(yè)高等教育“十四五”規(guī)劃教材
HTML5跨平臺移動開發(fā)實訓教程 版權(quán)信息
- ISBN：9787302533863
- 條形碼：9787302533863 ; 978-7-302-53386-3
- 裝幀：平裝
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
HTML5跨平臺移動開發(fā)實訓教程 本書特色
本書圍繞HTML5技術(shù)講解移動Web App和小程序的應用開發(fā)。本書精選8個實訓項目，首先以實例介紹本書開發(fā)環(huán)境“牛道教學實踐云平臺”（簡稱“牛道云”）的基本使用方法，然后進行單頁面任務開發(fā)，*后綜合練習多頁面任務的實現(xiàn)。本書采用“任務分析思路引導、相關(guān)知識點探究、開發(fā)實戰(zhàn)攻略、綜合能力拓展”的教學方法，對實訓項目的每一步操作配備了詳細準確的文字描述和操作配圖，使讀者可以根據(jù)指引自學完成項目開發(fā)。 本書適合應用型本科、高職高專院校的物聯(lián)網(wǎng)、電子信息、移動應用等專業(yè)的專業(yè)課教學，對于培訓機構(gòu)學員和一般開發(fā)者也具有較好的參考價值。
HTML5跨平臺移動開發(fā)實訓教程 內(nèi)容簡介
《HTML5跨平臺移動開發(fā)實訓教程/高等院校移動應用開發(fā)系列規(guī)劃教材》圍繞HTML5技術(shù)講解移動Web App和小程序的應用開發(fā)。該書精選8個實訓項目，首先以實例介紹該書開發(fā)環(huán)境“牛道教學實踐云平臺”（簡稱“牛道云”）的基本使用方法，然后進行單頁面任務開發(fā)，*后綜合練習多頁面任務的實現(xiàn)。該書采用“任務分析思路引導、相關(guān)知識點探究、開發(fā)實戰(zhàn)攻略、綜合能力拓展”的教學方法，對實訓項目的每一步操作配備了詳細準確的文字描述和操作配圖，使讀者可以根據(jù)指引自學完成項目開發(fā)！ ≡摃m合應用型本科、高職高專院校的物聯(lián)網(wǎng)、電子信息、移動應用等專業(yè)的專業(yè)課教學，對于培訓機構(gòu)學員和一般開發(fā)者也具有較好的參考價值。
HTML5跨平臺移動開發(fā)實訓教程 目錄
實訓項目1 我的新聞——新聞隨身看
學習路徑
項目描述
1．1 App與小程序的區(qū)別
1．2 牛道云平臺介紹
1．3 頁面
1．4 組件
1．4．1 “上中下布局”組件
1．4．2 App“標題欄”組件
1．4．3 App“外部頁面”組件
1．4．4 小程序“外部頁面”組件
1．5 App項目開發(fā)
1．5．1 App設計思路
1．5．2 App開發(fā)過程
1．5．3 App項目預覽
1．5．4 App項目發(fā)布
1．6 小程序項目開發(fā)
1．6．1 小程序設計思路
1．6．2 小程序開發(fā)過程
1．6．3 小程序項目預覽
1．6．4 小程序項目發(fā)布
1．7 項目拓展：顯示天氣預報的App和小程序
項目小結(jié)
實訓項目2 注重身體健康——BMI指數(shù)計算器
學習路徑
項目描述
2．1 靜態(tài)數(shù)據(jù)集概述
2．1．1 數(shù)據(jù)集的概念
2．1．2 靜態(tài)數(shù)據(jù)集
2．2 組件
2．2．1 “標簽+輸入框”組件
2．2．2 “按鈕”組件
2．2．3 App“顯示框”組件
2．2．4 小程序“消息對話框”組件
2．2．5 “文本”組件
2．3 畫代碼編程
2．3．1 圖形模型
2．3．2 執(zhí)行動作
2．4 App項目開發(fā)
2．4．1 App設計思路
2．4．2 App開發(fā)過程
2．4．3 App項目預覽
2．4．4 App項目發(fā)布
2．5 小程序項目開發(fā)
2．5．1 小程序設計思路
2．5．2 小程序開發(fā)過程
2．5．3 小程序項目預覽
2．5．4 小程序項目發(fā)布
2．6 項目拓展：簡易的四則混合運算計算器App和小程序
項目小結(jié)
實訓項目3 玩?zhèn)游戲吧——猜猜紅心A在哪里
學習路徑
項目描述
3．1 組件
3．1．1 “行列”組件
3．1．2 “圖片”組件
3．2 代碼實現(xiàn)組件事件
3．2．1 組件事件概述
3．2．2 Javascript代碼實現(xiàn)組件事件
3．3 組件動態(tài)樣式屬性
3．4 App項目開發(fā)
3．4．1 App設計思路
3．4．2 App開發(fā)過程
3．4．3 App項目預覽
3．4．4 App項目發(fā)布
3．5 小程序項目開發(fā)
3．5．1 小程序設計思路
3．5．2 小程序開發(fā)過程
3．5．3 小程序項目預覽
3．5．4 小程序項目發(fā)布
3．6 項目拓展：比大小翻翻樂游戲App和小程序
項目小結(jié)
實訓項目4 我的MP4——音頻視頻播放器
學習路徑
項目描述
4．1 動態(tài)數(shù)據(jù)集
4．1．1 動態(tài)數(shù)據(jù)集的使用
4．1．2 數(shù)據(jù)集常用屬性
4．2 組件
4．2．1 “動態(tài)列表”組件
4．2．2 小程序“視圖”組件
4．2．3 App“區(qū)塊”組件
4．2．4 “音頻”組件
4．2．5 “視頻”組件
4．3 App項目開發(fā)
4．3．1 App設計思路
4．3．2 App開發(fā)過程
4．3．3 App項目預覽
4．3．4 App項目發(fā)布
4．4 小程序項目開發(fā)
4．4．1 小程序設計思路
4．4．2 小程序開發(fā)過程
4．4．3 小程序項目預覽
4．4．4 小程序項目發(fā)布
4．5 項目拓展：在界面上分區(qū)顯示、播放音頻和視頻的App和小程序
項目小結(jié)
實訓項目5 掃碼我也會——條碼掃描和拍照
學習路徑
項目描述
5．1 Cordova簡介
5．2 組件
5．2．1 “二維碼”組件
5．2．2 “掃一掃”組件
5．2．3 “附件”組件
5．2．4 小程序“滾動列表”組件
5．2．5 “圖標”組件
5．3 App項目開發(fā)
5．3．1 App設計思路
5．3．2 App開發(fā)過程
5．3．3 App項目預覽
5．3．4 App項目發(fā)布
5．4 小程序項目開發(fā)
5．4．1 小程序設計思路
5．4．2 小程序開發(fā)過程
5．4．3 小程序項目預覽
5．4．4 小程序項目發(fā)布
5．5 項目拓展：媒體信息庫App和小程序設計
項目小結(jié)
實訓項目6 跟我走天下——地理定位
學習路徑
項目描述
6．1 組件
6．1．1 “地圖”組件
6．1．2 “地理位置”組件
6．1．3 “天氣預報”組件
6．1．4 “標簽+長文本”組件
6．2 App項目開發(fā)
6．2．1 App設計思路
6．2．2 App開發(fā)過程
6．2．3 App項目預覽
6．2．4 App項目發(fā)布
6．3 小程序項目開發(fā)
6．3．1 小程序設計思路
6．3．2 小程序開發(fā)過程
6．3．3 小程序項目預覽
6．3．4 小程序項目發(fā)布
6．4 項目拓展：旅游記錄App和小程序
項目小結(jié)
實訓項目7 管理自己的財務——記賬本
學習路徑
項目描述
7．1 創(chuàng)建頁面
7．1．1 新建頁面
7．1．2 復制頁面
7．2 組件
7．2．1 “按鈕組”組件
7．2．2 “下拉列表”組件
7．2．3 “標簽+下拉”組件
7．2．4 App“上下滑動”組件
7．3 App項目開發(fā)
7．3．1 App設計思路
7．3．2 App開發(fā)過程
7．3．3 App項目預覽
7．3．4 App項目發(fā)布
7．4 小程序項目開發(fā)
7．4．1 小程序設計思路
7．4．2 小程序開發(fā)過程
7．4．3 小程序項目預覽
7．4．4 小程序項目發(fā)布
7．5 項目拓展：可拍照的記賬本App和小程序
項目小結(jié)
實訓項目8 記錄自己的歷程——日記
學習路徑
項目描述
8．1 組件
8．1．1 “用戶”組件
8．1．2 “微信登錄小程序版”組件
8．1．3 “彈出層”組件
8．2 服務制作
8．3 小程序提示框
8．4 App項目開發(fā)
8．4．1 App設計思路
8．4．2 App開發(fā)過程
8．4．3 App項目預覽
8．4．4 App項目發(fā)布
8．5 小程序項目開發(fā)
8．5．1 小程序設計思路
8．5．2 小程序開發(fā)過程
8．5．3 小程序項目預覽
8．5．4 小程序項目發(fā)布
8．6 項目拓展：日記App和小程序
項目小結(jié)
展開全部
HTML5跨平臺移動開發(fā)實訓教程 節(jié)選
實訓項目1我的新聞——新聞隨身看【學習目標】 （1） 了解牛道云平臺的原理、功能和特點。 （2） 掌握牛道云平臺開發(fā)Web App和小程序的完整過程。 （3） 掌握“上中下布局”“標題欄”和“外部頁面”組件的功能及用法。 （4） 掌握組件的基礎屬性和樣式屬性。 （5） 掌握牛道云平臺進行Web App和小程序的預覽和發(fā)布流程。 學習路徑 項目描述 騰訊新聞是知名的新聞網(wǎng)站，網(wǎng)址為https://xw.qq.com/。本項目設計新聞隨身看的App和小程序： 通過嵌入騰訊新聞的網(wǎng)址，制作移動端新聞App和小程序，實現(xiàn)新聞的隨身瀏覽。 1.1App與小程序的區(qū)別 App是英文Application的簡稱。由于智能手機的流行，App作為智能手機的第三方應用程序，原來只能使用原生代碼開發(fā)基于iOS、Andriod等系統(tǒng)的原生App，后期隨著HTML5（以下簡稱H5）的飛速發(fā)展，基于H5的混合模式App也得到了普及應用。 小程序可以縮寫為XCX，英文名稱為Mini Program，不需要下載安裝即可使用，用戶通過掃一掃或搜索即可打開應用。小程序占據(jù)內(nèi)存小，同時可以實現(xiàn)一些功能相對簡單、交互相對簡潔的需求。輕快，用完即走，無須下載，具有推廣形式多樣化、速度快、可線上線下聯(lián)動營銷的特點。小程序嫁接微信超10億月活用戶，其應用場景給人以無限的遐想空間。 在牛道云平臺上，用戶無須編程即可輕松制作小程序和App，制作方式大體相同，部分組件的使用方法略有差異。表11列舉了App與小程序的一些區(qū)別。表11App與小程序的區(qū)別 區(qū)別App小程序下載從應用商店（如 App Store）里下載通過微信（掃描二維碼、搜索）獲得安裝安裝在手機內(nèi)存中不需要安裝占用空間一直存在手機中占用空間不需要安裝，幾乎不占用內(nèi)存空間機會市場中各種用途的App應有盡有還有很多用途的小程序待開發(fā)發(fā)布安卓App有很多應用商店，需要向這些應用商店提交審核，上架App只需提交到微信公眾平臺進行審核用戶群面向所有智能手機用戶，截至2018年約19億臺智能手機面向所有微信用戶，約10億人推廣難度需要用戶下載程序包，并安裝在手機上，較難推廣通過二維碼、微信搜索等方式獲得，較易推廣在牛道云平臺中有“制作小程序/App/公眾號”和“制作App/H5”兩個入口。從“制作小程序/App/公眾號”入口進入，不僅可以制作小程序，還可以在發(fā)布過程中生成App的安裝文件，以及生成公眾號的鏈接地址，可謂一舉三得。 1.2牛道云平臺介紹 牛道云平臺是北京起步科技股份有限公司推出的一站式開發(fā)云平臺，集制作、開發(fā)、測試、部署及運維于一體，支持開發(fā)各種類型的應用，包括小程序、App、公眾號、PC應用、電視應用及企業(yè)應用。該平臺支持一次開發(fā)，多端任意部署，實現(xiàn)敏捷開發(fā)。同時支持開發(fā)多端應用，共享數(shù)據(jù)和服務。不僅支持個人開發(fā)，還支持團隊開發(fā)。 牛道云平臺提供以下功能。 （1） 使用大量精美的應用模板，典型應用場景可直接套用，輕松配置就可以投入運行。 （2） 用戶可以選擇自己定制開發(fā)，也可以在牛道云平臺的眾包平臺上發(fā)布軟件需求，委托第三方進行軟件設計。 （3） 設計過程中可以隨時預覽軟件運行效果，移動應用還可以通過手機掃碼直接進行真機調(diào)試運行。 （4） 有豐富的功能組件和頁面模板，結(jié)合強大的可視化設計工具，無須編程經(jīng)驗，也可以制作出復雜的軟件功能。 （5） 啟用設計工具的開發(fā)模式，開發(fā)人員可以直接在線編程，深度擴展軟件功能。 （6） 應用設計完成后，可以一鍵式部署到測試環(huán)境，對軟件進行集成測試。 （7） 用戶可以選擇購買主機或者托管主機，一鍵式自動部署到正式運行環(huán)境；同時支持下載部署資源，完全私有化部署。 （8） 應用部署后，牛道云平臺還會自動生成應用的后端管理控制臺，讓*終用戶的管理員實現(xiàn)輕松運維。 1.3頁面 一個應用可分為后端服務和前端頁面兩大部分。前端頁面負責展現(xiàn)用戶界面，實現(xiàn)和用戶的交互。良好的用戶體驗圖11頁面制作范疇 是前端頁面制作的目標。 前端頁面制作涉及如圖11所示的內(nèi)容，頁面由組件搭建形成，可以快速構(gòu)建頁面；組件實現(xiàn)全配置，制作者不寫代碼也可以實現(xiàn)頁面邏輯。 應用展示給使用者的是一個個的頁面。頁面是一個相對獨立、可復用的界面展現(xiàn)和交互單元，主頁是特殊的頁面，是應用運行后顯示的**個頁面，如圖12所示。在頁面中可以打開其他頁面，在打開其他頁面的同時可以傳遞參數(shù)，供被打開頁面使用。頁面間也可以共享數(shù)據(jù)。 頁面由3部分構(gòu)成，如圖13所示。 圖12頁面間可以相互調(diào)用 圖13頁面構(gòu)成 （1） 頁面展現(xiàn)： 定義頁面的展現(xiàn)，由若干組件構(gòu)成，存儲為W文件。 （2） 頁面邏輯： 定義頁面邏輯功能，存儲為W文件同名的JS（JavaScript）文件。 （3） 頁面樣式： 定義頁面樣式，只作用于當前W文件中的界面元素，存儲為W文件同名的CSS文件。 1.4組件 頁面是由一個個組件構(gòu)成的，組件既可以是一個以圖形化方式顯示在屏幕上并與用戶進行交互的對象，如“輸入框”組圖14組件屬性 件，也可以是一個沒有展現(xiàn)而僅有邏輯功能的組合，為其他組件提供服務，如“數(shù)據(jù)集”組件。組件是對數(shù)據(jù)和方法的封裝，有自己的基礎屬性、樣式、事件和操作等屬性，如圖14所示。組件的屬性在頁面制作區(qū)右側(cè)的屬性欄中進行設置。 組件根據(jù)功能分為4類，分別是展現(xiàn)組件、數(shù)據(jù)組件、服務組件和功能組件。在設計區(qū)添加展現(xiàn)組件后，展現(xiàn)組件顯示在設計區(qū)中，添加數(shù)據(jù)、服務和功能組件后，這些組件顯示在“數(shù)據(jù)|服務|功能”組件容器中，這個容器為了不遮擋設計區(qū)中的展現(xiàn)組件，一般*小化為一個淺黃底色的小方塊，顯示在設計區(qū)內(nèi)，位置可以隨意移動。單擊這個小方塊，即可展開，顯示其中的數(shù)據(jù)、服務和功能組件。 為了便于制作，牛道云平臺不僅提供了布局組件、內(nèi)容組件、表單組件和高級組件4類系統(tǒng)組件，還提供了大量具有生態(tài)環(huán)境的市場組件。 1.4.1“上中下布局”組件 “上中下布局”組件默認自動充滿父容器，分為上、中、下3個區(qū)域，每個區(qū)域都可以設置背景色，App和小程序中名稱有區(qū)別，如圖15所示，本小節(jié)以小程序為例。其中，“面板頭部”固定顯示在頁面頂部，“面板底部”固定顯示在頁面底部，“面板內(nèi)容”自動充滿剩下的區(qū)域。當“面板內(nèi)容”超出“面板內(nèi)容”區(qū)域的高度時，可以通過滑動查看下面的內(nèi)容，此時“面板頭部”和“面板底部”固定不動，僅“面板內(nèi)容”區(qū)域中的內(nèi)容上下滾動。 圖15小程序和App中的“上中下布局”組件 1. 添加/ 刪除面板頭部區(qū)域、底部區(qū)域 “上中下布局”組件內(nèi)部有“面板頭部”“面板內(nèi)容”“面板底部”3個區(qū)域，必須有的區(qū)域是“面板內(nèi)容”，“面板頭部”和“面板底部”可有可無。添加“面板頭部”的方法是： 選擇“上中下布局”組件，單擊屬性欄設置區(qū)域的“添加頭部區(qū)域”按鈕，即可添加“面板頭部”。刪除“面板頭部”的方法是： 選中“面板頭部”，右擊，在快捷菜單中選擇“刪除”命令，即可刪除“面板頭部”！懊姘宓撞俊钡牟僮骱汀懊姘孱^部”相同。 2. 基礎屬性 “上中下布局”組件中的“面板頭部”和“面板底部”各提供了1個基礎屬性： 高度，用來設置“面板頭部”和“面板底部”的高度，默認為48px。 3. 事件 “上中下布局”組件及其內(nèi)部3個區(qū)域都提供了兩個事件： 點擊事件和長按事件。在其內(nèi)部區(qū)域添加其他組件后，在這些組件上點擊或長按，都會觸發(fā)這些事件。 4. 樣式 “上中下布局”組件提供了1個特有樣式： 常用布局，用來設置組件的顯示方式？蛇x項為全屏顯示和非全屏顯示。 1.4.2App“標題欄”組件 “標題欄”組件通常用在App頁面的頭部，顯示頁面的標題及頁面中的常用功能按鈕。組件內(nèi)部分為3個區(qū)域： 標題、標題欄左邊區(qū)域、標題欄右邊區(qū)域，如圖16所示。 圖16“標題欄”組件 1. 基礎屬性 “標題欄”組件的標題區(qū)提供了1個基礎屬性： 文本，用于設置顯示的標題文本。 2. 樣式 “標題欄”組件的標題區(qū)提供了1個樣式： 寬度占比，用于設置標題區(qū)的寬度，剩余寬度由左右區(qū)域均分。 在小程序中，頁面自帶導航欄標題，通過設置導航欄標題的相關(guān)屬性，可達到與App標題欄一樣的效果。 1.4.3App“外部頁面”組件 App“外部頁面”組件用于顯示非本項目中的頁面，通過設置外部網(wǎng)頁的網(wǎng)址，即可顯示網(wǎng)頁的內(nèi)容。 1. 基礎屬性 App“外部頁面”組件提供了3個基礎屬性。 （1） 頁面URL： 用于設置靜態(tài)的外部頁面的網(wǎng)址。 （2） 動態(tài)URL： 用于設置動態(tài)的網(wǎng)址，即網(wǎng)址可以通過字符串拼接形成。 （3） 顯示邊框： 設置是否顯示邊框。 2. 樣式 App“外部頁面”組件提供了2個樣式。 （1） 寬度： 用于設置外部頁面顯示的寬度，如需充滿父容器的寬度，應設置為100%。 （2） 高度： 用于設置外部頁面顯示的高度，如需充滿父容器的高度，應設置為100%。
HTML5跨平臺移動開發(fā)實訓教程 作者簡介
張勝宇，男，1979年生，深圳職業(yè)技術(shù)學院電信學院副教授，2005年碩士畢業(yè)于哈爾濱工業(yè)大學電力電子與電力傳動專業(yè)，深圳市經(jīng)貿(mào)委專家?guī)斐蓡T。主編出版《可編程控制器實訓項目式教程》，指導學生獲得全國電子競賽國家二等獎2次、省一等獎5次；廣東省“挑戰(zhàn)杯”二等獎1次等各項電子大賽獎項。2005年-2006年就職于深圳市艾默生網(wǎng)絡能源有限公司，2006年至今就職于深圳職業(yè)技術(shù)學院。
書友推薦
- >
唐代進士錄
- >
月亮與六便士
- >
回憶愛瑪儂
- >
小考拉的故事-套裝共3冊
- >
李白與唐代文化
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
- >
煙與鏡
- >
朝聞道
本類暢銷
