零基礎(chǔ)也能開(kāi)發(fā)企業(yè)APP

【IT168 資訊】摘  要：做夢(mèng)都沒(méi)想到，我一個(gè)和專業(yè)計(jì)算機(jī)不沾邊的人，居然能開(kāi)發(fā)出一款企業(yè)級(jí)的APP。那是我進(jìn)入創(chuàng)美工藝后一次偶然的機(jī)會(huì)。通過(guò)學(xué)習(xí)公司統(tǒng)一采用的移動(dòng)平臺(tái)iUAP Mobile，2個(gè)月時(shí)間，開(kāi)發(fā)出一個(gè)工廠導(dǎo)航APP。

　　大學(xué)時(shí)，我學(xué)習(xí)的專業(yè)是“報(bào)關(guān)與國(guó)際貨運(yùn)”，和計(jì)算機(jī)不沾邊，計(jì)算機(jī)對(duì)于我而言更多是一個(gè)“游戲工具”，連做夢(mèng)都沒(méi)想到，有一天，我會(huì)去編程，我居然能開(kāi)發(fā)出一款企業(yè)級(jí)應(yīng)用APP，這一切在我到了創(chuàng)美工藝之后就這么自然而然的發(fā)生了。

　　4月12日，我進(jìn)入創(chuàng)美工藝實(shí)習(xí)，一個(gè)偶然的機(jī)會(huì)，遇到創(chuàng)美工藝金工場(chǎng)長(zhǎng)金吉光，他和我聊到現(xiàn)在創(chuàng)美工藝一些業(yè)務(wù)人員也在編程，主要基于iUAP Mobile進(jìn)行APP開(kāi)發(fā)，這讓我很好奇，在金場(chǎng)長(zhǎng)的支持和鼓勵(lì)下，我也決定參加到創(chuàng)美工藝APP開(kāi)發(fā)的大軍中。

零編程基礎(chǔ)開(kāi)發(fā)出“創(chuàng)美工藝工廠導(dǎo)航APP”的周雨杰

　　明確了方向之后，我開(kāi)始學(xué)習(xí)。通過(guò)用友iUAP Mobile官方網(wǎng)頁(yè)的文檔中心和視頻教程，我了解到其實(shí)基于iUAP Mobile平臺(tái)開(kāi)發(fā)確實(shí)比較容易，因?yàn)槠脚_(tái)本身已經(jīng)提供了很多模型工具，包括業(yè)務(wù)模型、UI模型，以及豐富的公共服務(wù)，包括數(shù)據(jù)、通訊、安全、消息、人機(jī)交互等各個(gè)方面，這些都大大降低了APP的開(kāi)發(fā)難度，一些通用的功能我不需要寫(xiě)代碼，只要通過(guò)可視化的拖拽就可以完成。我們個(gè)性化的業(yè)務(wù)需要寫(xiě)些代碼，但這也不是問(wèn)題，通過(guò)用友iUAP老師的基礎(chǔ)技術(shù)培訓(xùn)，我很快掌握了前端頁(yè)面開(kāi)發(fā)的javascript開(kāi)發(fā)語(yǔ)言。

　　學(xué)以致用，我邊學(xué)邊開(kāi)發(fā)，我的任務(wù)是為物流管理部門(mén)開(kāi)發(fā)一款他們應(yīng)用的APP。物流管理部門(mén)需要解決的問(wèn)題是：很多供應(yīng)商來(lái)創(chuàng)美工藝送貨、回收貨品時(shí)，不知道具體的位置，每次都要下車(chē)詢問(wèn)門(mén)衛(wèi)，然后再聯(lián)系采購(gòu)和出庫(kù)負(fù)責(zé)人，采購(gòu)和出庫(kù)負(fù)責(zé)人再告知貨物送達(dá)的具體方位，經(jīng)常出現(xiàn)找不到送貨位置和相關(guān)負(fù)責(zé)人的情況，導(dǎo)致送貨效率低，同時(shí)也影響了工場(chǎng)現(xiàn)場(chǎng)生產(chǎn)進(jìn)度。

　　別看這只是一個(gè)小問(wèn)題，如果解決了，對(duì)物流管理部的流程是一大促進(jìn)。我的應(yīng)用開(kāi)發(fā)原則是簡(jiǎn)單易用，尤其是對(duì)于那些送貨的大叔而言，越簡(jiǎn)單越好。于是我開(kāi)始設(shè)計(jì)開(kāi)發(fā)“工廠位置導(dǎo)航APP”。我需要做的是：1、繪制工場(chǎng)平面圖；2、確認(rèn)各個(gè)負(fù)責(zé)人姓名以及電話；3、讓庫(kù)房與工場(chǎng)平面圖的位置相對(duì)應(yīng)；4、送貨大叔不容易，要讓他們不花流量費(fèi)才是硬道理；5、最后還需強(qiáng)調(diào)，對(duì)于送貨大叔來(lái)說(shuō)，便捷操作以確保安全是第一位的。

　　在基于iUAP Mobile開(kāi)發(fā)過(guò)程中，開(kāi)發(fā)平臺(tái)提供的大量頁(yè)面模式、應(yīng)用模塊中我可以選擇我所需要的頁(yè)面模塊，對(duì)于我這樣的小白來(lái)說(shuō)，實(shí)在是很實(shí)用。另外平臺(tái)的iUAP Mobile的開(kāi)放性和可擴(kuò)展性讓我很容易就實(shí)現(xiàn)導(dǎo)航圖的開(kāi)發(fā)，學(xué)習(xí)、設(shè)計(jì)和開(kāi)發(fā)，總共用了2個(gè)月，零編程基礎(chǔ)的我就成功開(kāi)發(fā)出了一款工廠導(dǎo)航APP。

　　現(xiàn)在不熟悉創(chuàng)美地形的供應(yīng)商只需掃描這款A(yù)PP，根據(jù)送貨所需選擇入庫(kù)或出庫(kù)的庫(kù)房，再根據(jù)送貨類(lèi)別或提貨類(lèi)別選擇所對(duì)應(yīng)的選項(xiàng)，工廠導(dǎo)航APP就可以準(zhǔn)確地告知去往目的地的最短或者最快路徑，如果有特殊問(wèn)題，也可以通過(guò)一鍵撥號(hào)聯(lián)系到指定負(fù)責(zé)人，送貨效率得到了顯著提高。有了這款A(yù)PP，來(lái)創(chuàng)美送貨或提貨的大叔們就再也不會(huì)為找不到庫(kù)房位置而發(fā)愁了，我也是滿滿的成就感！

　　下面來(lái)秀一下我開(kāi)發(fā)的APP，以下是我開(kāi)發(fā)“工廠導(dǎo)航APP”中的一些截圖以及相關(guān)代碼，以項(xiàng)目出庫(kù)中的半成品為例：

其代碼為：
function cm$wldh$K1Controller$label1_onclick(sender, args){
 $menu.openDropDownList({
  "controlid" : "label1",//目標(biāo)控件的id
  "dropDownListWidth" : "100",//菜單項(xiàng)的寬度
  "background":"#f5f5f5",
  "panelstyle":"round-div",
  "border-color":"#d2d2d2",
  "showtype":"middle",
  "font-size":"04",
  "dropItemsArray" : [{
   "name" : "請(qǐng)至16號(hào)門(mén)",//菜單項(xiàng)名稱
   "action" : "shiliu()"http://點(diǎn)擊該菜單項(xiàng)時(shí)執(zhí)行的JS方法
  }]
 });
}
function shiliu(){
  $alert("負(fù)責(zé)人：沈丹萍" ) 
}
function banchengpin(sender, args){
 $menu.openDropDownList({
  "controlid" : "label1",//目標(biāo)控件的id
  "dropDownListWidth" : "100",//菜單項(xiàng)的寬度
  "background":"#f5f5f5",
  "panelstyle":"round-div",
  "border-color":"#d2d2d2",
  "showtype":"middle",
  "font-size":"04",
  "dropItemsArray" : [{
   "name" : "請(qǐng)至16號(hào)門(mén)",//菜單項(xiàng)名稱
   "action" : "shiliu()"http://點(diǎn)擊該菜單項(xiàng)時(shí)執(zhí)行的JS方法
  }]
 });
}
function shiliu(){
  $alert("負(fù)責(zé)人：沈丹萍" )
}
function cm$wldh$K1Controller$image0_onclick(sender, args){
 $tel.call("沈丹萍:13962366XXX")
顯示效果為：

　　經(jīng)測(cè)試，在沒(méi)有網(wǎng)絡(luò)的情況下，“工廠導(dǎo)航APP”同樣可以正常使用。當(dāng)然如果你需要使用里面的一鍵撥號(hào)快速找到聯(lián)系人，那么基礎(chǔ)的通話網(wǎng)絡(luò)還是需要具備的！為什么要設(shè)計(jì)成“一鍵撥號(hào)”功能？因?yàn)橄胍�最大程度的保障司機(jī)的便捷化操作，從而保障其安全，也想在這細(xì)節(jié)上改變司機(jī)“撥號(hào)”的習(xí)慣！

　　知道我在APP主頁(yè)上為什么放置一張貨車(chē)，并在貨車(chē)上標(biāo)出“2025”字樣嗎，這個(gè)是有寓意的：

工廠導(dǎo)航APP主頁(yè)

　　一，貨車(chē)是物流的標(biāo)志性硬件設(shè)施之一，一看這張圖便知這個(gè)APP與物流有關(guān)，很直觀。二，創(chuàng)美工藝正在向“工業(yè)4.0”邁進(jìn)，而“中國(guó)制造2025”是中國(guó)版的“工業(yè)4.0”，這體現(xiàn)了創(chuàng)美工藝在沖壓制造領(lǐng)域爭(zhēng)做全球第一的雄心！

　　我希望這些微不足道的細(xì)節(jié)都能幫助于客戶，服務(wù)于客戶！因?yàn)槲覉?jiān)信在互聯(lián)網(wǎng)時(shí)代“細(xì)節(jié)決定成敗”的真理！

　　在完成開(kāi)發(fā)以及測(cè)試后，金工場(chǎng)長(zhǎng)又教會(huì)了我包裝產(chǎn)品。例如通過(guò)PPT以及使用相應(yīng)軟件制作視頻廣告作為宣傳，瞬間又讓產(chǎn)品變得更加的“神奇”。尤其是視頻廣告，添加了錄音文件、背景音樂(lè)等相關(guān)操作后，使產(chǎn)品的特性更加突出！如今無(wú)論是在騰訊視頻還是優(yōu)酷視頻，只要輸入“創(chuàng)美工藝工場(chǎng)導(dǎo)航APP”就能搜索到這款A(yù)PP的產(chǎn)品介紹！

　　最后我想說(shuō)：這一切并不是在傳統(tǒng)“應(yīng)試教育”下能學(xué)習(xí)到的技能知識(shí)。所有的一切都是在用友的UAP Mobile平臺(tái)和創(chuàng)美工藝用心學(xué)到的技能！感謝兩大平臺(tái)給予我的知識(shí)，我知道這一切只是剛開(kāi)始，未來(lái)的路還很長(zhǎng)！而這一切又是不尋常的開(kāi)始，一個(gè)走進(jìn)互聯(lián)網(wǎng)時(shí)代，走向科技前沿的開(kāi)始！

　　關(guān)于我所在的公司：創(chuàng)美工藝于1993年創(chuàng)建，是一家專業(yè)從事液晶、電器產(chǎn)品用部件、精密機(jī)器用部件、汽車(chē)用零部件的沖壓加工、復(fù)印機(jī)光學(xué)結(jié)構(gòu)件的組裝、兩次加工和模具生產(chǎn)等業(yè)務(wù)的全球沖壓件產(chǎn)業(yè)領(lǐng)導(dǎo)廠商之一，也是最早開(kāi)始踐行工業(yè)4.0的制造企業(yè)之一。2014年年底，創(chuàng)美工藝啟動(dòng)了全面移動(dòng)化的信息化發(fā)展戰(zhàn)略，同時(shí)也開(kāi)創(chuàng)了“全員開(kāi)發(fā)”的先河，即讓零基礎(chǔ)的業(yè)務(wù)人員參與到APP開(kāi)發(fā)中來(lái)，實(shí)現(xiàn)“誰(shuí)用誰(shuí)開(kāi)發(fā)”的理念。這一理念在創(chuàng)美工藝已經(jīng)邁出了關(guān)鍵一步。