Micro App elementi, ana uygulama içerisinde bağımsız ve küçük ölçekli işlevlerin çalıştırılmasını sağlayan modüler bir UI elementidir. Tek bir ekran veya sınırlı bir işlevi kapsayan bu yapı, büyük uygulamalar içinde daha esnek ve yönetilebilir çözümler sunar.
Micro App’ler, ana uygulama akışını bozmadan belirli görevleri yerine getirmek için tasarlanmıştır ve genellikle kısa etkileşimli senaryolarda kullanılır.
Micro App elementi yalnızca web uygulamalarında desteklenmektedir.
1.1. Sık Kullanım Senaryoları
Anket ve geri bildirim formları
Haber bülteni veya e-posta kayıt ekranları
Basit hesaplama ve simülasyon araçları
Kısa bilgi toplama veya doğrulama adımları
Ana uygulama içinde gömülü mini işlevler
2. Temel Özellikler
Bağımsız çalışma yapısı: Her Micro App, kendi işlevini ayrı bir bütün olarak yerine getirir ve ana uygulamadan bağımsız şekilde kurgulanabilir.
Ana uygulama içine gömülü kullanım: Micro App’ler, kullanıcıyı farklı bir uygulamaya yönlendirmeden mevcut ekran içinde çalışır.
Modüler uygulama mimarisi desteği: Büyük uygulamalarda işlevlerin parçalanarak daha yönetilebilir hale gelmesini sağlar.
2.1. Micro App Elementi Özellikleri
Micro App elementinin özelliklerini, sağ kenardaki Properties panelinden yapılandırabilirsiniz.
Project: Bu alanda yer alan Selectbox aracılığıyla Kuika hesabınızdaki projeleri listeleyebilirsiniz. Listeden, Micro App içerisinde çalıştırmak istediğiniz projeyi seçebilirsiniz.
Starting Screen: Seçilen proje içerisinde yer alan ekranlar arasından, Micro App açıldığında ilk görüntülenecek ekranı belirlemenizi sağlar.
Micro App elementi, uygulamanız içinde daha fazla işlevsellik sunarak kullanıcı deneyimini geliştirir.
3. Micro App Elementi Nasıl Kullanılır?
Bu bölümde Micro App elementinin uçtan uca kullanımını örnek senaryo üzerinden ele alacağız.
Senaryo: Micro App ile Aynı Sayfa Üzerinde Uygulama Kullanımı
Bir organizasyon içerisinde geliştirilen uygulamalarda, farklı işlevlere sahip uygulamaların tek bir ekran üzerinden birlikte kullanılabilmesi için Micro App elementi kullanılır.
Bu senaryoda, ana uygulama içerisinde yer alan bir sayfada hem ana uygulamaya ait içerikler görüntülenmekte hem de aynı workspace’te geliştirilmiş başka bir uygulama Micro App elementi aracılığıyla sayfa içerisine entegre edilerek kullanılmaktadır. Bu sayede kullanıcı, sayfadan ayrılmadan micro uygulamayı aynı ekran üzerinde kullanabilir.
Senaryoda:
Üst alanda: Ana Uygulama içerikleri (Kullanıcı Yorumları alanına yönlendirme)
Alt alanda: Micro App elementi içerisinde çalışan bağımsız uygulama
Her iki uygulama:
Ayrı geliştirilmiştir
Kendi veri tabanı şemalarına bağlıdır
Birbirinden bağımsız çalışır
Kullanıcı ana uygulamaya giriş yapar
Ana sayfa üzerinde:
“Kullanıcı Yorumları” alanını görür
Aynı sayfa içerisinde Micro App alanı yer alır
Kullanıcı sayfadan ayrılmadan:
Ana uygulama içerisindeki işlemleri görüntüleyebilir
Micro App alanı içerisindeki uygulamayı doğrudan kullanabilir
Micro App içerisinde:
Bağımsız uygulama arayüzü yüklenir
“Başlayalım” gibi başlangıç ekranı veya ilgili içerik görüntülenir
Adım 1 - Micro App Uygulamanın Hazırlanması
Başlangıçta micro uygulamada:
Uygulamanızı hedeflerinize uygun şekilde geliştirin. Ekran tasarımlarını oluşturun, veri tablolarını yapılandırın ve gerekli aksiyon tanımlamalarını gerçekleştirin.
Uygulama tamamlandığında, üst panelde bulunan Preview butonuna basarak uygulamanızı Micro App olarak kullanıma hazır hale getirebilir ve önizlemesini alabilirsiniz.
Adım 2 - Ana Uygulama İçerisine Micro App Ekleme
Ana Uygulamada:
Geliştirdiğiniz uygulama içerisinde, aynı workspace’te bulunan başka bir uygulamayı kullanmak için Elements > Special > Micro App elementini sayfada ilgili alana sürükleyip bırakın.
Workspace içerisindeki uygulamalar arasından eklenecek uygulamayı seçmek için Micro App > Properties > Project > “Uygulama Adınız” alanını kullanın.
Seçilen Micro App ile ana uygulama, birbirinden bağımsız veri tabanı şemalarına bağlıdır. Her uygulama oluşturulurken kendi şeması ile birlikte tanımlanır ve tüm veri tabloları bu şema altında çalışır. Bu nedenle Micro App içerisinde kullanılan veri yapıları, ana uygulamadan tamamen izole şekilde yönetilir ve doğrudan ortak kullanılmaz.
Seçilen uygulamanın başlatılacağı ekranı belirlemek için Micro App > Properties > Starting Screen > “Ekran Adınız” alanını kullanın.
Tanımlamalar sonunda Micro App elementi aşağıdaki gibi olmalıdır.
Ana uygulama içerisinde kullanıcı yorumları görüntülenmektedir. Micro App alanında ise başlangıç ve form ekranlarından oluşan ayrı bir uygulama çalışmaktadır.
Ana Uygulama ekranları:
Micro App uygulama ekranları:
Preview:
Micro App alanında, bağımsız bir uygulamaya ait başlangıç ve form ekranları doğrudan ana uygulama içerisinden görüntülenir. Kullanıcı, “Başlayalım” butonu ile uygulamayı başlatabilir ve ilgili form alanları üzerinden işlemlerini gerçekleştirebilir. Bu yapı sayesinde Micro App içerisindeki akış, ana uygulamadan bağımsız şekilde çalışmaya devam eder.
Ana uygulama tarafında ise “Kullanıcı Yorumları” butonu kullanılarak mevcut yorumların listelendiği ayrı bir alan açılır. Kullanıcılar bu alanda daha önce eklenmiş yorumları görüntüleyebilir ve ana uygulama akışı içerisinde farklı içeriklere erişebilir. Bu sayede kullanıcı, tek ekran üzerinden hem ana uygulama hem de Micro App içeriklerini birlikte deneyimleyebilir.
4. Ortak Özellikler (Properties)
Micro App elementi üzerinde yer alan bazı alanlar tüm UI elementlerinde ortak olarak kullanılır. Bu nedenle, aşağıdaki özelliklerin detaylı açıklamaları ilgili genel kılavuz sayfalarında yer almaktadır:
