真实国产乱子伦露脸,国产精选污视频在线观看 http://www.qjsdgw.cn Thu, 13 Apr 2023 03:40:49 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.8.3 http://www.qjsdgw.cn/wp-content/uploads/2022/03/ico.png 搭建 – V商人 http://www.qjsdgw.cn 32 32 公眾號的商城怎么搭建,微信公眾號搭建商城需要多少錢? http://www.qjsdgw.cn/150139.html Thu, 13 Apr 2023 03:40:42 +0000 http://www.qjsdgw.cn/?p=150139 電腦是企業(yè)辦公必備的工具,同時很多家庭都有配備,無論筆記本還是臺式在各場景中應(yīng)用都非常廣泛,市場各類品牌也很多,區(qū)別于以前店內(nèi)購買,現(xiàn)在不少消費者會選擇線上電商平臺購買,也因此如今電腦經(jīng)銷商或品牌直營店面臨不少痛點:

1、拓客引流難

電腦產(chǎn)品雖然需求高,尤其是企業(yè)大量訂購,但線下門店無有效的拓客方式,發(fā)廣告/傳單等都無濟于事,而且傳播范圍有限,線下流量匱乏,經(jīng)營成本又高。線上雖然流量匯聚,但依然缺少宣傳方式及引流手段,沒有品牌線上商城,無法實現(xiàn)品牌/產(chǎn)品/服務(wù)全面觸達客戶;入駐第三方平臺依賴平臺分發(fā)與用戶主動搜索,還有入駐費/流量費,同時競爭也更激烈等。

2、營銷難

傳統(tǒng)商家營銷方式單一,不僅難以拓客,而且也難以轉(zhuǎn)化客戶,做活動往往是本大于利,傳播范圍也僅限三公里,線上營銷成本高等。

3、無線上平臺

私域成為眾商家的選擇,品牌沒有線上平臺,則很難轉(zhuǎn)化留存客戶,無法面對面與客戶溝通,消費者無法隨時消費及獲得完整服務(wù)等。

4、經(jīng)營沒有方向

電腦商家,各種品牌及配件等非常多,銷量、訂單等難以直觀查看及管理,沒有數(shù)據(jù)支撐,導致熱銷商品備貨不及時,積存商品又不清楚。

5、復購低

電腦產(chǎn)品雖然不是幾周幾月就換,但三年左右?guī)缀蹙蜁鼡Q,相比電視、冰箱等產(chǎn)品,復購時間較短,尤其是配件等產(chǎn)品,然而商家無法及時觸達客戶,就會導致客戶流失,第三方平臺客戶并不屬于自己,無法高效管理。

雨科網(wǎng)商城作為專業(yè)的商城搭建平臺,搭建電腦商城覆蓋電腦端、手機端和小程序端,精美的模板樣式及海量模板實現(xiàn)商家多平臺渠道推廣引流轉(zhuǎn)化及消費者隨時觸達品牌需求。

通過搭建電腦小程序商城,全面展示產(chǎn)品及服務(wù),用戶輕松購買多種發(fā)貨方式,訂單系統(tǒng)、商品系統(tǒng)、數(shù)據(jù)系統(tǒng)及多種營銷功能、經(jīng)營功能等完善商城高效經(jīng)營,多種支付方式無傭金抽成,完善的分銷體系與會員體系,不斷挖掘客戶價值。

構(gòu)建私域流量池轉(zhuǎn)化流程,獲取平臺高額流量,連接線下門店,降低獲客成本,支持多門店自營和多商戶入駐模式,完善用戶引流-轉(zhuǎn)化-留存-復購-裂變分享路徑。

而搭建電腦公眾號商城也非常簡單,只需進入雨科網(wǎng)商城后臺挑選模板。

模塊可視化搭建操作,付費版本,授權(quán)小程序,然后開啟所需功能配置、上貨等。

商城搭建完成經(jīng)平臺審核通過即可正式經(jīng)營。(更多內(nèi)容可以咨詢本站客服跟進)

原文:https://www.zcdly.com/djdnscxcx.html

公眾號:雨科網(wǎng)

]]>
電商平臺的搭建論文,電商平臺的搭建運營? http://www.qjsdgw.cn/130927.html Fri, 23 Dec 2022 06:50:32 +0000 http://www.qjsdgw.cn/?p=130927   對于電商系統(tǒng)來說,不是搭建完就可以了,不用操心了,其實商城系統(tǒng)是需要持續(xù)性的維護的。那么搭建B2C商城系統(tǒng),后期維護需要注意什么?看完易族智匯javashop為您編輯整理的您就會明白了,歡迎閱讀,僅供參考。

搭建B2C商城系統(tǒng),后期維護需要注意什么?

  一、執(zhí)行B2C商城批量用戶測試工作

  您努力構(gòu)建了一個直觀的B2C商城并推動了它們發(fā)揮作用。令人沮喪的是,人們使用網(wǎng)絡(luò)的方式經(jīng)常發(fā)生變化。1998年感覺自然而直觀的B2C商城設(shè)計對今天用戶來說不再起作用。

  為確保您的B2C商城繼續(xù)對用戶具有直觀意義,并能在用戶瀏覽過的所有設(shè)備上正常運行,可以在日歷上標記每年設(shè)置一次的可用性測試時間。

  另外也可以通過引入與您的業(yè)務(wù)或品牌無關(guān)的流量,這些人能夠使您的瀏覽B2C商城煥然一新。確保參與測試的訪客盡可能使用的覆蓋全的瀏覽器和設(shè)備類型,以便全面了解,并創(chuàng)建維護計劃以進行必要時候的測試與更新,畢竟如果您不將所學的見解轉(zhuǎn)化為行動那整個測試結(jié)果都是不值的。

  二、進行B2C商城的購買測試

  就電子商務(wù)B2C商城功能來說,B2C商城上最重要的功能類型是購買功能。如果它停止工作,或者即使由于任何原因而出現(xiàn)故障,在發(fā)現(xiàn)并解決問題之前都可能會損失大量利潤。

  所以,至少每隔幾個月一次,進行一些購買測試,以了解該流程的工作原理。在不同的設(shè)備和不同的瀏覽器上執(zhí)行此操作,以便確定過程中是否存在僅在某些情況下發(fā)生而不在其他情況下發(fā)生的障礙。

  三、測試B2C商城上的所有表格

  如果B2C商城包含希望訪問者填寫的任何聯(lián)系表單插件,則要確信它們也可以正常運行。

  在購買測試產(chǎn)品的同時,要完成B2C商城上所有表格的填寫過程。同樣,在這種情況下,確保在訪問者可能使用的所有設(shè)備和瀏覽器上嘗試使用它們。

  如果任何表格工作不正常,則可能會丟失有價值的線索,因此要確保盡早發(fā)現(xiàn)問題。

  四、修復所有B2C商城上斷開的鏈接

  每當有人點擊指向404頁面的鏈接時,它都會令人失望。當該死鏈接出現(xiàn)在B2C商城上時,會使業(yè)務(wù)狀況變差,并使人們離開希望它們進入的頁面,這就是為什么需要執(zhí)行預防性維護。

  不管做什么,最終都會不時在B2C商城上出現(xiàn)斷開的鏈接,就像鏈接到其他B2C商城來移動或死亡或更改域一樣??赡軟]有辦法完全避免使用它們,但是可以通過將其作為常規(guī)B2C商城維護的一部分來確保它們不會長時間停留在B2C商城上。每隔幾個月檢查一次損壞的鏈接,然后將其刪除或?qū)⑵涮鎿Q為更新的鏈接。

  五、檢查B2C商城安全更新

  有關(guān)高調(diào)安全漏洞的信息一直都在聽到,并且只能假設(shè)還有更多從未聽說過的低調(diào)安全漏洞。保護B2C商城不受黑客攻擊,對于任何運營該B2C商城的人而言,都是首要任務(wù),對于處理客戶私人數(shù)據(jù)的電子商務(wù)企業(yè)來說,這一點尤為重要。

  應(yīng)該計劃進行安全性保護的最重要的B2C商城維護實踐之一是檢查所有平臺,插件和腳本是否為最新。通常,當開發(fā)人員發(fā)布這些更新時,是為了提高安全性或修補它們發(fā)現(xiàn)的漏洞。

  不要拖延進行這些更新,否則可能不必要地使B2C商城和訪問者面臨風險。

  六、定期備份B2C商城站點

  這件事發(fā)生在我們所有人身上:整天從事一個項目,然后計算機出了點問題,失去了整個項目。如果這發(fā)生在自己身上,那么可能真的很擅長于保留計算機備份,從而避免了以后的麻煩。

  以上就是對搭建B2C商城系統(tǒng),后期維護需要注意什么一個大致的簡述。如需選擇現(xiàn)有的商城系統(tǒng)來搭建自己的商城,可以參考新零售電商系統(tǒng)開發(fā)-多用戶商城系統(tǒng)開發(fā)- b2b2c商城系統(tǒng)-易族智匯javashop【官網(wǎng)】,它有成熟的電商系統(tǒng)開發(fā)經(jīng)驗,完整的商城解決方案和成熟的系統(tǒng)架構(gòu),可以省時省力省心的就擁有自己的B2C商城系統(tǒng)。

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

]]>
短視頻app源碼怎么上傳服務(wù)器,短視頻app源碼搭建? http://www.qjsdgw.cn/127171.html Wed, 30 Nov 2022 06:27:55 +0000 http://www.qjsdgw.cn/?p=127171 功能簡介

一、工具類短視頻

短視頻直播系統(tǒng)的軟件開發(fā)一開始并不是短視頻+直播的模式。當短視頻APP出現(xiàn)時,它作為一款視頻剪輯功能APP進入了公眾視野。然后將智能手機錄制的視頻導入電腦,通過電腦軟件進行編輯導出,在實際操作中不方便,操作難度大。因此,智能手機錄制的視頻可以像照片一樣簡單處理的短視頻編輯軟件應(yīng)運而生。

比如視頻配樂、視頻剪切、視頻特效、視頻濾鏡等功能,都能夠在短視頻APP中實現(xiàn)。簡單化了視頻后期處理,可操作性更強??墒嵌桃曨l功能也僅限于此,并沒有社交性。

二、人際交往類短視頻

短視頻直播系統(tǒng)軟件開發(fā)只是具有剪輯功能并不能滿足大家的日常生活需求,意識到這一點各大平臺逐漸探尋新的出路,將短視頻剪輯與分享結(jié)合在一起,比如那時候風靡一時的美拍、秒拍、快手等社區(qū)類人際交往的短視頻APP。人際交往類型的短視頻APP再也不是單一化的功能型app,一定程度上滿足了大家人際交往的需求。社交性短視頻的盛行和普及化意味著大家迎來了短視頻發(fā)展的另外一個階段,短視頻再也不是純粹的視頻編輯的工具。

剪輯后即時分享的機制增強了短視頻APP的社交性,流量越來越大。此外伴隨著手機端直播的爆發(fā),短視頻直播系統(tǒng)軟件也開始發(fā)展壯大起來。

三、短視頻+直播

隨著移動互聯(lián)網(wǎng)技術(shù)的發(fā)展,短視頻+直播的新模式逐漸出現(xiàn)。前面提到的快手APP,剛剛實現(xiàn)了從社區(qū)式人際交流到直播+短視頻的轉(zhuǎn)型。原創(chuàng)的快手APP順應(yīng)了時代發(fā)展壯大的潮流,將短視頻與直播相結(jié)合,極大地豐富了大家的視聽體驗。這也是快手APP在如此激烈的行業(yè)競爭中仍然占有一席之地的主要原因。

]]>
免費h5源碼資源源碼站,短視頻源碼搭建? http://www.qjsdgw.cn/125081.html Wed, 23 Nov 2022 12:27:39 +0000 http://www.qjsdgw.cn/?p=125081 視頻程序源碼在開發(fā)的過程當中,流媒體的傳輸起著關(guān)鍵的作用。由于設(shè)備端采集到的原始數(shù)據(jù)是非常有限的,也不利于傳輸,所以在視頻數(shù)據(jù)傳輸前要先進行編碼處理,其實對視頻編碼就相當于將視頻進行壓縮,為后續(xù)的傳輸,存儲,加密,修改等操作提供便利。

一·編碼的類型

在短視頻程序源碼中視頻的編碼一般分為軟編碼和硬編碼兩種方式:

1·軟編碼就是采用CPU對設(shè)備端采集到的原始視頻數(shù)據(jù)進行編碼。

2·軟編碼就是采用設(shè)備端提供的硬編接口,如顯卡GPU,專用的DSP,FPGA,ASIC芯片等進行編碼。

二·軟 硬編碼的優(yōu)缺點是

1·短視頻系統(tǒng)源碼開發(fā)中軟編碼實現(xiàn)比較簡單,直接,而且技術(shù)相對來說比較成熟,參數(shù)的調(diào)整,升級比較也比較方便,低碼率下質(zhì)量通常比硬編碼要好一些;但是對CPU占用較少,用戶即使在短視頻程序源碼中長時間的高清錄制也不會出現(xiàn)發(fā)燙的情況,主要原因是因為使用的是系統(tǒng)的API,所以庫相對較??;但是硬編碼會受到硬件設(shè)備支持的影響,所以考慮兼容性的問題,壓縮率一般偏低,低碼率下通常質(zhì)量不如軟編碼。

三·短視頻程序源碼采用的是編碼類型

根據(jù)以上內(nèi)容分析得知,軟編碼和硬編碼都有一定的優(yōu)缺點,具體的選擇要根據(jù)自身的需求決斷。在短視頻程序源碼中,采用的是H.264和H.265的視頻編碼格式,即硬編碼,在節(jié)省CPU性能的同時,也實現(xiàn)了高效編碼。

四·服務(wù)器的選擇

在短視頻程序源碼開發(fā)時,除了流媒體的傳輸過程外,服務(wù)器的選擇也很重要:

1·寬帶的要求對短視頻程序源碼來說非常嚴格,如果寬帶不夠就會造成用戶無法正常訪問的情況,更不可能保障視頻的流暢度和清晰度了,為了滿足短視頻程序源碼的需求盡可能選擇大的寬帶。

2?短視頻節(jié)目源占用的服務(wù)器內(nèi)存比較大,短視頻或流媒體的存儲、上傳和下載都是測試存儲空間,合適的存儲空間給用戶帶來更好的使用體驗。

3·選擇拓展性強的服務(wù)器,短視頻程序前期所需要的服務(wù)器硬件配置可能不需要那么多,但是隨著不斷地發(fā)展,服務(wù)器配置就需要進行升級,將所有數(shù)據(jù)轉(zhuǎn)移至新服務(wù)器太麻煩,所以服務(wù)器是否能擴展升級就很重要了。

為了能讓短視頻程序源碼實現(xiàn)更好的商業(yè)價值,除了技術(shù)上不斷地進步之外,在功能方面也要集多種功能于一體,盡可能地滿足用戶的各種不同需求,像當下正流行的“短視頻+直播+電商”模式,就是實現(xiàn)短視頻程序源碼流量變現(xiàn)最佳的途徑。

]]>
碰碰貼聯(lián)網(wǎng),碰碰貼wifi平臺搭建? http://www.qjsdgw.cn/96813.html Thu, 01 Sep 2022 17:38:44 +0000 http://www.qjsdgw.cn/?p=96813 你好!我們產(chǎn)品叫:碰碰貼!

顧客進店,無需問店家WIFI密碼是多少?碰一碰或者掃一掃卡貼即可連接店家的WIFI,同時提升了消費者的體驗感。

消費者用手機碰一碰或者掃一掃自動連接上你們家WIFI,然后彈出一個小程序即可一鍵連接WIFI,同時,小程序里面會自動彈出店鋪的logo門店,和店內(nèi)的宣傳視頻,以及店里面的活動,優(yōu)惠卷廣告投放等

優(yōu)惠券可以送一盤小菜呀,滿多少減多少呀,送多少啤酒呀,鎖住客人二次到店消費,別人能看見咱家的優(yōu)惠券,咱家也能看見別人家的優(yōu)惠券。

另外連接咱家wifi,打開快手或者抖音會直接彈出咱家想讓別人看見的視頻,我們在本地商圈組建了異業(yè)聯(lián)盟,流量共享,資源共享,報團取暖的模式為你們各大商家得到了本地精準流量,不像快手和抖音那樣的流量不夠精準,無限放大!

消費者不可能千里迢迢的跑過來你店里消費,我們只做本地商圈,例如今天消費者在大排檔吃飯喝酒連WIFI彈出來了小程序看到附近KTV有活動正好下一場他們要去唱歌就領(lǐng)取了他們家的優(yōu)惠券去他家唱歌,然后拿優(yōu)惠券找KTV核銷就好了,消費者在他家KTV連了WIFI看到了別家的宵夜檔正好唱完歌要去吃他家的特色宵夜?;蛘吆榷嗔艘ツ膫€酒店或者住宿休息,或者要去哪里洗腳按摩等吃喝玩樂在小程序里一目了然,只要他連接了WIFI就能看到,他家消費者連接WIFI可以看到你家門店活動廣告,你家消費者連接WIFI可以看到他家活動廣告,然而讓你們各行業(yè)老板達成流量共享,資源共享,報團取暖的效果。

合作微be314gin

]]>
網(wǎng)絡(luò)搭建是干什么的p p t(網(wǎng)絡(luò)搭建是干什么的工作) http://www.qjsdgw.cn/93525.html Sat, 27 Aug 2022 13:52:24 +0000 http://www.qjsdgw.cn/?p=93525

明敏 發(fā)自 凹非寺

量子位 | 公眾號 QbitAI

只因運營商提供的網(wǎng)絡(luò)套餐又慢又貴,一老哥干脆自建了一套光纖網(wǎng)絡(luò)!

而且不只是自己家能用,同鎮(zhèn)的70戶家庭都可以接入,網(wǎng)速可達100Mbps1Gbps

甚至當?shù)卣荚敢鉃樗峁?strong>1700萬的資金幫助,讓他的網(wǎng)絡(luò)能覆蓋到周圍鎮(zhèn)子。

而這一切,都是因為五年前,這位老哥在升級寬帶網(wǎng)絡(luò)時,運營商開出了高達33萬元的費用。

網(wǎng)友看了直呼他是Superman!

不穿緊身衣和披風,也能成為超級英雄!

自掏腰包98萬

上面提到的老哥名叫杰瑞德·毛赫(Jared·Mauch),是阿卡邁(Akamai)的一位網(wǎng)絡(luò)架構(gòu)工程師,住在美國密歇根州的鄉(xiāng)村地區(qū)。

大約5年前,他家的網(wǎng)絡(luò)由美國知名運營商AT&T提供,但網(wǎng)速只有1.5Mbps

用杰瑞德的話來說,這個速度放在2002年的話非???,但是在2020年就不值一提了。

就拿我國運營商現(xiàn)在提供的寬帶套餐來舉例,基本都是在300-600Mbps。

所以,杰瑞德想把自家寬帶升級一下,聯(lián)系到了美國另一家大型運營商康卡斯特

結(jié)果對方開出了一個天價套餐,需要支付5萬美元(約合人民幣33萬),才能把網(wǎng)絡(luò)拉到他們家。

這其中包括了一些網(wǎng)線的架設(shè)費用,即便他們的網(wǎng)絡(luò)其實已經(jīng)覆蓋了周邊地區(qū)。

面對如此高昂的價格,杰瑞德怎么都覺得不劃算,所以干脆一不做二不休,自己來建光纖網(wǎng)絡(luò)吧!

為此,他先注冊成立了一個專門提供互聯(lián)網(wǎng)服務(wù)的公司W(wǎng)ashtenaw Fiber Properties LLC。

自建的網(wǎng)絡(luò)不光是自己來用,全村的居民都能申請加入。

前后算下來,杰瑞德花費了大約14.5萬美元(人民幣約98萬)。

具體來看,杰瑞德自己找承包商鋪設(shè)了光纖、找到了可接入的互聯(lián)網(wǎng)供應(yīng)商,還把自己家變成了一個網(wǎng)絡(luò)樞紐。

首先是鋪設(shè)光纖,他花了大約9.5萬美元(人民幣約64萬)。

一般來說,光纖線路的位置在地下1.8米左右的位置。有時為了避開燃氣管道和其他障礙物,可能會深達6米。

杰瑞德找到了專業(yè)的承包商來搞定這事兒。

此外,他還選擇架設(shè)兩套可以并行的導管,這樣就能安裝更多的光纖,后續(xù)還能出租或出售給別家公司使用。

而把光纖加到導管中,是杰瑞德自己搞定的。

用到的吹纜機,也是他用租來的空氣壓縮機改造的。

此外,他還花8000美元(人民幣約5.4萬)買了一臺定向鉆機,這樣就能在馬路下面安裝電纜和導管,還能避免挖坑。

至于網(wǎng)絡(luò)方面,杰瑞德是從大型網(wǎng)絡(luò)提供商ACD.net那里購買的。

他從自家拉了大約3公里的光纖出來,連接到最近的ACD.net地下電纜節(jié)點,然后杰瑞德家就成為了一個網(wǎng)絡(luò)樞紐。

同時,他還設(shè)置了冗余備份。

甚至如果之后他把這處房子賣了的情況,也考慮到了。杰瑞德表示可以通過搞定地役權(quán)的方式,讓自己依舊可以訪問該房產(chǎn)上某些ISP的相關(guān)設(shè)備。

現(xiàn)在他的家里有一個用于和ACD.net通信的路由器、一個線路終端、一個用于網(wǎng)絡(luò)測速的服務(wù)器、一個用于備份的Mac mini,還有一個用來當做備用DHCP服務(wù)器樹莓派和一個家庭發(fā)電機。

而接入的用戶家,只需要安裝一個光纖轉(zhuǎn)換器(下圖左側(cè)設(shè)備),然后使用自己的路由器就能上網(wǎng)了。

目前,杰瑞德架設(shè)網(wǎng)絡(luò)的套餐有兩種。

一種是每月55美元(人民幣約370元)提供100Mbps網(wǎng)絡(luò),另一種是每月79美元(人民幣約530元)提供1Gbps網(wǎng)絡(luò)。

安裝費通常需要199美元(人民幣約1345元)。

同時,杰瑞德還在參加一個“平價鏈接計劃”,該計劃可以讓符合要求的家庭每月享有30美元的補貼。

現(xiàn)在,他大概為70個家庭用戶提供互聯(lián)網(wǎng)服務(wù)。

當?shù)卣呀?jīng)為其提供260萬美元(折合人民幣約1700萬元)的資助,以進一步擴建網(wǎng)絡(luò)。

現(xiàn)在,他鋪設(shè)的光纜長度已經(jīng)超過22公里,未來還將繼續(xù)擴建61公里。

范圍將從他所居住的小鎮(zhèn),拓展到附近4個鎮(zhèn)子上,可覆蓋417戶家庭的網(wǎng)絡(luò)。

計劃要求杰瑞德在2026年底之前完成擴建,不過他表示大約在明年年底就能搞定。

而在網(wǎng)絡(luò)上,杰瑞德的大膽嘗試也受到了很多人的支持和認可。

有人表示,自己把這個故事讀給同事聽之后,大家都為杰瑞德歡呼。

還有同是網(wǎng)絡(luò)架構(gòu)工程師的網(wǎng)友詢問,杰瑞德這么牛的方案,是否是可復制的?這樣其他地區(qū)的居民也能享受類似的服務(wù)了!

One More Thing

杰瑞德的故事其實并不是個例。

對于歐美一些國家的鄉(xiāng)村地區(qū),由于人口稀疏、架設(shè)成本高,很多運營商都不愿意在此提供互聯(lián)網(wǎng)服務(wù),或者價格十分高昂。

在美國不少農(nóng)村地區(qū)都自建了無線網(wǎng)絡(luò)和寬帶。

英國也有農(nóng)民自建了網(wǎng)速可達900Mbps的光纖網(wǎng)絡(luò)。

像馬斯克的星鏈,主打業(yè)務(wù)也是為邊遠地區(qū)提供互聯(lián)網(wǎng)服務(wù)。

據(jù)了解,星鏈提供300 Mbps的網(wǎng)絡(luò),月租在100-500美元左右。

參考鏈接:
[1]https://arstechnica.com/tech-policy/2022/08/man-who-built-isp-instead-of-paying-comcast-50k-expands-to-hundreds-of-homes/
[2]https://arstechnica.com/information-technology/2021/01/jared-mauch-didnt-have-good-broadband-so-he-built-his-own-fiber-isp/

— 完 —

量子位 QbitAI · 頭條號簽約

關(guān)注我們,第一時間獲知前沿科技動態(tài)

]]>
App開發(fā) 直播成品系統(tǒng)源碼搭建(短視頻源碼出售直播系統(tǒng)) http://www.qjsdgw.cn/90381.html Tue, 23 Aug 2022 16:41:19 +0000 http://www.qjsdgw.cn/?p=90381 直播帶貨的出現(xiàn),為電商行業(yè)帶來了新的機遇,在帶動線上發(fā)展的同時,直播行業(yè)也得到了較好的發(fā)展。直播帶貨app源碼憑借強大的流量變現(xiàn)能力,吸引了眾多開發(fā)商和運營商,對不同的平臺來說,可以通過怎樣的方式來獲取直播帶貨app源碼呢?

直播帶貨app源碼

一、直播帶貨app源碼的獲取方式

1、自行開發(fā)

對于有能力的平臺來說,會選擇自己組建專業(yè)的開發(fā)團隊,自行開發(fā)直播帶貨app源碼。自行開發(fā)的好處就是系統(tǒng)功能、性能等方面的實現(xiàn),都可以完全根據(jù)平臺需求進行開發(fā),各方面效果完全由平臺把控,而且自行組建的開發(fā)團隊對技術(shù)方面比較放心。

需要注意的是,自行開發(fā)直播帶貨app需要考慮到時間成本、人力成本、場地成本等開發(fā)成本,而且成本會比較高。

直播帶貨app源碼

2、定制開發(fā)

定制開發(fā)是指平臺尋找靠譜的外包技術(shù)團隊,來進行直播帶貨app源碼開發(fā)。選擇定制開發(fā)的平臺,一定要注意開發(fā)團隊技術(shù)方面的積累,這樣直播帶貨app的質(zhì)量才能得到保障。除了需要注意技術(shù)方面的問題,還要保證需求溝通的通暢,確保系統(tǒng)是按照需求進行開發(fā)。定制開發(fā)的成本相較于自行開發(fā)來說會比較低,但并不是最低的。

3、成品源碼

成品源碼是指已經(jīng)開發(fā)完成、隨時可以上線的直播帶貨app源碼,相對于自行開發(fā)和定制開發(fā)來說,成品的直播帶貨app功能已經(jīng)完成,成本比較低最低。很多平臺想要選擇成品源碼,但是因為功能和自身需求不符而猶豫,所以很多團隊支持直播帶貨app二次開發(fā),滿足客戶對系統(tǒng)的不同需求。

直播帶貨app源碼

二、成品源碼的選擇

開發(fā)團隊技術(shù)經(jīng)驗的不同,直播帶貨app源碼最終的實現(xiàn)效果是不同的,平臺在選擇源碼時,要選擇靠譜的團隊,源碼質(zhì)量和系統(tǒng)后續(xù)上線后的售后服務(wù)比較有保障。選擇源碼時,要從源碼質(zhì)量、版權(quán)問題、團隊服務(wù)等方面進行評估,尤其是源碼質(zhì)量和版權(quán)問題一定要注意,這關(guān)系著系統(tǒng)后續(xù)運行的問題。

現(xiàn)在直播帶貨app源碼的技術(shù)團隊能做的,就是學習更多的音視頻開發(fā)技術(shù),思考如何進行直播帶貨app優(yōu)化。今后直播帶貨app源碼的競爭會更加激烈,只有真正優(yōu)質(zhì)、以用戶為本的系統(tǒng)才能吸引用戶,實現(xiàn)直播帶貨app持續(xù)發(fā)展。

聲明:本文由云豹科技原創(chuàng),轉(zhuǎn)載請注明作者名及原文鏈接,否則視為侵權(quán)

]]>
h5平臺搭建(H5開發(fā)平臺有哪些) http://www.qjsdgw.cn/86234.html Fri, 19 Aug 2022 10:21:54 +0000 http://www.qjsdgw.cn/?p=86234

大型 H5 項目開發(fā)的思考

不知不覺已經(jīng)是第四次接手負責每年的大型 H5 活動,這也意味著 4 年啦啊啊啊啊,哎時間過得真是太快,也是應(yīng)該做一點總結(jié)了。

每年都會有大型的 H5 項目上線,這一些項目的邏輯在一般的情況下,它們的差別不會很大,但是每一次都會有不同的樣式、條件和玩法。如果每一次大活動都是寫死邏輯且不可復用,下一次 H5 項目過來又再寫一次其實就是很沒有必要的事情。

如果能把這一些做過的組件做成通用可配置的,即插即用。那么肯定是會極大的提高開發(fā)效率,同時項目的穩(wěn)定性也有保證。只不過組件的代碼邏輯就會比較復雜,開發(fā)難度會比較高,就單單組件內(nèi)的一個按鈕就需要考慮到這個按鈕的顏色,大小,按鈕內(nèi)的字體各種樣式和背景色以及這按鈕是不是設(shè)計狀態(tài)變化,若有還要考慮這一個狀態(tài)變化的邏輯或者是一些聯(lián)動的可能。所以,一個通用組件需要考慮和實現(xiàn)的邏輯就很多。

舉個例子,比如今年的 H5 有一個 “我的獎品” 模塊 ( 頁面 or 彈窗 ),這個模塊里面有的獎品的信息展示、時間的展示、數(shù)量的展示以及底部還有一些其他的按鈕。以下是我截取兩次不同的活動的“我的獎品”列表展示模塊。

這兩種樣式的組件,大致的框架上都是一樣的,點擊側(cè)邊欄的 “我的獎勵” 和 “我的背包”,只是展現(xiàn)形式和展示數(shù)據(jù)類型以及按鈕的點擊事件是不一樣的。

所以,如果第三次 H5 ,或者以后的 H5 都寫一遍這樣的東西意義不大。所以,這樣使用頻率比較高的模塊,就必須和業(yè)務(wù)方討論。我們可以把這樣的模塊定出一個基本的交互和原型,統(tǒng)一做成一個通用列表展示組件,這個組件必須支持通用樣式的展示,也需要支持特殊的樣式展示,例如下面的情況

最左邊的也就是正常的列表樣式,右邊的就是一些特殊的卡片和文字樣式,所以,一個組件需要考慮的東西有很多。

這里叫列表展示組件而不叫“我的獎品組件”的原因是:我們只需要通過參數(shù)控制它需要展示什么的內(nèi)容、標題是什么、按鈕名稱是什么、點擊之后的邏輯是什么,而不是只局限于我的獎品列表,它也可以用于其他數(shù)據(jù)的展示。同時,這樣的通用組件可以適用于各種 H5 。組件拿來即用或者用于一些 H5 自動生成的平臺,只要根據(jù)文檔傳參數(shù)就可以了。

通過 config 控制具體的展示名字還有按鈕id的標記區(qū)分事件,data 初始化組件的列表,與業(yè)務(wù)區(qū)分開來這里就變成了一個很純粹的列表展示組件,可以展示任意的數(shù)據(jù),只要按照格式傳參就行。這里只是寫一個很簡單的 DEMO ,后面會提到入?yún)⒑秃瘮?shù)綁定。

規(guī)劃公共組件

拿到設(shè)計稿之后找出通用的模塊,再根據(jù)類似模塊之間的差異定出一個通用的規(guī)則。下面是本次大型 H5 的設(shè)計稿總覽:

第一大類:分組賽,資格賽,彈窗,規(guī)則和投票等

第二大類:沖刺賽,總決賽,PK模塊等

此次大型 H5 的分為了幾個大階段,分組賽,資格賽,沖刺賽和總決賽??瓷先ナ欠浅6鄡?nèi)容的,所以需要找出相似的模塊,再和業(yè)務(wù)側(cè)溝通從這幾個賽段來看,可以抽離成組件的是

  1. TAB 切頁組件
  2. 進度條組件
  3. 列表記錄組件
  4. 時間軸組件
  5. 排行榜組件
  6. 倒計時組件
  7. 投票組件
  8. 側(cè)邊欄懸浮組件
  9. pk 模塊組件
  10. 我的信息展示組件
  11. 頂部組件
  12. 吸底組件
  13. 按鈕組件
  14. 主播展示組件

這里就拿一部分的組件描述一下實現(xiàn)思路,全部寫的話就太多了,而且有些地方邏輯實現(xiàn)上也是比較像的。

組件的通用參數(shù)

組件傳入?yún)?shù)

一個通用組件所需要的配置參數(shù)一般歸納為幾種,最重要的是這個組件的所有需要使用的值,也就是這個初始化參數(shù)。其次,是這個組件的一些樣式配置或者是全局參數(shù)輔助使用,還有一些情況需要特定的屬于這個組件的 key 。當然,不是說樣式和全局參等等是不重要的參數(shù),而是根據(jù)業(yè)務(wù)的需求來定,可能樣式的參數(shù)才是重點這個也是可能的,具體的還得從業(yè)務(wù)或者這個組件本身的性質(zhì)考慮,只是在做組件的時候優(yōu)先考慮功能的實現(xiàn)。以下是我封裝通用組件的一個習慣,分別綁定的參數(shù)是 data, styleForm, commonStyle, global, componentKey。以下是一個組件綁定參數(shù)和方法的例子:

<template>
  <head-section
    :data="headData"
    :global="global"
    :styleForm="headConfig"
    :commonStyle="headCommonStyle"
    :componentKey="headComponentKey"
    @methods="headMethods"
  />
</template>

<script>
export default {
	data(){
		return {
			// 全局配置
			global: {},
			
			// 頂部組件配置
			headData: {},	
			headConfig: {},
			headCommonStyle: {},
			headComponentKey: {},
		}
	}
}
</script>

data 組件初始化參數(shù)

data 是這個組件傳入的初始化參數(shù)或者是渲染組件的所有數(shù)據(jù),類型是 Object 。組件可以用初始化參數(shù)通過 ajax 獲取數(shù)據(jù)也可以通過 class 執(zhí)行初始化邏輯或者是直接將數(shù)據(jù)綁定在這個 data 中。

<script>
// 組件
export default {
props: {
  data: {
    type: Object,
    default: () => ({
    	// list:[],                example
    	// total: 10               example
    }),
   },
}
</script>

styleForm 組件的配置參數(shù)

styleForm 這個是組件的配置信息,比如這個組件的一些背景、樣式信息以及一些固定的數(shù)據(jù)不會發(fā)生變化的數(shù)據(jù)。數(shù)據(jù)格式類型是 Object 。

<script>
// 組件
export default {
props: {
  styleForm: {
    type: Object,
    default: () => ({
    	// styles: {},                example
    	// bg: './images/xx.png'      example
    }),
   },
}
</script>

commonStyle 通用樣式配置參數(shù)

commonForm 這個參數(shù)是通用的樣式配置,比如,控制這個組件的寬、高以及背景色等等。這個我們在自己在獨立開發(fā)的 H5 的時候,會按照這樣的參數(shù)格式配置。目的是讓組件更加通用,適用于不同的地方,比如一些 H5 的自動生成平臺。 因為,在互聯(lián)網(wǎng)大廠里 H5 的開發(fā)如果是比較簡單的頁面,是不會單獨用人力去開發(fā)的,而是通過平臺配置生成 H5。我們需要做的就是提供各種各樣的組件,讓業(yè)務(wù)同學去配置使用。所以,平臺的配置是以每個功能模塊劃分,commonForm 可以接入他們的平臺的接口數(shù)值,直接在平臺上控制這個組件的寬、高、是否居中等等的基礎(chǔ)樣式。

<script>
// 組件
export default {
props: {
  commonStyle: {
    type: Object,
    default: () => ({
    	// width: 300,                example
    	// height: 20                 example
    }),
   },
}
</script>

global 全局屬性

全局屬性指的是這個項目的唯一標記,適用于項目中的任意一個地方。比如說這個項目的 id ,他可能在做上報操作或者在請求接口的時候需要帶上這個參數(shù)。那么就由 global 這個參數(shù)統(tǒng)一接收。類型也是 Object 。

<script>
// 組件
export default {
props: {
  global: {
    type: Object,
    default: () => ({
    	// page_id: 111,                example
    }),
   },
}
</script>

componentKey

componentKey 是組件的標記,主要用于在做區(qū)分組件的時候,使用比如上報數(shù)據(jù)。同時也可以用于一些非常特定的邏輯,提供臨時的解決方法。舉個非常簡單例子:業(yè)務(wù)方需要畫 10 個圓且背景都是白色,突然間提出要在第 9 個圓中某個位置加上一個黑色的點,其他不變。 這樣既不合理也不通用還砍不掉的需求,臨時的解決方法就是通過 key 寫一個 if else ,之后再說。

<script>
// 組件
export default {
props: {
  componentKey: {
    type: [String,Number],
    default: 1,                     // example
   },
}
</script>

@methods 方法綁定

在組件內(nèi)通過輸出按鈕 id 或者事件類型,由上一層組件進行執(zhí)行特定邏輯,這樣的好處是通用的樣式和 DOM 與 JavaScript 分離,不含有業(yè)務(wù)邏輯一下次也可以直接復用這個組件,不需要再去改。

組件

<template>
    <div class="head-section" style="padding: 0px 0px">
        <div
            class="lottery-btn"
            @click="onClickBtn('lottery', 'normal')"
        ></div>
        <div
            class="nav-btn rule-btn"
            @click="onClickBtn('rule', 'page')"
        ></div>
    </div>
</template>
<script>
export default {
  methods: {
    onClickBtn(id, type = 'page', eventParams = {}) {
      this.$emit('methods',{
        id: type,
        value: eventParams
      });
    },
  },
}
</script>

父級組件

<script>
export default {
  methods: {
    headMethods($Event) {
      const { id, value } = $Event;
      const page = (params) => { 
        this.goPage();
      };
      const anchor = (params) => {
        this.goAnchor();
      };
      const clickEventMap = {
        'page': page,
        'anchor': anchor,
      };
      // 區(qū)分不同事件類型 傳參
      clickEventMap[id](value);
    },
    goAnchor(params) {
    	// ...
    },
    goPage(params) {
    	// ...
    }
  },
}
</script>

頁面頂部組件

組件布局和實現(xiàn):

組件封裝思路

首先從功能上看,這個組件只能適用于獨立開發(fā)的 H5 ,它不適合 H5 生成平臺?;蛘哒f這樣的組件在 H5 生成平臺完全沒有意義。因為,左邊的 icon 和右邊按鈕列表,他們在 H5 生成平臺里面,這些按鈕都是靠使用者自己手動配置的地方。例如: 左邊的 icon 就是使用一個按鈕組件拖拽進去,再加上一個跳轉(zhuǎn)事件。 右邊的 btn-list 可以看成是 3 個獨立按鈕,也和上面一樣用一個按鈕組件拖拽進去,加上一個跳轉(zhuǎn)事件,再連續(xù)配置 3 次。

但是,這一次是獨立開發(fā),所以只能按照可復用定制模版的思路來實現(xiàn)。需要考慮的地方是:

  1. 頭圖片支持背景配置
  2. 左邊的按鈕支持背景設(shè)置,文案設(shè)置和顯隱設(shè)置。
  3. 右側(cè)的按鈕列表中支持單個按鈕的背景設(shè)置,文案設(shè)置和顯隱設(shè)置以及支持再新增加多個按鈕的情況下可復用樣式 。

如圖:對應(yīng)的每個模塊使用一個 ID 作為區(qū)分,其中 btn-list 包含以 btn-x 為唯一的標記,內(nèi)容就是控制這個按鈕的背景,顯隱和文案。

之后再通過 headData 來渲染 btn-list ,數(shù)據(jù)格式為:

<script>
export default {
  data() {
    return {
    	headData:[
    		{
    			id: 'btn-1',
    			value: {
    				url: '...'
    			}
    		},
    		{
    			id: 'btn-2',
    			value: {
    				url: '...'
    			}
    		}
    		....
    	]
    }
  },
}
</script>

它的核心思想就是通過 ID 關(guān)聯(lián)數(shù)據(jù),通過 ID 關(guān)聯(lián)配置。這有點像是數(shù)據(jù)庫里面的主鍵,可以根據(jù)這個主鍵可以查詢或者關(guān)聯(lián)查找其他的數(shù)據(jù)表。

細節(jié)實現(xiàn)要點

寫一個通用的方法,在后面如果有新增的按鈕,可以直接通過傳參 (第幾個按鈕) 控制按鈕的位置。

@function head-nav-btn-top($number) {
  $top: 15;
  $boxHeight: 46;
  @if($number == 1){
    @return 385;
  }
  @return 385 + (($top + $boxHeight) * ($number -  1));
}
// .class
top: remit(head-nav-btn-top(1));
top: remit(head-nav-btn-top(2));
top: remit(head-nav-btn-top(3));

錨點跳轉(zhuǎn)到參數(shù)指定位置

headMethods($Event){
  const { id, value } = $Event;
  
  if (id === 'lottery-btn') {
  	const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  	window.scrollTo(scrollTop, this.$refs[value].offsetTop);
  }
},

倒計時組件

組件布局和實現(xiàn):

組件封裝思路

倒計時組件在邏輯上是比較簡單的,更多需要考慮倒計時的展示樣式,因為在 H5 里面,每種設(shè)計的風格或者業(yè)務(wù)需求不一樣,不可能一直沿用一種樣式的倒計時,比如這樣

所以需要考慮的點是:

  1. 倒計時的多種展示樣式和展示形式,比如是否需要拼接標題和展示天數(shù)或者秒數(shù)。
  2. 倒計時在結(jié)束的時候需要執(zhí)行的下一步邏輯。

細節(jié)實現(xiàn)要點

在計算倒計時的方法上有兩種,第一種是獲取本地手機時間再寫一個 inteval 函數(shù)遞減計算,第二種是使用 interval 每秒都向服務(wù)器進行時間獲取計算出剩余時間。 這里我一般會選擇后面那種,因為,首先本地時間不一定是正確的,也有可能是人為的去修改了系統(tǒng)的時間,其次,本地的 interval 延遲時間不一定準確。比如我們設(shè)定 1000 毫秒執(zhí)行,但是由于部分手機本身的原因,這里可能存在著誤差,設(shè)定的是 1000 毫秒,而在實際的執(zhí)行中,它相當于 800 毫秒。那么就會導致一個問題,本地的時間越算,誤差越大,如果在頁面中的時間停留較短那問題不大,但是如果在頁面的停留時間很長,到了最后看上就是一個大大的 BUG 。所以,每次都讀取服務(wù)器時間是比較靠譜的。

實現(xiàn)要點:

<template>
  <div class="countdown-section">
    <div
    	v-if="styleForm.type === 'normal'"
      :style="[{ 'background-image': `url(${styleForm.bgUrl})` }]"
      :class="['countdown-section-bg', `width-${styleForm.bgWidth}`]"
    >
      <div class="countdown-content">
        <p class="time-front" v-text="styleForm.timeFront"></p>
        <p class="time" v-text="countTime"></p>
        <p class="time-end" v-text="styleFrom.timeEnd"></p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    countdown() {
      ...
      this.timeStr = {}   //data
      this.format = ['hours', 'minutes','seconds']  // props
      for(let i = 0 ;i < format.length; i++ ){
      	this.timeStr = this.time[format[i]];
      }
    },
  },
}
</script>

節(jié)點樣式方面:讓 countdown-content 的內(nèi)容居中,倒計時前后可以配置任意文案,再給 clase="time" 加上一個寬度,這樣的好處是避免了在數(shù)字變化的時,因倒計時數(shù)字切換發(fā)生的抖動而影響到了整個倒計時文案的抖動問題。另一個是,在倒計時外層再包一層 v-if 樣式,這個是來拓展倒計時多種樣式的功能。

邏輯方面:傳入一個時間格式的配置項,比如是否需要展示天數(shù)或者秒數(shù),使用一個循環(huán)指定數(shù)據(jù)更新。最后的時間由 computed 計算屬性將 day, hours minutes , seconds 計算出來。同時,倒計時為零的時候支持配置一個方法,例如,最常見的操作就是刷新當前頁面或者是執(zhí)行跳轉(zhuǎn)。

進度條組件

組件布局和實現(xiàn)

組件封裝思路

進度條組件和倒計時組件一樣,屬于邏輯比較簡單而比較注重樣式上的一些配置。進度條組件需要考慮的點是:

  1. 背景色支持漸變配置
  2. 進度條每個節(jié)點上面和下面的文案與樣式支持配置
  3. 進度條的節(jié)點所有內(nèi)容支持顯隱

細節(jié)實現(xiàn)要點

<template>
<div class="progress-content">
  <div class="progress">
    <div class="progress-line" 
    :style="{ width: `${currentProgress}%`, backgroundImage: `linear-gradient(
    to right,
    ${styles.lineStyle.begin},
    ${styles.lineStyle.end}
    )`}"></div>
    <div class="progress-state">
    	<div v-for="(item, index) in styles.list"
    :key="`${index}buttom`"
    :style="[{ 'background-image': `url(${+index <= +current ? styles.dot.high: styles.dot.normal})` }]"
    class="state"
    >
        <div v-if="item.topText" :style="styles.top[index]" :class="['top']" v-text="item.topText"></div>
        <div v-if="item.bottomText" :style="styles.bottom[index]" class="buttom" v-text="item.bottomText"></div>
    	</div>
    </div>
  </div>
</div>
</template>

<script>
export default {
  methods: {
   
  },
}
</script>

首先,通過 props 進來的 styles參數(shù), 獲取到這個進度條的顏色,為了進度條能有更多的顏色配置,就是用漸變色來配置,只要傳入一個開始和一個結(jié)束的色值。

節(jié)點的的樣式和文案全部通過數(shù)組渲染,來達到通用配置的目,以下是我截取簡易的配置數(shù)據(jù)

const progress = {
    top: [
        {
            color: '#f5ddff',
        },
        {
            color: '#d6a5ea',
        },
				....
    ],
    bottom: [
        {
            color: '#d6a5ea',
        },
        {
            color: '#d6a5ea',
        },
        ....
    ],
    dot: {
        high: '',
        normal: '',
    },
    list: [
        {
            topText: 'Switch',
            bottomText: '0',
            hidden: false
        },
        {
            topText: '2部',
            bottomText: '10000',
            hidden: false
        },
				...
    ],
    lineStyle:{
         begin:'rgba(255, 166, 248, 1)',
         end:'rgba(255, 58, 210, 1)'   
    }
};

吸底組件

組件布局和實現(xiàn):

組件封裝思路

吸底部組件和頂部組件一樣,它不適用于 H5 自動生成平臺。吸底組件和頂部組件它們更像是一個容器,在這個容器里面配置其他的組件,所以這里還是做成一個可復用的定制模版。需要考慮的一些點:

  1. 最左邊部分的頭像和和昵稱可以寫死固定下來同時需要配置默認打底狀態(tài)數(shù)據(jù)。
  2. 中間部分的票數(shù)做成可配置的情況可以展示 1 行或者 2 行以及支持顯隱。
  3. 最右邊部分的按鈕同樣支持可配置 1 個或者 2 個以及支持顯隱。
  4. 可配置背景色

細節(jié)實現(xiàn)要點

他們的數(shù)據(jù)格式是:

<script>
export default {
  data() {
    return {
    	// 數(shù)據(jù)源綁定
    	suspensionData: {
        userSection: {
        	name: 'xxxx',
        	url: '....png',
        },
        textSection: [
          {
          	'text': `已貢獻助力票數(shù): 600`
          },
          {
          	'text': `剩余助力票數(shù): 400`
          }
        ],
    	},
      // 數(shù)據(jù)配置樣式設(shè)定
      suspensionConfig: {
      	bg: '....png',
        btn: [
          {
            'id': 'get',
            'url': '....png',
            'text': '獲取助力票'
          },
          {
            'id': 'exchange',
            'url': '....png',
            'text': '兌換助力票'
          }
        ]
      },
    },
  },
}
</script>

中間的文字展示和右邊的按鈕使用 Array 的形式渲染

<template>
...
  <div
    v-if="btn && btn.length > 0"
    :class="['item-right, `length-${btn.length}`']"
    >
    ...
  </div>
</template>
<style lang="scss" scoped>
	... 
	.btn{
		...
		&.length-2{
			justify-content: space-between;
		}
		&.length-1{
			justify-content: space-evenly;
		}
	}
</style>

在樣式上線配置好 length-x 情況下是居中還是均分的樣式。中間的文字也是同樣的方法,只是這里就多了一些細節(jié)的考慮,比如:字體容器的溢出處理和行間距的一些設(shè)定。

頭像和昵稱按理也可以做一些設(shè)定,但是這里根據(jù)實際的需求來說沒有必要,所以這里就直接固定下來。

投票組件

組件布局和實現(xiàn)

組件封裝思路

這個 H5 的投票功能相對簡單,只有一個增加/減少和最大值。

在做這個組件之前,我其實更想把它做成這樣的形式。如圖:

它可展示圖片,還可以展示選擇票的類型,同時下面還可以配置拓展按鈕也可以綁定執(zhí)行事件,看上去非常的好。但是后來想了一下,還是覺得這樣投票組件的邏輯會有點冗余,既然是一個投票組件應(yīng)該不就有其他的東西。

所以我也在原來的基礎(chǔ)上結(jié)合這個組件多加了一投票的類型選擇。就是這樣:

這樣看上去邏輯簡單,而且也確實多了是一個實用的功能。所以,這個組件需要考慮的點是:

  1. 增加/減少和最大值的計算
  2. 類型選擇同時可以支持拓展以及默認隱藏使用。

細節(jié)實現(xiàn)要點

<template>
...
<!-- 票數(shù)編輯區(qū)域 -->
<div class="ticket-section">
  <div class="ticket-edit">
    <input class="ticket-text" v-model="ticketInfo['count']"/>
    <div :class="['ticket-add']" @click="ticketAdd()" >
  		<p class="add">+</p>
  	</div>
    <div :class="['ticket-min']" @click="ticketMins">
      <p class="min">-</p>
  	</div>
  </div>
    <div :class="['ticket-max', 'allow']">
      <p class="max" @click="ticketAdd(true)">MAX</p>
  	</div>
  </div>
  
  <!-- 類型選擇區(qū)域 -->
  <div class="ticket-type-section">
    <div v-if="typeList.length > 0" class="ticket-type-content">
      <div v-for="(item,index) in typeList" :key="`type${index}`"
        class="ticket-type-item">
      <div :class="['box',item.active? 'active': '']"></div>
      <div v-text="item.text"></div>
    </div>
  </div>
</div>
...
</template>

首先用一個數(shù)組渲染類型列表,編輯區(qū)域票數(shù)區(qū)域比較重要的的就是做好數(shù)字上的校驗和統(tǒng)一管理檢驗失敗的提示文案。

const tipsMap = {
    error: '親!剩余助力票不足,請重新輸入!',
    success: '助力成功!',
    errorNum: '必須是一個數(shù)值,注意不能有空格',
    errorMax: '親,剩余助票不足,請重新輸入',
    errorZero: '親,剩余助票不足,請去獲取哦!',
};

const validCount = (num) => {
this.$set(this, 'showTips', false);
  const regExp = /^\+?[1-9][0-9]*$/g;
  if (+this.ticketInfo.count === 0) {
   return false
  }
  if (!regExp.test(this.ticketInfo.count)) {
  	this.toast(tipsMap['errorNum'])
  	return false;
	};
  if (+this.ticketInfo.count > +this.ticketInfo.left){
  	this.toast(tipsMap['errorMax'])
  	return false;
  };
  // 檢驗通過
  return true;
  }
},
validCount(1000);

排行榜組件

組件布局和實現(xiàn)

組件封裝思路

排行組件是這一個活動邏輯最復雜的一個,他除了需要支持到這個活動展示的列表數(shù)據(jù),也需要支持到以后其他 H5 的數(shù)據(jù)展示,也就是支持拓展。 比如:在這個排行榜中,第一列是一個頭像列表類型,第二列是一個文字類型,第三列也是一個頭像類型,第四列是一個按鈕類型。那么,在組件初始化的時候通過 config 配置定義好每一列的類型和樣式。如圖:

const rankConfig = {    init: [          {            type: 'headList',            key: 'head',            name: '超能',            tips: 'live',            style: {              width: '25%',              color: '#ffffff',              background: '#c69494',            }          },          {            type: 'text',            key: 'score',            name: '總助力值',            style: {              width: '25%',              color: '#ffffff',              background: '#e53de7',            }          },				....    ]};

這一段是部分配置

  1. type 是數(shù)據(jù)類型,比如 純文字,頭像或者按鈕。
  2. key 是對應(yīng)實際數(shù)據(jù)的 key,通過這個 key 讓這一列展示這個字段的內(nèi)容。
  3. name 是這一列的標題
  4. style 是這一列的具體樣式配置參數(shù)。

以后無論是需要怎么樣的一個排行榜,先查找文檔看看是不是都有這樣類型的樣式,沒有的話拓展,有的話只需要傳入配置參數(shù)之后,再傳入具體的數(shù)據(jù)就可以跑起一個排行榜的組件。

從功能上看他需要支持:

  1. 支持數(shù)據(jù)分頁
  2. 支持數(shù)據(jù)展示和拓展展示的數(shù)據(jù)類型
  3. 點擊事件通用配置

細節(jié)實現(xiàn)要點

標題部分主要代碼:

<template>
...
<div v-for="(item, index) in styles.init"
     :style="item.style"
     :class="['column-item', 'column-type']"
     :key="`${index}column`">
     
	<div class="item-title">
		
    <p class="title-text" v-text="item.name"></p>
  	<slot class="title-tips" :name="`sub-${item.key}`"></slot>
  </div>
</div>
</template>

使用配置項循環(huán)列出列表的標題,里面有個 icon 的提示圖標,使用插槽的方式插入,這里需要用 sub-${item.key} 作為一個區(qū)分,需要顯示 tips icon 的標題才展示。這里只能用 key 作為區(qū)分不能用 type,原因是一個列表里面是有可能有相同的 type 列的。

列表的渲染,這里需要各種類型的展示再抽離成一個小組件,比如將 text ,headList 等等抽離成一個小組件,需要的時候再引用。這樣做的好處出邏輯分開容易維護,小組件容易拓展,排行榜的代碼也不會過多,如圖:

他的核心代碼如下:

<template>
...
<div
class="column"
v-for="(item, index) in info.list"
:key="`${index}rankList`"
>
  <div
  v-for="(styleItem, styleIndex) in styles.init"
  :key="`${styleIndex}rankConfig`"
  :class="'column-item'"
  >
    <HeadList
      v-if="styleItem.type === 'headList'"
      @methods="onClickEvent(item.key, item)"
      ><HeadList>

    <Text v-if="styleItem.type === 'text'"></Text>

    <ListBtn v-if="styleItem.type === 'btn'"></ListBtn>
  </div>
</div>
</template>

第一層循環(huán)遍歷所有列表數(shù)據(jù),第二層循環(huán)遍歷配置表,根據(jù)類型渲染具體內(nèi)容,之后每一個塊的內(nèi)容都通過小組件形式引入。

]]>
培訓體系的搭建(如何搭建培訓體系問題怎么描述) http://www.qjsdgw.cn/85584.html Fri, 19 Aug 2022 00:25:00 +0000 http://www.qjsdgw.cn/?p=85584

1、現(xiàn)代制造業(yè)生產(chǎn)員工培訓體系發(fā)展前沿

1.1制造業(yè)管理者管理面臨的勢、道、術(shù)的思考

長江商學院,處理事務(wù)的思路。

? 趨勢:現(xiàn)代企業(yè)供應(yīng)鏈的發(fā)展趨勢

? 明道:工廠/生產(chǎn)管理者的體系管理

? 優(yōu)術(shù):專業(yè)的六項管理體系項目

1.2現(xiàn)代企業(yè)供應(yīng)鏈管理的發(fā)展趨勢

? 供應(yīng)鏈的天職:在安全的前提下,以符合公司質(zhì)量方針的品質(zhì)和可接受的成本,實現(xiàn)滿足客戶要求的交付

? 供應(yīng)鏈的價值:以工業(yè)化的標準,制造出靈活多變的非標產(chǎn)品以滿足市場的多樣化需求。

1.3工廠/生產(chǎn)經(jīng)理的六項管理體系

2、從能力角度深刻認識我們的員工

2.1認識員工與企業(yè)的培訓需求

企業(yè)組織需求:必須掌握

個人發(fā)展需求:最好掌握

職位工作需求:應(yīng)該掌握

培訓從三個方面考慮:

? 看KPI的完成情況

? 看今年KPI的指標

? 公司培訓計劃是否與公司的戰(zhàn)略發(fā)展配合

2.2培訓需求滿足后給企業(yè)帶來的變化

專業(yè)的一線員工培訓體系:

? 交付收益:最短的制程時間、更快捷的交付

? 安全收益:更安全的生產(chǎn)過程;

? 品質(zhì)收益:更低的操作不良、更低的NQC、更高的直通率、更低的客戶投訴(PRR/DOA)、更好的品質(zhì)實現(xiàn)過程

2.3員工三級培訓體系

? 公司級:公司概況、文化、規(guī)章制度和員工手冊等

? 部門級:部門概況、規(guī)章制度、部門內(nèi)通用技能及安全管理制度等

崗位(個人)級:本崗位操作內(nèi)容、要求、技能及問題處理流程等。

2.4員工離職率與培訓系統(tǒng)的關(guān)系

3、制造業(yè)生產(chǎn)員工培訓體系的六大模塊

3.1六大模塊的基本內(nèi)容

六大模塊的內(nèi)容分別為:

? 崗位劃分;

? 培訓教材編寫

? 員工崗位分級

? 100%上崗認證

? 員工培訓檔案

? 可視化培訓矩陣

不能調(diào)整順序、有邏輯關(guān)系。

3.2崗位與工位的關(guān)系

1、崗位及工位的定義:

? 崗位:即一名員工的工作范疇

? 工位:在一個工作位置上的工作內(nèi)容(相對的物理位置)

一般情況下一個崗位的工作對應(yīng)(包含)著多個或一個工作的內(nèi)容

2、關(guān)系的三種情況:

? 崗位大于工位:1個員工有兩個工作點,但屬于1個崗位。

? 崗位等于工位:1個員工在一個工作點。

? 崗位小于工位:1個工作由兩個操作人員配合完成。如焊機,工位是1個,但有兩個崗位:主機員和輔機員。

3.3具體步驟及內(nèi)容

3.3.1第一步崗位劃分

測工時、定標準,輸出崗位劃分手冊

1、由工藝部門(IE)和生產(chǎn)部門協(xié)作完成;

2、可參考:產(chǎn)品工藝流程、工位標準工時、作業(yè)指導書。

3、要點:①把崗位工位分清楚;②檢查準確性、完整性,看有沒有盲點

3.3.2第二步培訓教材的編寫

輸出通用教材和崗位教材

1、通用教材包括四個方面:安全操作、質(zhì)量意識、5S、車間知識

2、崗位教材:

①基礎(chǔ):以崗位劃分為基礎(chǔ)針對崗位編寫培訓教材

②來源:5個部分

a 本崗位涉及的作業(yè)指導書;

b 本崗位涉及的改進措施

c 本崗位歷史上出現(xiàn)的客戶投訴

d 本崗位歷史上出現(xiàn)的操作不良與報廢

e 經(jīng)實踐印證的好的操作方法與技巧(是經(jīng)驗積累)

③要求:

a 版面關(guān)聯(lián):左文右圖,圖文關(guān)聯(lián)

b 結(jié)構(gòu)關(guān)聯(lián):來源中cd是ab的結(jié)果,ab是cd的主要產(chǎn)生源

④崗位培訓教材的特點:三多三少的原則

多用圖片更直觀,

多用數(shù)字更準確,

多用動詞更生動,

少用短句,

少用專業(yè)術(shù)語,

少用被動句。

⑤崗位培訓教材的更新

教材編寫的同時關(guān)注教材的更新:當工藝有變化時、有新的改進措施時。

由專人負責予以更新,可參考:作業(yè)指導書、改進措施、經(jīng)驗積累

建立《培訓教材更新一覽表》,以控制有效性

3.3.3第三步崗位分級

輸出崗位分級手冊模板

步驟:五個步驟

1、工位打分:按照相關(guān)標準從5個角度給各工位進行打分,參考如下,高分是20還是10,由各公司根據(jù)實際情況確定,也可用不同的維度:

維度要和不要的原則

A 就高不就低的原則;b低值易耗除外;c人為現(xiàn)象不算;d 偶發(fā)事件不算(半年以上的才出現(xiàn)一次的)

2、級別劃分:按照相應(yīng)比例進行級別劃分得出工位的等級(兩刀三段)。

如何劃分:分勞動密集型和技術(shù)含量型。

①1000人以上操作工:屬勞動密集型

②1000人以下:分三種:

a按小時生產(chǎn):技術(shù)含量型

b按分鐘出產(chǎn)品:根據(jù)情況確定

c按秒出產(chǎn)品:看員工的培養(yǎng)周期確定。如:紅牛屬于技術(shù)含量型

3、制定工位評分一覽表

分段后,第一段A級5分、第二段B級3分、第三段C級1分。

4、得出崗位分數(shù)

崗位的分數(shù)是通過工位的分數(shù)的平均分得出。完成崗位評分一覽表

5、按照相應(yīng)比例(勞動密集型或技術(shù)含量型)對所有崗位進行級別劃分,完成分級手冊。

然后將崗位的分數(shù)進行排序,再切成三段,得出ABC三個等級。

3.3.4第四步100%上崗認證

1、上崗認證分類:理論上崗認證、實操認證。

2、四個步驟:

①通過培訓和預告

②崗位技能的培訓

③理論考核認證

④實操考核認證

3、認證的要點:

①只針對通過部門通用技能培訓預考的員工進行崗位培訓和上崗認證;

②先依據(jù)作業(yè)指導書和培訓教材進行培訓再進行上崗認證;

③上崗認證所含的理論認證和實操認證均包含崗位技能和通用技能認證兩個部分。

對人事的要求:

①人員需求準確性;

②人員招錄的周期;

③人力資源模塊:規(guī)劃、招聘、培訓、績效、薪酬、員工關(guān)系

4、培訓地點:教室或現(xiàn)場。

5、出考題的注意點:

① 出考題的難度:卷子的出題比例:6/4或7/3;

②條目的來源:操作指導書和培訓教材,不要歸納總結(jié)難倒員工

③合格在85/90分左右,45分鐘內(nèi)完成。

④題型:選擇20個、填空15個、判斷15個、簡答2個(簡答考操作步驟)

5、實操考核的評分

①評分依據(jù):指導書與培訓教材、質(zhì)量與效率、5S、安全、車間知識、工具的正確使用。

②實操不合格標準:滿足下列情況之一的即為不合格:

崗位實操技能≤40分,或通用實操技能≤35分。

③通過的標準:崗位:AA AB。通用:4A 3A 1B

④維度等級的區(qū)分:

A 完美

B 微缺陷

C 不可接受

D 十惡不赦

6、實操考核的6個維度

實操考核關(guān)鍵:對本崗位的理解和要求有執(zhí)行,要求直屬領(lǐng)導參與,有的考核時間比較長

評價時幾點:

① 看有沒有發(fā)現(xiàn)問題:

②看質(zhì)量和效率

Q質(zhì)量分操作質(zhì)量和產(chǎn)品質(zhì)量。

E 效率DT/WT=理論作業(yè)時間/實際作業(yè)時間。

③通用實操:安全

④5S

⑤車間知識、質(zhì)量意識(表格、單據(jù)填寫)

及時性、完整性、準確性三方面,重要的叫單據(jù),有追溯功能、參數(shù)記錄、點檢作用

其他叫表格

⑥通用實操:設(shè)備工具使用

3.3.5第五步建立員工培訓檔案

1、員工培訓檔案的形式

①崗位等級用不同的顏色表示:A類崗:紅色;B類崗:黃色;C類崗:藍色。

②做檔案的好處:a 完整的應(yīng)對體系審核;b 增強客戶下訂單的信息;c 方便管理者詢問履歷。

2、員工培訓檔案的內(nèi)容:

①員工能力一覽表(根據(jù)所在的班組及車間決定,員工簽字,認為得到了認證)

②上崗認證證書:有圖片

③理論考核試題:通用培訓

④實操認證評分表

⑤通用預考試題

⑥員工培訓記錄

3、員工培訓檔案的維護與管理

①針對每一名建立培訓檔案

②由專人負責維護員工培訓檔案

③責任主管定期抽查并填寫查核記錄

④根據(jù)企業(yè)實際情況可使用檢索目錄和色標管理。

3.3.6第六步員工培訓狀況矩陣看板建立

1、設(shè)計

2、六個要點:

①解讀培訓矩陣的架構(gòu):

橫向是人;豎向是崗;

兩者以順序排列

不同顏色代表不同等級

②磁片成對角線分布,交叉崗、多能工,就近培訓多能員工

③磁片分3鐘不同顏色,量化代表員工在崗位的熟練程度(磁片:A綠色:熟練工;B藍色:合格工;C紅色:不合格工)

④矩陣橫向下部的百分比表示員工的多能工水平;矩陣右邊表示的是整個團隊某一個崗位整體的掌握狀況。

⑤通過員工崗位勝任能力和崗位員工勝任能力,找出最需要培訓的人和最需要培訓的崗位,輸出下一個月度的交叉剛多能工的培訓計劃。

⑥通過員工崗位勝任能力,實施員工技能的星級評定,激發(fā)員工多技能學習的欲望。50%以上是五星;40%-50%是四星;40%以下以此類推。

教材講解:

①矩陣對角線說明員工本職工作崗位

②員工崗位勝任能力說明員工多能工水平

③崗位員工勝任能力說明整個團隊對該崗位的掌握狀況

④崗位覆蓋率說明團隊靈活性和實力狀況

⑤用于制定團隊月度的培訓計劃

3、如何使用員工培訓矩陣制定月度員工培訓計劃

0,1安排培訓,不要跨級。

① 就近

② 逐級,C到B B到A 不能C到A,逐級提

③ 不能降級培訓

4、 員工培訓體系建立過程中的技巧

? 最主要的三個要素:部門經(jīng)理和培訓員的挑選、部門經(jīng)理對培訓效果的檢查。

4.1標準作業(yè)的評定標準

標準作業(yè)的三個要素:

? 作業(yè)程序:作業(yè)指導書要做到分解可視、觸手可及

? 作業(yè)量(目標時間):勞動密集型要寫作業(yè)時間

? 作業(yè)重點描述(如安全、品質(zhì))

4.2高效能的技能教育訓練的三個階段

①第一階段 說明作業(yè)

? 說明要做什么作業(yè)

? 確認對該作業(yè)了解的程序

? 說明該作業(yè)的重要度

? 安置在正確的工作位置

? 說明使用的零件、工具

②第二階段 自己示范,且讓他做做看

? 按照第一階段所說操作一遍

? 一邊示范,一邊說明重點、理由

? 讓他說明作業(yè)

? 讓他按照第一階段所說做一遍

? 讓他一邊說明重點、理由,一邊操作

? 重復教導前兩個階段,直至記牢為止

③第三階段 指導后觀察 上崗檢查

? 確定不是詢問的人

? 隨時檢查

? 引導發(fā)問問題

4.2針對基層員工訓練的培訓六步法

(豐田提煉的六步法)

Trainer 講一遍,員工聽

②trainer做一遍,員工看

③trainer邊講邊做,員工邊聽邊看

④員工講一遍,trainer邊聽邊看

⑤員工做一遍,trainer看

⑥員工邊講邊做,trainer邊聽邊看

簡述:

說給他聽、

做給他看

邊講邊做,讓他邊聽邊看

讓他講,你聽

讓他做,你看

讓他邊說邊做,你看。

5、制造業(yè)員工培訓體系的建立

5.1組建推進生產(chǎn)員工培訓體系的團隊

1、Trainer的能力勝任

溝通影響力

熟知產(chǎn)品工藝

人員管理能力

組織協(xié)調(diào)能力

質(zhì)量意識

生產(chǎn)技術(shù)能力(IE知識)

良好的大局觀

持續(xù)改善力

制造基礎(chǔ)知識

2、組建項目團隊

? 由生產(chǎn)經(jīng)理或更高級管理者擔任項目倡導者,為項目提供相應(yīng)資源

? 指定一位對產(chǎn)品工藝流程熟知的生產(chǎn)主管為Project Leader,組成跨部門團隊推進整個項目(級別越高越好)

? 組成以支持部門工程師和生產(chǎn)基層督導人為主體的項目核心成員團隊和以生產(chǎn)培訓員為主體的項目成員團隊。

5.2培訓項目的進度管制

5.3定期的查核與檢查

查核與調(diào)整在整個項目中的作用

老師強調(diào):

越信任越檢查

獎要獎的盆滿缽滿

罰要罰得傾家蕩產(chǎn)

5.4體系建立過程中的激勵

1、如何激勵你的推進團隊

? 遵循激勵的三要素:及時性(中層以下不要畫餅)、方向性、正負向的激勵(做好的獎做得不好的罰)

? 定期召開項目例會,跟進項目實施狀況(每天、每周、每月、每階段都遵循從PDCA,倡導者參與月、每階段,組長參與每周的)

? 將各項目參與部門工作進度張貼于企業(yè)內(nèi)部管理看板上

? 定期進行項目進度小結(jié),邀請公司高級管理人員參加。

2、基層員工培訓體系給員工帶來的激勵效應(yīng)

? 可視化的培訓矩陣將員工技能公之于眾

? 星級員工的評定(避免不想學習的情況出現(xiàn))

? 員工清晰認知自己的發(fā)展,希望得到升級,培訓更有動力

? 理性的培訓計劃達到在培訓問題上團隊與員工的雙贏

5.5行動計劃書

1、尋找我們的優(yōu)劣及機會風險

SWOT分析

2、考慮哪些方面:

如我們在哪,我們要去哪,怎么去。

利用SWOT分析輸出行動計劃。

]]>
如何搭建培訓體系方面的課件(如何搭建培訓體系的相關(guān)數(shù)據(jù)) http://www.qjsdgw.cn/84979.html Thu, 18 Aug 2022 11:15:00 +0000 http://www.qjsdgw.cn/?p=84979

案例:作為一家從事職業(yè)培訓,紅色培訓,學歷提升等培訓的集團公司,公司內(nèi)部要做內(nèi)訓,包括內(nèi)訓體系搭建,培訓計劃,培訓實施,培訓評估等。集團公司每一個業(yè)務(wù)部門都是獨立的公司,都有屬于自己的架構(gòu)。針對這種情況,要如何設(shè)計培訓體系,培訓計劃?

由于自己本身一直在做培訓運營這塊,所以對案例中的情況并不陌生。要做好這種類型公司的培訓,其實并不容易,各管各的業(yè)務(wù),要充分調(diào)動起各業(yè)務(wù)部門,做好培訓賦能工作,單純靠集團培訓部門的人,可謂是難于上青天。

我自己以前在擔任培訓事業(yè)部負責人時,也類似一個獨立的公司,畢竟是采取盈虧自負。當時公司有些什么事情要執(zhí)行,除了老板,其他人說的話并不一定管用,所以當時公司人力資源部都是跟我非??蜌獾纳塘颗嘤柕氖虑?,給了我們極大的尊重。

因此集團培訓人員要想開展好培訓工作:

首先,找準位置。

從心態(tài)上就要擺正自己的位置,那就是為各個部門做服務(wù)工作,更多是協(xié)助各部門做好培訓工作,而不是主導。工作中很多問題就是主次搞顛倒導致的,這也就為什么培訓工作中容易出現(xiàn)皇帝不急太監(jiān)急的情況。

其次,認清現(xiàn)狀。

開展所有的工作都必須要充分了解自己在公司的地位,目前公司培訓開展的情況。假如自己剛來,或者在公司地位不高,那么在開展培訓工作的時候,不能急于求成,必須一步一個腳印,否則會給領(lǐng)導留下好高騖遠、做事不踏實的感覺。不少培訓管理者也去學習過很多關(guān)于培訓體系搭建,培訓計劃實施等相關(guān)的一些培訓管理的專業(yè)知識,可拿到公司就沒辦法去用,用了以后效果也不理想,其實有很大一個原因就出在自己沒有認清現(xiàn)狀的問題上。

在自身尚沒做出一些成績前,如果去涉足建培訓體系,建內(nèi)訓師體系等此類系統(tǒng)復雜的工作,而且又沒有領(lǐng)導來為你站隊的時候,要想做好這些系統(tǒng)復雜的工作是很難成功的。哪怕是培訓經(jīng)理、培訓總監(jiān),在沒有充分認清現(xiàn)狀時也不能夠一下就去做這種系統(tǒng)性很強的工作,而是需要從一些簡單易上手的項目去著手。

培訓體系不是一朝一夕就能建成的,它需要時間,如果想在最短的時間達成,那就會欲速則不達。

弄懂公司培訓生態(tài)環(huán)境。除了認清自己在公司的地位,還需要考慮目前公司的培訓的環(huán)境,有的培訓生態(tài)已經(jīng)給破壞了,如果這時候還按照這種正常的培訓操作方式去做培訓工作,效果可能就會不理想。這時首先要做的就是修復培訓生態(tài),建立起大家對培訓的信心,尤其是領(lǐng)導培訓的信心,否則工作很難打開局面。就好像土地已經(jīng)硬化的很嚴重了,這時如果在上面再去種莊稼,是很難有一個好收成的。所以我們需要修復土地,等他的機能修復過來了以后,再去種莊稼,才能夠有個好收成。

有些培訓人無視培訓現(xiàn)狀,盲目的去照搬書上的一些培訓管理方法經(jīng)驗,這怎么可能會成功呢?每個企業(yè)都有自己的具體的情況,如果通過充分的分析,覺得條件成熟,那么就可以來搭建培訓體系、系統(tǒng)的實施培訓計劃工作。

接下來我們將結(jié)合案例中的情況,從培訓體系、培訓計劃兩方面來一一展開:

一、一步步搭建起培訓體系

培訓體系,其實就包含了課程體系、內(nèi)訓師體系、管理體系、資源體系

課程體系毋庸置疑,就是由一系列的課程組成。課程體系跟內(nèi)訓師體系是息息相關(guān)的,在絕大多數(shù)企業(yè)只要內(nèi)訓師體系搭建起來了,課程體系相應(yīng)的也會出來。這兩個體系就像一對孿生兄弟一樣。

至于這個管理體系,就涉及到培訓具體的一些管理政策管理辦法,這個也不可能一步到位,它一定是逐步完善的。很多企業(yè)總喜歡一步到位,這是不現(xiàn)實的想法,理想很美好,現(xiàn)實卻很骨感,因為每個企業(yè)在培訓實施的過程中會遇到各種各樣的問題,我們需要對這些問題不斷的進行修正,然后制定出相應(yīng)的管理辦法。

資源體系,就是包括我們的硬件資源、軟件資源、外部培訓資源。資源體系也是不斷的完善起來的,因為在涉及到不同項目時,我們所需要的資源也不盡相同,而為了做好這些項目就會對資源進行規(guī)范。

因此要把整個培訓體系這些工作全部做出來的話,單靠集團培訓部門的人是沒有辦法完成的,更何況現(xiàn)在很多企業(yè)的集團培訓部的人員,可能就一個兩個三個人??繋讉€人要想把一個集團的培訓工作全部抓起來,這不現(xiàn)實,必須要把所有的人給動員起來。要想把培訓體系搭建起來,無外乎就是從組建團隊、制定培訓政策、制定學習地圖、開發(fā)培訓課程這4個方面去做工作,每一項工作做出來都會有具體的成績。

1、組建培訓團隊

(1)成立人才培養(yǎng)領(lǐng)導小組

要做好培訓,就得把領(lǐng)導拉進來,他們是整個人才培養(yǎng)能否成功的關(guān)鍵人物。領(lǐng)導小組成員主要包括各部門負責人、各個分支公司負責人,有了他們的支持,很多工作才能更加得心應(yīng)手地開展。

有的人會認為這些領(lǐng)導其實在培訓真正的操作過程中所發(fā)揮的作用很有限。其實不然,我們有時組建領(lǐng)導小組,是為了能夠更好的去推動我們的工作,讓這些領(lǐng)導從意識上認識到自己才是所在機構(gòu)、部門人才培養(yǎng)的第一責任人。建立人才培養(yǎng)領(lǐng)導小組,肯定是要開專題會議的,有了這樣的會議以后,就會強化大家培訓第一責任人的意識,更有利于培訓管理者開展后續(xù)培訓工作。

(2)組建培訓管理團隊

培訓管理團隊,說的直白一點,就是具體干活的人。每個分支公司必須要安排一個人來對接培訓工作,這個人不一定要是培訓專崗,但一定在崗位職責里賦予培訓的職責,從崗位上就明確培訓的使命。

假設(shè)說有10個分支機構(gòu),每個分支機構(gòu)至少安排1個人作為培訓對接人,假設(shè)集團培訓部門有3個人,那么整個集團就組建了13個人的培訓管理團隊。13個人肯定會比3個人所發(fā)揮的力量更大一些,更何況這些在分支機構(gòu)的人才對業(yè)務(wù)最熟悉,更加有利于培訓工作的實施。

所以,我們要嘗試把這支培訓管理團隊打造出來,首先就有對他們進行專業(yè)的培訓,比如說開展培訓需求分析、培訓計劃制定,培訓實施、培訓評估等相關(guān)的專業(yè)知識的培訓。

如果不去做這樣的培訓,分支機構(gòu)的培訓人員最后會把很多工作推到集團培訓部門的人身上,或者做了工作也達不到標準。

(3)組建內(nèi)訓師團隊

內(nèi)訓師團隊我們可以采取自愿報名及強制參與雙管齊下的形式來開展。當然做這個工作一定要結(jié)合公司的實際情況,有很多單位并不一定適合現(xiàn)在就開始組建內(nèi)訓師團隊。

內(nèi)訓師團隊是整個人才培養(yǎng)的載體,沒有一群給力的內(nèi)訓師,要想把人才培養(yǎng)工作抓起來,無異于登天之難。

盡管我們有很多單位會依靠外部的培訓師,但畢竟遠水解不了近渴,更何況外部培訓師對公司的業(yè)務(wù)熟悉度,他們的培訓時間的自由靈活度以及費用等各方面的因素都會直接影響到我們的培訓。

有了領(lǐng)導的參與,有了各個分支機構(gòu)對接的培訓人,有了內(nèi)訓師團隊,還擔心培訓工作不能出效果嗎?所以來說,不管做什么工作,首先得要有人,沒有人一切等于白搭。

2、制定培訓政策

領(lǐng)導小組建立起來,各個分支機構(gòu)的培訓對接人員也建立起來了,內(nèi)訓師也出來了,還要有相應(yīng)的政策制度來約定好大家的責權(quán)利。沒有政策配合的培訓,都是不持久的。培訓政策必須要跟考核掛鉤,否則就會流于形式。

比如現(xiàn)在要做2022年的培訓需求,半個月過去了,本來說半個月過去了沒有看到有動靜,后面一再催促,最后好不容易交上來,一看也是敷衍了事做出來的東西,像這樣的行為沒有制度約束,那培訓就會失控。如果有相關(guān)制度,你沒有做好,那就扣你的績效工資,而且影響年終獎發(fā)放,影響到崗位晉升,那這些就有一定的約束力了。

由此可見,要確保培訓工作順利推進,需要先制定針對團隊人員的相關(guān)的管理政策。前期不要一下就想做得很完善,先做一個基本的出來。

制定政策時也不要完全照搬網(wǎng)上那些看似很完善的培訓制度,因為那些制度在企業(yè)也很難落地,畢竟每個企業(yè)的情況都不一樣。

3、制定學習地圖

有了團隊,有了政策的支持,那接下來就是制定學習地圖。

在制定學習地圖時,需充分聽取一線的經(jīng)驗,所以要把各個分支機構(gòu)的核心骨干人員召集起來一起開會,開會討論各崗位所需要掌握的技能到底有哪些?

前兩年,我們在為一家直播公司做主播人員的課程體系設(shè)計的時候,就是把各個產(chǎn)品線條的負責人以及優(yōu)秀的主播叫在一起,通過兩天的專題會議,最終討論出每一個崗位所需要掌握的具體的技能,然后根據(jù)這些技能我們來繪制學習地圖。

比如說作為一個新入職的員工,只要掌握5項技能就可以勝任工作。作為一個優(yōu)秀員工,那可能要掌握20項技能。有了這個技能的學習地圖,在接下來課程體系設(shè)計的時候就有了一個參考標準。

4、確定課程體系

課程體系是培訓體系里面核心中的核心,它就是靈魂,所以我們要根據(jù)學習地圖來開發(fā)課程體系,而不是拍腦袋。

那么開發(fā)培訓課程的話,這里就有兩點,你是通過內(nèi)訓師,還是跟第三方團隊合作來開發(fā),這個就取決于自己公司的情況。如果資金實力雄厚,可以考慮跟第三方團隊一起來合作開發(fā),畢竟他們是專業(yè)人士。

二、科學合理制定培訓計劃

1、計劃制定原則

制定培訓計劃一個整體的原則就是:各個分支機構(gòu)培訓管理員負責本部門的計劃,集團培訓管理人員只負責管理層面、企業(yè)文化層面、新員工培訓、特定項目等方面的培訓計劃制定。

2、制定培訓計劃步驟

(1)需求調(diào)研

為什么員工不愿意參與培訓,是因為大家覺得課程不是他想要聽的。為了能夠盡最大的程度確保大家的參與度,在培訓實施前要做需求的調(diào)研分析,需求調(diào)研最常用的方法就是通過問卷調(diào)查、面談?wù){(diào)研。

問卷調(diào)研,我們可以針對全員,要求大家在規(guī)定時間提交。

面談?wù){(diào)研,針對領(lǐng)導,核心的骨干員工,我們可以通過面談的形式進行訪談?wù){(diào)研,了解他們對培訓的一些具體的訴求。

做了調(diào)研工作以后,我們就有了一定的群眾基礎(chǔ),在后續(xù)實施培訓工作的時候也能夠得到大家的支持,因為我們充分的聽取了大家的意見,別人會感覺你尊重我,那我也尊重你。

(2)制定年度培訓計劃

根據(jù)需求分析,然后我們來分析出哪些課程是接下來可以去重點實施的項目。做培訓計劃的時候,還要切合公司的年度目標,根據(jù)這些目標來做我們整個年度培訓計劃的一個方向指引。

培訓計劃一般包括了培訓思路、課程計劃、培訓師資、保障機制、費用預算、時間進度安排等內(nèi)容。有時還需要把培訓需求分析的結(jié)果作為一個附件,附送在培訓計劃后面,這樣讓領(lǐng)導也看到為什么做出這樣的培訓課程規(guī)劃。

(3)審核通過

培訓計劃做好后,接下來最重要的就是交給領(lǐng)導去審核,獲得領(lǐng)導的批準。那么在做這塊工作的時候,一定要考慮領(lǐng)導的特性,比如說有的領(lǐng)導喜歡用數(shù)據(jù)、表格來說事,那做出來的培訓計劃,就需要多一些數(shù)據(jù)、表格;有的有的領(lǐng)導講話說的比較快,那么你在做匯報工作時,你也要盡量把握語言的節(jié)奏,不要搞得慢騰騰的。

除此之外,在跟領(lǐng)導匯報培訓計劃時,還要考慮一個最關(guān)鍵的點,那就是像領(lǐng)導解釋這份計劃對領(lǐng)導有哪些好處?因為任何一個事情只有覺得跟自己有用,給自己能帶來價值,他才會真正的重視。

(4)宣貫實施

整個培訓計劃出來了以后,一定要把這些培訓組織管理員召集在一起,跟他們來講整個今年培訓集團的培訓的一些規(guī)劃,讓他們做到心中有數(shù),最好讓讓領(lǐng)導小組的人員來發(fā)言講話。

案例中的情況,有的人現(xiàn)在有遇到,有的人可能在未來也會遇到,不管你遇到哪種情況,一定要端正好自己的心態(tài)。培訓人作為一個服務(wù)者,要有深度服務(wù)的意識,學員就是我們的客戶。要拼盡全力動員更多的人一起參與到培訓中來。

培訓工作要真正落到實處,一定是得讓業(yè)務(wù)部門的人參與進來。如果你把這一攤子事情全攬到自己頭上,效果出不來,對方還覺得你培訓工作沒有做好,讓其感覺沒有成就感,價值感。因此要學會動員一切可動員的力量,這樣我們才能夠把培訓體系做得更完善,讓培訓計劃能夠得以真正的落地。

]]>