App Building
  • 31 Oct 2023
  • 9 Elolvasandó percek
  • Közreműködők

App Building


Article Summary

Egy alkalmazás építése a Tulipban elsőre ijesztőnek tűnhet, de ha egyszer lebontja és megérti a lényegi elemeket, nem is olyan bonyolult. Az alkalmazások a következő elveket ötvözik egy új szoftver létrehozásához: UI-tervezés, feltételes logika és funkciók, adatok és adatbázisok, analitika, valamint más rendszerekkel, eszközökkel és gépekkel való kapcsolatok. Ebben az útmutatóban az alkalmazások sikeres elkészítéséhez szükséges kulcsfogalmakat és interfészeszközöket tárgyaljuk. Ne feledje - a Tulip egy kódolás nélküli platform, így a kódolási tapasztalattól függetlenül a gyártásra kész alkalmazások tervezéséhez szükséges funkciókra fogunk összpontosítani.

Azzal kezdjük, hogy végigmegyünk az alkalmazások megtekintésének fő felületén.

Alkalmazások létrehozása és rendszerezése

Az összes alkalmazás megtekintéséhez a Tulip-példányában navigáljon a Tulip-példány alkalmazásai oldalra a következő címen: [your-instance].tulip.co/group. A felső navigációs sávban az Alkalmazások fül fölé is mehet, majd kattintson az "Alkalmazások" gombra.

View Apps.png

Ezen az oldalon megtekintheti a példányában létrehozott alkalmazásokat, App Groups (alkalmazáscsoportok), az alkalmazások gyűjteményének rendszerezésére szolgáló mappák szerint szétválasztva. A bal oldali navigációs panelen az egyes alkalmazásokat az alkalmazáscsoportokon belül és más mappákban, például a legutóbbi és a kedvenc alkalmazások között is megtekintheti.

Apps Page(1)

Egy csoporton belül kiválaszthat egy meglévő alkalmazást, hogy megtekinthesse és szerkeszthesse annak adatait. Az alábbi alkalmazásadatok bármelyikét is megtekintheti:

  • Lépések
  • Analytics
  • Verziók
  • Befejezések
  • Permissions
  • Approvals

App Info Data.png

Az alkalmazás szerkesztéséhez kattintson a kék "Szerkesztés" gombra a jobb felső sarokban, vagy kattintson közvetlenül egy lépésre.

Új alkalmazás létrehozásához navigáljon az Alkalmazások képernyőre, és kattintson a jobb felső sarokban található kék "Alkalmazás létrehozása" gombra. A gomb melletti kis nyílra kattintva új alkalmazáscsoportot is létrehozhat.

Válasszon ki egy üres sablont vagy egy előre megtervezett Kiemelt alkalmazást, és kattintson az ablak bal alsó sarkában lévő "Létrehozás" gombra. Ezeket a kiemelt sablonokat a Tulip felhasználó társai tervezték, hogy másoknak gyors megoldások álljanak rendelkezésére, ha nem akarnak a semmiből létrehozni egy alkalmazást. Ezeket a sablonokat szerkesztheti is, hogy saját igényeihez igazítsa őket.

Create New App.png

Miután átirányították az alkalmazásinformációs képernyőre, nevezze el az alkalmazást, és adjon hozzá egy leírást. Ezeknek az információknak a címkézése hasznos, így nyomon követheti az alkalmazást, függetlenül attól, hogy a folyamat melyik szakaszában van.

Kattintson a jobb felső sarokban található kék "Szerkesztés" gombra, hogy az alkalmazásszerkesztő felületre lépjen.

Alkalmazás-szerkesztő

Az alkalmazásszerkesztő az a felület, ahol felépítheti és szerkesztheti az alkalmazást. Az alábbi ábra mutatja az alkalmazásszerkesztőt alkotó különböző részeket:

App Editor.png

  1. Lépés/lépéscsoport hozzáadása - Új lépés vagy lépéscsoport hozzáadása.
  2. Step/Records Panel - A lépések megtekintése a lépés lapon keresztül, vagy a rekordok lapra váltás a használt táblázatok megtekintéséhez.
  3. Munkatér - Az alkalmazás felületének létrehozására szolgáló terület.
  4. Asset Widget hozzáadása - Adjon hozzá egy alakzatot, ikont vagy logót az alkalmazásához.
  5. Gomb widget hozzáadása - Gomb hozzáadása az alkalmazáshoz.
  6. Input Widget hozzáadása - Beviteli mező hozzáadása az alkalmazáshoz
  7. Szöveg widget hozzáadása - Szövegmező hozzáadása az alkalmazáshoz
  8. Widget beágyazása - Különféle widgetek beágyazása, például képek, elemzések, gépi attribútumok stb. beágyazása.
  9. Add Camera Widget - Egy hagyományos kamera vagy vonalkódos kamera pillanatképének hozzáadása
  10. Fordítás - A Tulip Player automatikusan lefordítja az alkalmazást az Ön által kiválasztott nyelvre a Tulip profilján keresztül.
  11. Pillanatkép létrehozása - Mentse el az alkalmazás aktuális verzióját, létrehozva egy másolatot, így több verziót is tesztelhet hiba nélkül.
  12. Teszt - Tesztelje az alkalmazást fejlesztői módban
  13. Futtatás - Az alkalmazás futtatása a Tulip Playerben.
  14. Publish - Az alkalmazás közzététele
  15. Forward/Back - Egy elem mozgatása a munkaterületen belül előre vagy más elemek mögé.
  16. Trigger Panel - Triggerek, stilisztikai elemek és alkalmazásszintű információk beállítása

Az alkalmazásszerkesztő részletes áttekintését az Intro to the Tulip App Editor (Bevezetés a Tulip alkalmazásszerkesztőhöz) című oldalon találja.

Lépések

A lépések az alkalmazás "oldalai", a különböző képernyők, amelyek a tartalmat jelenítik meg. Lépés hozzáadásához kattintson a "Lépés hozzáadása" gombra, amely négy lehetőséget jelenít meg:

Add New Step.png

  • Lépések - Egy hagyományos lépés, amelyet az Ön igényeihez igazíthat, vagy widgetek használatával.
  • Form Steps és Signature Forms - Ezek az opciók az r235 után az új példányok számára letiltásra kerültek.
  • Lépéscsoportok - A lépések mappája, amely segít az alkalmazás rendszerezésében és a tömeges műveletek végrehajtásában, például a lépések átrendezésében/duplikálásában.

A lépések lehetnek lineárisak vagy nem lineárisak, azaz nem kell, hogy egymás után kövessék egymást abban a sorrendben, ahogyan elrendezi őket. Az alkalmazáshoz hozzáadott logika határozza meg a lépések átmenetét.

A lépésekkel való munkáról szóló részletes útmutatót itt talál egy cikkgyűjteményt: Lépések.

Alap elrendezés

Az alapelrendezés az a sablon, amely minden egyes létrehozott lépésre vonatkozik. Az alap elrendezés létrehozása megkönnyíti az alkalmazás felépítését, mivel az alapelemek automatikusan hozzáadódnak minden lépéshez, és egységes stílust biztosít az alkalmazásban.

Az alap elrendezéshez való navigáláshoz kattintson a lépés/rekord panel alján található "Alap elrendezés" gombra.

Base Layout.png

Amíg az alap elrendezésben van, minden, amit a munkaterületen belül elhelyez, megjelenik az összes lépésén. Ez a folyamat gyorsan és egyszerűen teszi lehetővé az alkalmazás elrendezésének beállítását, kiküszöbölve az egyes lépések külön-külön, a semmiből történő felépítésének feladatát.

Az alapelrendezés felépítéséről szóló részletes útmutatót lásd a Hogyan használjuk az alapelrendezést?

Widgetek

A widgetek az alkalmazások építőkövei. Megjeleníthetnek információkat, adatokat gyűjthetnek, kiváltó logikát hajthatnak végre, és még sok minden mást.

Widgets.png

Ikon Widgetek

Helyezzen el alakzatokat, ikonokat vagy logókat a munkaterületen belül, és konfiguráljon logikát az alkalmazás megjelenésének és márkájának kialakításához.

Gomb Widgetek

Válasszon az alkalmazásában használható gombok közül, amelyek közül választhat előre programozott logikával vagy üres, egyéni gombokat.

Itt olvashat többet a gomb widgetekről.

Bemeneti widgetek

Gyűjtsön adatokat az alkalmazás felhasználóitól a Input Widget-ek segítségével, ahol minden egyes bemeneti típus más-más adatváltozót képvisel.

Bővebben a bemeneti widgetekről itt olvashat.

Szöveg widget

Statikus vagy dinamikus szöveg megjelenítése, beleértve a változók értékeit, egyszerű statikus szöveget és teljes rekordhelytartókat.

Beágyazott widgetek

Embed videók, képek, CAD, dokumentumok, vonalkódolvasók és egyéb eszközök beágyazása az alkalmazásba.

Itt olvashat többet a beágyazott widgetekről.

Kamera widgetek

Mutassa meg a Tulip Vision kameraképét, vagy olvasson be egy vonalkódot a készülék kamerájával.

A kamera widgetekről itt olvashat többet.

Egyedi widgetek

Ha a fenti widgetek egyike sem felel meg az Ön igényeinek, akkor HTML, CSS és Javascript segítségével létrehozhatja saját widgetjét a platform képességeinek bővítéséhez.

Az egyéni widgetekről itt olvashat többet.

Triggers

A kiváltók lehetővé teszik, hogy logikát adjon az alkalmazásához.

Triggerek nélkül az alkalmazásod egy sima képernyő; a triggerek ráveszik az alkalmazásodat, hogy csináljon valamit. A kiváltók hozzáadhatók a widgetekhez, valamint a lépésekhez (lépésszintű kiváltók) és az alkalmazásokhoz (alkalmazásszintű kiváltók), illetve bizonyos események, például az eszköz működésbe lépése esetén. Egy widget esetében válassza ki azt a widgetet, amelyhez kiváltójelet szeretne hozzáadni, majd a Kiváltó panelben kattintson a "Kiváltójel" melletti pluszjelre.

Add Trigger.png

Ahhoz, hogy egy lépéshez adjon egy trigger-t, győződjön meg róla, hogy azon a lépésen van, amelyhez trigger-t szeretne hozzáadni. Navigáljon a Step (Lépés) fülre a Trigger Panelben, és a plusz jelre kattintva válasszon egyet a lehetőségek listájából.

Step Trigger.png

Minden kiváltó ugyanazt az alapformátumot követi: amikor egy művelet megtörténik, akkor hajtsa végre a következő műveletet és/vagy átmenetet. A kiváltók lehetnek olyan egyszerűek vagy bonyolultak, amilyenre csak szüksége van, több művelet hozzáadására is lehetőség van. Olyan if utasításokat is hozzáadhat, amelyek a végrehajtott művelethez egy feltételt adnak hozzá, ha a feltétel teljesül.

Az If utasítással beállíthatja azokat a feltételeket, amelyek lehetővé teszik, hogy akciók következzenek.

Trigger-If Statement.png

Akkor az utasítások vagy egy művelet, vagy egy átmenet. A művelet olyan változás az alkalmazásban, amely nem kapcsolódik a lépések megváltoztatásához. Az átmenet vagy a lépések megváltoztatása vagy az alkalmazás befejezése.

Trigger-New Action/Transition.png

Végül, hogy egybeessenek az if utasításokkal, vannak else if utasítások, amelyek meghatározzák az alternatív műveletet, amelyet akkor kell végrehajtani, ha az if utasítás hamisnak bizonyul.

Trigger-Else If Statement.png

A kiváltókról részletesebb útmutatót a Kiváltók című fejezetben talál.

Változók

A változók a Tulip Cloudban tárolt adattípusok, amelyeket a táblázatok és elemzések létrehozásakor használnak. A Tulipban számos adattípus létezik, mindegyiknek megvan a maga célja:

  • Boolean - Igen/nem
  • Szín - Dinamikus szín a widget állapotának beállításához.
  • Datetime - Dátum és idő időbélyeg
  • Fájl - A Tulipban tárolt fájlra mutató hivatkozás.
  • Image - Link egy Tulipban tárolt képre
  • Integer - Egész szám
  • Intervallum - A megjelenített idő másodpercben kifejezve
  • Machine - Gép objektum a Tulipban
  • Number - Valós szám
  • Object - Konfigurálható objektumstruktúra saját adattípussal rendelkező gyermekattribútumokkal.
  • Station - Állomás objektum a Tulipban a Shop floorból.
  • Text - Karakterek sorozata
  • Felhasználó - Felhasználó objektum a Tulipban a fiók/munkaterület beállításaiból

Ahhoz, hogy változót adjon hozzá az alkalmazásához, navigáljon az Alkalmazás fülre a Triggers Panelben, és válassza a "Variables" (Változók) melletti X-et.

Variables.png

Megnyílik a változók ablak, amely az alkalmazásban használt összes változót megjeleníti. Új változó létrehozásához kattintson a jobb felső sarokban található kék "Változó létrehozása" gombra.

A felugró ablakban adja meg a változó nevét és az adattípust, valamint kapcsolja be a két kapcsolót, hogy a változó törlődjön-e az alkalmazás befejezésekor, illetve hogy a változót el lehet-e menteni elemzés céljából.

Miután létrehozta a változót, a változók ablakban látni fogja a változót.

Create Variable.gif

A változókat a kiváltószerkesztőből is létrehozhatja. Ha például egy új bejegyzést szeretne létrehozni, amikor egy Submit gombra kattint, kattintson arra a gombra, amelyhez hozzáadhatja a kiváltót, és nyissa meg a kiváltószerkesztőt.

Adjon hozzá egy új műveletet, amely a fenti logikát követi, nevezze el a változót, hogy azonosítani tudja, és válassza ki a táblázatot, amelybe írni szeretne. Ez egy változón keresztül létrehoz egy rekordot, amely a kijelölt táblázatba ment. A táblázatokról egy másik útmutatóban többet fogunk tanulni, egyelőre csak emlékezzünk arra, hogy a táblák adatokat tárolnak.

Trigger-Create New Variable.png

A változókról többet megtudhat a Változók című fejezetben.

Alkalmazás készítése a Tulip segítségével

Építsünk egy egyszerű Hello World alkalmazást a Tulip egyik tagjával. Ez a tanfolyam a Tulip Universityn keresztül is elérhető.

A felhasználói felület tervezésének legjobb gyakorlatai

Az alkalmazás tervezésekor a navigálhatóság és a hozzáférhetőség két fontos fogalom, amelyet szem előtt kell tartania. Fontos, hogy az alkalmazás felhasználói elvesztés nélkül tudjanak navigálni az alkalmazásban, és hogy az interaktív widgetek használata egyértelmű legyen. Ha még új az alkalmazáskészítésben, talán azon tűnődik, hogyan optimalizálhatja a felhasználói felületet a használhatóság szempontjából. Az alkalmazásfelületek tervezéséről szóló útmutatókat lásd az App Design.

További erőforrások

Tulipán Egyetem

A Tulip University egy ingyenes, igény szerinti erőforrás a Tulip tanulására. A Tulip University több tucatnyi tanfolyamot, tanúsítványt és alkalmazásépítési kihívást tartalmaz, amelyek segítségével az alkalmazásépítés a következő szintre léphet. Tegye meg az első lépéseket a Tulip Essentials tanfolyamra való beiratkozással, gyakorolja készségeit a Tulip Challenges segítségével, és ossza meg eredményeit azzal, hogy Tulip Certified App Builder (Tulip tanúsított alkalmazásépítő) lesz.

Tulip Könyvtár

A Tulip Library a Tulip szakértői által kifejlesztett, azonnal használható tartalmak gyűjteménye. Rengeteg tartalmat talál, amelyekkel elindulhat, a teljes alkalmazásoktól és alkalmazáscsomagoktól kezdve a sablonokig, egyéni widgetekig és csatlakozókig.

Tulip Közösség

Kérdése van, de nem találja a választ a Tudásbázisban vagy az Egyetemen? Van egy ötleted egy olyan funkcióra, amely 100x könnyebbé tenné az életed? Szüksége van egy módra, hogy lépést tartson a Tuliverse legújabb és legjobb híreivel? Nézze meg a Tulip Community-t.

A Tulip Community egy aktív online fórum, ahol a felhasználók kérdéseket tehetnek fel, vitákat folytathatnak, és segíthetnek egymásnak a Tulip használatával megoldani a problémáikat.


Hasznos volt ez a cikk?

What's Next