Quant-UX¶

Այս հոդվածում

• Quant-UX-ի հիմնական գործառույթները
• Տեղակայման գործառույթներ
• Կապի տվյալներ
• Ինչպե՞ս սկսել Quant-UX-ի տեղակայումից հետո
• Quant-UX պատվիրում API-ի միջոցով

Quant-UX-ի հիմնական գործառույթները¶

• Interactive prototypes: բոլոր վիջեթները լիովին ֆունկցիոնալ են՝ օգտվողները կարող են մուտքագրել տվյալներ, նշել checkbox-ները և փոխազդել տարրերի հետ: Անիմացիաների և տվյալների մշակման հետ համատեղ պրոտոտիպը պահում է իրական հավելվածի պฤքառություն:
• Visual Designer: հարմարավետ կտավ (canvas) էկրաններ ստեղծելու, բաղադրիչներ ավելացնելու և էկրանների միջև անցումներ կառուցելու համար՝ օգտագործելով հղումներ:
• AI Assistant: պրոտոտիպի հատվածների գեներացում՝ հիմքված տեքստային հրահանգների վրա (օրինակ՝ "create a login form")՝ հետագայում ոճավորման և նախագծման հնարավորություններով:
• Design Systems: մասունքների, design tokens-ների և master screens-ների վրա հիմնված մասշտաբավորվող դիզայն համակարգերի կառուցում:
• Animations: Animation Composer գործիքը իրականացնող անիմացիաներ ստեղծելու மற்றும் պրոտոտիպի ճշգրտությունը բարձրացնելու համար:
• Rich component palette: պատրաստի վիջեթների հավաքածուներ Wireframe, Survey, iOS և Android-ի համար՝ դուք կարող եք անմիջապես սկսել նախագծումը:
• Smart tools: grid resizing, smart cloning և repeater grids՝ ձեր աշխատանքային գործընթացը արագացնելու համար:
• A/B Testing: մի քանի դիզայն տարբերակների համեմատում մեկ պրոտոտիպի շրջանակներում՝ օգտագործելով A/B օպերատորը. պարզապես կցեք տարրը թեստին և նշեք երկու տարբերակ:
• Business Logic: տրամաբանության մոդելավորում REST հարցումների և որոշման տարրերի, պարտադիր դաշտերի, մուտքագրվող տվյալների ձևաչափի վավերացման և էկրանների միջև տվյալների փոխանցման համար data binding-ի միջոցով:
• Usability testing and analytics: օգտվողների վարքագծի տվյալների, heatmaps-ների և քանակական UX մետրիկաների հավաքագրում՝ տվյալների վրա հիմնված որոշումներ կայացնելու համար:
• Integrations and Import: պատկերների (.webp, .jpg, .psd) drag-and-drop ներմուծում կտավի վրա, ինչպես նաև Figma-ից layout-ների ներմուծում:
• Open Source: self-hosted տեղակայում՝ առանց պրոյեկտների և օգտվողների քանակի սահմանափակումների, որոնք առկա են cloud SaaS տարբերակներում:

Տեղակայման գործառույթներ¶

grep -rE "QUX_JWT_PASSWORD|QUX_MONGO_CONNECTION_STRING|QUX_MAIL_" /opt/quantux/

Կապի տվյալներ¶

Պատվերը վճարելուց հետո, երբ սերվերը պատրաստ կլինի աշխատանքի, գրանցման ժամանակ նշված էլեկտրոնային հասցեին կուղարկվի ծանուցում: Այն կպարունի VPS IP հասցեն, ինչպես նաև մուտք գործելու համար login-ը և password-ը:

Ծառայության կառավարումն իրականացվում է Quant-UX վեբ ինտերֆեյսի միջոցով, որի հղումը գտնվում է Invapi-ում:

Ավտորիզացման տվյալները կարող եք գտնել սերվերի կառավարման վահանակի Configuration >> Tags բաժնում կամ ուղարկված էլեկտրոնային նամակում.

• Link: webpanel; թեգում,
• Login և Password սերվերի կառավարման համար՝ ուղարկվում է ձեր հասցեին էլեկտրոնային փոստով, երբ ծրագրի տեղակայումը պարզվում է և սերվերը պատրաստ լինում: Հավելվածի ներսում հաշիվն ստեղծվում է առանձին՝ վեբ ինտերֆեյսի հղման առաջին այցելու պահին գրանցվելիս:

Վեբ ինտերֆեյսը հասանելի կլինի հետևյալ հասցեով՝ https://quantux{Server_ID_from_Invapi}.hostkey.in

Ինչպե՞ս սկսել Quant-UX-ի տեղակայումից հետո¶

1. Առաջին գործարկման համար այցելեք https://quantux<Server_ID>.hostkey.in հղումը: Կբացվի մուտքի էկրան, որտեղ կլինեն Login և Sign Up թաբերը: Հաշիվ ստեղծելու համար անցեք Sign Up թաբ:

   

   Լրացրեք գրանցման դաշտերը.

   • Email - ձեր էլեկտրոնային հասցեն (օգտագործվում է նաև որպես username),
   • Password - ձեր գաղտնաբառը:

   Նշեք I accept the terms of service checkbox-ը և սեղմեք SignUp: Հաջորդ մուտքերի համար օգտագործեք Login թաբը:

   Նշում

   Առանձին ադմինիստրատորի հաշիվ ռեժիմով (by default) չի ստեղծվում. գրանցման ժամանակ ստեղծվում է ստանդարտ օգտվողի հաշիվ (role user), որը դառնում է իր սեփական պրոտոտիպերի և թիմերի սեփականատերը: Մուտք գործելու համար էլեկտրոնային հասցեի հաստատում պահանջվող չէ: Ինքնագրանցման հնարավորությունը վերահսկվում է QUX_USER_ALLOW_SIGNUP փոփոխականով, իսկ թույլատրված էլեկտրոնային դոմեյնների ցուցակը՝ QUX_USER_ALLOWED_DOMAINS փոփոխականով /opt/quantux/quantux-compose.yml տեղակայման ֆայլում: Օգտվողների և թիմերի կառավարման վերաբերյալ հավելյալ մանրամասներին տեսեք ծրագրավորողի փաստաթղթերը:

2. Գրանցումից հետո դուք ավտոմատ կլինեք մուտք գործել և կբացվի Quant-UX աշխատանքային էկրանը՝ հղումով:

   

   Հիմնական ինտերֆեյսի տարրերը.

   • + Create - ստեղծել նոր պրոտոտիպ,
   • Recent Prototypes - ձեր վերջին պրոտոտիպների ցանկը,
   • Updates - թարմացումներ և ծանուցումներ,
   • Documentation - անցնել Quant-UX պաշտոնական փաստաթղթերին,
   • Contact - կապի տվյալներ և հետադարձ կապ,
   • My Account - հաշիվի կարգավորումներ:

3. Պրոտոտիպ ստեղծելու համար սեղմեք Create: Բացվող Create a new prototype պատուհանում նշեք պարամետրերը.

   

   • Name - պրոտոտիպի (հավելվածի) անունը,
   • ScreenSize - էկրանի չափսը՝ Smartphone, Smartphone (Max), Tablet (Vertical), Tablet (Horizontal), Desktop, կամ Custom (ձեռքով սահմանված չափեր):

   Սեղմեք Create — կբացվի վիզուալ դիզայները:

   Նշում

   Էկրանի չափսը նշվում է point-երով, ոչ թե pixel-ներով:

4. Վիզուալ դիզայներում դուք ստեղծում եք պրոտոտիպի դիզայնը՝ էկրաններ, վիջեթներ և անցումներ դրանց միջև:

   

   Էդիտորի հիմնական տարրերը.

   • Design / Prototype ռեժիմների փոփոխություն — անցում էկրանի դիզայնի և ինտերակտիվ հղումների կարգավորման միջև,
   • Design Tokens — դիզայն թոքեններների ստեղծում և կառավարում,
   • Export Code — պրոտոտիպի կոդի արտահանում,
   • Share կոճակը — պրոտոտիպի հրապարակում և հղման միջոցով հասանելիության ապահովում,
   • Zoom control (100 %) և ակտիվ պրոտոտիպի ընտրություն վերևի ձախ անկյունում:

   Նշում

   Quant-UX-ի հետ աշխատելու մասին մանրամասն տեղեկություն կարող եք գտնել ծրագրավորողի փաստաթղթերում, իսկ self-hosted տեղակայման հրահատարոկները հասանելի են նախագծի GitHub պահոցում:

Quant-UX պատվիրում API-ի միջոցով¶

Այս ծրագրը API-ի միջոցով տեղակայելու համար հետևեք այս հրահատարոகներին.