《新媒體產(chǎn)品設(shè)計(jì)與項(xiàng)目管理》教案課程代碼：課程類別：專業(yè)方向課學(xué)分/學(xué)時(shí)：2/32考核方式：考試/考查開課學(xué)期：開課單位：授課班級(jí)：授課教師：

學(xué)情分析（通過不同方式，對(duì)所教授班級(jí)學(xué)生在認(rèn)知風(fēng)格、動(dòng)機(jī)與興趣、心理狀況、知識(shí)基礎(chǔ)、學(xué)生差異性、發(fā)展性與社會(huì)性等方面的具體情況進(jìn)行調(diào)查分析，同時(shí)對(duì)專業(yè)發(fā)展前沿和就業(yè)崗位需求等進(jìn)行調(diào)研分析。）

章節(jié)課題第一章第1-3節(jié)：交互設(shè)計(jì)概述授課時(shí)間第2周第1次課課時(shí)安排2課時(shí)教學(xué)目標(biāo)通過課堂講授讓學(xué)生了解交互設(shè)計(jì)中的基本概念，交互設(shè)計(jì)的流程，設(shè)計(jì)師的認(rèn)知規(guī)律；通過實(shí)踐演示讓學(xué)生掌握交互設(shè)計(jì)中的色彩、版式和內(nèi)容的創(chuàng)新方法；通過小組討論培養(yǎng)與同學(xué)分工合作、共同參與意識(shí)及團(tuán)隊(duì)精神。重難點(diǎn)：交互設(shè)計(jì)中的基本概念教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課前沿理論講授新課課前10分鐘開始簽到。1、介紹本課程的性質(zhì)，包括為什么開《交互設(shè)計(jì)》課程？學(xué)習(xí)的內(nèi)容有哪些？學(xué)習(xí)以后能達(dá)到什么目標(biāo)？與該課程相關(guān)的職業(yè)崗位有哪些？這些崗位在市場(chǎng)的需求量如何？2、最前沿的交互設(shè)計(jì)趨勢(shì)：響應(yīng)式交互設(shè)計(jì)，幽靈按鈕設(shè)計(jì)，視頻背景設(shè)計(jì)，卡片式設(shè)計(jì)，扁平化設(shè)計(jì)。相關(guān)術(shù)語IxD交互設(shè)計(jì)(InteractionDesign,縮寫IxD)是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，在于定義人造物的行為方式（the“interaction”，即人工制品在特定場(chǎng)景下的反應(yīng)方式）相關(guān)的界面。不同的人對(duì)交互設(shè)計(jì)有著不同的定義。1.1.2UI界面設(shè)計(jì)（UserInterface,縮寫UI）是人與機(jī)器之間傳遞和交換信息的媒介，界面是機(jī)器中的一部分，通過界面用戶可以得知機(jī)器的工作狀態(tài)并能對(duì)機(jī)器進(jìn)行控制，獲取機(jī)器對(duì)操作的反饋。1.1.3UE用戶體驗(yàn)（UserExperience,縮寫UE）是指用戶使用某一個(gè)產(chǎn)品（服務(wù)）的過程中建立起來的心理感受，這種主觀感受主要通過用戶用手去操作、用眼睛去觀看、用大腦去思考、用心感受等，用戶體驗(yàn)并不是指產(chǎn)品本身是如何工作的，而是指產(chǎn)品如何和外界聯(lián)系并發(fā)揮作用的，及人們?nèi)绾谓佑|或者使用它的，好的交互設(shè)計(jì)可以給用戶帶來積極的用戶體驗(yàn)。1.1.4UCD以用戶為中心的設(shè)計(jì)（UserCenterDesign，縮寫UCD）是指在設(shè)計(jì)過程中，設(shè)計(jì)師必須以用戶體驗(yàn)為中心，強(qiáng)調(diào)用戶優(yōu)先的設(shè)計(jì)模式。簡單的說，就是在進(jìn)行產(chǎn)品設(shè)計(jì)、開發(fā)、維護(hù)時(shí)從用戶的需求和用戶的感受出發(fā)，圍繞用戶為中心進(jìn)行產(chǎn)品設(shè)計(jì)、開發(fā)及維護(hù)，而不是讓用戶去適應(yīng)產(chǎn)品。4、PPT：產(chǎn)品開發(fā)的流程是如何的呢，原型設(shè)計(jì)處于哪個(gè)階段？產(chǎn)品研發(fā)是一個(gè)系統(tǒng)工程，需要經(jīng)過一系列的活動(dòng)，并有目標(biāo)、有計(jì)劃、有組織地完成。一般來講，產(chǎn)品研發(fā)主要分為戰(zhàn)略規(guī)劃、需求分析、產(chǎn)品設(shè)計(jì)、產(chǎn)品開發(fā)、產(chǎn)品測(cè)試、產(chǎn)品檢驗(yàn)六個(gè)階段，其中產(chǎn)品交互設(shè)計(jì)的任務(wù)包含前面3個(gè)階段，每個(gè)階段都要有明確的交付文檔。5、PPT：產(chǎn)品的交互原型設(shè)計(jì)。原型設(shè)計(jì)的類型根據(jù)設(shè)計(jì)階段的需要和驗(yàn)證目的的需要通常分為草圖、線框圖、低保真原型設(shè)計(jì)和高保真原型設(shè)計(jì)?！揪€框圖示例】【高保真網(wǎng)站示例】8、PPT：原型設(shè)計(jì)的工具常用的交互設(shè)計(jì)工具有：Mockplus、墨刀和AxureRP。分別介紹每個(gè)工具的用途。講授法講授法分組討論案例分析法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)課后測(cè)驗(yàn)：“第一章交互設(shè)計(jì)概述測(cè)驗(yàn)”。評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供下節(jié)課圖書中的操作視頻和練習(xí)素材交互設(shè)計(jì)聯(lián)盟/知識(shí)擴(kuò)展網(wǎng)站建設(shè)的流程章節(jié)課題第二章第1-3節(jié)：初識(shí)AxureRP9授課時(shí)間第2周第2次課課時(shí)安排2課時(shí)教學(xué)目標(biāo)認(rèn)識(shí)AxureRP9的界面：了解AxureRP9各個(gè)模塊的功能；站點(diǎn)地圖功能條：學(xué)會(huì)站點(diǎn)地圖功能條的使用；頁面管理：學(xué)會(huì)對(duì)站點(diǎn)地圖頁面的相關(guān)操作，包括增加頁面、刪除頁面、移動(dòng)頁面以及對(duì)頁面的重新命名；生成流程圖：通過站點(diǎn)地圖生成流程圖；通過小組討論培養(yǎng)與同學(xué)分工合作、共同參與意識(shí)及團(tuán)隊(duì)精神。教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課基本理論學(xué)習(xí)實(shí)例分析課堂練習(xí)課前10分鐘開始簽到。。1、本節(jié)首先介紹AxureRP9界面，了解AxureRP9各個(gè)模塊的功能；然后介紹站點(diǎn)地圖的基本概念，理解站點(diǎn)地圖的基本功能以及重要性。站點(diǎn)地圖是進(jìn)行原型設(shè)計(jì)的基礎(chǔ)，對(duì)站點(diǎn)地圖的頁面規(guī)劃，這樣才能對(duì)產(chǎn)品設(shè)計(jì)有一個(gè)清晰的思路。2.1認(rèn)識(shí)AxureRP9界面【Axurerp9界面布局】AxureRP9的界面主要分為8個(gè)部分，頂部分別是：標(biāo)題欄、菜單欄、主工具欄、樣式工具欄；左側(cè)包含4個(gè)面板：頁面面板和概要面板；中間部分是畫布工作區(qū)；右側(cè)包含3個(gè)面板：交互面板、樣式面板和說明面板，如圖2-1所示。2.2文件的常用操作文件的基本操作主要包括原型文檔的新建、打開、關(guān)閉和保存以及導(dǎo)入等操作，這些常用的命令可以在【文件】菜單中找到。2.3創(chuàng)建第一個(gè)項(xiàng)目：“生成站點(diǎn)地圖”2.3.1什么是站點(diǎn)地圖站點(diǎn)地圖（sitemap），是一個(gè)列出網(wǎng)站上所有重要頁面地址的清單文件，通常分為2類，一類是給搜索引擎抓取所用，另外一種是給瀏覽者查看，前者幫助搜索引擎更好地收錄網(wǎng)站，后者幫助瀏覽者更好的了解網(wǎng)站的整體結(jié)構(gòu)、更快的找到他們想要找的內(nèi)容。2.3.2項(xiàng)目實(shí)操：生成“KF網(wǎng)”的站點(diǎn)地圖1.“KF網(wǎng)”站點(diǎn)的頁面規(guī)劃2.添加頁面3.生成流程圖講授法演示法案例教學(xué)法項(xiàng)目驅(qū)動(dòng)法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)“KF網(wǎng)”站點(diǎn)的頁面規(guī)劃評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html章節(jié)課題第三章第1-5節(jié)：第3章AxureRP9元件的基本操作和母版授課時(shí)間第3周第3-4次課課時(shí)安排4課時(shí)教學(xué)目標(biāo)了解常用的基本元件和表單元件；掌握常用的基本元件和表單元件的用法。教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課分組討論課堂練習(xí)課后作業(yè)課前10分鐘開始簽到。。復(fù)習(xí)上節(jié)課的內(nèi)容。1、元件，也叫組件，是組成產(chǎn)品原型的零件。AxureRP9提供了三個(gè)官方元件庫：默認(rèn)元件庫（Default）、流程元件庫（Flow）和圖標(biāo)元件庫（Icons）。Axure也支持導(dǎo)入第三方的元件庫使用。3.1.1圖標(biāo)元件庫圖標(biāo)元件庫（Icons）是基于FontAwesome圖標(biāo)字體中的各種圖標(biāo)制作發(fā)布的形狀元件。3.1.2流程元件庫流程元件庫（Flow）包含各種流程圖的形狀，通過這些形狀可以構(gòu)建流程圖，如圖3-2所示。3.1.3默認(rèn)元件庫默認(rèn)元件庫（Default）中包含了四種類型的常用的元件：基本元件、表單元件、菜單和表格元件及標(biāo)記元件。3.2元件的基本操作在原型中需要使用某類元件的方法有：方式一：用鼠標(biāo)從元件庫中把元件拖拽到畫布上。方式二：頂部功能菜單中，點(diǎn)擊插入，選擇對(duì)應(yīng)的圖形項(xiàng)目，然后鼠標(biāo)移入畫布區(qū)域，按住左鍵拖動(dòng)，就可以繪制出對(duì)應(yīng)的圖形了。方式三：快捷鍵，比如按一下鍵盤上的“o”鍵，然后按住鼠標(biāo)左鍵在畫布中拖拽，就能快速畫出一個(gè)橢圓形。3.3基本元件基本元件包含形狀、圖片、文本、線段、熱區(qū)以及容器元件等?；驹褂梅浅V泛，常見的頁面基本上都可以用這些元件完成搭建。3.4表單元件表單元件是用來獲取用戶輸入數(shù)據(jù)的元件，在網(wǎng)頁中負(fù)責(zé)數(shù)據(jù)采集的功能。表單元件主要包括：文本框、多行文本框、單選按鈕、復(fù)選框、下拉列表框、列表框。案例演練：仿百度注冊(cè)界面原型設(shè)計(jì)演示法講授法案例法項(xiàng)目驅(qū)動(dòng)法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)仿百度注冊(cè)界面原型設(shè)計(jì)評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html章節(jié)課題第四章第1-4節(jié)：AxureRP9形狀、圖片和表單類元件授課時(shí)間第4周第5次課課時(shí)安排2課時(shí)教學(xué)目標(biāo)掌握常用的形狀和圖片元件的使用；掌握形狀和圖片元件基本操作。教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課課堂練習(xí)課后作業(yè)課前10分鐘開始簽到。。復(fù)習(xí)上節(jié)課的內(nèi)容。形狀和圖片能將信息傳達(dá)得更具體、更真實(shí)、更直接和易于理解，從而高效率、高質(zhì)量地表達(dá)設(shè)計(jì)理念，使頁面充滿強(qiáng)烈的感情色彩。在頁面中合理的應(yīng)用形狀和圖片，能夠形成視覺信息的中心，有利于重要信息的傳達(dá)。4.1形狀元件默認(rèn)元件庫的“基本元件”中的各種框、按鈕、標(biāo)題、占位符、文本標(biāo)簽和段落，以及圖標(biāo)元件庫中可用的圖標(biāo)都是形狀元件。我們也可以用鋼筆工具繪制形狀元件。4.2圖片元件使用圖片元件可將靜態(tài)圖像或GIF動(dòng)畫添加到畫布中，圖片元件支持JPG、PNG、GIF、和SVG格式等的文件。案例演練：仿百度注冊(cè)界面原型設(shè)計(jì)演示法講授法案例法項(xiàng)目驅(qū)動(dòng)法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)仿百度注冊(cè)界面原型設(shè)計(jì)評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html章節(jié)課題第五章第1-4節(jié)：AxureRP9交互基礎(chǔ)授課時(shí)間第4周第6次課課時(shí)安排2課時(shí)教學(xué)目標(biāo)理解交互的過程；理解并掌握事件、用例和動(dòng)作三者的關(guān)系重難點(diǎn)：事件、用例和動(dòng)作三者的關(guān)系教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課課堂練習(xí)課后作業(yè)課前10分鐘開始簽到。。復(fù)習(xí)上節(jié)課的內(nèi)容。在移動(dòng)產(chǎn)品中，用戶主要通過與產(chǎn)品的交互來強(qiáng)化體驗(yàn)的感覺，從而決定是否使用這個(gè)產(chǎn)品。5.1事件事件是特定頁面或元件行為的觸發(fā)器。所謂“事件”，即“發(fā)生了什么事”，我們可以理解成“什么時(shí)候”。從交互的角度來說，“什么時(shí)候”又可以分為：頁面事件（如當(dāng)頁面加載時(shí)）和元件事件（如當(dāng)鼠標(biāo)單擊該元件時(shí)）。5.1.1頁面事件交互中頁面事件主要包括：頁面載入時(shí)、窗口尺寸改變時(shí)、窗口滾動(dòng)時(shí)等。5.1.2元件事件元件事件根據(jù)不同的元件，可用的事件稍有區(qū)別。如圖片及形狀類元件的事件包括鼠標(biāo)單擊時(shí)、鼠標(biāo)移入時(shí)、鼠標(biāo)移出時(shí)、改變尺寸時(shí)等；動(dòng)態(tài)面板元件的事件包括顯示時(shí)、隱藏時(shí)、狀態(tài)改變時(shí)、拖動(dòng)改變時(shí)、載入時(shí)、滾動(dòng)時(shí)等；文本框元件的事件包括文字改變時(shí)、獲取焦點(diǎn)時(shí)、失去焦點(diǎn)時(shí)等。5.2用例用例是響應(yīng)頁面或元件事件而在Web瀏覽器中發(fā)生的動(dòng)作的邏輯條件。邏輯條件的設(shè)置可以沒有，也可以有多個(gè)。5.3動(dòng)作動(dòng)作是響應(yīng)頁面或元件事件觸發(fā)而在Web瀏覽器中發(fā)生的更改。例如，如果單擊一個(gè)按鈕導(dǎo)航到原型中的其他頁面，則響應(yīng)該按鈕的“鼠標(biāo)單擊時(shí)”事件，發(fā)生了“打開鏈接”動(dòng)作。案例演練：仿百度注冊(cè)界面原型設(shè)計(jì)演示法講授法案例法項(xiàng)目驅(qū)動(dòng)法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)仿百度注冊(cè)界面原型設(shè)計(jì)評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html章節(jié)課題第六章第1-3節(jié)：AxureRP9動(dòng)態(tài)面板授課時(shí)間第5周第7次課課時(shí)安排2課時(shí)教學(xué)目標(biāo)熟練掌握創(chuàng)建動(dòng)態(tài)面板的方法熟練掌握動(dòng)態(tài)面板的常用事件和動(dòng)作熟練掌握動(dòng)態(tài)面板制作各種復(fù)雜的交互效果重難點(diǎn):動(dòng)態(tài)面板的常用事件和動(dòng)作教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課課堂練習(xí)課后作業(yè)課前10分鐘開始簽到。。復(fù)習(xí)上節(jié)課的內(nèi)容。動(dòng)態(tài)面板是axurerp9中較為重要的元件，大多數(shù)復(fù)雜的交互效果都可能用到動(dòng)態(tài)面板完成。6.1動(dòng)態(tài)面板簡介6.1.1初識(shí)動(dòng)態(tài)面板動(dòng)態(tài)面板是一個(gè)容器，專門用來設(shè)計(jì)動(dòng)態(tài)原型功能的組件，每個(gè)動(dòng)態(tài)面板可以包含一個(gè)或多個(gè)狀態(tài)，每個(gè)狀態(tài)本身是一個(gè)頁面，通過控制狀態(tài)的顯示順序或隱藏/顯示動(dòng)態(tài)面板來達(dá)成交互界面的效果，像其它組件一樣，動(dòng)態(tài)面板可以直接通過拖拽的方式從組件選擇面板加入到畫布中，可以通過設(shè)置動(dòng)態(tài)面板在不同狀態(tài)間切換來實(shí)現(xiàn)復(fù)雜功能。比如彈出框、下拉菜單、輪播等。6.1.2設(shè)置動(dòng)態(tài)面板的樣式6.1.3管理動(dòng)態(tài)面板在打開的【動(dòng)態(tài)面板狀態(tài)管理】對(duì)話框中,可以添加、刪除、上移、下移狀態(tài),也可以編輯狀態(tài)內(nèi)容等。6.1.4適應(yīng)內(nèi)容當(dāng)狀態(tài)中添加的對(duì)象大小與動(dòng)態(tài)面板大小不匹配時(shí),可以在頁面上右擊動(dòng)態(tài)面板,從彈出的快捷菜單中執(zhí)行【自適應(yīng)內(nèi)容】命令。6.1.5滾動(dòng)條動(dòng)態(tài)面板當(dāng)狀態(tài)中的內(nèi)容范圍大于動(dòng)態(tài)面板范圍時(shí),也可以控制是否讓動(dòng)態(tài)面板顯示滾動(dòng)條。6.1.6固定到瀏覽器可以將動(dòng)態(tài)面板固定到瀏覽器窗口的某個(gè)位置,就像一些網(wǎng)購網(wǎng)站一樣,會(huì)在右側(cè)一直出現(xiàn)一些固定的按鈕,以便于用戶購買自己需要的商品。6.2動(dòng)態(tài)面板的事件和動(dòng)作案例演練：輪播圖交互效果本案例實(shí)現(xiàn)4張圖片輪播圖交互效果，當(dāng)左滑動(dòng)圖片結(jié)束時(shí)，當(dāng)前圖片向左滑動(dòng)；當(dāng)右滑動(dòng)圖片結(jié)束時(shí)，當(dāng)前圖片右滑動(dòng)；當(dāng)點(diǎn)擊向左箭頭圖標(biāo)時(shí)，圖片向右滑動(dòng)切換上一幅圖；當(dāng)點(diǎn)擊向右箭頭圖標(biāo)時(shí)，圖片向左滑動(dòng)切換下一幅圖。在輪播圖的中下區(qū)域有4個(gè)小圓點(diǎn)，點(diǎn)擊圖片的小圓點(diǎn)圖片自動(dòng)切換到對(duì)應(yīng)的畫面。講授法演示法小組討論法演示法小組討論法案例法項(xiàng)目驅(qū)動(dòng)法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)“輪播圖交互效果”課后作業(yè)評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html

章節(jié)課題第七章第1-3節(jié)：AxureRP9內(nèi)聯(lián)框架授課時(shí)間第5周第8-9次課課時(shí)安排4課時(shí)教學(xué)目標(biāo)理解內(nèi)聯(lián)框架的意義掌握內(nèi)聯(lián)框架的使用方法掌握熱區(qū)元件的使用方法掌握內(nèi)聯(lián)框架與動(dòng)態(tài)面板聯(lián)合使用，實(shí)現(xiàn)手機(jī)模型中長頁面的切換重難點(diǎn)：內(nèi)聯(lián)框架的使用方法、內(nèi)聯(lián)框架與動(dòng)態(tài)面板聯(lián)合使用教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課課堂練習(xí)課后作業(yè)課前10分鐘開始簽到。。復(fù)習(xí)上節(jié)課的內(nèi)容。內(nèi)聯(lián)框架是axurerp9中較為獨(dú)特的元件，該元件主要用于載入音視頻文件的交互效果，還可以實(shí)現(xiàn)頁面無刷新切換的交互效果。7.1內(nèi)聯(lián)框架簡介7.1.1認(rèn)識(shí)內(nèi)聯(lián)框架內(nèi)部框架是Axurerp9中的一個(gè)元件，也相當(dāng)于一個(gè)容器，但與之前所學(xué)的動(dòng)態(tài)面板容器有區(qū)別，內(nèi)聯(lián)框架支持嵌入外部資源在元件中，包括互聯(lián)網(wǎng)網(wǎng)頁、音視頻文件、網(wǎng)頁地圖等。內(nèi)聯(lián)框架元件對(duì)應(yīng)的類似于html元素中iframe標(biāo)簽。7.1.2設(shè)置內(nèi)聯(lián)框架的樣式在頁面中選擇內(nèi)聯(lián)框架元件后,【樣式】面板中顯示內(nèi)聯(lián)框架的參數(shù)，如圖7-3所示。其中,包括內(nèi)聯(lián)框架的"位置和尺寸"參數(shù)，以及內(nèi)聯(lián)框架獨(dú)有的“添加框架目標(biāo)”、“隱藏邊框”、“滾動(dòng)”和“預(yù)覽”功能的設(shè)置。7.2內(nèi)聯(lián)框架的基本操作內(nèi)聯(lián)框架主要是用來嵌入網(wǎng)頁、視頻、地圖和URL等資源，也可以用來完成頁面跳轉(zhuǎn)的交互功能，下面學(xué)習(xí)內(nèi)聯(lián)框架的基本操作。7.2.1嵌入網(wǎng)頁內(nèi)聯(lián)框架可以嵌入頁面資源，包括本項(xiàng)目中的頁面或者互聯(lián)網(wǎng)上的頁面。雙擊內(nèi)聯(lián)框架或者在右側(cè)屬性中藍(lán)色字體點(diǎn)擊選擇框架目標(biāo)，出現(xiàn)如圖7-4所示，可選的有兩個(gè)：鏈接到當(dāng)前項(xiàng)目的頁面（即本地的頁面）和鏈接到url（任何正確的網(wǎng)址都行）和文件（本地文件），現(xiàn)在以鏈接網(wǎng)頁為例輸入百度網(wǎng)址。7.2.2嵌入視頻內(nèi)聯(lián)框架的鏈接目標(biāo)除了可以鏈接網(wǎng)址以外，可以鏈接文件路徑，文件路徑包括本地路徑和網(wǎng)絡(luò)路徑，這兩種路徑分別支持嵌入本地視頻和網(wǎng)絡(luò)視頻。7.2.3跳轉(zhuǎn)網(wǎng)頁要實(shí)現(xiàn)頁面的無刷新切換，可以利用內(nèi)聯(lián)框架的鏈接來實(shí)現(xiàn)。例如，在頁面上創(chuàng)建2個(gè)按鈕，當(dāng)點(diǎn)擊“百度”按鈕，右邊的內(nèi)聯(lián)框架中顯示百度首頁內(nèi)容，當(dāng)點(diǎn)擊“新浪”按鈕，右邊的內(nèi)聯(lián)框架中顯示新浪首頁內(nèi)容，如圖7-11所示。案例演練：原型中實(shí)現(xiàn)視頻點(diǎn)播案例描述本案例實(shí)現(xiàn)視頻點(diǎn)播交互效果，頂部為視頻播放控件，下方是視頻列表，點(diǎn)擊任意列表項(xiàng)，即刻播放相關(guān)視頻內(nèi)容。講授法演示法小組討論法演示法小組討論法案例法項(xiàng)目驅(qū)動(dòng)法課堂管理前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)“原型中實(shí)現(xiàn)視頻點(diǎn)播”課后作業(yè)評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html章節(jié)課題第九章第1-5節(jié)：AxureRP9高級(jí)交互--中繼器授課時(shí)間第6周第10-11次課課時(shí)安排4課時(shí)教學(xué)目標(biāo)掌握中繼器的基本用法以及中繼器數(shù)據(jù)集和中繼器的項(xiàng)。掌握中繼器數(shù)據(jù)集里的數(shù)據(jù)綁定到中繼器上并顯示出來教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)導(dǎo)入新課課堂練習(xí)課后作業(yè)課前10分鐘開始簽到。。復(fù)習(xí)上節(jié)課的內(nèi)容。中繼器是AxureRP9.0中的高級(jí)元件，中繼器元件可用來顯示重復(fù)的文本、圖片、鏈接，可以模擬數(shù)據(jù)庫的操作，進(jìn)行數(shù)據(jù)庫的增刪改查。8.1中繼器的組成中繼器元件由中繼器數(shù)據(jù)集和中繼器項(xiàng)兩部分構(gòu)成。1.中繼器數(shù)據(jù)集中繼器元件是由中繼器數(shù)據(jù)集的數(shù)據(jù)項(xiàng)填充，填充的數(shù)據(jù)項(xiàng)可以是文本、圖片甚至是鏈接。AxureRP9中，在中繼器內(nèi)部和外部均可以編輯數(shù)據(jù)集。2.中繼器項(xiàng)中繼器中重復(fù)布局的元件這里稱之為項(xiàng)。8.2中繼器的基本操作8.2.1創(chuàng)建和關(guān)聯(lián)數(shù)據(jù)集如果希望中繼器呈現(xiàn)豐富的數(shù)據(jù)，可以對(duì)中繼器的數(shù)據(jù)集和數(shù)據(jù)項(xiàng)進(jìn)行編輯操作。案例演練：仿微信聊天列表信息交互設(shè)計(jì)案例描述本案例實(shí)現(xiàn)，仿微信聊天列表的信息展示，當(dāng)左滑動(dòng)每條聊天記錄時(shí)，從右邊緣移動(dòng)出一個(gè)矩形刪除按鈕，單擊按鈕刪除當(dāng)前一條聊天記錄。如果點(diǎn)右滑動(dòng)某條聊天記錄，剛出現(xiàn)的矩形刪除按鈕向右移動(dòng)出去，具體效果如圖8-26所示。講授法演示法小組討論法演示法小組討論法案例法項(xiàng)目驅(qū)動(dòng)法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)仿微信聊天列表信息評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html

章節(jié)課題第十章第1-3節(jié)：AxureRP9團(tuán)隊(duì)項(xiàng)目管理授課時(shí)間第7周第12次課課時(shí)安排2課時(shí)教學(xué)目標(biāo)掌握創(chuàng)建團(tuán)隊(duì)項(xiàng)目的方法掌握簽入和簽出的使用及作用掌握獲取團(tuán)隊(duì)項(xiàng)目的方法熟練掌握提交和獲取團(tuán)隊(duì)項(xiàng)目變更的方法熟練掌握管理團(tuán)隊(duì)項(xiàng)目的方法重難點(diǎn)：管理團(tuán)隊(duì)項(xiàng)目的方法教學(xué)內(nèi)容與進(jìn)程+教學(xué)方法+課堂互動(dòng)組織教學(xué)課堂練習(xí)課后作業(yè)課前10分鐘開始簽到。。復(fù)習(xí)上節(jié)課的內(nèi)容。通常一個(gè)公司要研發(fā)一個(gè)項(xiàng)目，需要組建團(tuán)隊(duì)，以研發(fā)APP產(chǎn)品項(xiàng)目為例團(tuán)隊(duì)成員一般包含產(chǎn)品經(jīng)理、設(shè)計(jì)師、工程師、測(cè)試人員和營銷推廣人員等，團(tuán)隊(duì)的大小與項(xiàng)目的難易程度有關(guān)，團(tuán)隊(duì)項(xiàng)目需要團(tuán)隊(duì)里的所有成員分工和協(xié)同工作，如何高效、科學(xué)、低成本的完成項(xiàng)目是需要項(xiàng)目團(tuán)隊(duì)不斷探索和總結(jié)。10.1項(xiàng)目如何共享協(xié)作10.2創(chuàng)建團(tuán)隊(duì)項(xiàng)目要使用團(tuán)隊(duì)項(xiàng)目提供工作效率，每個(gè)項(xiàng)目團(tuán)隊(duì)成員都需要先熟悉掌握?qǐng)F(tuán)隊(duì)項(xiàng)目的使用和管理方法以及團(tuán)隊(duì)項(xiàng)目的相關(guān)工具和命令的使用方法。AxureRP9團(tuán)隊(duì)版和企業(yè)版都支持團(tuán)隊(duì)協(xié)作，可以創(chuàng)建和管理團(tuán)隊(duì)項(xiàng)目，即多人共同創(chuàng)作一個(gè)原型，在axurerp中創(chuàng)建團(tuán)隊(duì)項(xiàng)目之前需要注冊(cè)一個(gè)賬號(hào)并登錄到axureshare中。注冊(cè)/登陸賬號(hào)如果還么有axureshare賬號(hào)，可以點(diǎn)擊【主工具欄】右側(cè)的【登錄】按鈕，在彈出的【登錄】對(duì)話框中，選擇注冊(cè)選項(xiàng)卡，按照要求輸入賬號(hào)和密碼等信息，也可以加入官網(wǎng)進(jìn)行注冊(cè)操作，官網(wǎng)的網(wǎng)址是。2.創(chuàng)建團(tuán)隊(duì)協(xié)作文件在axurerp9中創(chuàng)建團(tuán)隊(duì)項(xiàng)目通常有兩種方法：一種直接新建團(tuán)隊(duì)項(xiàng)目，另一種是從現(xiàn)有的RP文件創(chuàng)建團(tuán)隊(duì)項(xiàng)目，創(chuàng)建的項(xiàng)目一般存放在axureshare服務(wù)器中。3使用和管理團(tuán)隊(duì)項(xiàng)目邀請(qǐng)項(xiàng)目成員項(xiàng)目成員接受邀請(qǐng)項(xiàng)目成員下載協(xié)同文件簽出（checkout）和簽入（checkin）團(tuán)隊(duì)項(xiàng)目瀏覽團(tuán)隊(duì)項(xiàng)目歷史記錄演示法講授法小組討論法演示法小組討論法課堂管理課前10分鐘開始發(fā)起在線簽到課中組織學(xué)生參與討論，發(fā)言的同學(xué)加0~2分作業(yè)設(shè)計(jì)完成測(cè)驗(yàn)評(píng)價(jià)方式按照平時(shí)成績考評(píng)細(xì)則從以下幾個(gè)方面完成過程考核：出勤考核：學(xué)生是否按時(shí)簽到課堂表現(xiàn)考核：學(xué)生是否保質(zhì)保量參與錦城在線和課堂的討論學(xué)習(xí)效果考核：①學(xué)生是否完成隨堂及課后作業(yè)②學(xué)生是否完成測(cè)驗(yàn)課外讀物教材輔助提供學(xué)生圖書中的操作視頻和練習(xí)素材；知識(shí)擴(kuò)展官方推薦資料/thread-5-1-1.html

章節(jié)課題第十二章第1-7節(jié)：案例實(shí)戰(zhàn)：移動(dòng)APP/桌面端門戶類網(wǎng)站原型設(shè)計(jì)授課時(shí)間第9周第13-16次課課時(shí)安排8課時(shí)教學(xué)目標(biāo)熟悉桌面門戶網(wǎng)站原型設(shè)計(jì)過程中經(jīng)常會(huì)碰到交互效果；掌握各種效果的制作過程；通過小組討論培養(yǎng)與同學(xué)分工合作、共同參與意識(shí)及團(tuán)隊(duì)精神。重難點(diǎn)：項(xiàng)目開