UPLOAD

    698

    Cinema8 Geliştirme 29.07.2019

    Published: July 29, 2019

    Cinema8 Geliştirmeleri

    Comments

    Cinema8 Geliştirme 29.07.2019

    • 1. Cinema8 Geliştirmeleri Cinema8 Geliştirmeleri
    • 2. Conditional Action Karşınızda Cinema8’in Yeni Aracı Conditional Action Bu yeni araç ile izleyicinin video içinde gerçekleştirdiği fare tıklamalarını hafızada tutabilir ve bunları videonun ilerleyen kısımlarında gerçekleştireceğiniz bir eylemi tetiklemek için kullanabilirsiniz. Örneğin; videonun 10. saniyesinde tıklayarak yaptığınız “A” seçimini, videonun 50. Saniyesinde, “10. Saniyede “A” seçeneğini işaretlemiştiniz” diyerek izleyiciye gösterebilirsiniz. Ya da kullanıcının yaptığı seçimlere puanlar atayıp, video sonunda izleyiciye toplam puanını gösterebilirsiniz. Conditional Action Nasıl kullanıldığına bakmak için tıklayın
    • 3. User Management Güncellemesi Önceden kullanıcılar bağlı bulunduğu firmanın tüm Cinema8 projelerine, istatistiklerine ulaşabilirken, artık yalnızca firma admin hesabının verdiği yetkilere göre Cinema8’de işlem yapabilecek. Örneğin; Cinema8 firma admin hesabı «Ahmet» kullanıcısına sadece firmadaki projeleri görsün, proje istatistiklerini görmesin diyebilir. Ya da «Ayşe» kullanıcısı yalnızca proje istatistiklerini takip etsin fakat interaktif proje yapamasın gibi yetki dağıtımı yapabilir. Alt Kullanıcıları Özelleştiriyoruz User Management Güncellemesi User Management Güncellemesi Nasıl kullanıldığına bakmak için tıklayın
    • 4. Referer URL Artık proje raporlarınızda interaktif videonuzu izleyen kişilerin videonuza hangi link üzerinden ulaşıp, izlediğini görebiliyorsunuz. Videonuzu Nereden İzlediklerini Artık Görebiliyoruz Referer URL Referer URL Nasıl kullanıldığına bakmak için tıklayın
    • 5. Domain Değişikliği Önceden Cinema8 editörüne «ivideo.streamx.io» linki üzerinden ulaşılabilirken, artık «studio.cinema8.com» linkinden de ulaşılabilecek. Hatta bir projenizin embed kodunu alıp, herhangi bir yerde kullandıysanız, kod içindeki linki de yeni domain ile güncellemenizi tavsiye ediyoruz. Linklerimizi Değiştiriyoruz Domain Değişikliği Domain Değişikliği
    • 6. Rewind-Forward Button Daha önceden klavyeden sağ ve sol ok tuşlarıyla zaten videoyu ileri ve geri sarabiliyorduk. Bu özelliği buton olarak da eklemeliyiz dedik ve rewind-forward butonları ekledik. Artık tıkladığınız butona göre videoyu 5 saniye ileri ya da geri oynatabileceksiniz. Aynı zamanda ileri sarma butonunu kapatarak, izleyiciye sadece geri sarma özelliğini açık bırakabilirsiniz. Arial Rewind-Forward Button Nasıl kullanıldığına bakmak için tıklayın
    • 7. Execute Callback Function İzleyicilerin tıklama etkileşimlerini ve tıklamayla birlikte atadığınız etkileşimin değerlerini API’ler yardımıyla kendi sisteminize geçirerek dilediğiniz şekilde kullanabilirsiniz. Cinema8’de hazırladığınız bir etkileşimli videoyu e-ticaret ürün satışı için kullanmak isteyebilirsiniz. Nasıl mı? Videodaki ürüne bir değer atayıp, ürüne tıklandığında seçilen bu ürünü kendi sisteminize geçirebilir, ürünü sepete ekleyebilirsiniz. Ya da videonuzun seyredilip/seyredilmediğini anlamak için videonuzun sonuna bırakılan bir butonunun tıklanıp tıklanmadığını kontrol edip, etkileşimi kendi sisteminizde değerlendirebilirsiniz. API ile Artık Daha Fazla Veri Çekebiliyoruz Execute Callback Function Execute Callback Function Nasıl kullanıldığına bakmak için tıklayın
    • 8. Context/User Interactions Önceden videonuza eklediğiniz tüm araçların etkileşim raporlarını «Analytics» özelliğimizle zaten sizlere sunuyorduk. Artık video içinde kullandığınız bir aracın – bu ister bir videonun-görselin görüntülenmesi, ister bir soruya verilen cevap olabilir- etkileşim verilerini istediğiniz gibi kendi sisteminize alabilir, hatta gelen verilere göre kendi analizlerinizi çıkartabilirsiniz. Artık Tüm Araçların Etkileşimlerini Kullanabiliyoruz Context/User Interactions Context/User Interactions
    • 9. Conditional Action – Nasıl Kullanılır - 1 Karşınızda Cinema8’in Yeni Aracı; «Conditional Action» Öncelikle projeye buton eklemek için «Image» aracını katmana sürüklüyorum ve butonumu ekliyorum. Conditional Action – Nasıl Kullanılır - 1
    • 10. Conditional Action – Nasıl Kullanılır - 2 Cinema8’in hangi butona basıldığını anlaması için öncelikle bir değer ataması yapmam gerekiyor. Bu yüzden butonuma tıklayarak, ayarlar sekmesine geliyorum. Conditional Action – Nasıl Kullanılır - 2
    • 11. Conditional Action – Nasıl Kullanılır - 3 «On Click» listesinden «Context Data» seçeneğini seçiyorum. Conditional Action – Nasıl Kullanılır - 3
    • 12. Conditional Action – Nasıl Kullanılır – 4 Context Data’yı seçtikten sonra değişkenime «Secim» yazıyorum (Yazılacak ismi isteğinize göre değiştirebilirsiniz). Artık izleyici bu butona tıkladığında, Cinema8 arka tarafta «Secim» değişkenime «B» değerini atayacak ve bunu videonun başka bir zamanında kullanmamı sağlayacak. Conditional Action – Nasıl Kullanılır – 4
    • 13. Conditional Action – Nasıl Kullanılır – 5 Araçlar menüsüne dönüp, yeni eklenen «Conditional Action» aracımı ekliyorum. Conditional Action – Nasıl Kullanılır – 5
    • 14. Conditional Action – Nasıl Kullanılır – 6 Yeni bir sorgu eklemek için «Add Condition» butonuna tıklayalım. Daha önce butona atadığımız «Secim» değişkeni ekrana geldi. Sorgu olarak; Secim değişkenim B değerine eşitse eylem gerçekleştir anlamına gelen aşağıdaki ekran görüntüsündeki düzenlemeyi yapıp, kaydediyorum. Conditional Action – Nasıl Kullanılır – 6
    • 15. Conditional Action – Nasıl Kullanılır - 7 Ardından eklediğim «Conditional Action» aracıma tıklıyorum ve ayarlarından bir «Action» seçiyorum. Conditional Action – Nasıl Kullanılır - 7
    • 16. Conditional Action – Nasıl Kullanılır - 8 Artık sistem «Conditional Action» aracını eklediğim saniyede «Secim» değerini kontrol edecek, eğer değer «B» ise (yani B butonuna tıklandıysa) «Action» kısmında seçtiğim eylemi gerçekleştirecektir. Conditional Action – Nasıl Kullanılır - 8
    • 17. User Management – Nasıl Kullanılır - 1 Alt Kullanıcıları Özelleştiriyoruz User Management Güncellemesi Öncelikle alt kullanıcı oluşturabileceğim ve oluşturduğum kullanıcılara yetki dağıtımı yapabileceğim «User Management» butonuna tıklıyorum. User Management – Nasıl Kullanılır - 1
    • 18. User Management – Nasıl Kullanılır - 2 Ardından açılan ekranın sağ üst kısmından «Create Security Role» butonuna tıklıyorum. User Management – Nasıl Kullanılır - 2 Açılan ekranın sağ üst kısmından «Security Group» butonuna tıklıyorum.
    • 19. User Management – Nasıl Kullanılır - 3 Açılan ekranın sağ üst kısmından «Security Group» butonuna tıklıyorum. Oluşturacağım yetki grubuna bir isim veriyorum. Ardından da yetki grubum ne gibi yetkileri içersin istiyorsam, onları seçiyorum ve kaydediyorum. (Yetki Seçeneklerinin Açıklamalarını Bir Sonraki Sayfada Bulabilirsiniz) User Management – Nasıl Kullanılır - 3
    • 20. User Management – Nasıl Kullanılır - 4 Açılan ekranın sağ üst kısmından «Security Group» butonuna tıklıyorum. Manage Library (Library’i yönetebilir) Manage Users (Kullanıcıları yönetebilir) Manage Tube (Tube’u yönetebilir) Manage Settings (Ayarları yönetebilir) Manage Projects (Projeleri yönetebilir) Manage Own Projects Only (Sadece kendi yarattığı projeleri yönetebilir) Manage Storyflows (Storyflow’ları yönetebilir) Manage Own Storyflows Only (Sadece kendi yarattığı Storyflow’ları yönetebilir) Manage Reports (Raporları yönetebilir) Manage Own Projects Reports Only (Sadece kendi yarattığı projelerden oluşan raporları yönetebilir) Create Project (Proje yaratabilir) Create Storyflow (Storyflow yaratabilir) Creative Studio (Editoru kullanabilir) Company Admin (Kullanıcı artık login olabilir) User Management – Nasıl Kullanılır - 4
    • 21. User Management – Nasıl Kullanılır - 5 Açılan ekranın sağ üst kısmından «Security Group» butonuna tıklıyorum. Ardından «User Management» sayfasına dönerek yetki vermek istediğim kullanıcının yanındaki «Action» butonuna tıklayıp «Edit» sayfasını açıyorum. User Management – Nasıl Kullanılır - 5
    • 22. User Management – Nasıl Kullanılır - 6 Açılan ekranın sağ üst kısmından «Security Group» butonuna tıklıyorum. Açılan sayfada biraz önce oluşturmuş olduğum «Security Role» görünmekte. Oluşturduğum yetki grubunu seçerek kaydediyorum. User Management – Nasıl Kullanılır - 6
    • 23. Referer URL – Nasıl Kullanılır - 1 Ana menüden «Analytics» butonuna tıklıyorum. Videonuzu Nereden İzlediklerini Artık Görebiliyoruz «Referer URL» Referer URL – Nasıl Kullanılır - 1
    • 24. Referer URL – Nasıl Kullanılır - 2 «Referer URL’lerini» kontrol etmek istediğim projeyi, ekran görüntüsünde ok ile gösterilen butondan seçiyorum. Referer URL – Nasıl Kullanılır - 2
    • 25. Referer URL – Nasıl Kullanılır - 3 Açılan istatistik ekranından «Download Heatmap Report» butonuna tıklayarak, proje raporunu Excel halinde bilgisayarıma indiriyorum ve izleyiciler videoma hangi link üzerinden gelmişler, görebiliyorum. Referer URL – Nasıl Kullanılır - 3
    • 26. Rewind-Forward Button – Nasıl Kullanılır – 1 İleri ve Geri Sarmak Bu Özellikle Daha Kolay «Rewind-Forward Button» Öncelikle projemin «Settings» kısmına geliyorum. Rewind-Forward Button – Nasıl Kullanılır – 1
    • 27. Rewind-Forward Button – Nasıl Kullanılır – 2 Açmak istediğim özelliğin yanındaki tiki kaldırarak, videoma özelliğimi ekliyorum. Rewind-Forward Button – Nasıl Kullanılır – 2
    • 28. Execute Callback Function– Nasıl Kullanılır – 1 Öncelikle projeye buton eklemek için «Image» aracını katmana sürüklüyorum ve butonumu ekliyorum. API ile Artık Daha Fazla Veri Çekebiliyoruz Execute Callback Function Execute Callback Function– Nasıl Kullanılır – 1
    • 29. Execute Callback Function– Nasıl Kullanılır – 2 Aracımın ayarlarsa sekmesine gelip, «Onclick» özelliğine tıklıyorum. Execute Callback Function– Nasıl Kullanılır – 2
    • 30. Execute Callback Function– Nasıl Kullanılır – 3 «OnClick» listesine tıklayıp, açtıktan sonra «Execute Custom Callback» seçeneğini seçiyorum. Ardından izleyici bu butona tıkladığında oluşturmak istediğim parametre değerlerini yazıyorum. Artık izleyici butona tıkladığında, «complete» parametrem «true» değerini alacak ve bu değeri kendi sistemime çekip, izleyicinin butona tıklayıp tıklamadığına bakabileceğim. Execute Callback Function– Nasıl Kullanılır – 3
    • 31. Teşekkürler Teşekkürler