Kuika’nın Web View elementi, uygulamanızın içinde harici bir web sayfasını veya web tabanlı içeriği doğrudan görüntülemenizi sağlar. Bu özellik sayesinde kullanıcılar, uygulamadan çıkmadan dokümantasyon, destek sayfası, dinamik içerik veya üçüncü parti araçlara erişebilir.

Web View elementi hem web hem de mobil uygulamalarda desteklenmektedir.

Kullanım Alanları

• Üçüncü parti destek ve yardım sayfalarını embed etmek
• Dinamik rapor, anket veya veri paneli görüntülemek
• Web tabanlı form veya başvuru alanlarını göstermek
• Şirket içi portal, dokümantasyon veya CRM ekranlarını doğrudan uygulamada sunmak
• Harici servislerden (örneğin YouTube, Google Docs, Kuika Docs) içerik göstermek

Kullanım Senaryosu – Destek Merkezi Entegrasyonu

Bir yönetim paneli uygulamasında kullanıcıların, yardım içeriklerine veya dokümantasyon sayfalarına doğrudan erişebilmesi için Web View elementi kullanılır.

Senaryoda:

• Ana uygulama, kullanıcıların panel üzerinden işlemler yaptığı bir yönetim ekranıdır.
• Sağ alandaki panel alanına Web View elementi yerleştirilir.
• Bu alanda, Kuika’nın “How can we help?” başlıklı yardım sayfası embed edilir.
• Kullanıcılar, panelden çıkmadan dokümantasyonda arama yapabilir veya yardım alabilir.

Özelliklerin Senaryo Bağlamında Kullanılması

• URL: Web View içinde görüntülenecek sayfanın adresidir.
  
  • Statik kullanım: https://help.kuika.com
  • Dinamik kullanım (Symbol Picker ile): {{selectedHelpTopic.url}}

UI Design Modülü İşlemleri

1. UI Design modülüne gidin.
2. Sol panelden Elements > Special > Web View elementini seçin.
3. Ekrana, örneğin dashboard sayfanızın sağ paneline sürükleyip bırakın.
4. Properties panelinde şu ayarları yapılandırın:

• URL: https://help.kuika.com

5. Web View alanı, kullanıcı panelinin yanında sabitlenir ve yardım içeriği sürekli erişilebilir hale gelir.

Senaryo Akışı

1. Kullanıcı, yönetim panelinde çalışırken sağ alandaki “Yardım” alanını görür.
2. Web View elementi üzerinden, help.kuika.com içeriği otomatik olarak yüklenir.
3. Kullanıcı, “How can we help?” arama kutusuna sorgusunu yazarak ilgili dokümana erişir.
4. İçerik doğrudan uygulama içinde görüntülenir; kullanıcı sayfayı terk etmez.
5. Gerektiğinde, içerik dinamik olarak başka bir sayfaya yönlendirilebilir (örneğin {{selectedTopic.url}}).

Kısıtlamalar

• Web View sadece HTTPS protokollü sayfaları destekler.
• Bazı harici siteler (örneğin güvenlik politikası gereği “X-Frame-Options: DENY” ayarlı olanlar) embed edilemez.
• Mobil cihazlarda harici sayfa yüklenmesi biraz daha uzun sürebilir.
• Web View içeriği, uygulama veri kaynaklarından bağımsızdır.

İpuçları ve Best Practices

• Yardım ve dokümantasyon sayfalarını Web View içinde göstermek, kullanıcıyı uygulamadan çıkarmadan yönlendirmenizi sağlar.
• Web tabanlı içerikler (örneğin raporlar, embed edilmiş YouTube videoları) için dinamik URL bağlamayı tercih edin.
• Harici bir sistemle entegrasyon yaparken, hedef URL’nin iframe veya embed kullanımına izin verdiğinden emin olun.
• Kullanıcı deneyimini geliştirmek için Web View alanını responsive (farklı ekran boyutlarına uyumlu) tasarlayın.
• Çoklu dil desteği sunmak istiyorsanız, URL değerini {{selectedLanguage}} değişkenine göre dinamik hale getirin.

Senaryo Tamamlandığında

• Kullanıcı, uygulamadan çıkmadan harici içeriklere erişebilir.
• Web View üzerinden yardım sayfası, dokümantasyon veya dinamik içerik gösterilir.
• Bilgiye erişim süreci hızlanır, kullanıcı deneyimi geliştirilir.
• Uygulama, hem işlevsel hem de destekleyici bir yapıya kavuşur.