零基礎也(yě)能(néng)開(kāi)發企業(yè)APP

【IT168 資訊】摘  要(yào)：做(zuò)夢都(dōu♦​↑')沒想到(dào)，我一(yī)個(gè)和(h ‍Ω₹é)專業(yè)計(jì)算(suàn)機€¥§ε(jī)不(bù)沾邊的(de)人(rén)，居然能(néng)開(kāi)發∞∞出一(yī)款企業(yè)級的(de)APP。那(nà)是(shì)我進入創美(měi)工(gōng)藝後一(yī)次偶然的(de)機(jī↑' ε)會(huì)。通(tōng)過學習(xí)公司統一(yī)采用(yòn→♠↔g)的(de)移動平台iUAP Mobile，2個(gè)月(yuè)§β時(shí)間(jiān)，開(kāi)發出一(yī)個(gè)工(gōng)廠(ch₽®₩↕ǎng)導航APP。

　　大(dà)學時(shí)，我學習(xí)的(de)專業(yè)是‍¶(shì)“報(bào)關與國(guó)際貨運”，和(hé)計(jì)算(suàn)機( >jī)不(bù)沾邊，計(jì)算(suàn)機(jī)對(duì)于我而言更多(duō)是$♣×"(shì)一(yī)個(gè)“遊戲工(gōng)具”，連做(zuò)夢都(dα≠εōu)沒想到(dào)，有(yǒu)一(yīσ )天，我會(huì)去(qù)編程，我居✘₹然能(néng)開(kāi)發出一(yī)款企≠$©業(yè)級應用(yòng)APP，這(zhè)一(yī)切在我到(dào)了(le)創←☆≠₩美(měi)工(gōng)藝之後就(jiù)這(zhè)麽自(zì)然而↕↑→然的(de)發生(shēng)了(le)。

　　4月(yuè)12日(rì)，我進入創美(měi)工(gōng)藝實習(xí)，一(y€↔λ↑ī)個(gè)偶然的(de)機(jī)會(huì)，遇到(dào)創美(měi)©δ工(gōng)藝金(jīn)工(gōng)場(chǎng)長(cháng)金(j©‍®īn)吉光(guāng)，他(tā)和(hé)我聊到(dào)現(xiàn)在創美(měi)工(™←₽↕gōng)藝一(yī)些(xiē)業(yè)務人(r←÷én)員(yuán)也(yě)在編程，主要(yào)基于iUAP Mobile進行$♠±₽(xíng)APP開(kāi)發，這(zhè)讓我很(hěn)好(h>¶ǎo)奇，在金(jīn)場(chǎng)長(cháng)α€π的(de)支持和(hé)鼓勵下(xià)，我也(yě)決定參加到(dào)創美(měi&')工(gōng)藝APP開(kāi)發的(de)φ ‍←大(dà)軍中。

零編程基礎開(kāi)發出“創美(měi)工(gōng)藝工(gōng) ÷廠(chǎng)導航APP”的(de)周雨(yǔ)傑

　　明(míng)确了(le)方向之後，我開(kāi)始學習(xí)。通(tō '↔₹ng)過用(yòng)友(yǒu)iUAP Mobile¥ ÷官方網頁的(de)文(wén)檔中心和(hφ£é)視(shì)頻(pín)教程，我了(le)解到π→∏ (dào)其實基于iUAP Mobile平≥✔ε台開(kāi)發确實比較容易，因為(wè♦φ±i)平台本身(shēn)已經提供了(le)很(hěn)多(duō)模型工(gōng)具，包括業(y∞↑Ωè)務模型、UI模型，以及豐富的(de)公共服務，包括數(shù)據、™₽通(tōng)訊、安全、消息、人(rén)機(jī)交互等各個(gè)方面，這(zhè)γ☆÷些(xiē)都(dōu)大(dà)大(dà)降低(dī)了(le)APP的(de)開(k± āi)發難度，一(yī)些(xiē)通(tōng)用( ∏✔₽yòng)的(de)功能(néng)我不(bù)需要(yào)寫代碼，隻要↔ (yào)通(tōng)過可(kě)視(shì)化(huà)的(de)拖拽就(jiù)可(k♠↔≈ě)以完成。我們個(gè)性化(huà)的(de)業(yè)務需要(yào)寫些(xi×∑ ē)代碼，但(dàn)這(zhè)也(yě)不(bù)是(shì)問(≤↔ εwèn)題，通(tōng)過用(yòng)友(yǒu)iUAP老(lǎo)師(shī)的(≥"de)基礎技(jì)術(shù)培訓，我很(∏®δ"hěn)快(kuài)掌握了(le)前端頁面開(kāβ™>i)發的(de)javascript開(kāi)發語言。

　　學以緻用(yòng)，我邊學邊開(kāi)發，我的(de)任務是(shì)為(wèi) "物(wù)流管理(lǐ)部門(mén)開(kāi)發一(yī)款他(tā)們應用(yòng) ™♦¥的(de)APP。物(wù)流管理(lǐ)部門(mén)需要(yào)解α∞決的(de)問(wèn)題是(shì)：很(hěn)多£©∑(duō)供應商來(lái)創美(měi)工(gōng)←™ ε藝送貨、回收貨品時(shí)，不(bù)知(zhī)道(dào)具體(tǐ)的(de)位±∑'β置，每次都(dōu)要(yào)下(xià)車(chē)詢問(wè☆Ωn)門(mén)衛，然後再聯系采購(gòu)和(hé)出庫負責人(¶✔•rén)，采購(gòu)和(hé)出庫負責'β™人(rén)再告知(zhī)貨物(wù)送達的(de)具體( π↓tǐ)方位，經常出現(xiàn)找不(b∑δ✔ù)到(dào)送貨位置和(hé)相(xiàng)關負&‍"δ責人(rén)的(de)情況，導緻送貨效率低(dī)，同時(shí)也(yě)影(yǐn★→®g)響了(le)工(gōng)場(chǎnαπ™ g)現(xiàn)場(chǎng)生(shēng)産 $≥進度。

　　别看(kàn)這(zhè)隻是(shì)一±β→(yī)個(gè)小(xiǎo)問(wèn)題，如(rú)果解決了(le)，對(duì)物(w®✔ù)流管理(lǐ)部的(de)流程是(shì)一(yī)大(dà→≤)促進。我的(de)應用(yòng)開(kāi)發原則是(shìπ± φ)簡單易用(yòng)，尤其是(shì)對(du<$ì)于那(nà)些(xiē)送貨的(de)大(dà)叔而言，越簡單越好(hǎ&≥σo)。于是(shì)我開(kāi)始設計(jì)開(kāi)發≥∑“工(gōng)廠(chǎng)位置導航APP”。我需要(yào)做(zuò)的(★✔→de)是(shì)：1、繪制(zhì)工↓Ω(gōng)場(chǎng)平面圖；2、确認各個(gè)負責人(rén↑γ)姓名以及電(diàn)話(huà)；3、讓α€庫房(fáng)與工(gōng)場(chǎng)平面圖的(de)♥÷£‌位置相(xiàng)對(duì)應；4、送貨φ 大(dà)叔不(bù)容易，要(yào)讓他(tā)們不(bù)花(huā) β↔流量費(fèi)才是(shì)硬道(dào)理(lǐ)；5、最後還(hái)需強調，對(du★♦≤ì)于送貨大(dà)叔來(lái)說(s₽"huō)，便捷操作(zuò)以确保安全是(shì)∏λ第一(yī)位的(de)。

　　在基于iUAP Mobile開(kāi)發過程中，開(kāi)發平台提供的(de)大(dγφ≈à)量頁面模式、應用(yòng)模塊中我可(kě)以選擇我所需要(yào)的(de)頁面模塊，對∑®(duì)于我這(zhè)樣的(de)小(xiǎo)白(báσδi)來(lái)說(shuō)，實在是(shì)很(hěn)實用(yòng)。另外(w∑‍→πài)平台的(de)iUAP Mobile的(de)開(kāi)放(fà​•‍•ng)性和(hé)可(kě)擴展性讓我很(hěn)容易就(≤★jiù)實現(xiàn)導航圖的(de)開(kāi)發，β‌學習(xí)、設計(jì)和(hé)開(kāi)發，總共用(yòσ✔≥γng)了(le)2個(gè)月(yuè)，零編程基礎的(de)我就(jiù)成功開($£∑kāi)發出了(le)一(yī)款工(gōng)廠(chǎng)導航APP。

　　現(xiàn)在不(bù)熟悉創美(měi)地(dì)形的(de)供應商隻需₩→掃描這(zhè)款APP，根據送貨所需選擇入庫或出庫的(de)庫房(↕λ ♠fáng)，再根據送貨類别或提貨類别選擇所對(duì)應的(de)選項，工(×↔gōng)廠(chǎng)導航APP就(jiù)可β↓φ​(kě)以準确地(dì)告知(zhī)去(qù)往目的(de)地(dì€σ♣)的(de)最短(duǎn)或者最快(kuài)路(lù)徑，如(rú)果有(y✔>§₽ǒu)特殊問(wèn)題，也(yě)可(kě)以通(tōng)過一(yī)鍵撥号聯系到(dà≥≈"o)指定負責人(rén)，送貨效率得(de)到(dào)了(le)顯著提高(gāo)。有(±£₹♠yǒu)了(le)這(zhè)款APP，來£←±(lái)創美(měi)送貨或提貨的(de)大(dà)叔們就(jiù)再也(yě)不(bù<α↔)會(huì)為(wèi)找不(bù)到(dào)庫房(fáng)位置而 §發愁了(le)，我也(yě)是(shì)滿滿的(de)成就(jiù)感！

　　下(xià)面來(lái)秀一(yī)下(xià)我開(kāi)發的(λ¶πde)APP，以下(xià)是(shì)我開(kāi)發“工(gōng)廠(chǎn≤αg)導航APP”中的(de)一(yī)些(xiē)截圖以及相(xiàng)關•™✔σ代碼，以項目出庫中的(de)半成品為(wèi)例：

其代碼為(wèi)：
function cm$wldh$K1Controller$label1_onclick(s≠φ÷ender, args){
 $menu.openDropDownLis$&±δt({
  "controlid" : "la¥§bel1",//目标控件(jiàn)的(de)id
  "dropDownListWi ∑ dth" : "100",//菜單項的(de)寬度
  "background":"#f5f5f5",
  "panelstyle":"round-div",
  "border-color":"#d2d2d2",
  "showtype":"middle",
  "font-size":"04",
  "dropItemsArray" : [✔×{
   "name" : "請(qǐ↔'®ng)至16号門(mén)",//菜單項名稱
   "action" : "shili≈βu()"//點擊該菜單項時(shí)執行(xíng)的(de)JS方法
  }]
 });
}
function shiliu(){
  $alert("負責人(rén)：沈丹萍" ) 
}
function banchengpin(sender, args){
 $menu.openDropDownList({
  "controlid" : "l₹≈abel1",//目标控件(jiàn)的(de)id
  "dropDownListWidth" : "100",//菜單δ ✘項的(de)寬度
  "background":"#f5f5f5",
  "panelstyle":"rou✘↑nd-div",
  "border-c☆®olor":"#d2d2d2",
  "showtype"$ ‌:"middle",
  "font-size":"04",
  "dropItemsArray" : [{
   "name" : "請(qǐn‍Ωπg)至16号門(mén)",//菜單項名稱
   "action" : ‌ "shiliu()"//點擊該菜單項時(shí)執行(xíng)的(de)JS方法
  }]
 });
}
function shiliu(){
  $alert("負責人(rén"₩♦)：沈丹萍" )
}
function cm$wldh$K1Controller$im÷¥ age0_onclick(sender, args){
 $tel.call("沈丹萍:1396≈↓Ω2366XXX")
顯示效果為(wèi)：

　　經測試，在沒有(yǒu)網絡的(de)情況下(xià×≠)，“工(gōng)廠(chǎng)導航APP”同樣可(kě)以正常使用(yòng)。≈ΩΩ當然如(rú)果你(nǐ)需要(yào)使用(yòng)裡(lǐ)面的(de)一(yī)鍵撥号快(φ≠←kuài)速找到(dào)聯系人(rén)，那(nà $★α)麽基礎的(de)通(tōng)話(huà)網絡還(hái)是(shì→₹)需要(yào)具備的(de)！為(wèi)什(shén)麽要(y₹♦∑πào)設計(jì)成“一(yī)鍵撥号”功能(néng)δ§∏π？因為(wèi)想要(yào)最大(dà)程度的(de)保障司機(jī)的(de)便捷化(huà)←↑↓操作(zuò)，從(cóng)而保障其安全，↕§≈也(yě)想在這(zhè)細節上(shàng)改變司機(jī)“撥号”的(de)習(♣✔xí)慣！

　　知(zhī)道(dào)我在APP主頁上(shàng)為→♠§↕(wèi)什(shén)麽放(fàng)置一☆♥(yī)張貨車(chē)，并在貨車(chē)上(shàng)标出“20"↕25”字樣嗎(ma)，這(zhè)個(gè)是(shì)有(yǒ€&u)寓意的(de)：

工(gōng)廠(chǎng)導航APP主頁

　　一(yī)，貨車(chē)是(shì)物(wù)流的(de)标志(zhì)‍"×∑性硬件(jiàn)設施之一(yī)，一(yī)看(kàn)這(zhè)張圖便知(zhī)這(z♣™hè)個(gè)APP與物(wù)流有(yǒα≤u)關，很(hěn)直觀。二，創美(měi)工(gōng)藝正在向“工(gōng)業(yè)4.§ ×™0”邁進，而“中國(guó)制(zhì)造2025”是(shì)中國(guó)版的(de)“工↕↔™(gōng)業(yè)4.0”，這(zhè)體(tǐ)現(xiàn)了(le)創美(m&γ₽ěi)工(gōng)藝在沖壓制(zhì)造領域争做(zuò)全球≤'第一(yī)的(de)雄心！

　　我希望這(zhè)些(xiē)微(wēi)不(bù)足道(dào)的(d∞≈∑e)細節都(dōu)能(néng)幫助于客戶，服務于客戶！因為(wèi)我堅信在互聯'λ✘≠網時(shí)代“細節決定成敗”的(de)真理(lǐ)！

　　在完成開(kāi)發以及測試後，金(jīn)工(gōng)場(chǎ₽♠®∑ng)長(cháng)又(yòu)教會(huì)了(le)©<→☆我包裝産品。例如(rú)通(tōng)過PPT以及使用(yòng)相(xiàng☆≤)應軟件(jiàn)制(zhì)作(zuò)視(shì)頻(pín)廣π≤→✘告作(zuò)為(wèi)宣傳，瞬間(jiān)又(yòu∏α)讓産品變得(de)更加的(de)“神奇”。尤其是(shì)視(shì)頻(pín)廣告，添©÷✘加了(le)錄音(yīn)文(wén)件(jiàn)、背景音(yīn)樂(yuè)等相•♣‍(xiàng)關操作(zuò)後，使産品的(de)特性更加$β 突出！如(rú)今無論是(shì)在騰訊視(shì)←>↑頻(pín)還(hái)是(shì)優酷視(shì)頻(pín)，隻要(yào)輸入“創φ$∞美(měi)工(gōng)藝工(gōng)場(♥♦chǎng)導航APP”就(jiù)能(néng)搜索到(dào)這(zhè)©£₩款APP的(de)産品介紹！

　　最後我想說(shuō)：這(zhè)一(yī)切并不(bù)是(shì)在傳統“應試教育”下↑™φ‍(xià)能(néng)學習(xí)到(dào)的(de)技(jì)能↑ (néng)知(zhī)識。所有(yǒu)'$₩的(de)一(yī)切都(dōu)是(shì)在用(yòng)‍♣✘£友(yǒu)的(de)UAP Mobile平台和(hé)創美(měi)工☆λ↕↔(gōng)藝用(yòng)心學到(dào)的(d✘ e)技(jì)能(néng)！感謝(xiè)兩< ±✘大(dà)平台給予我的(de)知(zhī)識，我知(zhī)道(dीo)這(zhè)一(yī)切隻是(shì)剛開(kāi)始，未來®≈(lái)的(de)路(lù)還(hái)很(hěn)長(cháng)！而這(zh↔∏è)一(yī)切又(yòu)是(shì)不(bù)尋常的σ₩≤€(de)開(kāi)始，一(yī)個(gè)走進互聯網時(shí‧←)代，走向科(kē)技(jì)前沿的(de)開(kāi)始δ♦☆≠！

　　關于我所在的(de)公司：創美(měi≠ '←)工(gōng)藝于1993年(nián)創建，是(shì)一(yī)家¥↔₽'(jiā)專業(yè)從(cóng)事(shì)液晶、電(diàn)器(qì)産←>品用(yòng)部件(jiàn)、精密機(jī)器(β₹↕qì)用(yòng)部件(jiàn)、汽車(chē)用(yòng)零部件(jiàn)的(d•§"e)沖壓加工(gōng)、複印機(jī)光(guāng)學結構件(jiàn)的(de→±)組裝、兩次加工(gōng)和(hé)模具生( ♣→shēng)産等業(yè)務的(de)全球沖壓件(jiàn)産業(yè)領導₽δπ♣廠(chǎng)商之一(yī)，也(yě)是(shì)最早開($$kāi)始踐行(xíng)工(gōng)業(yè)4.←αγ0的(de)制(zhì)造企業(yè)之一(yī)。2014年(nián ®¥)年(nián)底，創美(měi)工(gōng)藝啓$®&動了(le)全面移動化(huà)的(de)信息化(huà)發展戰略，同時(shí)也(yě)開(kāi)創了(le)“∑σΩα全員(yuán)開(kāi)發”的(de)先河(hé)，即讓零​π基礎的(de)業(yè)務人(rén)員(yuán)參與到(dào)APP開(±$ε™kāi)發中來(lái)，實現(xiàn)“誰用(yòng)誰開(kāi)發”的(de)理(∏§‌✔lǐ)念。這(zhè)一(yī)理(lǐ)念在創美(měi)工(gōng)藝已經邁出了(le₹™←)關鍵一(yī)步。