H5課件在創(chuàng)業(yè)教育數(shù)字資源中的設(shè)計(jì)開(kāi)發(fā)

袁麗珊 李晶晶

DOI：10.16660/j.cnki.1674-098X.2011-5640-7812

摘? 要：H5課件作為數(shù)字資源中的一種新型新媒體，呈現(xiàn)移動(dòng)終端的全新設(shè)計(jì)，教學(xué)內(nèi)容結(jié)合動(dòng)畫(huà)交互設(shè)計(jì)，優(yōu)化傳統(tǒng)教學(xué)形式，為學(xué)生提供全新學(xué)習(xí)體驗(yàn)，踐行“學(xué)生為中心”的核心素養(yǎng)理念。利用H5課件的操作與呈現(xiàn)的優(yōu)勢(shì)，符合設(shè)計(jì)原則，利用H5課件設(shè)計(jì)制作融入潮商創(chuàng)業(yè)精神的大學(xué)生創(chuàng)業(yè)教育課程，幫助大學(xué)生快速、便捷掌握創(chuàng)業(yè)基礎(chǔ)知識(shí)與技能。

關(guān)鍵詞：H5課件? 潮商創(chuàng)業(yè)精神? 大學(xué)生創(chuàng)業(yè)教育? 數(shù)字資源

中圖分類(lèi)號(hào)：G718? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A? ? ? ? ? ? ? ? ? ? 文章編號(hào)：1674-098X（2021）01（c）-0223-03

Design and Development of H5 Courseware in Digital Resources for Entrepreneurship Education? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?——Take “The Nature， Source， Role and Cultivation of Entrepreneurial Spirit of Chaozhou Merchants" as an example

YUAN Lishan? ?LI Jingjing

（Hanshan Normal University， Chaozhou， Guangdong Province， 521041 China）

Abstract： H5 courseware， as a new type of new media in digital resources， presents the new design of mobile terminal， combines the teaching content with animation interactive design， optimizes the traditional teaching form， provides new learning experience for students， and practices the core literacy concept of "student-centered". Using the advantages of H5 courseware operation and presentation， in line with the design principles， H5 courseware is used to design and make entrepreneurship education courses for college students integrated with the entrepreneurial spirit of Chaozhou merchants， so as to help college students master the basic knowledge and skills of entrepreneurship quickly and conveniently

Key Words： H5 courseware; Entrepreneurial spirit of Chaozhou merchants; Entrepreneurship education for college students; Digital resources

創(chuàng)業(yè)教育是高校人才培養(yǎng)方案的重要部分，也是素質(zhì)教育拓展與延伸，習(xí)總書(shū)記強(qiáng)調(diào)：高校立身之本在于立德樹(shù)人。但目前高校創(chuàng)業(yè)教育存在形式單一、受時(shí)空限制、缺乏文化底蘊(yùn)等不足現(xiàn)狀。

習(xí)總書(shū)記在黨的十九大提出：深入挖掘中華優(yōu)秀傳統(tǒng)文化，結(jié)合時(shí)代要求繼承創(chuàng)新，讓中華文化展現(xiàn)出永久魅力和時(shí)代風(fēng)采。而潮商作為中國(guó)近代史上最具影響力和生命力的商幫之一，涌現(xiàn)出了數(shù)不勝數(shù)的商界精英，如李嘉誠(chéng)、馬化騰等。將潮商創(chuàng)業(yè)精神化為文化載體，融入到新時(shí)代創(chuàng)業(yè)教育中，具有重要的意義和價(jià)值。

“互聯(lián)網(wǎng)+教育”時(shí)代中數(shù)字資源將成為未來(lái)教育發(fā)展的新方向。傳統(tǒng)的教學(xué)模式仍處在摸索如何更好適應(yīng)和利用新型的學(xué)習(xí)方式與學(xué)習(xí)平臺(tái)的階段，創(chuàng)業(yè)教育面對(duì)諸多問(wèn)題應(yīng)該如何有效進(jìn)行教學(xué)？而H5課件作為一種新型的新媒體技術(shù)在數(shù)字教育資源建設(shè)中將占據(jù)一席之地，其交互性強(qiáng)、穩(wěn)定、模式多的優(yōu)勢(shì)，正好實(shí)現(xiàn)優(yōu)秀潮商文化與創(chuàng)業(yè)教育的融合[1]。

1? H5課件的特點(diǎn)

H5課件是由H5（HTML5簡(jiǎn)稱(chēng)）設(shè)計(jì)制作的新媒體課件。H5課件目前仍處于起步發(fā)展階段，還沒(méi)有廣泛應(yīng)用于教學(xué)中，具有巨大成長(zhǎng)空間，其互動(dòng)性、實(shí)用性與有趣性值得推廣與實(shí)踐。H5平臺(tái)不斷開(kāi)發(fā)中，種類(lèi)繁多，主要有簡(jiǎn)易模板和專(zhuān)業(yè)工具制作兩大類(lèi)別[2]，以速課平臺(tái)為例，模式多，操作簡(jiǎn)單、便捷，可跨平臺(tái)、多渠道瀏覽與傳播，能有效進(jìn)行多元化學(xué)習(xí)[3]。創(chuàng)業(yè)教育課程通過(guò)H5課件的展示可以讓教學(xué)以更生動(dòng)、新穎的方式呈現(xiàn)，實(shí)現(xiàn)教與學(xué)變得更智慧，突破固有的說(shuō)教模式，從而讓學(xué)習(xí)變得更快樂(lè)[4]。H5課件具有以下三點(diǎn)顯著特征。

1.1 打破學(xué)習(xí)時(shí)間限制

從整體上來(lái)看，目前絕大部分高校創(chuàng)業(yè)教育多以課堂、主題講座等傳統(tǒng)形式展開(kāi)，大型慕課的內(nèi)容多而繁雜，創(chuàng)業(yè)知識(shí)多以理論為主，枯燥乏味，內(nèi)容和形式仍缺乏創(chuàng)新，大學(xué)生的學(xué)業(yè)和工作繁忙，常受到時(shí)間的限制，不能滿(mǎn)足實(shí)際需求，進(jìn)而降低學(xué)習(xí)效果。

利用H5課件打造創(chuàng)業(yè)教育課程，有利于大學(xué)生線(xiàn)上線(xiàn)下學(xué)習(xí)，不約束于課堂。同時(shí)學(xué)生能自由支配自己的學(xué)習(xí)時(shí)間，學(xué)會(huì)自主自由學(xué)習(xí)，養(yǎng)成良好的學(xué)習(xí)習(xí)慣，逐漸形成數(shù)字化學(xué)習(xí)思維和意識(shí)[5]。

1.2 打破學(xué)習(xí)空間限制

相對(duì)于傳統(tǒng)的創(chuàng)業(yè)教育局限于教室、實(shí)驗(yàn)室等封閉空間，H5課件是基于移動(dòng)互聯(lián)網(wǎng)的一種新型數(shù)字資源，沒(méi)有固定時(shí)空，只要通過(guò)手機(jī)等移動(dòng)設(shè)備便可實(shí)現(xiàn)隨時(shí)隨地學(xué)習(xí)。

1.3 打破學(xué)習(xí)設(shè)備限制

以手機(jī)、平板為代表的智能移動(dòng)設(shè)備越來(lái)越普及，成為大學(xué)生線(xiàn)上線(xiàn)下靈活學(xué)習(xí)的主要工具，對(duì)大學(xué)生具有較大的吸引力，興趣是最好的學(xué)習(xí)動(dòng)力，科技是一把雙刃劍，教師應(yīng)該努力讓大學(xué)生成為時(shí)下各類(lèi)移動(dòng)設(shè)備的受益者，同時(shí)也是教師進(jìn)行教學(xué)的一把利器[6]。

2? H5頁(yè)面設(shè)計(jì)優(yōu)勢(shì)分析

2.1 內(nèi)容設(shè)計(jì)優(yōu)勢(shì)

2.1.1 內(nèi)容簡(jiǎn)練，重難點(diǎn)突出

在大學(xué)生有限的時(shí)間與精力中，我們需要用最少篇幅把問(wèn)題講清楚，梳理內(nèi)容，建立一個(gè)知識(shí)框架結(jié)構(gòu)，提取并展示關(guān)鍵信息。

2.1.2 圖形化表達(dá)

將文字與數(shù)據(jù)轉(zhuǎn)換成圖表的形式，邏輯性較強(qiáng)，更形象深刻，避免長(zhǎng)篇文字表述，但注意適當(dāng)運(yùn)用，圖表是為了凸顯教學(xué)內(nèi)容，豐富教學(xué)內(nèi)容而服務(wù)的，切忌喧賓奪主，給讀者造成一定的視覺(jué)混亂。

2.1.3 亮點(diǎn)與趣味性并存

知識(shí)內(nèi)容多，設(shè)計(jì)制作時(shí)易出現(xiàn)千篇一律，通過(guò)融入潮商創(chuàng)業(yè)精神及文化，如與創(chuàng)業(yè)相關(guān)的諺語(yǔ)俗語(yǔ)、故事例子、潮商事跡等，穿插表達(dá)，既貼合內(nèi)容又有趣，激發(fā)學(xué)生閱讀興趣。

2.1.4 字體、配色、圖片、音頻等的使用

選擇高清、圖文相符的圖片;一個(gè)頁(yè)面不超過(guò)三種字體，推薦使用微軟雅黑等黑體類(lèi)字體，清晰明了;配色主要包括四種：字體色、背景色、主色和輔助色，背景色可使用白色、灰色或藍(lán)色等系列，凸顯內(nèi)容，而輔助色通常作為提亮整體效果，如紅色、橙色等暖色調(diào)。合適的背景音樂(lè)能營(yíng)造輕松愉悅的氛圍，調(diào)動(dòng)人的多種感官而達(dá)到更好的教學(xué)效果。

2.2 排版設(shè)計(jì)優(yōu)勢(shì)

對(duì)比原則、對(duì)齊原則、親密原則、重復(fù)原則、留白原則是排版的五個(gè)基本原則，貫穿在H5課件任意一個(gè)畫(huà)面中。

（1）對(duì)比原則：字體、配色、形狀等之間可產(chǎn)生對(duì)比，起到強(qiáng)調(diào)重點(diǎn)作用。如標(biāo)題與文字對(duì)比，通過(guò)文字大小、顏色對(duì)比、小圖標(biāo)、色塊等變化來(lái)強(qiáng)調(diào)對(duì)比。

（2）對(duì)齊原則：每個(gè)頁(yè)面左右間距、上下間距和字距行距應(yīng)統(tǒng)一。素材之間應(yīng)“井然有序”，減少讀者的閱讀障礙。

（3）親密原則：將同一等級(jí)、彼此相關(guān)的內(nèi)容歸組在一起;不同等級(jí)內(nèi)容要區(qū)別開(kāi)。

（4）重復(fù)原則：用重復(fù)的元素讓畫(huà)面中的內(nèi)容在視覺(jué)上看是一個(gè)整體。無(wú)原則的重復(fù)會(huì)造成一定的視覺(jué)疲勞，即重復(fù)不等于簡(jiǎn)單的克隆。同時(shí)風(fēng)格的搭配要與教學(xué)內(nèi)容相符合，有助于讀者對(duì)內(nèi)容的理解。

（5）留白原則：頁(yè)面簡(jiǎn)潔，建議不要將畫(huà)面布置得密集，注意預(yù)留一定的空白處，使畫(huà)面有“呼吸感”，如中國(guó)國(guó)畫(huà) 、書(shū)法中所講究的“留天地”與“留白”。

3? H5教學(xué)設(shè)計(jì)

以自編教材《創(chuàng)業(yè)、潮商創(chuàng)業(yè)精神與人生發(fā)展——潮商創(chuàng)業(yè)精神的本質(zhì)、來(lái)源、作用與培育》一節(jié)為例設(shè)計(jì)制作H5課件，讓學(xué)生身臨其境，饒有興趣地投入到創(chuàng)業(yè)技能的學(xué)習(xí)中，從教師主動(dòng)“教”變成學(xué)生主動(dòng)“學(xué)”。

3.1 教學(xué)目標(biāo)

3.1.1 知識(shí)與技能

學(xué)生通過(guò)H5課件學(xué)習(xí)并了解潮商創(chuàng)業(yè)精神的本質(zhì)、來(lái)源、作用，培育學(xué)生潮商創(chuàng)業(yè)精神，從而更好幫助學(xué)生了解創(chuàng)業(yè)過(guò)程。

3.1.2 過(guò)程與方法

從潮商創(chuàng)業(yè)精神的本質(zhì)開(kāi)始引入，了解潮商創(chuàng)業(yè)精神的來(lái)源和作用，且通過(guò)H5課件輔助來(lái)吸引學(xué)生學(xué)習(xí)的興趣，調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性。

3.1.3 情感、態(tài)度與價(jià)值觀

從學(xué)生的實(shí)際出發(fā)，使學(xué)生掌握潮商創(chuàng)業(yè)精神的本質(zhì)、來(lái)源、作用，培育學(xué)生的潮商創(chuàng)業(yè)精神，了解并感受優(yōu)秀的潮商創(chuàng)業(yè)文化，使學(xué)生掌握基本的創(chuàng)業(yè)知識(shí)，學(xué)以致用。

3.2 教學(xué)重難點(diǎn)

重點(diǎn)：潮商創(chuàng)業(yè)精神的培育。

難點(diǎn)：潮商創(chuàng)業(yè)精神的作用、潮商創(chuàng)業(yè)精神的培育。

3.3 教學(xué)內(nèi)容

本章節(jié)的內(nèi)容主要分為三大點(diǎn)：潮商創(chuàng)業(yè)精神的本質(zhì)，潮商創(chuàng)業(yè)精神的來(lái)源和潮商創(chuàng)業(yè)精神的作用與培育，內(nèi)容分析如下：

3.3.1 潮商創(chuàng)業(yè)精神的本質(zhì)

何為潮商創(chuàng)業(yè)精神的本質(zhì)？其精髓可以用八個(gè)詞概括：愛(ài)國(guó)、奉獻(xiàn)、創(chuàng)新、創(chuàng)業(yè)、團(tuán)結(jié)、拼搏、誠(chéng)信和友善。對(duì)于創(chuàng)業(yè)者而言，既追求利潤(rùn)，也追求與客戶(hù)的關(guān)系——親善、仁義。對(duì)于團(tuán)隊(duì)而言，潮商素有注重“膠地人”的情愫與抱團(tuán)作戰(zhàn)的傳統(tǒng)，使團(tuán)隊(duì)有共同愿景，形成團(tuán)隊(duì)的強(qiáng)大凝聚力，不斷開(kāi)拓進(jìn)取，讓團(tuán)隊(duì)創(chuàng)業(yè)盈利最大化，如李嘉誠(chéng)、陳偉南等成功海外潮商，毅然地回家鄉(xiāng)捐資辦學(xué)，修橋造路等，凝聚著海外潮商的綿綿家鄉(xiāng)情，殷殷故土心。故潮商創(chuàng)業(yè)精神既是創(chuàng)業(yè)的動(dòng)力源泉，也是創(chuàng)業(yè)的支柱。

3.3.2 潮商創(chuàng)業(yè)精神的來(lái)源

潮商創(chuàng)業(yè)精神的形成與發(fā)展主要受文化環(huán)境、產(chǎn)業(yè)環(huán)境、機(jī)制環(huán)境、生存環(huán)境等方面影響。傳統(tǒng)文化的熏陶，特殊的海洋環(huán)境，引領(lǐng)潮商不斷進(jìn)步，再創(chuàng)輝煌，開(kāi)拓海外市場(chǎng)。

潮商創(chuàng)業(yè)精神不僅能夠激發(fā)人們進(jìn)行創(chuàng)業(yè)實(shí)踐的欲望，是一種內(nèi)在的動(dòng)力機(jī)制。潮商在資本積累的過(guò)程中始終堅(jiān)持著堅(jiān)持不懈，當(dāng)辛勤的勞動(dòng)積累了資金，他們會(huì)利用自己的軟硬件開(kāi)創(chuàng)自己的企業(yè)。不必提闖南走北所吃的苦，每一個(gè)或獨(dú)自?shī)^斗或團(tuán)隊(duì)協(xié)力的潮商人，都有著一段段艱辛的創(chuàng)業(yè)史。他們?cè)谪毨е袏^發(fā)，汲取經(jīng)驗(yàn)，把握時(shí)機(jī)，積少成多，匯聚成潮商這一條奔涌不息的河，成為后人贊嘆的潮商團(tuán)體。

3.3.3 潮商創(chuàng)業(yè)精神的對(duì)大學(xué)生創(chuàng)業(yè)教育作用與培育

首先，培育大學(xué)生創(chuàng)業(yè)人格。優(yōu)化心理素質(zhì)，增強(qiáng)心理調(diào)適能力和社會(huì)生活的適應(yīng)能力，自覺(jué)培養(yǎng)堅(jiān)忍不拔的意志品質(zhì)和艱苦奮斗的精神，提高承受和應(yīng)對(duì)挫折的能力。在模擬中體驗(yàn)失敗與挫折，在現(xiàn)實(shí)中取得成功與喜悅。

其次，培養(yǎng)大學(xué)生創(chuàng)新探索精神。創(chuàng)業(yè)不是一件簡(jiǎn)單的事。創(chuàng)業(yè)對(duì)創(chuàng)業(yè)者有一定的素質(zhì)要求。一直以來(lái)，潮商以“刻苦耐勞、善于經(jīng)營(yíng)、敢闖敢拼”的精神風(fēng)貌和經(jīng)商天賦而聞名海內(nèi)外。大學(xué)生要通過(guò)保持個(gè)性發(fā)展和好奇心、求知欲，不墨守成規(guī)、敢于突破現(xiàn)有的思維框架而且樂(lè)于嘗試及創(chuàng)造出新的模式。

最后，強(qiáng)化大學(xué)生創(chuàng)業(yè)實(shí)踐。大學(xué)生應(yīng)該利用課余時(shí)間多參加創(chuàng)業(yè)沙盤(pán)模擬和社會(huì)實(shí)踐活動(dòng)，增強(qiáng)對(duì)企業(yè)的了解和對(duì)社會(huì)的適應(yīng)。創(chuàng)業(yè)不但是一種充分實(shí)現(xiàn)自我的機(jī)會(huì)，更是發(fā)揮個(gè)人潛能的舞臺(tái)。

3.4 設(shè)計(jì)過(guò)程

（1）搜索速課網(wǎng)官網(wǎng)，進(jìn)入頁(yè)面，選擇自己喜歡的模式，點(diǎn)擊注冊(cè)或登錄，微信掃碼登錄即可。

（2）操作步驟：首先點(diǎn)擊創(chuàng)建新課件進(jìn)行內(nèi)容編輯，目前有五種模式，可制作成不同類(lèi)型的H5課件或微課，欄目中的圖片、音頻、視頻、資料、學(xué)習(xí)反饋等多種形式根據(jù)個(gè)人需要進(jìn)行選擇，教師進(jìn)行班級(jí)管理，方便推送各種學(xué)習(xí)資料，后臺(tái)可看到學(xué)生的學(xué)習(xí)情況，方便進(jìn)行監(jiān)督學(xué)生的學(xué)習(xí)進(jìn)度。將H5課件最簡(jiǎn)單、最特別的功能應(yīng)用到教學(xué)中，更有利于其推廣[7]。編輯結(jié)束后保存并預(yù)覽，填寫(xiě)相關(guān)信息，確認(rèn)無(wú)誤后點(diǎn)擊發(fā)布，最后通過(guò)二維碼或鏈接分享給學(xué)生，滿(mǎn)足個(gè)性化需求，實(shí)現(xiàn)新媒體技術(shù)與教學(xué)相融合。

參考文獻(xiàn)

[1] 劉俁宏，趙國(guó)宏.H5技術(shù)在信息技術(shù)教學(xué)中的應(yīng)用研究[J].教育現(xiàn)代化，2019，6（57）：120-121.

[2] 時(shí)曉勇.基于H5平臺(tái)的初中生物學(xué)移動(dòng)教學(xué)研究與實(shí)踐[D].煙臺(tái)：魯東大學(xué)，2019.

[3] 蘇慧.速課在H5課件制作中的應(yīng)用分析[J].現(xiàn)代商貿(mào)工業(yè)，2019，40（29）：170.

[4] 李戈.新形態(tài)教材中H5產(chǎn)品特點(diǎn)與設(shè)計(jì)趨勢(shì)分析[J].中國(guó)編輯，2018（5）：68-72.

[5] 張中秋，韋金洪.基于“移動(dòng)互聯(lián)網(wǎng)+”的高校“速課”模式與應(yīng)用探索——以項(xiàng)目教學(xué)為例[J].中國(guó)地質(zhì)教育，2019，28（1）：61-65.

[6] 周璠.基于91速課平臺(tái)的中華優(yōu)秀傳統(tǒng)文化進(jìn)高校思政課堂研究[J].成才之路，2019（31）：1-3.

[7] 袁祎靜.H5頁(yè)面在中學(xué)物理教學(xué)中的應(yīng)用[D].南京：南京師范大學(xué)，2019.