公務(wù)員期刊網(wǎng) 精選范文 界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析精選(九篇)

前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析主題范文,僅供參考,歡迎閱讀并收藏。

界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析

第1篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

關(guān)鍵詞:圖標(biāo) 用戶 圖形化用戶界面

中圖分類號:TB47

文獻(xiàn)標(biāo)識碼:A

文章編號:1003-0069(2015)09-0140-02

近年來,隨著互聯(lián)網(wǎng)和電子科技的飛速發(fā)展,用戶瀏覽網(wǎng)頁逐漸從固定的"hA電腦轉(zhuǎn)向便攜的移動(dòng)設(shè)備,圖標(biāo)的顯示設(shè)備也越來越小屏幕化,這就要求圖形符號必須簡潔、直觀、一致、可讀性強(qiáng)、具有美感,界面中的圖標(biāo)設(shè)計(jì)也隨之發(fā)生了“質(zhì)”的變化,即由早期的線型單色特征向趨于寫實(shí)的擬物化風(fēng)格轉(zhuǎn)變,隨后逐漸轉(zhuǎn)向日益盛行的扁平化風(fēng)格。

從2007年,喬布斯最早的iphoneOS1.0操作系統(tǒng)時(shí)界面的擬物化,到2013年后微軟Metro風(fēng)格的扁平化的風(fēng)靡,界面圖標(biāo)設(shè)計(jì)也有了一個(gè)巨大的革新。

一 線型單色特征國標(biāo)

線型單色特征圖標(biāo),是指二十世紀(jì)八九十年代時(shí)期,受技術(shù)、設(shè)計(jì)觀念等因素的影響,圖形多為簡單的幾何造型且色彩僅限于單色或者較少顏色的圖標(biāo)。早期的圖標(biāo)設(shè)計(jì)主要在于對文字內(nèi)容的解讀上,當(dāng)然這也是在圖形化用戶界面設(shè)計(jì)中最重要的因素,而在圖標(biāo)的美觀性、界面風(fēng)格的一致性、對用戶的吸引性上都比較欠缺。例如windows95版的操作系統(tǒng)中,界面風(fēng)格就是簡單的幾何造型加上少量色彩搭配。(圖1)

二 擬物化風(fēng)格圖標(biāo)

2.1擬物化風(fēng)格圖標(biāo)興起的原因

隨著科技進(jìn)步和計(jì)算機(jī)的普及,硬件和網(wǎng)絡(luò)日益發(fā)達(dá),CPU和存儲介質(zhì)的效率和容量大大提升,色彩得到了充分的解放和發(fā)揮,伴隨著人們審美水平的不斷提高,線型單色特征圖標(biāo)已經(jīng)無法滿足廣大用戶。為了用戶更好的實(shí)現(xiàn)交互體驗(yàn),擬物化風(fēng)格開始出現(xiàn)。

2.2擬物化風(fēng)格圖標(biāo)的特征及其優(yōu)缺點(diǎn)

擬物化風(fēng)格,就是通過疊加材質(zhì)、紋理、高光、陰影等效果對現(xiàn)實(shí)物品的造型和質(zhì)感進(jìn)行模擬,使得圖標(biāo)從外形到交互方式上都和現(xiàn)實(shí)生活中類似。最具代表性的事件是喬布斯在2007年最早的iphoneOS1.0操作系統(tǒng)時(shí)的界面設(shè)計(jì),喬布斯首次展示了該操作系統(tǒng)下界面中豐富的視覺效果,如相機(jī)圖標(biāo)和現(xiàn)實(shí)生活中相機(jī)鏡頭完全相像,這樣沿用人們生活中的認(rèn)知習(xí)慣進(jìn)行設(shè)計(jì),使用戶在體驗(yàn)上一眼便知其功能,而其精細(xì)的質(zhì)感打造,相比線型單色特征圖標(biāo)更加生動(dòng)形象,受到了人們的青睞和追捧。(圖2)正如《IOS Human Interface Guidelines》里所提到:“當(dāng)你應(yīng)用中的可視化對象和操作按照現(xiàn)實(shí)世界中的對象與操作仿造,用戶就能快速領(lǐng)會(huì)如何使用它。”21世紀(jì)后,擬物化風(fēng)格盛行。

在信息爆炸的時(shí)代,能否快速吸引用戶的眼球,變成圖形用戶界面設(shè)計(jì)師在進(jìn)行創(chuàng)作時(shí)的關(guān)鍵因素,擬物化因其細(xì)膩、精致、漂亮、形象的優(yōu)勢也深受眾多設(shè)計(jì)師和廣大用戶群體的喜愛。擬物化最大的特點(diǎn)是將現(xiàn)實(shí)生活中的物品和使用習(xí)慣帶入界面設(shè)計(jì)中,用戶識別度高,學(xué)習(xí)成本低,這也是它的最大優(yōu)點(diǎn)。但擬物化也有很大弊端,比如功能化在大多數(shù)擬物化界面中并沒有很好地得以實(shí)現(xiàn)、圖標(biāo)所占存儲空間相對較大而影響頁面加載速度、設(shè)計(jì)師將大量時(shí)間和精力放在了圖標(biāo)質(zhì)感的打造上而容易忽略圖標(biāo)的一致性等問題。但也有些對擬物化風(fēng)格的模擬,容易忽視用戶體驗(yàn)和交互方式,造成濫用裝飾效果,比如在界面上加入了皮革、縫線、木紋、陰影、金屬拋光等效果,雖使界面看上去精致細(xì)膩,但是難以在真實(shí)生活中找到對應(yīng)物,界面的設(shè)計(jì)就會(huì)給人以唐突的感覺。(圖3)

三 扁平化風(fēng)格圖標(biāo)

3.1扁平化風(fēng)格圖標(biāo)興起的原因

與擬物化風(fēng)格圖標(biāo)的不同,它的興起有兩點(diǎn)原因:一是由于科技的發(fā)展、移動(dòng)端的風(fēng)行,帶動(dòng)了市面上多設(shè)備生態(tài)的普及,不同型號的手機(jī)、平板、電腦等屏幕的尺寸各不相同,擬物化風(fēng)格基于它豐富的樣式表現(xiàn),大多數(shù)為位圖,要適應(yīng)不同設(shè)備著實(shí)困難,需要設(shè)計(jì)師根據(jù)設(shè)備的不同做多套尺寸不同、內(nèi)容相同的圖標(biāo),這無形中增加了人力物力成本,而扁平化的出現(xiàn),由于其是矢量圖形的繪制,無論放大縮小都不會(huì)失真,這大大解決了設(shè)備適配的難題;二是由于在當(dāng)下信息過剩的時(shí)代,人們生活節(jié)奏加快,每天被眾多紛繁復(fù)雜的信息所包圍,如何在有限的時(shí)間里,快速、直觀、醒目的向用戶展示所需信息,成為眾多圖形用戶界面設(shè)計(jì)師思考的重點(diǎn),主動(dòng)的信息植入而不是被動(dòng)地讓用戶來識別成為眾多圖形用戶界面設(shè)計(jì)師思考的重點(diǎn)。就像建筑大師密斯為了反對一切審美方面的虛夸、教條和形式主義所提出的“少就是多”的觀點(diǎn)一樣,物極必反,當(dāng)一種風(fēng)格極盡流行時(shí),人們就越發(fā)渴望打破傳統(tǒng),創(chuàng)造不同的風(fēng)格來使用戶眼前一亮。在此形勢下,圖形符號日趨簡潔并注重寓意的表達(dá)給用戶帶來了一種嶄新的體驗(yàn),隨之扁平化風(fēng)格應(yīng)運(yùn)而生。

3.2扁平化風(fēng)格圖標(biāo)的特征及其優(yōu)缺點(diǎn)

扁平化風(fēng)格指的是摒棄各種漸變、高光、陰影等造成立體感的效果,運(yùn)用平面化的色彩和抽象、簡化的圖形,搭配突出的文字信息進(jìn)行的圖標(biāo)設(shè)計(jì)。早期具有代表性的事件是微軟在Windows Phone 7中引入的Metro界面設(shè)計(jì),簡潔的圖形、明亮的色彩搭配網(wǎng)格分割,給用戶一種清爽、清新、明朗的體驗(yàn),為以后扁平化風(fēng)格創(chuàng)作做出了重大啟示。(圖4)而將扁平化的風(fēng)格推向頂峰并迅速普及的是蘋果的于2013年的IOS7操作系統(tǒng)。(圖5)

由于扁平化風(fēng)格更加注重國標(biāo)在美觀之外的功能性意義,對色彩種類的運(yùn)用相對較少,所占存儲空間比較小,因而相比擬物化風(fēng)格,它在有限的時(shí)間中加載速度更快;更容易突出主題,減少對用戶的視覺干擾和記憶負(fù)擔(dān);便于識別,扁平化的圖標(biāo)設(shè)計(jì)更加簡潔加上醒目的色彩,即使在較遠(yuǎn)的距離,也能夠清楚地被用戶識別;設(shè)計(jì)也相對容易,無需考慮高光、陰影、漸變等多余的裝飾,只需注意圖形的直觀性、界面網(wǎng)格布局,色彩的運(yùn)用等方面,使圖標(biāo)保持易用性、一致性。但扁平化風(fēng)格也會(huì)造成相應(yīng)學(xué)習(xí)成本的增加、且傳達(dá)感情不夠形象等弊端。

四 圖標(biāo)未來的發(fā)展趨勢

4.1多元化共存的時(shí)代

擬物化和扁平化都有其獨(dú)特的優(yōu)勢和特點(diǎn),設(shè)計(jì)師會(huì)針對不同的應(yīng)用場景、不同的用戶群體、不同的設(shè)備等因素來選擇更加適合的風(fēng)格,不能說哪一種風(fēng)格終將被另一種風(fēng)格取代而消亡。未來圖標(biāo)的發(fā)展趨勢,勢必更加趨于向多元化風(fēng)格發(fā)展。

不同的產(chǎn)品特性決定著不同的圖形氣質(zhì)與風(fēng)格。例如在游戲場景中,由于用戶多為年輕群體,他們渴望在虛擬世界中獲取真實(shí)的體驗(yàn)、釋放壓力,所以不難發(fā)現(xiàn)眾多大型游戲的界面多炫酷、仿真、具有科幻性,意在呈現(xiàn)給用戶好萊塢大片般的身臨其境的感受,引發(fā)用戶內(nèi)心的情感共鳴,因而在進(jìn)行圖形化用戶界面圖標(biāo)的設(shè)計(jì)時(shí),常常用擬物化風(fēng)格的手法來表現(xiàn)圖標(biāo)的質(zhì)感、光影,比如游戲按鈕的設(shè)計(jì)。而相對于58同城、ZAKER等信息類網(wǎng)站的設(shè)計(jì),就更加傾向于扁平化風(fēng)格,設(shè)計(jì)更關(guān)注信息和內(nèi)容本身而不再強(qiáng)調(diào)過多的裝飾,目的在于更清晰、明確的傳達(dá)功能信息,方便用戶快速查找和獲取有效信息,減少視覺感知的復(fù)雜性,從而減輕視覺疲勞。(圖6)

五 圖形化用戶界面圖標(biāo)的課題應(yīng)用

隨著對用戶界面圖標(biāo)的不斷探索,在進(jìn)行客戶端課題的設(shè)計(jì)中,應(yīng)用以上理論研究,客戶端界面主要在于功能的易用上,因而圖標(biāo)的作用為襯托界面功能,輔助用戶更好地完成交互,其設(shè)計(jì)更適合扁平化風(fēng)格,表現(xiàn)形式必須一致,以最簡潔的方式有效地展示頁面信息,將信息分層級展現(xiàn),次要信息通過折疊、彈出窗口等形式隱藏,當(dāng)用戶點(diǎn)擊時(shí)反饋給用戶所需信息,以此呈現(xiàn)給用戶更大的操作界面。(圖7)

總結(jié)

第2篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

關(guān)鍵詞: MFC; SOCKET; 消息驅(qū)動(dòng); 進(jìn)程控制; C/S模式

中圖分類號:TP311 文獻(xiàn)標(biāo)志碼:A 文章編號:1006-8228(2015)11-16-03

Abstract: In order to create a good teaching atmosphere and improve the teaching quality and efficiency, the process control system based on LAN is studied. Some key technologies of software are introduced, and the theory and technology of process control software based on LAN are studied in this paper. Through the use of MFC development technology, Windows message-driven technology, ADO and socket communication technology, the C/S system architecture mode is adopted, and the process control system based on local area network is realized.

Key words: MFC; socket; message-driven; process control; C/S mode

0 引言

隨著計(jì)算機(jī)的普及和計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的迅速發(fā)展,信息化、自動(dòng)化已經(jīng)成為了這個(gè)時(shí)代的主題。其中網(wǎng)絡(luò)應(yīng)用程序發(fā)展和應(yīng)用更是為人們的生活、工作和娛樂等各方面提供了極大的便利。在各類網(wǎng)絡(luò)應(yīng)用技術(shù)中,套接字無疑是網(wǎng)絡(luò)應(yīng)用程序中極其重要的一環(huán),它是連接應(yīng)用程序和網(wǎng)絡(luò)通信協(xié)議的接口,windows socket就是其中一種。營造良好的機(jī)房教學(xué)氛圍、合理組織與管理機(jī)房教學(xué),進(jìn)而提高機(jī)房教學(xué)的質(zhì)量和效率,是眾多教育機(jī)構(gòu)亟待解決的問題。非教學(xué)進(jìn)程(如游戲等)的普及與泛濫,更是對機(jī)房的教學(xué)管理提出了嚴(yán)峻的挑戰(zhàn)。一個(gè)完備的局域網(wǎng)進(jìn)程控制系統(tǒng)不僅可以大大提高教學(xué)效率,還能促進(jìn)學(xué)習(xí)者的學(xué)習(xí)。因此,設(shè)計(jì)一個(gè)基于套接字的局域網(wǎng)進(jìn)程控制系統(tǒng)既具有理論研究的意義,又具有實(shí)際意義。

本系統(tǒng)設(shè)計(jì)采用C/S結(jié)構(gòu)設(shè)計(jì),服務(wù)器端與客戶端軟件通過套接字通信技術(shù)控制指令的傳輸,客戶端通過定時(shí)掃描客戶機(jī)上正在運(yùn)行的軟件信息,并通過查詢數(shù)據(jù)庫來判斷軟件可否運(yùn)行,服務(wù)器端可以開啟或關(guān)閉客戶端的監(jiān)控功能,也可以修改數(shù)據(jù)庫中的信息。作為在機(jī)房環(huán)境下運(yùn)行的軟件,需要應(yīng)對復(fù)雜的網(wǎng)絡(luò)環(huán)境,該軟件需要具有健全的異常處理能力和靈活的可移植性。

1 系統(tǒng)設(shè)計(jì)

1.1 系統(tǒng)架構(gòu)設(shè)計(jì)

機(jī)房實(shí)驗(yàn)教學(xué)系統(tǒng)的總體框架結(jié)構(gòu)可劃分為兩大模塊,即服務(wù)器模塊和客戶端模塊。本系統(tǒng)設(shè)計(jì)采用C/S結(jié)構(gòu)設(shè)計(jì),服務(wù)器端與客戶端軟件通過套接字通信技術(shù)進(jìn)行控制指令的傳輸,客戶端通過定時(shí)掃描客戶機(jī)上正在運(yùn)行的軟件信息,并通過查詢數(shù)據(jù)庫來判斷軟件可否運(yùn)行,服務(wù)器端可以開啟或關(guān)閉客戶端的監(jiān)控功能,也可以修改數(shù)據(jù)庫中的信息。

1.2 系統(tǒng)功能設(shè)計(jì)

1.2.1 服務(wù)器端功能模塊描述

服務(wù)器端包括登錄、數(shù)據(jù)庫連接、套接字連接、軟件信息操作、遠(yuǎn)程控制、界面設(shè)計(jì)六部分。用戶通過登錄對話框輸入用戶名和密碼,經(jīng)驗(yàn)證與數(shù)據(jù)庫數(shù)據(jù)一致方可登錄,當(dāng)連接不正確時(shí)需要提供修改連接數(shù)據(jù)庫相關(guān)的配置信息。本系統(tǒng)數(shù)據(jù)庫采用ADO(Active Data Object)技術(shù)連接SQL Server 2000數(shù)據(jù)庫,負(fù)責(zé)數(shù)據(jù)庫的連接,數(shù)據(jù)庫的增刪改查等操作,并進(jìn)行異常處理。服務(wù)器端使用套接字向客戶端發(fā)送必要的配置信息(網(wǎng)絡(luò)數(shù)據(jù)庫的地址,登錄用戶和密碼),通過特定指令開啟客戶端的屏蔽功能。

1.2.2 客戶端功能模塊描述

服務(wù)器端包括界面設(shè)計(jì)、開機(jī)自啟動(dòng)、數(shù)據(jù)庫連接、套接字連接、軟件信息掃描、監(jiān)控六部分。其中界面設(shè)計(jì)實(shí)現(xiàn)隱藏界面,在任務(wù)管理器中應(yīng)用程序中隱藏的功能;開機(jī)自啟動(dòng)通過修改注冊表使程序開機(jī)自動(dòng)啟動(dòng);數(shù)據(jù)庫連接采用ADO技術(shù)連接SQL Server 2008數(shù)據(jù)庫,負(fù)責(zé)數(shù)據(jù)庫的連接,數(shù)據(jù)庫的增刪改查等操作,并進(jìn)行異常處理;套接字連接通過套接字接收服務(wù)器發(fā)送的配置信息(網(wǎng)絡(luò)數(shù)據(jù)庫的地址,登錄用戶和密碼),接收到服務(wù)器的消息后開啟監(jiān)控服務(wù);軟件信息掃描每隔一段時(shí)間掃描當(dāng)前正在運(yùn)行的頂層窗口,獲取窗口類和標(biāo)題。通過查找數(shù)據(jù)庫確認(rèn)該窗口是否允許運(yùn)行。如果在數(shù)據(jù)庫中查找不到該窗口的信息,就將該條信息插入到數(shù)據(jù)庫中,并通過套接字通知服務(wù)器端數(shù)據(jù)庫有更新。

根據(jù)上述系統(tǒng)說明,設(shè)計(jì)出系統(tǒng)功能結(jié)構(gòu)如圖1。

[基于局域網(wǎng)的進(jìn)程控制軟件][服務(wù)器端][客戶端][登錄\&數(shù)據(jù)庫連接\&套接字連接\&軟件信息操作\&遠(yuǎn)程控制\&界面設(shè)計(jì)\&][開機(jī)自啟動(dòng)\&界面設(shè)計(jì)\&套接字連接\&數(shù)據(jù)庫連接\&軟件信息掃描\&監(jiān)控\&]

圖1 系統(tǒng)功能結(jié)構(gòu)圖

2 系統(tǒng)實(shí)現(xiàn)的關(guān)鍵技術(shù)

本系統(tǒng)開發(fā)采用了MFC編程技術(shù)[1]、套接字技術(shù)[2]和ADO數(shù)據(jù)庫訪問技術(shù)[3]這三個(gè)非常流行和成熟的技術(shù)。下面主要介紹程序設(shè)計(jì)、服務(wù)器端功能的實(shí)現(xiàn)和客戶端功能的實(shí)現(xiàn)所涉及到的關(guān)鍵技術(shù)。

2.1 程序設(shè)計(jì)

該系統(tǒng)在MFC應(yīng)用程序框架的基礎(chǔ)上設(shè)計(jì)實(shí)現(xiàn),其中大部分功能仍是通過調(diào)用最基本的Win32 API來實(shí)現(xiàn)。程序的進(jìn)行是依靠外部事件來驅(qū)動(dòng),Windows時(shí)刻監(jiān)視用戶的一舉一動(dòng),并分析用戶的動(dòng)作,將用戶的動(dòng)作以消息的形式發(fā)送給對應(yīng)的程序,應(yīng)用程序從消息隊(duì)列中去除消息并分析,采取適當(dāng)?shù)膭?dòng)作來響應(yīng)用戶的操作[4]。

2.2 服務(wù)器端功能的實(shí)現(xiàn)

2.2.1 界面設(shè)計(jì)

界面框架的選擇主要有兩種方式:基于單文檔的程序和基于對話框類型的程序。結(jié)合這兩種框架的優(yōu)缺點(diǎn),本軟件的服務(wù)器端需要與管理員(教師)進(jìn)行較多的交互,對數(shù)據(jù)的處理由數(shù)據(jù)庫負(fù)責(zé),因此選擇基于對話框的框架更適合。

⑴ 主界面設(shè)計(jì)

用戶登錄成功后顯示主界面,列表每行前有一個(gè)勾選框,選中表示該類軟件禁止運(yùn)行,未選中表示允許運(yùn)行。對列表中的信息進(jìn)行修改后點(diǎn)擊刷新按鈕將修改的內(nèi)容更新到數(shù)據(jù)庫中。點(diǎn)擊開啟按鈕通知客戶端開啟監(jiān)控功能,點(diǎn)擊應(yīng)用按鈕通知客戶端數(shù)據(jù)庫有更新,應(yīng)用按鈕初始化為不可用,當(dāng)單擊開啟按鈕后,才使應(yīng)用按鈕可用。用戶也可以在右上角的編輯框中輸入關(guān)鍵詞從數(shù)據(jù)庫中搜索類似的軟件信息并且在列表中顯示。

⑵ 用戶管理界面

采用模態(tài)對話框形式顯示用戶管理界面對話框,如果登錄用戶為管理員,則可以對用戶信息進(jìn)行管理。如果登錄用戶為普通用戶則只可以修改自己的用戶信息。

2.2.2 登錄

運(yùn)行本軟件后首先彈出該登錄對話框,對應(yīng)CLoginDlg類。通過單擊設(shè)置按鈕可以顯示查看更多內(nèi)容,并可以對相關(guān)信息進(jìn)行修改,數(shù)據(jù)庫地址、數(shù)據(jù)庫登錄名、數(shù)據(jù)庫密碼、廣播地址、本地端口和客戶端端口的內(nèi)容初始讀取自ini配置文件,當(dāng)通過該對話框?qū)?nèi)容進(jìn)行了修改后也及時(shí)修改該ini配置文件。當(dāng)單擊登錄按鈕后首先檢查登錄名和密碼是否填寫,如果未填寫則需提示用戶。符合要求后可以登錄,如果連接數(shù)據(jù)庫出現(xiàn)異常,將彈出設(shè)置對話框。連接成功后,查找用戶表,如果找到該用戶并且密碼正確則登錄成功,該登錄對話框關(guān)閉,彈出主界面,否則提示用戶名或密碼錯(cuò)誤。

2.2.3 數(shù)據(jù)庫連接

采用ADO技術(shù)連接網(wǎng)絡(luò)數(shù)據(jù)庫SQL 2000,通過對象模型Connection從應(yīng)用程序中訪問數(shù)據(jù)源,連接時(shí)所使用的用戶名和口令等信息從配置文件中讀取。通過對象模型Command對已建立連接的數(shù)據(jù)源進(jìn)行指定的操作。通過對象模型Recordset將查詢結(jié)果存儲在本地,這些數(shù)據(jù)以行為單位。在默認(rèn)情況下,Visual C++不支持ADO對象,要在程序中使用ADO對象,需要使用#import命令將ADO庫文件msado15.dll導(dǎo)入到工程中。通過該庫中的_ConnectionPtr、_CommandPtr、_RecordserPtr三種接口為數(shù)據(jù)庫的連接、增加、刪除、查找和修改提供接口。數(shù)據(jù)庫的連接應(yīng)遵循最遲連接和最早斷開的原則[5]。異常處理方式為等待用戶修改連接字。

2.2.4 套接字通信

本軟件采用基于套接字進(jìn)行通信,用于客戶機(jī)與服務(wù)器端軟件信息的及時(shí)交流,控制。套接字類型采用符合Windows消息驅(qū)動(dòng)特性的網(wǎng)絡(luò)事件異步選擇機(jī)制的類型,基于消息驅(qū)動(dòng)機(jī)制的異步程序,基于套接字通信中,套接字的接收處理時(shí)一個(gè)阻塞函數(shù),因此如果沒有接收到消息,該函數(shù)會(huì)處于等待狀態(tài)而不會(huì)馬上返回,使整個(gè)程序阻塞[6]。

2.2.5 軟件信息操作

通過數(shù)據(jù)庫連接對象將結(jié)果插入到LISTCTRL控件中,連接采用recordset提供的open函數(shù),該方式的效率比connection連接方式快。控件提供CHECKBOX風(fēng)格,結(jié)果中表示已禁止的行為勾選狀態(tài),是用戶通過點(diǎn)擊checkbox設(shè)置是否禁止該項(xiàng)。由于LISTCTRL控件支持的編輯功能只對第一列有效,因此通過獲取鼠標(biāo)雙擊區(qū)域的行列號并在該位置覆蓋一個(gè)編輯框達(dá)到類似效果。列表中類型列的設(shè)置采用彈出菜單的方式,使用戶通過鼠標(biāo)方便的為軟件分類。

2.3 客戶端功能的實(shí)現(xiàn)

本軟件客戶端需要隱藏自己的主界面,目的是讓用戶無法關(guān)閉該程序, 軟件的主窗口在初始化時(shí)被設(shè)置為SW_HIDE風(fēng)格。當(dāng)軟件運(yùn)行時(shí),在任務(wù)欄和任務(wù)管理器中的應(yīng)用程序中都看不到該軟件。軟件會(huì)采用開機(jī)自啟動(dòng),把程序拷貝到系統(tǒng)目錄,并改名為NETMANAGE.EXE。和服務(wù)器采用相同的方式連接數(shù)據(jù)庫。異常處理方式為重新運(yùn)行程序并等待服務(wù)器指令。采用與服務(wù)器相同類型的套接字,為使服務(wù)器和客戶端能在同一機(jī)器上運(yùn)行,綁定的端口號應(yīng)與服務(wù)器的不一樣。應(yīng)用程序每秒掃描一次,為提高系統(tǒng)的執(zhí)行效率,不采用遍歷所有桌面窗口的方式,考慮到掃描頻率和機(jī)房電腦的數(shù)量,本系統(tǒng)只掃描正在運(yùn)行的桌面頂層窗口。為進(jìn)一步減少數(shù)據(jù)庫的訪問,當(dāng)檢測到當(dāng)前頂層窗口和上一秒是相同的,則表示該窗口未被禁止,因此不再繼續(xù)訪問數(shù)據(jù)庫。當(dāng)窗口發(fā)生變化時(shí)重新開始訪問并查找數(shù)據(jù)庫。當(dāng)未查詢到相關(guān)信息時(shí),采用樂觀加鎖的方式將該信息插入到數(shù)據(jù)庫當(dāng)中,即僅在調(diào)用Update方法時(shí)鎖定記錄[7]。

3 結(jié)束語

通過一系列的測試表明,本軟件能在局域網(wǎng)中有效地發(fā)現(xiàn)客戶端上運(yùn)行的程序,服務(wù)端經(jīng)過設(shè)置后能有效的控制客戶端上所運(yùn)行的進(jìn)程,從而控制了客戶端的進(jìn)程應(yīng)用,在一定程度上提高了局域網(wǎng)內(nèi)的管理質(zhì)量和學(xué)習(xí)氛圍。該軟件的創(chuàng)新性在于,其對網(wǎng)絡(luò)連接的靈活性、網(wǎng)絡(luò)控制的方便性和完善的異常處理能力。

該軟件通過定時(shí)掃描頂層窗口的方式來控制進(jìn)程,這并不是最優(yōu)的解決方式。另外,該軟件通過獲取窗口類名和窗口標(biāo)題來區(qū)別軟件信息,一少部分軟件特別是系統(tǒng)程序僅通過這兩項(xiàng)很難理解其是什么軟件,需要通過查閱資料才能了解。但目前,用已知的方式對此改進(jìn),需要大量的數(shù)據(jù)處理。我們將繼續(xù)研究,尋找更好的解決辦法。

參考文獻(xiàn)(References):

[1] 姚領(lǐng)田.精通MFC程序設(shè)計(jì)[M].人民郵電出版社,2006.

[2] 施煒,李錚,秦潁.Windows Sockets 規(guī)范及應(yīng)用-Windows網(wǎng)

絡(luò)編程接口[M].電子工業(yè)出版社,1996.

[3] 劉浩.Visual C++ SQL Server 數(shù)據(jù)庫應(yīng)用實(shí)例完全解析[M].

人民郵電出版社,2006.

[4] 袁翔.Visual C++實(shí)踐與提高系列叢書――網(wǎng)絡(luò)編程篇[M].

人民鐵道出版社,2001.

[5] 王珊.數(shù)據(jù)庫系統(tǒng)概論[M].高等教育出版社,2006.

第3篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

關(guān)鍵詞:iOS;Windows10 mobile;Smartisan OS;易用性;扁平化;擬物化;

圖標(biāo)設(shè)計(jì)

檢索:.cn

中圖分類號:J0 文獻(xiàn)標(biāo)志碼:A 文章編號:1008-2832(2016)04-0044-03

一、操作系統(tǒng)簡介及對比版本介紹

首先,iOS是由蘋果公司開發(fā)的移動(dòng)操作系統(tǒng)。蘋果公司最早于2007年1月9日的Macworld大會(huì)上,最初是設(shè)計(jì)給iPhone使用的,后來陸續(xù)套用到iPod touch、iPad以及Apple TV等產(chǎn)品上。

其次,Windows Phone(簡稱WP)是微軟于2010年10月21日正式的一款手機(jī)操作系統(tǒng)?;赪indows CE內(nèi)核,采用了一種稱為Metro的用戶界面(UI),并將微軟旗下的Xbox Live游戲、Xbox Music音樂與獨(dú)特的視頻體驗(yàn)集成至手機(jī)中。

最后,Android是Google公司于2007年11月5日宣布的基于Linux平臺的開源手機(jī)操作系統(tǒng)。由于Android是開源手機(jī)操作系統(tǒng),允許其他廠商免費(fèi)使用,所以終端廠商可以在其基礎(chǔ)上做一些修改來達(dá)到自身的一些目的。根據(jù)對操作系統(tǒng)修改的程度,可以分為一般的定制和深度定制。不論一般定制還是深度定制,只要兼容原生Android原生應(yīng)用,通常我們稱都稱這類操作系統(tǒng)為Android系統(tǒng)。

根據(jù)NetMarketShare最新的數(shù)據(jù)顯示:Android市場份額位列第一,達(dá)到了53.54%,而iOS緊隨其后,市場份額有38.58%,第三大手機(jī)系統(tǒng)則是windows Phone,雖然市占率只有2.48%,但發(fā)展?jié)摿Σ蝗菪∮U。

本文將分別選取iOS 9 2、Windows 10 mobile和Smartisan OS 2.5這三個(gè)操作系統(tǒng)對其圖標(biāo)設(shè)計(jì)進(jìn)行對比分析。iOS 9.2、Windows 10 mobile分別是蘋果公司和微軟公司到目前為止的最新手機(jī)操作系統(tǒng),而在Android陣營中選取Smartisan OS 5.2的理由是:―方面Smartisan OS是基于Android深度定制的操作系統(tǒng),另一方面Smartisan OS以其出色的界面設(shè)計(jì)獲得了國際上的廣泛認(rèn)可,其中包括iF設(shè)計(jì)大獎(jiǎng)金獎(jiǎng)??傊甋martisan OS更能擔(dān)當(dāng)Android開源模式下深度定制的典范。

二、圖標(biāo)設(shè)計(jì)的整體風(fēng)格對比

(一)扁平化圖標(biāo)設(shè)計(jì)的代表iOS 9.2

2013年9月11日,回歸極簡風(fēng)格設(shè)計(jì)的iOS 7.0一經(jīng)面世便引來社會(huì)大眾的高度關(guān)注,瞬間“扁平化設(shè)計(jì)”這個(gè)敏感的詞匯被推到了風(fēng)口浪尖,扁平化風(fēng)格作為設(shè)計(jì)潮流以不可抵擋之勢在界面設(shè)計(jì)領(lǐng)域蔓延開來。蘋果將這種風(fēng)格一直延續(xù)到今天的i0S 9.2。

扁平化作為一種設(shè)計(jì)風(fēng)格是在智能手機(jī)高速普及,同時(shí)擬物化設(shè)計(jì)風(fēng)格被普遍應(yīng)用的情況下出現(xiàn)的,這樣的設(shè)計(jì)風(fēng)格無疑在一定程度上解決了人們對擬物化設(shè)計(jì)的審美疲勞。

扁平化設(shè)計(jì)追求簡約,通常采用鮮艷明亮的單塊,結(jié)合iOS圖標(biāo)一貫的圓角矩形輪廓,給人一種光滑、整潔、華麗以及充滿現(xiàn)代感的全新體驗(yàn)。(圖1)

(二)Windows 10 mobile的極簡單色圖標(biāo)

Windows 10 mobile的界面設(shè)計(jì)風(fēng)格無疑是三大操作系統(tǒng)中最具特色的。Windows 10 mobile使用簡單的特效,或者無特效來創(chuàng)建的設(shè)計(jì)方案,它不包含三維屬性,諸如投影、斜面、浮雕、漸變等特效都不會(huì)在設(shè)計(jì)中使用。首先系統(tǒng)自帶應(yīng)用全部都以單色圖形呈現(xiàn),其次對部分常用第三方應(yīng)用圖標(biāo)微軟也推出了相應(yīng)的單色圖形圖標(biāo)。同時(shí)大量的第三方應(yīng)用則以原本的彩色形式呈現(xiàn)。這樣的圖標(biāo)呈現(xiàn)方式在其獨(dú)特性的背后隱藏著不可忽視的問題,即單色的圖標(biāo)與彩色的圖標(biāo)同時(shí)存在,由于缺乏整體規(guī)范性以及統(tǒng)一性在視覺上給人一種雜亂無章的體驗(yàn)。(圖2)

關(guān)于圖標(biāo)風(fēng)格的一致性,由于Windows 10 mobile主要采取極簡的單色圖標(biāo)設(shè)計(jì)風(fēng)格,這樣在保持圖標(biāo)整體風(fēng)格的一致性方面就面臨著巨大的難題。雖然微軟可以把部分相對常用的應(yīng)用簡化為單色應(yīng)用,但是對于一些第三方應(yīng)用圖標(biāo)來說,由于原本圖標(biāo)是由多重色彩繪制而成,同時(shí)結(jié)構(gòu)復(fù)雜,以至于無法簡化為單色圖標(biāo)(圖3)。除非重新繪制全新的單色圖標(biāo),這樣一來,圖標(biāo)原有的含義以及應(yīng)用的換平臺可識別性就會(huì)受到嚴(yán)重影響。所以結(jié)果就是Windows 10 mobile無法保持圖標(biāo)設(shè)計(jì)風(fēng)格的一致性。

(三)擬物化圖標(biāo)設(shè)計(jì)的典范Smartisan OS 2.5

在數(shù)字界面領(lǐng)域里,擬物化設(shè)計(jì)起源于圖形界面(GUI)的視覺隱喻(Visual Metaphor)。往往指幾面設(shè)計(jì)模仿現(xiàn)實(shí)物質(zhì)世界中的事物,以使其外觀讓人感覺熟悉和親切。

Smartisan OS的圖標(biāo)設(shè)計(jì)屬于典型的擬物化設(shè)計(jì),即通過模擬現(xiàn)實(shí)世界的物質(zhì)的形態(tài)與質(zhì)感,加上陰影、材質(zhì)紋理等信息,最大化的將真實(shí)世界反應(yīng)在圖標(biāo)設(shè)計(jì)中。

由于近年來,產(chǎn)生了許多過分強(qiáng)調(diào)細(xì)節(jié)而違背交互設(shè)計(jì)要求的擬物化產(chǎn)品,使大眾對擬物化產(chǎn)生了一定的誤解,覺得擬物化風(fēng)格便是繁瑣、立體的,甚至認(rèn)為擬物化一定會(huì)被扁平化的設(shè)計(jì)風(fēng)格所取代。但擬物作為一種設(shè)計(jì)風(fēng)格,使用與否應(yīng)該由產(chǎn)品、環(huán)境以及用戶需求決定,而非一味否定。

單從設(shè)計(jì)風(fēng)格來講,同樣是擬物化設(shè)計(jì)的圖標(biāo),根據(jù)設(shè)計(jì)師水準(zhǔn)的高下,結(jié)果也會(huì)呈現(xiàn)好壞之分。但總的來說,由于Smartisan OS的擬物化圖標(biāo)設(shè)計(jì)還原了現(xiàn)實(shí)世界的物質(zhì)形態(tài),細(xì)膩的、精心設(shè)計(jì)的圖標(biāo)總會(huì)讓用戶感到熟悉、親切甚至?xí)幸欢ǖ娜の缎?。(圖4)

由于當(dāng)今主流的圖標(biāo)設(shè)計(jì)風(fēng)格是扁平化,那么如何確保系統(tǒng)中眾多的第三方應(yīng)用的圖標(biāo)能夠統(tǒng)一為擬物化設(shè)計(jì)風(fēng)格呢?Smartisan OS的解決辦法是:由設(shè)計(jì)師專門為特定的應(yīng)用繪制擬物化風(fēng)格的圖標(biāo),在保證常用應(yīng)用圖標(biāo)一致為擬物化風(fēng)格的基礎(chǔ)上,對小眾應(yīng)用SmartisanOS中提供了一批普適性圖標(biāo),以替換第三方應(yīng)用的原廠圖標(biāo),從而確保Smartisan OS圖標(biāo)風(fēng)格的一致性。這些擬物化的普適性圖標(biāo)包括游戲、金融理財(cái)、鈴聲壁紙、社交通訊、學(xué)習(xí)教育、書刊閱讀、生活實(shí)用、兒童母嬰、系統(tǒng)工具、商務(wù)辦公、交通出行、影音圖像以及其他等13個(gè)類別,每個(gè)類別中都有一定數(shù)量的喜歡圖標(biāo)可供選擇。這樣,Smartisan OS圖標(biāo)設(shè)計(jì)風(fēng)格的一致性就得到了基本保證。(圖5)

三、從易用性角度對比

(一)iOS 9.2扁平化圖標(biāo)的弊端

1圖標(biāo)的抽象表達(dá)必然會(huì)舍去一定的信息,而圖標(biāo)信息量減少,用戶的識別成本便會(huì)增加。用戶不是天生就會(huì)使用手機(jī),圖標(biāo)識別成本的增加,有時(shí)會(huì)變成用戶體驗(yàn)質(zhì)量的下降。尤其對于某些特定的群體。例如在商務(wù)人士重視效率的前提下,不得不花額外的時(shí)間來理解與記憶一個(gè)陌生的圖標(biāo)時(shí),這會(huì)讓他們感到一定的繁瑣。而高齡群體試圖去理解一個(gè)抽象圖標(biāo)的含義時(shí)又會(huì)遇到一定的障礙。

比如同樣的相冊應(yīng)用,iOS 9.2中經(jīng)扁平化設(shè)計(jì)、抽象處理后的相冊應(yīng)用圖標(biāo)與Smartisan OS 2.5中擬物化設(shè)計(jì)、真實(shí)的還原相片堆疊時(shí)形態(tài)的相冊應(yīng)用圖標(biāo)相比,顯然后者更容易被識別。(圖6)

2扁平化的布局淡化了按鈕圖標(biāo)的邊界與布局,用戶不確定點(diǎn)按的范圍,即便點(diǎn)對了,也不會(huì)形成明確的反饋,這樣用戶在使用的過程中就缺失了一定的類似“手機(jī)在我的掌控之中”的踏實(shí)感。

(二)Windows 10 mobile單色圖標(biāo)存在的易用性問題

1單色的圖標(biāo)已然在很大程度上削減了圖標(biāo)的信息量,這樣信息量的極度減少,必然導(dǎo)致識別成本的急劇增加。甚至導(dǎo)致出現(xiàn)圖標(biāo)存在意義的缺失:人們不再通過圖標(biāo),而是通過圖標(biāo)旁邊的圖標(biāo)名稱來識別特定應(yīng)用。在Windows 10 mobile中,一些圖標(biāo)為了追求極致的簡約,導(dǎo)致的結(jié)果是圖標(biāo)過于抽象,以至于用戶很難將之與應(yīng)用內(nèi)容建立聯(lián)系。(圖7)

2.從人類的生理角度來講,人們習(xí)慣通過顏色來尋找東西,正如圖書館的一些書籍會(huì)按顏色分類排放,再比如在印度的一些學(xué)校外面,學(xué)生按照顏色排列脫下的鞋,以便之后能夠通過顏色快速的找到。在這樣的前提下,如果用戶想根據(jù)圖標(biāo)的顏色來快速的找到特定應(yīng)用的話,單色的圖標(biāo)設(shè)計(jì)就喪失了提供便利的可能。比如我們想到微信的時(shí)候,腦海里會(huì)呈現(xiàn)一個(gè)綠色的圖標(biāo),想到淘寶的時(shí)候腦海里呈現(xiàn)的是一個(gè)橘黃色的圖標(biāo),而這些顏色特征在Windows 10 mobile中全部被抹去,取而代之的是一律呈現(xiàn)白色。這樣的圖標(biāo)設(shè)計(jì)意味著每一個(gè)圖標(biāo)的“個(gè)性”的消失,接下來便是用戶尋找圖標(biāo)的困難,最終導(dǎo)致的是易用性的降低以及體驗(yàn)的下降。(圖8)

(三)Smartisan OS擬物化圖標(biāo)設(shè)計(jì)的優(yōu)勢

Smartisan OS的擬物化風(fēng)格通過模擬現(xiàn)實(shí)世界的物質(zhì)的形態(tài)與質(zhì)感,加上陰影、材質(zhì)紋理等信息,最大化的將真實(shí)世界反應(yīng)在界面設(shè)計(jì)中。出色的擬物化設(shè)計(jì)能夠提供足夠多的有用信息來反應(yīng)應(yīng)用的內(nèi)容,提高了圖標(biāo)的可識別性,加上能夠很好的喚起用戶對于真實(shí)世界的聯(lián)想,最終用戶能夠很快的理解圖標(biāo)的含義,從而降低了學(xué)習(xí)成本和使用心理負(fù)擔(dān)。

即便第一次使用智能手機(jī)的用戶在看到Smartisan OS中經(jīng)過重新繪制的淘寶應(yīng)用的圖標(biāo)之后也能夠基本確定這個(gè)應(yīng)用是用來購物的。購物袋上寫一個(gè)“淘”字,結(jié)合淘寶網(wǎng)的主題色橙色,已經(jīng)傳遞給用戶足夠多的必要信息。(圖9)

四、結(jié)語

第4篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

編寫課件腳本是課件開發(fā)過程中,從面向教學(xué)策略的設(shè)計(jì)到面向計(jì)算機(jī)軟件實(shí)現(xiàn)的一個(gè)過渡,是溝通教學(xué)設(shè)計(jì)與課件制作的一個(gè)橋梁。教師在編寫前、編寫中、編寫后須做好哪些功課呢?

一、編寫前的功課

1.了解課程的性質(zhì)和特征。不同的課程會(huì)有不同的特征,在教學(xué)設(shè)計(jì)和課件制作時(shí)也會(huì)有所不同。這就要求課件腳本編寫者對課程特征要有所了解。了解的渠道可以從新課程的理論知識和各課程的教材等方面來進(jìn)行。如在課改實(shí)驗(yàn)中,語文課程積極倡導(dǎo)自主、合作、探究的學(xué)習(xí)方式,努力建設(shè)開放而有活力的課堂;數(shù)學(xué)課程倡導(dǎo)動(dòng)手實(shí)踐、自主探索與合作交流的學(xué)習(xí)方式,努力建設(shè)生動(dòng)活潑的、主動(dòng)的和富有個(gè)性的課堂。編寫課件腳本時(shí)就要根據(jù)不同課程的特征和性質(zhì)來選擇制作課件的類型:是以動(dòng)畫為主,還是以圖形展示為主;是以練習(xí)為主,還是以資料拓展為主。只有明確了主次,才能為課件制作者選擇合適的制作媒體指明方向。

2.了解教學(xué)設(shè)計(jì)。課件是為教學(xué)服務(wù)的。為了讓課件能在教學(xué)過程中起到應(yīng)有的作用,腳本設(shè)計(jì)者必須對教學(xué)設(shè)計(jì)中的教材內(nèi)容、教學(xué)目標(biāo)、教學(xué)過程有個(gè)詳細(xì)了解。只有了解了整個(gè)教學(xué)設(shè)計(jì)及教學(xué)過程,才能在腳本中設(shè)計(jì)出有助于突破教學(xué)重點(diǎn)難點(diǎn)的精彩片段。如筆者在編寫《五彩池》這一課件的腳本時(shí),先與執(zhí)教教師一起交流探討,知道文中的重點(diǎn)和難點(diǎn)是五彩池五彩的原因。要解決這個(gè)重點(diǎn)和難點(diǎn),用一般的解說是很難講清楚的。如果在課件中設(shè)置一個(gè)光的折射原理界面,化抽象為具體,難點(diǎn)就迎刃而解了。于是,筆者在腳本編寫中加入了這樣一個(gè)界面:三棱鏡折射七色光的動(dòng)畫慢鏡頭。結(jié)果,上課教師反饋據(jù)此腳本制作的課件運(yùn)用到課堂教學(xué)中,收到了較好的輔助教學(xué)效果。

3.了解學(xué)生。學(xué)生是學(xué)習(xí)的主體,不同年齡段的學(xué)生,生理和心理特征有明顯的差異。教師不僅要在教學(xué)設(shè)計(jì)時(shí)對學(xué)生進(jìn)行特征分析,在編寫課件腳本前還要結(jié)合編寫課件腳本的要求了解學(xué)生的需求。如低年級的學(xué)生對事物的理解偏于感性認(rèn)識,喜歡一些色彩艷麗且童話故事性強(qiáng)的事物;而高年級的學(xué)生對事物的認(rèn)識就漸漸偏于理性化了,如果在編寫課件腳本前對此有了一定了解,就會(huì)有針對性地編寫。比如,在編寫低年級課件時(shí)可少用大段的文字界面而多用些故事性強(qiáng)的圖片和動(dòng)畫來吸引學(xué)生的注意,激發(fā)他們的學(xué)習(xí)興趣。

另外,編寫課件腳本還應(yīng)該了解一些課件資源的常識,如某一個(gè)界面、某一種設(shè)計(jì)用哪一種媒體來制作更合適,可以從哪些方面搜集可用的資源等。

二、編寫時(shí)的功課

1.選擇恰當(dāng)?shù)木帉懜袷健>帉懚嗝襟w課件腳本有不同的格式,各種格式都有其優(yōu)缺點(diǎn)。卡片式形象直觀,敘述簡潔,但交互性不是很明顯,比較適合于課件制作專業(yè)人員用;文字式敘述詳細(xì),但文字太多,無法讓人一目了然,比較適合課件制作新手;表格式結(jié)合了卡片式和文字式的優(yōu)點(diǎn),但如果制作者是新手的話,用起來還是不那么得心應(yīng)手。所以,編寫課件時(shí),我們應(yīng)該根據(jù)課件制作者的情況來選擇合適的編寫格式。

2.完整呈現(xiàn)課件內(nèi)容。不管你選擇了哪種格式編寫課件腳本,都要注意把課件內(nèi)容敘述詳盡、完整,如,哪個(gè)界面中要呈現(xiàn)哪種音響效果,放置哪些類型的圖片和動(dòng)畫,在哪兒創(chuàng)建熱字鏈接等。只有這些內(nèi)容敘述詳盡、完整了,課件制作者才能根據(jù)敘述搜集合適的資源,制作能收到預(yù)期效果的課件。

3.清晰表述課件說明。課件內(nèi)容在每一個(gè)界面中都有了清楚的敘述,每個(gè)內(nèi)容在課件中如何配合,如何使用,內(nèi)容之間的交互關(guān)系等在課件腳本中也必須有清楚明白的說明。如:每一個(gè)界面中的文字、圖片、動(dòng)畫在何時(shí)呈現(xiàn),何時(shí)退出,用哪種過渡效果,怎樣操作鼠標(biāo)等,在課件說明中都要一一說明。否則,課件制作時(shí)難以根據(jù)需要進(jìn)行合理設(shè)計(jì),結(jié)果為了統(tǒng)一或減少麻煩,往往將課件的每個(gè)界面設(shè)計(jì)統(tǒng)一化。這就使設(shè)計(jì)顯得單一、呆板。

4.靈活設(shè)計(jì)交互。課件內(nèi)容和使用說明都有了清楚的交代,但這時(shí)依據(jù)這些內(nèi)容制作出來的課件還只是一個(gè)個(gè)單一的界面,就像一盤散沙。這時(shí),需要有一根線把它們串起來。這根線就是界面的交互關(guān)系。只有界面交互關(guān)系理清楚了,課件制作者才能把整個(gè)課件鏈接起來。當(dāng)然,這種交互要盡量設(shè)計(jì)簡便、靈活,并加上操作提示,執(zhí)教者才能在課上操作自如。除了界面交互,還要適當(dāng)加入人機(jī)交互。在具體編寫時(shí),既可以安排學(xué)生上臺操作回答,也可在學(xué)生回答后由教師操作。

三、編寫后的功課

1.附上設(shè)計(jì)意圖。為了讓制作者更準(zhǔn)確把握課件腳本的編寫意圖,制作一個(gè)高效的課件,可以在課件腳本后附上設(shè)計(jì)意圖,把為什么要編寫此課件腳本,打算如何使用此腳本制作課件,想達(dá)到何種效果作簡略說明。

第5篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

關(guān)鍵詞:網(wǎng)頁設(shè)計(jì)平面視覺元素色彩文字圖片

中圖分類號:TP393.092 文獻(xiàn)標(biāo)識碼:A 文章編號:1007-9416(2012)07-0251-01

隨著時(shí)代的發(fā)展,網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一項(xiàng)技術(shù),網(wǎng)頁的藝術(shù)設(shè)計(jì)日益被網(wǎng)站建設(shè)者所注重。網(wǎng)頁藝術(shù)設(shè)計(jì)是藝術(shù)與技術(shù)的調(diào)試統(tǒng)一,它包括視聽元素與版式設(shè)計(jì)兩項(xiàng)內(nèi)容。而Photoshop在網(wǎng)頁版面設(shè)計(jì)、網(wǎng)頁效果圖制作上有著不可替代的地位。

網(wǎng)頁設(shè)計(jì)作為一種新興的大眾信息傳播方式,它能綜合運(yùn)用文本、圖像、聲音、動(dòng)畫和視頻等元素來傳遞信息和內(nèi)容,具有豐富的多媒體表現(xiàn)與互動(dòng)的特點(diǎn)。好的網(wǎng)頁設(shè)計(jì)除首先應(yīng)考慮其內(nèi)容上的精益求精外,其次就是對內(nèi)容合理有效的視覺編排。視覺元素不僅是為了滿足使用者的需求,更重要的是創(chuàng)造一種愉悅的視覺環(huán)境,使他們有一種全身心的享受與共鳴。

在設(shè)計(jì)一個(gè)網(wǎng)頁之前,先要考慮這個(gè)網(wǎng)站的瀏覽者是哪一個(gè)人群。醫(yī)院的網(wǎng)站和娛樂網(wǎng)站的目標(biāo)瀏覽者是不同的,相應(yīng)的設(shè)計(jì)要求當(dāng)然也就會(huì)有所不同。

1、網(wǎng)頁頁面版式

網(wǎng)頁版式大致可以為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型和變化型等。

1.1 “國”字型

它是一些大型網(wǎng)站所喜歡的類型。即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來就是網(wǎng)站的主要內(nèi)容。左右分列一些小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式和版權(quán)聲明等。這種結(jié)構(gòu)幾乎是網(wǎng)上使用最多一種結(jié)構(gòu)類型。

1.2 左右框架型

這是一種左右為兩頁的框架結(jié)構(gòu),一般來說左面是導(dǎo)航鏈接,有時(shí)最上面會(huì)有一個(gè)小的標(biāo)題或標(biāo)志,右面是正文。我們見到的大部分的大型論壇都是這種結(jié)構(gòu)的,有一些企業(yè)網(wǎng)站也喜歡采用。這種類型的結(jié)構(gòu)非常清晰,一目了然。

1.3 Flash型

其實(shí)這與封面型結(jié)構(gòu)是類似的,只是這種類型采用了目前非常流行的Flash。由于Flash具有強(qiáng)大的功能,所以頁面所表達(dá)的信息更豐富。其視覺效果及聽覺效果如果處理得當(dāng),絕不差于傳統(tǒng)的多媒體。

2、圖像顏色和色調(diào)調(diào)整

Photoshop的圖像色彩處理功能是非常強(qiáng)大的,可以模擬傳統(tǒng)攝影中使用不同類型的膠片或鏡頭濾鏡在照片中實(shí)現(xiàn)某種顏色和色調(diào)的效果。并可以調(diào)整和矯正顏色及色調(diào)存在問題的圖片。

它提供了兩種方式進(jìn)行圖像的顏色和色調(diào)調(diào)整,一種是選取“圖像”/“調(diào)整”菜單;另一種是在“圖層”面板上單擊下方的“創(chuàng)建新的填充戒調(diào)整圖層”,在彈出的快捷菜單中進(jìn)行選擇。

2.1 色彩的視覺影響

色彩為第一視覺語言,具有影響人們心理、喚起人們感情的作用,甚至能左右人們的感情和行動(dòng)。

(1)可以傳達(dá)意念,表達(dá)某種確切的含義。如交通燈上的紅色表示停止,綠色表示放行,這已成為人們所了解和承認(rèn)的一種視覺語言。(2)色彩有明顯的影響情緒的作用。不同的色彩可以表現(xiàn)不同的情感。(3)色彩有使人增強(qiáng)識別記憶的作用。如天空的藍(lán)色,國旗的紅色,都成為人們記憶、識別事物的標(biāo)準(zhǔn)色。(4)彩色畫面更具有真實(shí)感,能充分地表現(xiàn)對象的色彩、質(zhì)感和量感。(5)色彩能增強(qiáng)畫面的感染力。彩色比黑、白和灰色更能刺激視覺神經(jīng)。具有良好色彩構(gòu)成的設(shè)計(jì)作品能強(qiáng)烈地吸引消費(fèi)者的注意力,增強(qiáng)藝術(shù)魅力。

2.2 色彩設(shè)置

顏色模型確定各值之間的關(guān)系,色彩空間將這些值的絕對含義定義為顏色。某些顏色模型有固定的色彩空間,因?yàn)樗鼈冎苯优c人類識別顏色的方法有關(guān)。這些模型被視為與設(shè)備無關(guān)。其他的一些顏色模型可能具有許多不同的色彩空間。由于這些模型因每個(gè)相關(guān)的色彩空間或設(shè)備而異,因此它們被視為與設(shè)備相關(guān)。

3、文字選擇

編排網(wǎng)頁上的文字信息時(shí)需要考慮字體、字號、字符間距和行間距、段落版式及段間距等許多要素。從美學(xué)的觀點(diǎn)看,既保證網(wǎng)頁整體視覺效果的和諧、統(tǒng)一,又保證所有文字信息的醒目和易于識別,這是評價(jià)文字選擇工作的最高標(biāo)準(zhǔn)。

“對比”是另一個(gè)設(shè)計(jì)和編排文字信息時(shí)必須考慮的問題。不同的字體、不同的字號、不同的文字顏色、不同的字符間距,在視覺效果上都可以形成強(qiáng)烈的對比。精心設(shè)計(jì)的文字對比可以為網(wǎng)頁空間增添活力,而過于泛濫的對比因素也會(huì)讓整個(gè)網(wǎng)頁混亂不堪。

4、圖片的選擇

在選擇圖片時(shí)要記住,大多數(shù)人還是通過最高連接速度為56kbit/s的“貓”上網(wǎng)的。而為了瀏覽一個(gè)頁面,耐心地等待幾分鐘的人實(shí)際上是很少的,應(yīng)努力使每一個(gè)頁面小于50~75KB。盡量把GIF和JPEG圖片壓縮后再加入到網(wǎng)頁中。如果準(zhǔn)備在站點(diǎn)中放置高質(zhì)量的圖片,那么最好設(shè)計(jì)兩個(gè)版本,一個(gè)為高質(zhì)量,另一個(gè)為低質(zhì)量,這樣就能使不同的瀏覽者有一個(gè)最佳選擇。

在網(wǎng)頁中使用圖片時(shí),還需要考慮美學(xué)和技術(shù)兩個(gè)方面的問題。首先,圖片的色彩、形狀、風(fēng)格等一定要與網(wǎng)頁的整體風(fēng)格相適應(yīng),圖片所要傳達(dá)理念或信息內(nèi)容應(yīng)當(dāng)盡可能地清晰、準(zhǔn)確——這是美學(xué)方面的考慮。其次,網(wǎng)頁設(shè)計(jì)師必須知道二值、灰度、256色及真彩色圖片之間的差異,懂得矢量圖片和點(diǎn)陣圖片各自的優(yōu)缺點(diǎn),并盡量優(yōu)化圖片的比特大小以減少網(wǎng)頁的傳輸時(shí)間——這是技術(shù)方面考慮的。只有在美學(xué)和技術(shù)兩個(gè)方面都讓人們滿意的圖片,才有資格出現(xiàn)在網(wǎng)頁的整體設(shè)計(jì)中。

5、結(jié)語

綜上所述,本文主要是通過對網(wǎng)頁設(shè)計(jì)中視覺元素應(yīng)用的研究,提出根據(jù)視覺元素的運(yùn)用規(guī)律及其所引起的情感因素來創(chuàng)新的思路,打破傳統(tǒng)框架的束縛,更好地提高國內(nèi)網(wǎng)頁設(shè)計(jì)的水平。網(wǎng)頁界面設(shè)計(jì)屬于視覺傳達(dá)的領(lǐng)域,故而網(wǎng)頁界面設(shè)計(jì)的主要視覺元素和設(shè)計(jì)指導(dǎo)原則都要遵循視覺傳達(dá)的一般規(guī)律。

參考文獻(xiàn)

[1]葉華.Photoshop CS5中文版多功能教材[M].北京:電子工業(yè)出版社,2011.04.

[2]趙武.Photoshop CS5圖像處理實(shí)例教程--從入門到精通[M].北京:機(jī)械工業(yè)出版社,2011.10.

[3]李金明.中文版Photoshop CS4數(shù)碼攝影后期處理完全自學(xué)教程[M].北京:人民郵電出版社,2012.01.

第6篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

【關(guān)鍵詞】學(xué)習(xí)資源;JavaFX RJA;桌面富客戶端;MASHUP

【中圖分類號】G40-057 【文獻(xiàn)標(biāo)識碼】A 【論文編號】1009-8097(2013)07-0090-05

引言

學(xué)習(xí)資源是學(xué)習(xí)者學(xué)習(xí)的對象,在學(xué)習(xí)中起重要的支撐作用,是學(xué)習(xí)者增進(jìn)知識、發(fā)展能力必要的外部條件。在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境中,如何獲取和管理學(xué)習(xí)者所需要的學(xué)習(xí)資源一直是教育者與學(xué)習(xí)者共同關(guān)注的熱點(diǎn)及難點(diǎn)問題。本文在總結(jié)常用學(xué)習(xí)資源獲取技術(shù)與Mashup學(xué)習(xí)資源獲取技術(shù)優(yōu)缺點(diǎn)的基礎(chǔ)上,進(jìn)一步深入的探討了如何利用JavaFX RIA框架技術(shù),設(shè)計(jì)開發(fā)具備學(xué)習(xí)資源整合檢索、檢索結(jié)果整理與匯聚、檢索結(jié)果快捷瀏覽等功能的桌面學(xué)習(xí)資源獲取MASHUP富客戶端。

一 常用的學(xué)習(xí)資源獲取技術(shù)

1 搜索引擎

在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境下,大多數(shù)學(xué)習(xí)者習(xí)慣利用搜索引擎進(jìn)行學(xué)習(xí)資源的檢索與獲取。利用搜索引擎幾乎是學(xué)習(xí)者在互聯(lián)網(wǎng)上進(jìn)行學(xué)習(xí)資源檢索首選方式或唯一方式。其原因主要是該種方式操作簡單、方便快捷。但這種檢索方式還存在以下缺點(diǎn):一是檢索結(jié)果數(shù)量巨大,篩選困難。如在百度(http://)網(wǎng)站上輸入檢索詞“心理學(xué)”,檢索結(jié)果達(dá)到l億以上。在這1億多條記錄中找到學(xué)習(xí)者需要的學(xué)習(xí)資源幾乎是無法完成的任務(wù)。因此利用搜索引擎進(jìn)行學(xué)習(xí)資源的檢索,還需要學(xué)習(xí)者不斷的學(xué)習(xí)和積累搜索引擎檢索的知識和技巧。二是搜索引擎無法實(shí)現(xiàn)目標(biāo)網(wǎng)站的內(nèi)容查詢。搜索引擎只能檢索Web索引網(wǎng)頁和Web數(shù)據(jù)庫里面的其他文件類型,包括PDF、DOC、PPT等類型文件。對于網(wǎng)站后臺的資源數(shù)據(jù)庫則無法實(shí)現(xiàn)有效檢索。

2 網(wǎng)站檢索

互聯(lián)網(wǎng)上的學(xué)習(xí)資源網(wǎng)站十分豐富,并各具特色。主要包括電子書、教學(xué)課件、教學(xué)音頻視頻、學(xué)術(shù)性期刊、學(xué)位論文、試題庫、專家?guī)?、網(wǎng)絡(luò)課程等。通過專業(yè)的學(xué)習(xí)資源網(wǎng)站,學(xué)習(xí)者可以獲得許多學(xué)術(shù)性較強(qiáng)的各種資源,但是由于各學(xué)習(xí)網(wǎng)站實(shí)力、商業(yè)利益和版權(quán)等諸多因素的限制,學(xué)習(xí)網(wǎng)站在學(xué)習(xí)資源建設(shè)上只能是偏重某一個(gè)方面。這種情況,給學(xué)習(xí)者在學(xué)習(xí)資源查找和獲取等方面帶來了許多負(fù)擔(dān)。學(xué)習(xí)者為了獲取自己需要的學(xué)習(xí)資源,不但要收集、管理數(shù)十個(gè)、甚至上百個(gè)不同網(wǎng)站的書簽,還要花費(fèi)大量的時(shí)間在眾多不同的網(wǎng)站上依次查詢。

3 社會(huì)軟件

論壇、學(xué)習(xí)社區(qū)、QQ群等社會(huì)軟件也是學(xué)習(xí)者獲取學(xué)習(xí)資源的重要途徑。具有共同學(xué)習(xí)目標(biāo)的學(xué)習(xí)者可以形成學(xué)習(xí)共同體,他們不但可以通過社會(huì)軟件交流學(xué)習(xí)經(jīng)驗(yàn)、咨詢解答各種學(xué)習(xí)上遇到的問題,還可以分享各自的學(xué)習(xí)資源、學(xué)習(xí)成果(作品)等。通過社會(huì)軟件這種方式獲取學(xué)習(xí)資源優(yōu)點(diǎn)是針對性、適用性比較強(qiáng),缺點(diǎn)是學(xué)習(xí)資源相對零散、缺乏組織,而且系統(tǒng)性、完整性不高。

二 基于RIA的MASHUP學(xué)習(xí)資源獲取技術(shù)

混搭(Mashup)是一種新型的基于Web的數(shù)據(jù)集成應(yīng)用程序。傳統(tǒng)上,Mashup源于流行音樂,是一種音樂類型,也被稱為bastard pop,指的是藝術(shù)家組合或者混合兩首不同的歌曲(通常屬于不同的流派)的音樂和歌詞來創(chuàng)作新的歌曲。其概念后來被逐漸引申到計(jì)算機(jī)應(yīng)用中,維基百科的說法:Mashup混搭(互聯(lián)網(wǎng))是一種網(wǎng)絡(luò)聚合應(yīng)用,有一個(gè)或者多個(gè)信息源整合起來的網(wǎng)站或者網(wǎng)絡(luò)應(yīng)用。由此可見,Mashup是合并多個(gè)源的信息和服務(wù)的網(wǎng)頁或網(wǎng)站。一個(gè)熟知的Mashup典型范例是,該網(wǎng)站合并了Google的地圖服務(wù)和的公寓租售信息,包括與住宅購買數(shù)據(jù)相結(jié)合,創(chuàng)建了一種交互式的房屋搜索工具。

1 Mashup的分類及典型應(yīng)用

按照數(shù)據(jù)整合的形式,Mashup可以分為整合型融匯(Mashups by integration)與聚合型融匯(Mashups byaggregation)兩種(Mohanmed等。整合型融匯即數(shù)據(jù)層及功能層融匯,是指從不同來源中獲取數(shù)據(jù),并通過APIs整合形成更復(fù)雜的應(yīng)用,其中涉及到數(shù)據(jù)獲取、數(shù)據(jù)融合等技術(shù)。由于數(shù)據(jù)源具有不同的類型,例如數(shù)據(jù)庫、Web服務(wù)(SOAP/REST)、RSS/Atom Feeds,因此從分布式資源中獲取數(shù)據(jù)時(shí)要采用不同的技術(shù),包括Web Feed技術(shù)、API調(diào)用技術(shù)、屏幕抓取技術(shù)。數(shù)據(jù)獲取之后,還要對這些格式各異的數(shù)據(jù)進(jìn)行相關(guān)處理,包括數(shù)據(jù)轉(zhuǎn)換、映射、過濾、連接、排序等,最后構(gòu)建出新的綜合性數(shù)據(jù)對象。以上各種操作對用戶提出了較高的編程要求,為了降低用戶的門檻,一些機(jī)構(gòu)推出了用于數(shù)據(jù)融匯的工具,例如Yahoo!Pipes、GoogleMashuo Editor等等。

按照Mashup運(yùn)行的位置,可以分為服務(wù)器端和客戶端兩種。服務(wù)器端Mashup是將網(wǎng)站內(nèi)容與服務(wù)有機(jī)的結(jié)合成一體,接受用戶所有的委托服務(wù),并將運(yùn)算結(jié)果最終返回到用戶終端??蛻舳薓ashup是直接對服務(wù)器的服務(wù)及內(nèi)容提出要求,而無需通過委托服務(wù)。

Mashup典型的應(yīng)用主要是地圖Mashup、視頻和圖象Mashup、搜索和購物Mashup、新聞Mashup等。在網(wǎng)絡(luò)學(xué)習(xí)領(lǐng)域研究中,Mashup的應(yīng)用與研究主要集中在個(gè)人環(huán)境構(gòu)建中。外爾德(Wild,2008)等人進(jìn)一步提出了Mashup個(gè)人學(xué)習(xí)環(huán)境的概念。Mashup個(gè)人學(xué)習(xí)環(huán)境(Mashup Personal Learning Environment,MUPPLE)“是指利用Mashup技術(shù)聚合網(wǎng)絡(luò)中分布的資源及服務(wù),形成開放的、易用的、個(gè)性化的個(gè)人學(xué)習(xí)環(huán)境(PLE)”。學(xué)習(xí)者可以通過Mashup站點(diǎn)整合不同的資源或服務(wù)來生成新的服務(wù),構(gòu)建一種具有一站式體驗(yàn)的個(gè)人學(xué)習(xí)環(huán)境。

2 基于RIA的MASHUP學(xué)習(xí)資源獲取技術(shù)

富因特網(wǎng)應(yīng)用程序(Rich Intemet Applications,RIA)是開發(fā)MASHUP桌面客戶端的最佳解決方案。基于RIA的Mashup充分利用本地資源實(shí)現(xiàn)與遠(yuǎn)程服務(wù)的交互并給用戶帶來更為豐富體驗(yàn),與傳統(tǒng)基于瀏覽器方式訪問互聯(lián)網(wǎng)服務(wù)網(wǎng)站的方式相比更具有交互性和靈活性。富客戶端技術(shù)一般采用C/S結(jié)構(gòu),基于HTTP協(xié)議實(shí)現(xiàn)與遠(yuǎn)程服務(wù)器的數(shù)據(jù)通信,來實(shí)現(xiàn)數(shù)據(jù)交換、遠(yuǎn)程操作、數(shù)據(jù)聚合、數(shù)據(jù)整合等功能。

與常用的學(xué)習(xí)資源獲取技術(shù)相比,基于RIA的MASHUP學(xué)習(xí)資源獲取技術(shù)具有以下特點(diǎn):

(1)支持?jǐn)?shù)據(jù)整合

MASHUP的最基本特征就是實(shí)現(xiàn)不同網(wǎng)站內(nèi)容的聚合。富客戶端在實(shí)現(xiàn)匯聚不同學(xué)習(xí)資源的基礎(chǔ)上,還能夠利用本地計(jì)算機(jī)的信息處理能力,進(jìn)一步加工整理來自不同網(wǎng)站的學(xué)習(xí)資源數(shù)據(jù),從而達(dá)到數(shù)據(jù)層MASHUP不同學(xué)習(xí)資源的能力。通過對學(xué)習(xí)資源進(jìn)行必要的分析與整理,能夠更加方便學(xué)習(xí)者過濾冗余信息,從而快速定位所需學(xué)習(xí)資源。

(2)支持個(gè)性化

Mashup關(guān)注用戶的自我服務(wù)?;赗IA的MASHUP是完全個(gè)性化的,能夠幫助學(xué)習(xí)快速而精準(zhǔn)的獲取自身切實(shí)需要的學(xué)習(xí)資源。主要體現(xiàn)在兩個(gè)方面,一是學(xué)習(xí)者根據(jù)自身的學(xué)習(xí)目的、學(xué)習(xí)興趣、學(xué)習(xí)風(fēng)格自主選擇和配置目標(biāo)網(wǎng)站;二是學(xué)習(xí)者通過設(shè)置數(shù)據(jù)整合參數(shù),快速定位學(xué)習(xí)資源。

(3)開發(fā)難度低

雖然各學(xué)習(xí)資源網(wǎng)站數(shù)據(jù)結(jié)構(gòu)及元數(shù)據(jù)各異,但是許多網(wǎng)站都不同程度的提供了API接口(AJAX、REST、RSS/Atom等)。如豆瓣網(wǎng)提供了完全開放的基于OAuth2,0協(xié)議的授權(quán)訪問。開發(fā)者可以比較容易的利用API實(shí)現(xiàn)對遠(yuǎn)程服務(wù)學(xué)習(xí)資源的登陸、檢索、下載、更新等操作。

三 基于JAVAFX-RIA的桌面學(xué)習(xí)資源獲取MASHUP富客戶端的功能設(shè)計(jì)

桌面學(xué)習(xí)資源獲取富客戶端DEMO版(見圖1桌面學(xué)習(xí)資源獲取MASHUP富客戶端DEMO版)以北京萬方數(shù)據(jù)庫(http://.cn)、中國大學(xué)視頻公開課(http://)、中國人博客搜索引擎(http://)三個(gè)互聯(lián)網(wǎng)站為例進(jìn)行學(xué)習(xí)資源檢索與獲取。同時(shí)系統(tǒng)允許用戶自己設(shè)定主頁,如主頁可設(shè)置東北師范大學(xué)圖書館為系統(tǒng)初始界面。上述三個(gè)互聯(lián)網(wǎng)站分別代表商業(yè)學(xué)術(shù)文獻(xiàn)數(shù)據(jù)庫、公益學(xué)習(xí)資源視頻數(shù)據(jù)庫、社會(huì)軟件和搜索引擎。這三類學(xué)習(xí)資源網(wǎng)站各具特色、且網(wǎng)站后臺數(shù)據(jù)庫數(shù)據(jù)結(jié)構(gòu)各異,具有一定的代表性。

1 桌面獨(dú)立運(yùn)行

桌面學(xué)習(xí)資源獲取MASHUP富客戶端DEMO版(以下簡稱系統(tǒng))可以在桌面上獨(dú)立運(yùn)行,運(yùn)行環(huán)境為JAVA JRE1.7、JAVAFX JRE 2.0。系統(tǒng)采用JAVA語言開發(fā),繼承了JAVA強(qiáng)大了系統(tǒng)跨平臺性,具有較強(qiáng)的面向智能手機(jī)、PAD等終端的可移植性。

2 整合檢索

系統(tǒng)實(shí)現(xiàn)了一次輸入,多個(gè)網(wǎng)站后臺同時(shí)進(jìn)行整合檢索,并將檢索結(jié)果自動(dòng)匯聚(見圖2檢索結(jié)果列表)的功能。主要涉及數(shù)據(jù)獲取、數(shù)據(jù)融合等技術(shù),由于數(shù)據(jù)源具有不同的類型,因此從分布式資源中獲取數(shù)據(jù)時(shí)要采用不同的技術(shù),如Web Feed技術(shù)、API調(diào)用技術(shù)、屏幕抓取等技術(shù)。數(shù)據(jù)獲取之后,還需要對這些格式各異的數(shù)據(jù)進(jìn)行進(jìn)一步的分析、加工處理,包括數(shù)據(jù)轉(zhuǎn)換、映射、過濾、連接、排序等,最后構(gòu)建出新的綜合性數(shù)據(jù)對象。整合后的數(shù)據(jù)庫以表格形式反饋給用戶,分別顯示學(xué)習(xí)資源名稱、學(xué)習(xí)資源網(wǎng)址、學(xué)習(xí)資源類型等信息。

3 檢累結(jié)果統(tǒng)計(jì)

系統(tǒng)分別自動(dòng)讀取不同目標(biāo)網(wǎng)站的檢索結(jié)果匯總數(shù)量,并顯示給用戶(見圖3檢索結(jié)果統(tǒng)計(jì))。檢索結(jié)果統(tǒng)計(jì)功能的作用主要有兩個(gè):一是用戶可以根據(jù)系統(tǒng)提供的檢索結(jié)果數(shù)量,了解目標(biāo)網(wǎng)站學(xué)習(xí)資源的收錄情況;二是用戶根據(jù)統(tǒng)計(jì)后的檢索結(jié)果,來制定下一步的檢索策略。

4 檢索結(jié)果快捷進(jìn)入

系統(tǒng)在返回目標(biāo)服務(wù)器檢索結(jié)果的同時(shí)記錄了檢索結(jié)果的URL。通過系統(tǒng)的內(nèi)置瀏覽器,用戶可以方便的點(diǎn)擊任何一條檢索結(jié)果中的數(shù)據(jù),自動(dòng)連接綁定該記錄的URL,實(shí)現(xiàn)自動(dòng)查看學(xué)習(xí)資源細(xì)覽頁面(見圖4)。用戶也可以利用系統(tǒng)檢索目標(biāo)網(wǎng)站返回綁定的概覽頁面的URL,通過點(diǎn)擊目標(biāo)網(wǎng)站名稱,進(jìn)入目標(biāo)網(wǎng)站檢索結(jié)果的概覽頁面(見圖5)。

5 檢索結(jié)果下載

對于目標(biāo)網(wǎng)站所提供下載服務(wù)的學(xué)習(xí)資源,資源下載地址自動(dòng)在系統(tǒng)內(nèi)置的瀏覽器中顯示出來,用戶不但可以在線瀏覽學(xué)習(xí)資源,也可以在系統(tǒng)中將學(xué)習(xí)資源進(jìn)行直接下載并保存到本地。

6 檢索結(jié)果導(dǎo)出

系統(tǒng)與本地學(xué)習(xí)資源管理系統(tǒng)連接,導(dǎo)出基于SCORM標(biāo)準(zhǔn)的數(shù)據(jù)。學(xué)習(xí)者可以通過桌面學(xué)習(xí)資源獲取MASHUP富客戶端與本地學(xué)習(xí)資源管理系統(tǒng)組合使用,方便的實(shí)現(xiàn)學(xué)習(xí)資源的檢索、獲取及管理等功能。通過本地學(xué)習(xí)資源管理系統(tǒng),用戶還可以實(shí)現(xiàn)離線管理和利用各種類型的學(xué)習(xí)資源。

7 檢索目標(biāo)網(wǎng)站選擇

系統(tǒng)允許用戶對目標(biāo)網(wǎng)站進(jìn)行管理。用戶根據(jù)自身的需求以及檢索需求,在使用系統(tǒng)時(shí)可以提前設(shè)置目標(biāo)數(shù)據(jù)庫選項(xiàng),從而精煉的選擇檢索內(nèi)容,也就是說用戶可以根據(jù)自己的需要來確定系統(tǒng)在一個(gè)或幾個(gè)學(xué)習(xí)資源網(wǎng)站中進(jìn)行整合檢索。

四 基于JAVAFX-RlA的桌面學(xué)習(xí)資源獲取MASHUP富客戶端的實(shí)現(xiàn)

桌面學(xué)習(xí)資源獲取MASHUP富客戶端DEMO版的軟件開發(fā)環(huán)境是:操作系統(tǒng)為WINDOWS7,開發(fā)語言是Java 1.7jdk和javafx2.3JDK,開發(fā)工具是NETBEANS 7.2.1和JavaFXScene Builder 1.0;硬件開發(fā)環(huán)境是:英特爾第二代酷睿I3-2310M@2.10GHz雙核處理器、2G內(nèi)存。

1 關(guān)鍵技術(shù)

當(dāng)前RIA流行的開發(fā)工具主要有Adobe公司的AdobeFlash/Flex、微軟公司的SilverLight、Oracle公司的Java FX等幾款開發(fā)工具。這幾種工具各具特色,F(xiàn)lex先入為主,目前占有比較大的份額,Silverlight的優(yōu)勢是有Windows平臺的支持,而JavaFX作為后起之秀,其優(yōu)勢在于Java語言的廣泛使用及自身的開源策略。本文無意比較這幾款產(chǎn)品的孰優(yōu)孰劣,依據(jù)開源、跨平臺、開發(fā)人員技術(shù)特點(diǎn)等方面,桌面學(xué)習(xí)資源獲取MASHUP富客戶端DEMO采用了Java FX作為主要的開發(fā)工具。

桌面學(xué)習(xí)資源獲取MASHUP富客戶端DEMO版涉及的關(guān)鍵技術(shù)主要包括JAVA、Httpclient、HttpParser、JAVAFX框架技術(shù)等幾方面:

(1)Httpclient

HttpClient是Apache Jakarta Common下的子項(xiàng)目,用來提供高效的、最新的、功能豐富的支持HTTP協(xié)議的客戶端編程工具包,主要的功能實(shí)現(xiàn)了所有HTTP的方法(GET,POST,PUT,HEAD等)、支持自動(dòng)轉(zhuǎn)向、支持HTTPS協(xié)議、支持服務(wù)器等。在本系統(tǒng)的開發(fā)中,主要應(yīng)用Htq)Client技術(shù)實(shí)現(xiàn)瀏覽器后臺模擬,并利用遠(yuǎn)程學(xué)習(xí)資源服務(wù)器提供的API接口,通過HttpClient對遠(yuǎn)程學(xué)習(xí)資源數(shù)據(jù)庫進(jìn)行建立連接、登陸、檢索、關(guān)閉連接等操作,具體實(shí)現(xiàn)交互的方法主要有GET、POST、PUT、HEAD等。

(2)HtmlParser

Htmlparser是一個(gè)純的java寫的html解析的庫,它不依賴于其它的java庫文件,主要用于改造或提取html。HtmlParser主要靠Node、AbstractNode和Tag來表達(dá)Html。目前各學(xué)習(xí)資源網(wǎng)站提供的API接口開放程度有所不同,對于MASHUP能力較弱的的遠(yuǎn)程服務(wù)器,本系統(tǒng)利用HtmlParser技術(shù)分析檢索后的網(wǎng)頁結(jié)果,提取學(xué)習(xí)者需要的必要信息,如學(xué)習(xí)資源名稱、學(xué)習(xí)資源作者、學(xué)習(xí)資源鏈接等。

(3)JAVAFX框架技術(shù)

JavaFX編程語言是著名的富互聯(lián)網(wǎng)應(yīng)用程序(RIA)開發(fā)程序之一?;贘avaFX SDK開發(fā)的程序可以在JAVA JRE與JavaFX JRE運(yùn)行時(shí)下獨(dú)立運(yùn)行。JavaFX具有可以直接調(diào)用Java API的能力以及開發(fā)簡單、界面友好等特點(diǎn),是開發(fā)富客戶端程序的有力工具。特別是Oracle公司新推出的JavaFXScene Builder 1.0工具實(shí)現(xiàn)了界面設(shè)計(jì)的可視化操作,使系統(tǒng)界面工作變得更加快捷。本系統(tǒng)主要應(yīng)用了Java FX中的JavaFX Scene Builder 1.0工具、Table View和WebView等部件。界面設(shè)計(jì)過程主要有兩個(gè)部分,首先是利用JavaFX Scene Builder 1.0工具進(jìn)行界面可視化設(shè)計(jì),形成FXML文件,其次在JavaFX框架內(nèi)編寫界面的UI,將程序控制代碼與界面中的各個(gè)部件進(jìn)行關(guān)聯(lián),從而完成界面整個(gè)過程的設(shè)計(jì)與制作。

五 總結(jié)

第7篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

關(guān)鍵詞:Android;本地化應(yīng)用;移動(dòng)學(xué)習(xí);移動(dòng)課件

文章編號:1007-1423(2013)04-0055-05

0 引言

移動(dòng)學(xué)習(xí)是一種依托無線網(wǎng)絡(luò)技術(shù)、移動(dòng)計(jì)算技術(shù)和多媒體技術(shù),利用移動(dòng)通信設(shè)備,隨時(shí)隨地獲取學(xué)習(xí)資源和服務(wù)的一種新型數(shù)字化學(xué)習(xí)方式。移動(dòng)終端以其具有的小巧便攜性、學(xué)習(xí)時(shí)間與學(xué)習(xí)內(nèi)容的零散碎片性、學(xué)習(xí)者個(gè)體學(xué)習(xí)的靈活自主性及互動(dòng)交流的及時(shí)有效性等特點(diǎn),為廣大移動(dòng)學(xué)習(xí)者提供了方便、快捷的學(xué)習(xí)環(huán)境。

課件是根據(jù)教學(xué)大綱的要求,經(jīng)過教學(xué)目標(biāo)確定,教學(xué)內(nèi)容和任務(wù)分析,教學(xué)活動(dòng)結(jié)構(gòu)及界面設(shè)計(jì)等環(huán)節(jié),而加以制作的課程軟件。移動(dòng)課件是適合移動(dòng)學(xué)習(xí)的課件,是移動(dòng)學(xué)習(xí)資源的重要組成部分。目前,適合移動(dòng)學(xué)習(xí)的課程學(xué)習(xí)資源匱乏、資源分布不均、資源更新成本高、資源共享程度低,這其中最大的原因就是開發(fā)技術(shù)還比較復(fù)雜。很多高校無線網(wǎng)絡(luò)還沒有完全覆蓋,也嚴(yán)重制約學(xué)生進(jìn)行移動(dòng)學(xué)習(xí)的積極性。本文以《安全用電》手機(jī)課件的制作為例子,描述了如何在Android平臺上,利用開源中間件Rexsee,采用HTML5+CSS+JavaScript設(shè)計(jì)網(wǎng)頁課件,最后打包成本地化應(yīng)用。本地化應(yīng)用可以不受網(wǎng)絡(luò)的限制,隨時(shí)隨地都可以使用,便于進(jìn)行移動(dòng)學(xué)習(xí)。

1 移動(dòng)課件設(shè)計(jì)原則和制作流程

1.1設(shè)計(jì)原則

移動(dòng)課件的設(shè)計(jì)開發(fā),必須遵循移動(dòng)學(xué)習(xí)的原理,適合移動(dòng)學(xué)習(xí)的特點(diǎn)。一個(gè)優(yōu)秀的移動(dòng)課件應(yīng)該滿足下面的原則。

(1)內(nèi)容適合性原則

移動(dòng)學(xué)習(xí)的最大特點(diǎn)就是隨時(shí)隨地,例如公車上、地鐵上,而且學(xué)習(xí)過程容易受到干擾。所以內(nèi)容必須有一定的吸引力,而且界面友好。

(2)知識點(diǎn)零散性原則

移動(dòng)學(xué)習(xí)是零碎的,所以學(xué)習(xí)內(nèi)容不能過于系統(tǒng)完整,最好是分專題,知識點(diǎn)比較零散的。如本例子中的課件《安全用電》就分為4大主題,每個(gè)主題又分為若干知識點(diǎn),彼此間沒有緊密聯(lián)系。

(3)簡約性原則

手機(jī)的屏幕比PC小,限制了屏幕上內(nèi)容的容量,所以在具體內(nèi)容的設(shè)計(jì)上要有針對性的精簡和取舍,而且要圖文并茂,文字太多會(huì)使學(xué)習(xí)者感覺鼓噪無味。適當(dāng)?shù)卮┎搴线m的圖片能夠提高學(xué)習(xí)者的興趣。本課件在制作的過程中盡量使用圖片和動(dòng)畫,提高學(xué)習(xí)者的學(xué)習(xí)興趣。

(4)少輸入原則

手機(jī)的輸入遠(yuǎn)沒有PC和筆記本方便,所以應(yīng)該盡量減少用戶輸入的環(huán)節(jié),一些互動(dòng)功能也盡量要求簡約,通過屏幕觸摸就可以完成輸入,例如本課件中的測試模塊就都采用選擇題目,使用戶能夠輕松完成測試。

(5)自適應(yīng)原則

考慮到手機(jī)終端的分辨率眾多,所以程序必須支持分辨率的自適應(yīng),系統(tǒng)設(shè)計(jì)多個(gè)樣式表,根據(jù)不同分辨率,自動(dòng)調(diào)用相關(guān)的樣式,實(shí)現(xiàn)多機(jī)型的支持。

1.2制作流程

移動(dòng)課件開發(fā)一般要經(jīng)歷7個(gè)階段,下面以《安全用電》課件為例子,介紹具體的開發(fā)流程。

①選題。選題很重要,不是所有的主題都適合于手機(jī)表現(xiàn),一般認(rèn)為內(nèi)容大眾化,有一定的普及性,這樣的內(nèi)容才值得做成移動(dòng)手機(jī)課件,本例子選題就是考慮到電的通用性,每個(gè)人都需要了解和掌握電的知識,但是目前很多人相關(guān)知識還比較缺乏,需要提高安全用電的意識。

②規(guī)劃。收集相關(guān)資料,確定采用的技術(shù)路線,本課件目標(biāo)是做成本地化的應(yīng)用,由于原生開發(fā)難度比較大,所以采用基于中間件的開發(fā)方式,最終決定采用Rexsee,該中間件號稱會(huì)HTML就會(huì)Android開發(fā),降低移動(dòng)開發(fā)的門檻,適合廣大初學(xué)者使用。

③課件設(shè)計(jì)。確定課件的知識結(jié)構(gòu),教學(xué)內(nèi)容組織方式,UI界面設(shè)計(jì),交互方式設(shè)計(jì)等。

④原型制作。確定了技術(shù)架構(gòu)和設(shè)計(jì)方案之后,就是課件的具體制作了,這個(gè)時(shí)候最好先測試一下該技術(shù)路線和方案的可行性,先拿其中一小塊內(nèi)容制作一個(gè)測試案例,沒有問題之后才繼續(xù)下去。如果技術(shù)已經(jīng)成熟,開發(fā)過多個(gè)應(yīng)用,這一步可以跳過。

⑤課件制作。完成所有內(nèi)容的制作。

⑥課件測試。測試版本,修改完善。任何一個(gè)軟件不可能一出來就是完美的,一般都會(huì)經(jīng)歷幾次迭代。最后才形成發(fā)行版本。

⑦正式。在各大應(yīng)用商店,或者直接掛在網(wǎng)站上面提供下載。

2 移動(dòng)學(xué)習(xí)課件的開發(fā)方式

目前開發(fā)移動(dòng)學(xué)習(xí)課件的技術(shù)還比較復(fù)雜,主要有基于SDK(Software Development Kit,即軟件開發(fā)工具包)的開發(fā)方式,基于HTML5和CSS3、直接開發(fā)Web App的方式,還有混合式的開發(fā)方式。

2.1基于SDK的開發(fā)方式

這種方式開發(fā)出來的應(yīng)用一般稱為本地化應(yīng)用(Native App),例如IOS系統(tǒng)下面的應(yīng)用,必須在MAC系統(tǒng)下,采用Objective-C語言,一般采用XCode作為開發(fā)環(huán)境。Android系統(tǒng)下面的應(yīng)用則采用Java語言,一般是采用Eclipse作為開發(fā)環(huán)境。本地化應(yīng)用可以充分地闡揚(yáng)硬件設(shè)備和操作體系的功能特點(diǎn),并可以完全不受收集限制,運(yùn)行效力高,可以完全發(fā)揮硬件的性能,但同時(shí),因?yàn)榧夹g(shù)門檻的原因,在具體實(shí)現(xiàn)上須要面對開發(fā)周期較長、成本較高、調(diào)試與后期維護(hù)相對錯(cuò)雜的問題,所以高校中能夠采用該方式開發(fā)移動(dòng)教學(xué)課件的人員還比較少。

2.2基于HTML5和CSS3的Web App開發(fā)方式

近兩年,隨著HTML5技術(shù)的發(fā)展和完善。以HTML5為主要驅(qū)動(dòng)的Web App,客戶端不再需要開發(fā)工作,退化為使用內(nèi)置的瀏覽器與用戶交互,服務(wù)器端以HTML5、CSS3、JavaScript作為前端供瀏覽器展示,使用其他服務(wù)器端技術(shù)實(shí)現(xiàn)業(yè)務(wù)邏輯和數(shù)據(jù)庫管理。這種方式能夠?qū)崿F(xiàn)不同終端的適配問題,實(shí)現(xiàn)“一次開發(fā),多平臺運(yùn)行”,而且易于擴(kuò)展和升級,已經(jīng)成了未來的一個(gè)趨勢。但是,這種方式開發(fā)出來的應(yīng)用離不開網(wǎng)絡(luò)的支持,而且性能稍差,難于使用設(shè)備的特性,例如傳感器、通信錄、藍(lán)牙、GPS定位、推送等功能。所以這種方式,也不適合制作本地化的移動(dòng)學(xué)習(xí)資源。

2.3混合開發(fā)模式

Native App開發(fā)難度高,工作量大,Web App受限于瀏覽器前端技術(shù),兩者各有優(yōu)缺點(diǎn)。在這種情況下,混合開發(fā)成為很多用戶的選擇,對于側(cè)重性能、體驗(yàn)、設(shè)備特性、本地?cái)?shù)據(jù)管理部分,采用Native的方式,其余內(nèi)容采用Web的方式,這種方式開發(fā)的應(yīng)用一般成為Hybrid App。目前,國內(nèi)外已經(jīng)出現(xiàn)了很多Hybrid App的開發(fā)框架,例如國外的PhoneGap、AppCan,國內(nèi)的Rexsee,這些框架把移動(dòng)終端的功能封裝成API,用戶可以通過JavaScript直接調(diào)用移動(dòng)終端功能,這種方式模糊了原生應(yīng)用與Web應(yīng)用的界線,而且降低了開發(fā)難度,用戶只要會(huì)HTML和JavaScript就可以進(jìn)行移動(dòng)開發(fā)。這種開發(fā)方式適合于剛進(jìn)入移動(dòng)應(yīng)用開發(fā)的人群,特別是高校中想制作應(yīng)用于移動(dòng)終端的教學(xué)課件的教學(xué)工作者,本文以國內(nèi)開源中間件Rexsee為例子,介紹如何快速開發(fā)本地化的教學(xué)課件。

3 課件具體開發(fā)

Rexsee是國內(nèi)開源的一款移動(dòng)中間件,與其他中間件所有平臺都支持有所不同,它選擇深度支持An-droid平臺,并不支持IOS平臺。在Rexsee框架下,用戶使用HTML5+CSS3+JavaScript就可以進(jìn)行移動(dòng)開發(fā),無須了解Android和Java,服務(wù)器端支持使用任何語言,例如Java、PHP,Python,.NET等。Rexsee支持訪問Android本地資源,支持Android原生功能,媲美An-droid原生體驗(yàn),其最大的亮點(diǎn)就是支持在線編譯生成APK客戶端,無須使用Eclipse等工具。下面介紹如何利用Rexsee開發(fā)移動(dòng)課件。

(1)搭建模擬器運(yùn)行環(huán)境?;赗exsee的移動(dòng)應(yīng)用的開發(fā),可以像傳統(tǒng)的Web制作方式進(jìn)行,所有應(yīng)用都可以做成HTML頁面,開發(fā)前先在本機(jī)搭建手機(jī)模擬器,模擬器的配置如下:

①安裝Java JDK

②到Rexsee官網(wǎng)下載模擬器,也可以使用Android SDK。

③解壓模擬器之前裝好Java JDK,配置Java的環(huán)境變量。

④解壓模擬器。例如到C盤下C:\RexseeEmulator,配置好Android Home環(huán)境變量參數(shù)。

⑤下載開發(fā)版,安裝到模擬器。

(2)在Dreamweaver中制作網(wǎng)頁課件。課件制作可以像傳統(tǒng)的靜態(tài)網(wǎng)站制作方法一樣,在Dreamweaver中進(jìn)行。Dreamweaver CS5.5完全支持HTML5,而且支持多種預(yù)覽界面。本例子中靜態(tài)網(wǎng)站的結(jié)構(gòu)如表1所示。

具體頁面結(jié)構(gòu)與傳統(tǒng)網(wǎng)頁制作方法相同,在JavaScript標(biāo)簽塊或*.js文件中調(diào)用Rexsee的各種的函數(shù)和方法,具體效果得在模擬器中才能看到。

為了便于功能拆分,盡量把內(nèi)容分拆在不同的

HTML頁面,每個(gè)頁面的具體結(jié)構(gòu)如下圖:

其中style.css是課件的通用樣式文件,負(fù)責(zé)整個(gè)課件的樣式風(fēng)格的控制;common.js負(fù)責(zé)UI呈現(xiàn)和控制,Rexsee中間件的各種方法一般都以rexsee開頭,目前支持95%的Android原生功能,本例子中,通過調(diào)用Rexsee常見的幾個(gè)方法,實(shí)現(xiàn)了屏幕界面的定制和分辨率的自適應(yīng)。

如圖2所示,通過調(diào)用Rexsee的API函數(shù),重新定制了手機(jī)屏幕的底部菜單欄目。

(3)打包。制作完畢之后,把整個(gè)課件目錄打包成*.zip文件,在Rexsee官方網(wǎng)站上面的在線編譯欄目那里,上傳之后就可以生成*.apk文件。

(4)安裝到手機(jī)上面,下面是課件最后的運(yùn)行效果圖。

第8篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

關(guān)鍵詞:物理教學(xué);多媒體技術(shù);合理使用

一、利用多媒體,創(chuàng)設(shè)物理情境,激發(fā)學(xué)生興趣

興趣是學(xué)生學(xué)習(xí)的主要?jiǎng)恿?,學(xué)習(xí)興趣的高低直接影響學(xué)習(xí)效率。物理學(xué)是初中主要課程之一,它深?yuàn)W、抽象,又充滿邏輯推理,因此不少學(xué)生感到物理難學(xué)。教學(xué)中引入圖、文、聲、像并茂的多媒體課件,可將單調(diào)、抽象的知識形象化,達(dá)到感性認(rèn)識和理性認(rèn)識的有機(jī)結(jié)合,激發(fā)學(xué)生學(xué)習(xí)興趣,提高物理教學(xué)質(zhì)量。例如,可在學(xué)習(xí)慣性知識前,展示一組百米運(yùn)動(dòng)員跑到終點(diǎn)沒有立即停下的視頻;在教學(xué)“聲的產(chǎn)生和傳播”一課前,教師可以利用多媒體播放自然界中幾種動(dòng)物的叫聲和小學(xué)生的歌聲。創(chuàng)設(shè)物理情境,可以使學(xué)生產(chǎn)生學(xué)習(xí)興趣和求知欲,與教師形成互動(dòng),使學(xué)生成為課堂的主體。

二、利用多媒體,使物理教學(xué)過程形象直觀

多媒體課件可以把微觀世界看不見摸不著的內(nèi)容展示在學(xué)生眼前,有利于學(xué)生的認(rèn)識。利用多媒體課件還可以將抽象事物直觀地表現(xiàn)出來。例如,學(xué)生很難正確完整地認(rèn)識電流的形成、影響電阻的因素等,多媒體課件可化抽象為直觀,充分表現(xiàn)教學(xué)內(nèi)容,便于學(xué)生的理解。

三、利用多媒體,節(jié)省課堂時(shí)間,擴(kuò)大課堂教學(xué)信息量

力學(xué)中的受力分析、杠桿、滑輪等內(nèi)容,電學(xué)中的電路,光學(xué)中光的反射、平面鏡成像、光的折射和凸透鏡的成像等,都需要用到復(fù)雜的圖形。只要鼠標(biāo)輕輕一點(diǎn),就可以使教學(xué)內(nèi)容形象、直觀地展示出來,省去了大量板書的時(shí)間,省時(shí)、省力、美觀,提高了課堂教學(xué)時(shí)間的利用率。例如,“探究凸透鏡成像的規(guī)律”,運(yùn)用多媒體將圖形、例題和凸透鏡成像模擬實(shí)驗(yàn)、板書做成課件,在一節(jié)課中既節(jié)省了板書和畫圖的時(shí)間,又使學(xué)生弄清了凸透鏡成像的規(guī)律。省下來的時(shí)間可用于補(bǔ)充課本以外的知識,擴(kuò)大學(xué)生的知識面,使學(xué)生在相同的時(shí)間內(nèi)學(xué)到更多的知識。

四、利用多媒體,輔助物理實(shí)驗(yàn)教學(xué),增強(qiáng)實(shí)驗(yàn)效果

實(shí)驗(yàn)是中學(xué)物理教學(xué)的重要組成部分,然而由于受時(shí)間和空間等多種因素的影響,有些實(shí)驗(yàn)達(dá)不到理想的效果。多媒體輔助物理實(shí)驗(yàn),將起到直觀形象、重復(fù)再現(xiàn)等作用。例如,可將日月食、潛水艇、托里拆利實(shí)驗(yàn)等運(yùn)用多媒體演示出來。電流究竟是如何產(chǎn)生的,無法用實(shí)驗(yàn)來直觀演示,利用多媒體演示電子由電壓高向電壓低的方向流動(dòng),電荷的定向移動(dòng)都?xì)v歷在目,學(xué)生一下子就明白了電流的方向。多媒體手段的運(yùn)用,雖然豐富了課堂教學(xué),給教學(xué)帶來活力,但多媒體也存在一些不足,如果處理不當(dāng),直接影響學(xué)生的學(xué)習(xí),主要是由以下幾個(gè)原因造成的:①多媒體課件制作質(zhì)量偏低。大多數(shù)教師不會(huì)制作多媒體課件,并且網(wǎng)絡(luò)上的課件較多,部分教師習(xí)慣套用現(xiàn)成課件。不同地區(qū)、不同教師、不同對象應(yīng)用的課件也不同。套用相同的課件,學(xué)生的注意力無法集中,降低教學(xué)效果。②喧賓奪主。有些課件界面設(shè)計(jì)過于花哨,學(xué)生的注意力被吸引,對知識反而視而不見,產(chǎn)生負(fù)面影響。總之,我們在物理教學(xué)中必須合理地、科學(xué)地運(yùn)用多媒體,課件制作不求“大而全”,但求“小而精”。只有正確認(rèn)識多媒體技術(shù)的優(yōu)缺點(diǎn),才能更好地體現(xiàn)出多媒體的功效,更好地為教學(xué)服務(wù)。

參考文獻(xiàn):

第9篇:界面設(shè)計(jì)的優(yōu)缺點(diǎn)分析范文

關(guān)鍵詞 智能照明;WIFI;Android;遠(yuǎn)程控制;LED

中圖分類號:TP273 文獻(xiàn)標(biāo)識碼:A 文章編號:1671-7597(2013)18-0021-03

科技的進(jìn)步促進(jìn)了社會(huì)的發(fā)展,使人們生活水平得到了提高,因此,人們對生活各方面都提出了更高的要求??茖W(xué)、有效的空間照明設(shè)計(jì)受到了許多專業(yè)人士的關(guān)注,使照明控制在樓宇中占據(jù)了越來越重要的地位。照明設(shè)計(jì)目的是既讓人們能明確地認(rèn)清周圍的事物的具體形象,又要能夠把使人心情舒暢愉悅的事物顯示出來。智能照明就是根據(jù)室內(nèi)設(shè)計(jì)的造型來控制燈光的效果,實(shí)現(xiàn)室內(nèi)燈光效果隨空間場景視覺功能的需求而變化的系統(tǒng)。室內(nèi)智能照明是近年來一個(gè)新興的領(lǐng)域,它融合了無線傳感網(wǎng)絡(luò)技術(shù)和計(jì)算機(jī)技術(shù)。智能照明處在本身行業(yè)發(fā)展的初期階段,有著廣闊的發(fā)展空間。本文設(shè)計(jì)了基于Android平臺的遠(yuǎn)程控制LED燈系統(tǒng),該系統(tǒng)的可視化客戶端運(yùn)行在Android操作系統(tǒng)上,相對于應(yīng)用Visual Basic等語言開發(fā)的可視化客戶端來說,該客戶端程序可以應(yīng)用在越來越多的便攜終端和智能手機(jī)上。此套系統(tǒng)可以利用手機(jī)遙控LED燈的開關(guān)調(diào)光、分組控制、狀態(tài)查詢、設(shè)置燈密碼、動(dòng)態(tài)添加新燈、刪除燈操作等功能。這套系統(tǒng)操作簡單,只要通過Android手機(jī)就可以對自家的LED燈進(jìn)行遠(yuǎn)程控制,為人們提供了舒適方便的生活環(huán)境。

1 系統(tǒng)總體設(shè)計(jì)

基于Android的室內(nèi)照明系統(tǒng)主要由控制中心模塊、燈光控制模塊組成。其系統(tǒng)總體結(jié)構(gòu)圖如下圖所示1。

控制中心是整個(gè)照明系統(tǒng)的總控制器,對整個(gè)家庭中的照明設(shè)備進(jìn)行控制,這里存放著對照明設(shè)備的增加、刪除、修改信息、更改設(shè)備所在的燈組、開關(guān)調(diào)光等控制命令。WIFI模塊AP自組的WIFI網(wǎng)絡(luò),主要是將智能手機(jī)和智能燈光控制終端連接在同一個(gè)局域網(wǎng)內(nèi)。當(dāng)用戶在智能手機(jī)或平板上加入WIFI網(wǎng)絡(luò)并進(jìn)行操作后,操作指令通過AP廣播給各個(gè)燈光控制模塊,該燈光控制模塊集成了節(jié)點(diǎn)WIFI模塊CLIENT和單片機(jī)控制模塊,最終指令傳送到單片機(jī),單片機(jī)執(zhí)行相關(guān)操作,并將狀態(tài)信息返回到手機(jī),從而實(shí)現(xiàn)智能手機(jī)或平板對LED照明設(shè)備的便捷智能控制。系統(tǒng)中實(shí)時(shí)收集設(shè)備運(yùn)行狀態(tài)信息,進(jìn)行分析,如果有異常,將狀態(tài)信息和異常分析結(jié)果發(fā)送到控制中心,并“蜂鳴”報(bào)警提醒用戶。這樣用戶可以及時(shí)知曉發(fā)生的狀況,并在第一時(shí)間做出反應(yīng)。

2 系統(tǒng)實(shí)現(xiàn)

2.1 系統(tǒng)硬件設(shè)計(jì)

系統(tǒng)硬件工作流程如圖2所示。WIFI發(fā)送模塊自組成WIFI無線通信網(wǎng)絡(luò),手機(jī)客戶端和LED控制模塊都分別加入WIFI網(wǎng)絡(luò),手機(jī)的控制信號通過WIFI網(wǎng)絡(luò),廣播給網(wǎng)絡(luò)中的每個(gè)節(jié)點(diǎn),即每個(gè)燈光控制模塊。燈光控制模塊執(zhí)行相關(guān)操作,并及時(shí)反饋給手機(jī)客戶端,為用戶提供即時(shí)信息。

本系統(tǒng)終端主控制器選用AVR的ATmega8,主要對LED燈進(jìn)行調(diào)光、開關(guān)、修改燈信息、動(dòng)態(tài)添加刪除燈操作、分組控制LED燈以及向手機(jī)及時(shí)反饋信息。LED燈調(diào)光有很多種方法,如調(diào)解正向電流調(diào)光、PWM調(diào)光、可控硅調(diào)光。各種調(diào)光方法都有各自的優(yōu)缺點(diǎn)其中PWM調(diào)光效果最好。本文設(shè)計(jì)的終端使用PWM調(diào)光,輸出占空比可調(diào)的PWM控制LED進(jìn)行調(diào)光。WIFI接收模塊與單片機(jī)通過串口連接,實(shí)時(shí)轉(zhuǎn)發(fā)手機(jī)信號到單片機(jī)、反饋單片機(jī)信號到手機(jī),實(shí)現(xiàn)數(shù)據(jù)穩(wěn)定傳輸。本系統(tǒng)WIFI(AP)模塊可接入最多32個(gè)節(jié)點(diǎn)WIFI模塊CLIENT,每個(gè)單片機(jī)可驅(qū)動(dòng)15W的LED燈。

2.2 系統(tǒng)軟件設(shè)計(jì)

2.2.1 Android手機(jī)客戶端界面設(shè)計(jì)

Android系統(tǒng)分為四層,分別是應(yīng)用程序?qū)?、?yīng)用程序框架層、系統(tǒng)運(yùn)行庫層和Linux內(nèi)核層。本系統(tǒng)的Android系統(tǒng)手機(jī)端控制軟件采用Eclipse開發(fā),利用JAVA語言編寫。在Eclipse及其擴(kuò)展插件的幫助下,能更快的建立Android開發(fā)環(huán)境。通過手機(jī)連接電腦,進(jìn)入調(diào)試模式。在PC端的Android程序有任何的修改,一經(jīng)編譯以后,調(diào)試模式下的Android手機(jī)能立刻自行更新程序內(nèi)容,我們就能直觀的看到修改的結(jié)果是否達(dá)到預(yù)期效果。

本客戶端界面,是在一個(gè)窗口中顯示多組標(biāo)簽欄的內(nèi)容。在Android系統(tǒng)中,每個(gè)標(biāo)簽欄成為一個(gè)Tab,而包含多個(gè)標(biāo)簽欄的容器就稱為TabHost。當(dāng)用戶從開始界面點(diǎn)擊進(jìn)入后,就轉(zhuǎn)到了該多標(biāo)簽欄窗口界面,簡稱主界面。主界面上有三個(gè)標(biāo)簽欄,即三個(gè)Tab,左邊的Tab1為單燈控制,中間的Tab2為整體控制,右邊的Tab3為管理。圖3即為管理界面,用戶第一次進(jìn)入該系統(tǒng)后,先添加新燈,添加信息自動(dòng)保存到數(shù)據(jù)庫中,以后每次打開該軟件時(shí)會(huì)保留上次記錄。添加成功后會(huì)在單燈標(biāo)簽下動(dòng)態(tài)出現(xiàn)對應(yīng)添加的燈,如圖4,如果該燈所在的組不存在時(shí),也會(huì)即時(shí)的添加該房間,如圖5。點(diǎn)擊圖4中的單燈,會(huì)彈出驗(yàn)證燈密碼的對話框,密碼正確后才可對該燈控制。燈操作如圖6。點(diǎn)擊燈操作后,如圖7,可控制該燈的開關(guān),調(diào)光,如果燈的狀態(tài)為開燈或調(diào)光,旁邊的小燈就會(huì)點(diǎn)亮,否則熄滅。同時(shí),修改燈密碼選項(xiàng)還可以對該燈的密碼進(jìn)行修改,每次修改完以后,要控制該燈,都需要重新驗(yàn)證密碼。整體控制標(biāo)簽下包括對整個(gè)室內(nèi)照明的集體開關(guān)燈和調(diào)光,以及每個(gè)房間的分組控制,點(diǎn)擊該房間后,如圖8,即可對該房間進(jìn)行開關(guān)燈以及調(diào)光。如果不需要該燈或者該房間,則可在管理標(biāo)簽中對該燈和該房間進(jìn)行刪除。

2.2.2 通信方式設(shè)計(jì)

本設(shè)計(jì)采用Socket的通信方法,根據(jù)TCP/IP通信協(xié)議進(jìn)行數(shù)據(jù)傳輸。Socket通常被稱為“套接字”,用于描述IP地址和端口,是一個(gè)通信鏈的句柄,它規(guī)定了兩臺計(jì)算機(jī)之間的通信規(guī)范,應(yīng)用程序通過“套接字”向網(wǎng)絡(luò)發(fā)出請求或者答應(yīng)網(wǎng)絡(luò)請求。如果兩臺計(jì)算機(jī)之間是利用某個(gè)通道進(jìn)行通信的,那么該通道兩端就算是兩個(gè)套接字。套接字通過屏蔽具體操作系統(tǒng)和底層通信軟件之間的差異,實(shí)現(xiàn)了任意兩臺運(yùn)用了套接字規(guī)范和安裝了TCP協(xié)議軟件的計(jì)算機(jī)之間的通信。

在不同的通信性能和通信質(zhì)量的要求下,常用的Socket類型分為兩種,分別是:流式Socket(SOCK_STREAM)和數(shù)據(jù)報(bào)式Socket(SOCK_DGRAM)。

l)流式Socket是一種面向連接的可靠的雙向數(shù)據(jù)傳輸服務(wù),用來完成數(shù)據(jù)無重復(fù)、無差錯(cuò)地發(fā)送,針對于面向連接的TCP服務(wù)應(yīng)用。當(dāng)用戶想要發(fā)送準(zhǔn)確的大批量的數(shù)據(jù)時(shí),通常采用流式套接口。

2)數(shù)據(jù)報(bào)式Socket是一種不可靠、無連接的雙向數(shù)據(jù)傳輸服務(wù),對應(yīng)于無連接的UDP服務(wù)應(yīng)用。在傳輸過程中數(shù)據(jù)可能會(huì)產(chǎn)生重復(fù)或丟失的現(xiàn)象,而且接收數(shù)據(jù)時(shí),也不能保證和發(fā)送數(shù)據(jù)的順序一致。但在負(fù)載較輕的LAN上或在同一臺計(jì)算機(jī)上,可采用數(shù)據(jù)報(bào)套接口的方式進(jìn)行數(shù)據(jù)傳輸,因?yàn)樗霈F(xiàn)傳輸錯(cuò)誤的幾率較小,這樣做既保證了通信的質(zhì)量,又提高了通信的效率。

WIFI是IEEE定義的無線網(wǎng)技術(shù),一般架設(shè)無線網(wǎng)絡(luò)的基本設(shè)備是AP(AccessPoint)和無線網(wǎng)卡,一般稱為網(wǎng)絡(luò)橋接器或無線訪問接入點(diǎn),它被當(dāng)作無線與有線局域網(wǎng)絡(luò)之間的橋梁。AP相當(dāng)于一個(gè)內(nèi)置無線發(fā)射器的路由或者是HUB,無線網(wǎng)卡則是接收AP發(fā)射信號的CLIENT端設(shè)備。所以,裝有無線網(wǎng)卡的任何一臺PC都可經(jīng)由AP分享廣域網(wǎng)以及有線局域網(wǎng)絡(luò)資源。本系統(tǒng)中無線WIFI發(fā)射模塊(AP)負(fù)責(zé)建立WIFI網(wǎng)絡(luò),終端節(jié)點(diǎn)WIFI接收模塊(CLIENT)以及智能手機(jī)共同加入該網(wǎng)絡(luò),實(shí)現(xiàn)相互的通信。

針對以上特點(diǎn)及本系統(tǒng)需求,本系統(tǒng)采用UDP協(xié)議通信。采用UDP協(xié)議,可以更方便的實(shí)現(xiàn)對房間的分組控制以及對整體燈的控制。智能手機(jī)通過自身帶的WIFI通信模塊,加入無線AP自組的無線WIFI網(wǎng)絡(luò),WIFI控制主要通過建立socket連接來發(fā)送和接受命令。通過UDP廣播,將智能手機(jī)命令廣播到處于WIFI網(wǎng)絡(luò)中的所有節(jié)點(diǎn),各個(gè)終端節(jié)點(diǎn)根據(jù)命令的判斷執(zhí)行相關(guān)的操作,并將反饋的信息再廣播給手機(jī)客戶端,手機(jī)客戶端對相關(guān)數(shù)據(jù)進(jìn)行存儲并反饋給用戶。

3 結(jié)果測試

實(shí)驗(yàn)環(huán)境為小米M2,CPU為高通驍龍Snapdragon APQ8064 1536MHz四核,系統(tǒng)為Android 4.1,攝像頭800萬像素,可以自動(dòng)對焦,具有GPS導(dǎo)航功能,主屏4.3英寸,分辨率為1280x720像素。利用360手機(jī)助手將該燈控軟件安裝到Android手機(jī)上。

為了便于測試,該系統(tǒng)用單個(gè)LED小燈模擬每個(gè)房間的單燈。WIFI模塊AP自組的WIFI網(wǎng)絡(luò),該AP可以負(fù)載最多32個(gè)子節(jié)點(diǎn)WIFI模塊(CLIENT)。本文采用四個(gè)LED燈模擬臥室和客廳的燈,每個(gè)房間兩個(gè)LED燈。上面兩個(gè)是臥室燈,下面兩個(gè)是客廳燈。手機(jī)發(fā)送控制命令,子模塊收到后執(zhí)行各自的動(dòng)作。經(jīng)過反復(fù)測試,調(diào)節(jié),該系統(tǒng)基本可以達(dá)到預(yù)期設(shè)計(jì)的效果。

下圖分別為單燈的開關(guān)操作、房間內(nèi)燈的開關(guān)操作、整體燈的開關(guān)操作以及調(diào)光等測試結(jié)果圖。

4 結(jié)束語

本文提出了一個(gè)家庭的室內(nèi)智能照明控制系統(tǒng)的軟硬件設(shè)計(jì),并且著重對此硬件和軟件進(jìn)行系統(tǒng)的開發(fā)和調(diào)試。實(shí)現(xiàn)更加有效精確地控制對應(yīng)照明燈,達(dá)到了節(jié)能明顯、操作方便、人性化等效果,具有成本低、方便、便攜、靈活及可擴(kuò)展性好等優(yōu)點(diǎn);通過應(yīng)用手機(jī)WIFI作為通信橋梁,具有良好的穩(wěn)定性和抗干擾性。經(jīng)過反復(fù)測試,該系統(tǒng)運(yùn)行穩(wěn)定可靠,沒有出現(xiàn)照明燈的錯(cuò)誤控制,并且具有隨意添加、刪除新的節(jié)點(diǎn)等特點(diǎn),實(shí)現(xiàn)了真正的室內(nèi)智能照明,將在居民住宅內(nèi)逐步推廣。應(yīng)用結(jié)果表明本文所述方法具有較強(qiáng)的通用性和廣泛的應(yīng)用前景。

參考文獻(xiàn)

[1]E2EColud工作室.深入淺出Google Android[M].北京:人民郵電出版社,2009.

[2]余志龍.Google Android SDK開發(fā)范例大全[M].北京:人民郵電出版社,2009.

[3]張健浪.Google Android:開放平臺攻陷移動(dòng)互聯(lián)網(wǎng)[J].信息產(chǎn)業(yè)部電子第五十二研究所,2008(11):24-26.

[4]姚星吳,劉衛(wèi)國.Android的架構(gòu)與應(yīng)用開發(fā)研究[J].計(jì)算機(jī)系統(tǒng)應(yīng)用,2008(11):110-112

[5]馬越.Android的架構(gòu)與應(yīng)用——電信網(wǎng)絡(luò)與計(jì)算網(wǎng)絡(luò)的通信[D].北京:中國地質(zhì)大學(xué),2008:9,20.

[6]李惠,丁革建.智能手機(jī)操作系統(tǒng)概述[J].電腦與電信,2009(03):67-68.

[7]陳歲生,盧建剛.基于智能檢測技術(shù)的室內(nèi)照明系統(tǒng)[J].機(jī)電工程技術(shù),2008,37(5):53-55.

[8]賈政松.基于單片機(jī)實(shí)現(xiàn)智能照明控制系統(tǒng)關(guān)燈設(shè)計(jì)[J].現(xiàn)代電子技術(shù),2009(17):105-107.

[9]鄧琦.智能照明控制系統(tǒng)的實(shí)際應(yīng)用[J].湖南水利水電,2007(3):85-86.

[10]楊光.智能照明控制系統(tǒng)及其應(yīng)用[J].福建建設(shè)科技,2007(2):49-50.

[11]高小平.中國智能家居的現(xiàn)狀及發(fā)展趨勢[J].低壓電器,2005(4):18-20.

[12]張利平.基于以太網(wǎng)和TCP/IP協(xié)議的智能設(shè)備接口技術(shù)研究[D].上海大學(xué),2003.

[13]靳巖.Google Android開發(fā)入門與實(shí)戰(zhàn)[M].北京:人民郵電出版社,2009.

作者簡介