Quant-UX¶

Bu makalede

• Quant-UX Temel Özellikleri
• Çalıştırma Özellikleri
• Bağlantı Verileri
• Quant-UX Çalıştırmasından Sonra Başlangıç
• API ile Quant-UX Siparişi Verme

Quant-UX Temel Özellikleri¶

• İnteraktif prototipler: tüm widget'lar tam işlevseldir; kullanıcılar veri girebilir, onay kutularını işaretleyebilir ve öğelerle etkileşime girebilir. Animasyonlar ve veri işleme ile birleştiğinde prototip gerçek bir uygulama gibi davranır.
• Görsel Tasarımcı (Visual Designer): ekranlar oluşturmak, bileşenler eklemek ve bağlantılar aracılığıyla ekranlar arasında geçişler inşa etmek için kullanışlı bir tuval.
• Yapay Zeka Asistanı: metin istemlerine dayalı prototip parçalarının üretilmesi (örneğin, "bir giriş formu oluştur") ve ardından ince ayar ile stillendirme yetenekleri.
• Tasarım Sistemleri: bileşenlere, tasarım token'larına ve ana ekranlara dayalı ölçeklenebilir tasarım sistemları oluşturma.
• Animasyonlar: gerçekçi animasyonlar oluşturmak ve prototip sadakatini artırmak için Animation Composer aracı.
• Zengin bileşen paleti: WireFrame, Survey, iOS ve Android için hazır widget setleri; hemen tasarlamaya başlayabilirsiniz.
• Akıllı araçlar: iş akışınızı hızlandırmak için ızgara yeniden boyutlandırma, akıllı klonlama ve tekrarlayıcı ızgaralar (repeater grids).
• A/B Testi: tek bir prototip içinde A/B operatörünü kullanarak birden fazla tasarım varyantını karşılaştırma; sadece bir öğeyi bir teste bağlayın ve iki varyant belirleyin.
• İş Mantığı (Business Logic): REST istekleri, karar öğeleri, zorunlu alanlar, girdi formatı doğrulaması ve ekranlar arası veri aktarımı için veri bağlama yoluyla mantık modelleme.
• Kullanılabilirlik testi ve analitiği: Veriye dayalı karar verme süreci için kullanıcı davranışı verilerinin, ısı haritalarının ve nicel UX metriklerinin toplanması.
• Entegrasyonlar ve İçe Aktarma: görsellerin (.webp, .jpg, .psd) tuvale sürükle-bırak yöntemiyle içe aktarılması ve ayrıca Figma'dan düzenlerin (layouts) içe aktarılması.
• Açık Kaynak: bulut SaaS sürümlerinde bulunan proje sayısı ve kullanıcı sayısı üzerindeki proje sınırları olmadan self-hosted çalıştırma.

Çalıştırma Özellikleri¶

Bağlantı Verileri¶

Sipariş ödemesi yapıldıktan sonra, sunucu çalışmaya hazır olduğunda kayıt sırasında sağlanan e-posta adresine bir bildirim gönderilecektir. Bu bildirim VPS IP adresinin yanı sıra bağlantı için kullanıcı adı ve şifreyi içerecektir.

Servis yönetimi, bağlantısı Invapi içinde bulunan Quant-UX web arayüzü üzerinden gerçekleştirilir.

Yetkilendirme verileri, sunucu kontrol panelindeki Configuration >> Tags bölümünde veya gönderilen e-postada bulunabilir:

• Link: webpanel; etiketinde;
• Sunucu yönetimi için Login ve Password: yazılım kurulumu tamamlanıp sunucu hazır olduğunda adresinize e-posta ile gönderilir. Uygulamanın kendisi içindeki hesap bilgileri (e-posta ve şifre), web arayüzü bağlantısına ilk ziyaretiniz sırasında kayıt aşamasında ayrı olarak oluşturulur.

Web arayüzüne şu adresten erişilebilecektir: https://quantux{Server_ID_from_Invapi}.hostkey.in

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

Quant-UX Çalıştırmasından Sonra Başlangıç¶

1. İlk çalıştırma için https://quantux<Server_ID>.hostkey.in gibi bir bağlantıya gidin. Login ve Sign Up sekmelerinin bulunduğu bir giriş ekranı açılacaktır. Hesap oluşturmak için Sign Up sekmesine gidin.

   

   Kayıt alanlarını doldurun:

   • Email - e-posta adresiniz (aynı zamanda kullanıcı adınız olarak kullanılır);
   • Password - şifreniz.

   I accept the terms of service onay kutusunu işaretleyin ve SignUp düğmesine tıklayın. Sonraki girişler için Login sekmesini kullanın.

   Not

   Varsayılan olarak ayrı bir yönetici hesabı oluşturulmaz; kayıt sırasında, kendi prototiplerinin ve ekiplerinin sahibi olan standart bir kullanıcı hesabı (role user) oluşturulur. Giriş için e-posta adresi onayı gerekmez. Kendi kendine kayıt olma yeteneği /opt/quantux/quantux-compose.yml çalıştırma dosyasındaki QUX_USER_ALLOW_SIGNUP değişkeni ile kontrol edilir ve izin verilen e-posta alanları listesi QUX_USER_ALLOWED_DOMAINS değişkeni ile kontrol edilir. Kullanıcıları ve ekipleri yönetme hakkında daha fazla ayrıntı için geliştirici dokümantasyonuna bakın.

2. Kayıt işleminden sonra otomatik olarak giriş yapacaksınız ve bir hoş geldiniz mesajıyla birlikte Quant-UX masaüstü açılacaktır.

   

   Ana arayüz öğeleri:

   • + Create - yeni bir prototip oluşturun;
   • Recent Prototypes - son prototiplerinizin listesi;
   • Updates - güncellemeler ve bildirimler;
   • Documentation - resmi Quant-UX dokümantasyonuna gidin;
   • Contact - iletişim bilgileri ve geri bildirim;
   • My Account - hesap ayarları.

3. Bir prototip oluşturmak için Create düğmesine tıklayın. Açılan Create a new prototype penceresinde parametreleri belirtin:

   

   • Name - prototipin (uygulamanın) adı;
   • ScreenSize - ekran boyutu: Smartphone, Smartphone (Max), Tablet (Vertical), Tablet (Horizontal), Desktop veya Custom (özel boyutlar).

   Create düğmesine tıklayın — görsel tasarımcı açılacaktır.

   Not

   Ekran boyutu piksel değil, point cinsinden belirtilir.

4. Görsel tasarımcıda prototip tasarımınızı oluşturursunuz: ekranlar, widget'lar ve aralarındaki geçişler.

   

   Ana editör öğeleri:

   • Design / Prototype modu değiştirme düğmesi — arayüz tasarımı ile etkileşimli bağlantı kurulumu arasında geçiş yapar;
   • Design Tokens — tasarım token'larını oluşturma ve yönetme;
   • Export Code — prototip kodunu dışa aktarma;
   • Share düğmesi — prototipi yayınlama ve bir bağlantı aracılığıyla erişim sağlama;
   • Sol üst köşede Zoom kontrolü (100 %) ve aktif prototip seçimi.

   Not

   Quant-UX ile çalışma hakkında ayrıntılı bilgiye geliştirici dokümantasyonundan ulaşılabilir ve self-hosted çalıştırma talimatları projenin GitHub deposunda mevcuttur.

API ile Quant-UX Siparişi Verme¶

Bu yazılımı API kullanarak yüklemek için bu talimatları izleyin.