• <u id="ms2yq"></u>
  • <s id="ms2yq"></s>
    <u id="ms2yq"><wbr id="ms2yq"></wbr></u>
  • <u id="ms2yq"></u>
  • <code id="ms2yq"><source id="ms2yq"></source></code>
    400-100-7350
    首頁 >資訊干貨 >干貨分享 >響應式設計,讓移動學習輕松跨屏!
    響應式設計,讓移動學習輕松跨屏!
    發表時間:2015-01-29 來源:響應式設計 7088閱讀

    導讀


    所謂“響應式設計”是指,頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。如何讓學習在不同設備、不同場景之間實現無縫銜接?如何提升政府機構學習管理系統的活躍度?本文引入響應式設計的理念,為大家介紹英國政府機構學習管理系統的移動學習案例,希望能給移動學習項目管理者一些借鑒。


    多設備自適應,多場景隨意切換!


    英國政府學習管理系統由公務員學習網站提供,并由其向英國政府公務員發布有價值、靈活性強、質量高的學習內容。然而,雖然有許多公務員依然在辦公桌前用電腦辦公,但也有不少人頻繁游走于不同地區。對長期在外忙碌的政府工作人員而言,能夠在不同設備上訪問在線學習課程內容,顯得極其重要。基于此,公務員學習網站認為,是時候要讓在線學習課程實現多設備自適應了!這些課程在蘋果、黑莓、安卓等系統都要能夠被輕松訪問。


    于是,公務員網站借助外包開發管理供應商去傳播學習內容。他們決定外包Epic公司和BYG Systems公司去開發多設備自適應的學習程序,實現學習的多場景隨意切換。這樣,英國政府工作人員能夠在PC、平板電腦、智能手機等設備之間輕松切換,并快速訪問獨立的內容學習模塊。


    響應式設計,讓頁面布局更靈活!


    響應式設計(Responsive Web design)的理念是,頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成,包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad,頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備;換句話說,頁面應該有能力去自動響應用戶的設備環境。


    公務員學習網站利用響應式網頁設計理念重新設置的移動網頁版在線學習課程,能夠與老版電腦終端瀏覽器IE6兼容。這一應用程序也可以跨越移動設備的瀏覽器,保證與在PC電腦上運行的輔助技術有高度兼容性!



    移動網頁端程序,網絡狀態不佳也無妨!


    由于公務員學習網站要將在線學習課程放進學習管理系統,并在這一系統對工作人員進行學習情況跟蹤。所以,移動網頁程序成為開發者首選的形式。成功開發并試用后,公務員學習網站面向更廣泛群體開放了更多課程。而在一項對海外英國政府工作人員的學習情況調查中,該網站發現:雖然在網絡狀態不佳的地區,這些人也足夠訪問移動網頁程序的學習課程。


    截止2013年底,英國政府的學習管理系統已經有335,000注冊用戶和459,000潛在終端用戶數。注冊用戶數還在以每天1000—1400人的速度迅速增加。


    經驗:不受限的學習模式,更受親睞!


    雖然很多人喜歡在更大的設備上完成學習課程,例如個人電腦或者平板電腦,但還是有些人偏愛智能手機。如果你提供的學習內容能夠在所有設備上呈現一樣的效果,那么響應式設計將是滿足這一需求最好的辦法。提供多種設備訪問,可以保證所有學員的首選設備能夠輕松訪問,也更容易融入到其偏愛的學習模式中去。


    問鼎云學習,大企業信賴的人才培養與發展專業平臺
    友情鏈接:
    400-100-7350
    wdxuexi@wunding.com
    深圳市南山區科技園紫光信息港C座8樓

    問鼎云學習
    移動客戶端掃碼下載

    關注微信公眾號
    獲取更多培訓干貨

    粵ICP備07037912號 Copyright ? 2012~2021 問鼎資訊 Inc. All rights reserved 工商網監 電子標識
    獲取課程清單
    確認申請
    獲取培訓方案
    確認申請
    免費體驗在線學習平臺
    確認申請
  • <u id="ms2yq"></u>
  • <s id="ms2yq"></s>
    <u id="ms2yq"><wbr id="ms2yq"></wbr></u>
  • <u id="ms2yq"></u>
  • <code id="ms2yq"><source id="ms2yq"></source></code>
    国产日韩欧美