Telerik Kendo UI

成功案例

密歇根州大學(xué)在線學(xué)院開發(fā)強(qiáng)大的注冊(cè)服務(wù)

行業(yè)：教育

產(chǎn)品：Kendo UI

挑戰(zhàn)

密歇根學(xué)院在線（MCO）是由密歇根社區(qū)學(xué)院協(xié)會(huì)和密歇根州的28所社區(qū)學(xué)院共同發(fā)起的。MCO是一項(xiàng)網(wǎng)絡(luò)服務(wù)，它提供了所有MCO成員學(xué)院提供的在線課程的綜合列表，這樣學(xué)生就可以從一個(gè)源頭開始密歇根州在線教育的注冊(cè)程序。學(xué)生可以通過MCO網(wǎng)站注冊(cè)其他學(xué)院的課程，并在另一所 "提供者 "學(xué)院完成課程，同時(shí)保持其在原本學(xué)院的身份，并繼續(xù)接受原本學(xué)院的支持服務(wù)。在 "提供者學(xué)院 "獲得的所有學(xué)分都會(huì)轉(zhuǎn)回學(xué)生的 "母校"。2013年，MCCA需要從頭開始創(chuàng)建一個(gè)支持在線教育的注冊(cè)、數(shù)據(jù)服務(wù)和管理的三層網(wǎng)絡(luò)服務(wù)。"我們需要一套強(qiáng)大的小工具，這樣我們就不用重新發(fā)明輪子了。"MCCA首席技術(shù)官Randy Melton說。Melton 的團(tuán)隊(duì)已經(jīng)熟悉 Progress 的 Kendo UI® 小組件。一個(gè)關(guān)鍵的要求是建立一個(gè)直觀的界面。"傳統(tǒng)的界面很笨拙，"他說。"我們希望為他們提供類似應(yīng)用程序的體驗(yàn)，這樣他們就不會(huì)覺得自己在使用網(wǎng)頁。融入視覺線索和響應(yīng)能力對(duì)于創(chuàng)造這種體驗(yàn)很重要。"

另一個(gè)挑戰(zhàn)是項(xiàng)目的復(fù)雜性。團(tuán)隊(duì)必須為多達(dá)三所學(xué)院之間的注冊(cè)創(chuàng)建復(fù)雜的工作流程。"我們必須圍繞不同的委員會(huì)、學(xué)術(shù)地位、財(cái)政援助和其他因素管理業(yè)務(wù)規(guī)則，"他說。出于這個(gè)原因，Grid專家表控制很重要。"我們看了幾個(gè)解決方案，但除了Kendo UI框架的網(wǎng)格功能外，沒有任何東西真正脫穎而出，"Melton說。"進(jìn)步一直響應(yīng)跟隨市場趨勢(shì)支持AngularJS，我們將能夠利用Kendo UI框架與Cordova使用PhoneGap進(jìn)行移動(dòng)開發(fā)。"

解決方案

Melton認(rèn)為，Kendo UI框架完整的端到端成功數(shù)據(jù)模型是解決方案的閃光點(diǎn)。"我們首先使用Kendo UI Grid對(duì)我們的業(yè)務(wù)問題進(jìn)行建模，包括工作流和注冊(cè)序列模型，然后使其可擴(kuò)展，"他說。"我們使用網(wǎng)格來支持UI，它在控制器層面工作得很好。從我們的數(shù)據(jù)存儲(chǔ)到視圖模型有一個(gè)自然的一對(duì)一映射。" Kendo UI控件可以適應(yīng)不同的框架，這使得Melton的團(tuán)隊(duì)可以使用開源的解決方案。"Kendo UI框架使我們能夠?yàn)橛脩籼峁┴S富的界面，用于管理整個(gè)密歇根州的社區(qū)大學(xué)協(xié)會(huì)內(nèi)的在線招生。網(wǎng)格工具及其導(dǎo)出到Excel的能力提供了很好的用戶體驗(yàn)。" 此外，Melton表示，將Angular與Sails(node.js)和MongoDB結(jié)合起來，與Kendo UI框架合作得很好。"對(duì)于現(xiàn)代移動(dòng)應(yīng)用，你必須考慮部件對(duì)用戶操作的反應(yīng)速度，"他說。"但在幕后，你需要數(shù)據(jù)來給部件補(bǔ)充水分。如果你在SQL上，你就必須在中間把數(shù)據(jù)翻譯成JSON，這樣會(huì)降低性能。使用OData，你可以直接與數(shù)據(jù)庫對(duì)話，以更快的速度為部件補(bǔ)水，并創(chuàng)建一個(gè)更好、更直觀的用戶體驗(yàn)。" Melton的團(tuán)隊(duì)利用Kendo UI Grid來管理網(wǎng)站的所有工作流和業(yè)務(wù)流程。"網(wǎng)格控制使我們能夠以一種對(duì)用戶有意義的方式呈現(xiàn)數(shù)據(jù)，并有效地與后端系統(tǒng)對(duì)話，"他說。"另一個(gè)最保守的秘密是調(diào)度器，"他說。"我們用它來創(chuàng)建全局學(xué)術(shù)日歷，房間日歷，加上許多其他的日歷。這是一個(gè)巨大的時(shí)間節(jié)省，因?yàn)槲覀兛梢杂靡粋€(gè)視圖來整合多個(gè)日歷。"

"通過Kendo UI控件，我們能夠快速創(chuàng)建一個(gè)強(qiáng)大、可靠的用戶體驗(yàn)；它有一個(gè)邏輯框架來處理數(shù)據(jù)，并通過簡化數(shù)據(jù)源連接來節(jié)省你的時(shí)間。"

--Randy Melton 密歇根社區(qū)學(xué)院協(xié)會(huì)首席技術(shù)官

成果

從端到端，該項(xiàng)目在不到九個(gè)月的時(shí)間內(nèi)完成。該網(wǎng)站后端將有大約185名管理員和聯(lián)系人使用，前端則有數(shù)千名學(xué)生使用。Melton說，Kendo UI控件實(shí)現(xiàn)了三個(gè)關(guān)鍵優(yōu)勢(shì)。- 優(yōu)秀的用戶體驗(yàn) 快速開發(fā) 高質(zhì)量的缺陷管理 性能也比使用傳統(tǒng)系統(tǒng)更快、更可靠。"這是夜以繼日的，"Melton說。"我們使用MongoDB是有幫助的，因?yàn)槲覀儾槐卦赟QL中構(gòu)建模型。UI已經(jīng)在那里了。"

如果Melton的團(tuán)隊(duì)對(duì)網(wǎng)站進(jìn)行手動(dòng)編碼，就沒有辦法整合Kendo UI框架提供的所有豐富功能--應(yīng)用程序?qū)⑦^于龐大。"市場正在從JQuery轉(zhuǎn)向，更多的開發(fā)人員正在編寫純Angular指令來減少頁面加載大小，因?yàn)橐苿?dòng)編碼必須是精益的。"他說。"精簡之后，強(qiáng)大的體驗(yàn)才是目標(biāo)，當(dāng)你開始提供更多的應(yīng)用服務(wù)時(shí)，頁面加載速度很重要。所以，你必須意識(shí)到尺寸的重要性。" 最終的結(jié)果是一個(gè)健壯、可靠和快速表現(xiàn)的網(wǎng)站。"為高等教育構(gòu)建業(yè)務(wù)流程可能是一件很難做好的事情，"他說。"我們必須建立一個(gè)數(shù)據(jù)模型，允許敏捷地管理流程，同時(shí)又不會(huì)太嚴(yán)格。通過Kendo UI控件，我們能夠快速創(chuàng)建一個(gè)強(qiáng)大、可靠的用戶體驗(yàn)；它有一個(gè)邏輯框架來處理數(shù)據(jù)，并通過簡化數(shù)據(jù)源連接來節(jié)省你的時(shí)間。

"Kendo UI Grid控件使我們能夠以一種向用戶用有意義的方式呈現(xiàn)數(shù)據(jù)，并與后端系統(tǒng)進(jìn)行有效和高效的對(duì)話。"

--Randy Melton 密歇根社區(qū)學(xué)院協(xié)會(huì)首席技術(shù)官

未來規(guī)劃

據(jù)Melton介紹，該團(tuán)隊(duì)將廣泛利用Kendo UI框架來開發(fā)其Pathways項(xiàng)目，這是一個(gè)由國家資助的密歇根大學(xué)成功系統(tǒng)，將取代學(xué)生門戶網(wǎng)站，幫助學(xué)生 "以終為始 "地開始上大學(xué)。Pathways的第一階段計(jì)劃于2016年初進(jìn)行測試。"Pathways將支持全新的合作水平。你可以使用Kendo UI網(wǎng)格來解密復(fù)雜的活動(dòng)和流程，并使必要的數(shù)據(jù)易于查找和使用，這真是太神奇了。"

關(guān)于密歇根學(xué)院在線

密歇根學(xué)院在線(MCO)是密歇根社區(qū)學(xué)院協(xié)會(huì)和密歇根州28所社區(qū)學(xué)院的倡議。MCO是一項(xiàng)網(wǎng)絡(luò)服務(wù)，它提供了所有MCO成員學(xué)院提供的在線課程的綜合列表，這樣學(xué)生就可以從一個(gè)源頭啟動(dòng)密歇根州在線教育的注冊(cè)程序。