零基礎也(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òng)的(de)移動平台iUAP Moφ↔bile，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 Mob δ÷↔ile平台開(kāi)發确實比較容易，因為(wèi)平台本身(shēn)已經提供了(le)很(£$₽hěn)多(duō)模型工(gōng)具，包括業(yè)務模型、UI模型，以∞₽及豐富的(de)公共服務，包括數(shù)據、通(tōnβ ♠g)訊、安全、消息、人(rén)機(jī)交互等各個(gè)方面，這(zhè)些(xiē)都♦&​(dōu)大(dà)大(dà)降低(dī)了(le)APP的(d £☆e)開(kāi)發難度，一(yī)些(xiē)通(tōng)用(yòng)的(de)功能(nénβ¥g)我不(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ōn φ♠g)藝送貨、回收貨品時(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é)相(x"α±iàng)關負責人(rén)的(de)情況，導緻送貨效率低(dī)，同時(shí₽σ↑)也(yě)影(yǐng)響了(le)工(gōng)場(chǎng)現(ᶧ 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ǎn♣•♠g)平面圖；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)說(shuō)，便捷操作(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ī)下(x★¶δià)我開(kāi)發的(de)APP，以下(xià)是(shì)我開(kāi)發€≤γ“工(gōng)廠(chǎng)導航APP”中的(γ← ×de)一(yī)些(xiē)截圖以及相(xiàng)關代碼，以項目出庫中的(de)半成品為(wèi§↓→)例：

其代碼為(wèi)：
function cm$wldh$K1Contro★↓ller$label1_onclick(sender, args‍>δ){
 $menu.openDropDownList(αΩφ÷{
  "controlid" : "label1",//目标控∑✔®件(jiàn)的(de)id
  "dropDownListWidth" : "100",/¶§↑↑/菜單項的(de)寬度
  "background":"#f5f5f5",
  "panelstyle↔β✘":"round-div",
  "border-cγ olor":"#d2d2d2",
  "showtype":"middle",₽β
  "font-size":"04",
  "dropItemsArray" : [{
   "name"<♣™" : "請(qǐng)至16号門(mén)",//菜單項名稱
   "act ♣‍×ion" : "shiliu()"//點擊該菜單項時(shí)執行(xíng)‍§ 的(de)JS方法
  }]
 });
}
function shiliu(){
  $alert("負責人(réδ$•n)：沈丹萍" ) 
}
function banchengpin(sender, args){
 $menu.openDropDownList({
  "controlid" : "label1",/β×ε/目标控件(jiàn)的(de)id
  "dropDownListWidth" : ↑¶↓©"100",//菜單項的(de)寬度
  "background":"#f5‌§★f5f5",
  "panelstyle":"round× $-div",
  "border-color":"#dγ↑₩2d2d2",
  "showtype":"middle",
  "font-size":"04",
  "dropItemsArray" : [{
   "name" : "請(qǐng)至16号門(mén)"↕φ,//菜單項名稱
   "action" ≈ε♠ : "shiliu()"//點擊該菜單項時(shí)執行(xíng)的(de)JS方法
  }]
 });
}
function shiliu(){
  $alert("負責人(rén)：沈丹萍" )
}
function cm$wldh$K1Con ®‌troller$image0_onclick(sender, a₩→βrgs){
 $tel.call("沈丹萍:139623ε® ±66XXX")
顯示效果為(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énΩ•g)？因為(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)标出“2025”字樣嗎σ↔→$(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ī)這(zhè)個(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)了(l♥‍≤e)創美(měi)工(gōng)藝在沖壓制(zhì)造領域争做(zuò)全球第一(y↕÷$Ωī)的(de)雄心！

　　我希望這(zhè)些(xiē)微(wēi)不(bù)足道(dào)的(de)細節都♠♦δα(dōu)能(néng)幫助于客戶，服務于客戶！因為(w₹"↔èi)我堅信在互聯網時(shí)代“細節決定₩±成敗”的(de)真理(lǐ)！

　　在完成開(kāi)發以及測試後，金(jīn)工(gōng)場(chǎng)長(c&♥♦‍háng)又(yòu)教會(huì)了(le)我包裝産品。例如(rú)通≈¥(tōng)過PPT以及使用(yòng)相↕γ§↑(xiàng)應軟件(jiàn)制(zhì)作(zuò)視(s£¶≠hì)頻(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)的(de)技(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)創建，是(s" ✘hì)一(yī)家(jiā)專業(yè)從(có£✘∑ng)事(shì)液晶、電(diàn)器(qì)産品用(yòng)部件(jiàn)∏¶、精密機(jī)器(qì)用(yòng)部件(jiàn)、汽車(chē)用(y‌&òng)零部件(jiàn)的(de)沖壓加工(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ōnβ÷βg)藝已經邁出了(le)關鍵一(yī)步。