Kaynak: KB-v1 08_SupportPlaybooks/Processes/PROC-119.md ← Surecler/*.doc (destek süreç dokümanı; parola/IP/terminal maskelenmiş). Gerçeklik: DOCUMENTED — kodla doğrulanmış değil.

DWS SAYFA İŞLEMLERİ SÜRECİ

Kimlik: PROC-119 · Ürün: DWS · Kategori: FX Trader ve EDS · Katalog: DWS Sayfa İşlemleri ve Komponentler

Kaynak: AifaSoft destek süreç dokümanı (Word). Şifre, kullanıcı adı, terminal no ve IP bilgileri kaynak aşamasında maskelenmiştir; görseller resimli süreç kitabındadır.

Doküman TipiDWSDoküman No119HazırlayanMert Berke Sezer

Yavuz AKILLIYayın Tarihi13.10.2021Revize YapanRevizyon Tarihi

Websitesinin genel ayarları yapıldıktan sonra; sayfaları düzenlemek için soldaki menüden “Sayfa İşlemleri” sekmesine gidilmelidir.

(görsel — süreç kitabında)

Sayfalar sekmesinde websitesinin görünümü, içeriği ve düzeni ayarlanabilmektedir. Bu sayfada “Sayfa Adı” sütünü altındaki bölmeler; websitesinin navbarındaki sekmeleri ayarladığımız kısımlardır.

(görsel — süreç kitabında)

Bu sayfada Sıra isimli sütun, websitesindeki sayfaların navbarda nasıl sıralacağını belirlediğimiz alandır.

(görsel — süreç kitabında)

Sıralamayı değiştirirsek burada görüldüğü gibi websitesinde de başlıkların sıralanması değişecektir.

Sekmeleri düzenlemek için, düzenlenmek istenilen satırdaki kalem ikonuna tıklanılır.

(görsel — süreç kitabında)

Açılan ekranda sekmenin genel ayarları düzenlenilebilir.

(görsel — süreç kitabında)

1)Sayfa Tipi: Anasayfa sekmesinin navbarda görünüp görünmeyeceğini belirlediğimiz seçenektir.

2)Sayfa Şifresi: Ayarlarına girdiğimiz sayfaya şifre koyup koyulmayacağını belirlediğimiz seçenektir. Şifreli seçilir ise sekmeye girilirken şifre sorar.

3)Sayfa URL adı: Sayfanın url’sini belirlediğimiz alandır.

4)Sayfa Adı: Sayfa adının sitede nasıl görüneceğini belirlediğimiz alandır.

5)Site içi link: Sayfaya tıklanıldığında bağlanmasını istediğimiz linki girdiğimiz alan.

6)Açık/Karanlık Tema: Sayfada isteğe bağlı olarak açık karanlık tema olup olmayacağını belirlediğimiz alandır.

7)Sayfa Arkaplan Rengi: Sayfanın arkaplan renginin belirlendiği alandır

8)Sıra: Sayfanın kaçıncı sırada gözükeceğinin belirlendiği alandır

9)Aktif: Siteyi aktif veya pasif hale getirilebileceği alandır.

Sayfanın içerik ayarlarını düzenlemek için en sağdaki ikona tıklanılarak sayfa içeriğinin görüntülendiği sayfaya gidilebilir.

(görsel — süreç kitabında)

Bu sayfadaki içerikler hiyerarşik bir düzene göre sıralanmıştır. Her satır komponent olarak adlandırılmaktadır. Her komponentin kendi ayarları ve içeriği bulunmaktadır.

Kalem ikonu komponent ayarlarına girmeyi, en sağdaki mavi ikon ise komponentin içeriğini görüntülemeye yarar.

Sağ üst köşedeki “Yeni Ekle” butonu ise yeni komponent ekleme işlemi yapar.

(görsel — süreç kitabında)

Yeni Ekle butonuna basıldıktan sonra komponent ayarları ekranı açılmaktadır. Burada komponent için tercihe bağlı ayarlamalar yapılabilir.

(görsel — süreç kitabında)

Genel Ayarlar

1)Arka plan resmi: Burada bilgisayardaki dosya dizininden komponente arka plan resmi eklenilir.

2)Arka Plan Resim Tekrarlama: Komponent arka plan resminin bir kere ya da komponentin kapsadığı alanı kaplayana kadar tekrarlanması mı gerektiğini seçtiğimiz alandır.

3)Arka plan Resim Boyutu: Arkaplan resminin komponentin içeriğine göre mi büyütüleceğini veya komponenti tamamamen kapsayacağını mı seçtiğimiz alandır.

4)Arka plan Resim Kaydırma: Arkaplan resminin site scroll ile kaydırıldığında sabit veya hareketli mi kalacağını belirlediğimiz alandır.

5)Arka Plan Yatay Konum: Arkaplan resminin yatay eksendeki konumunu belirlediğimiz alandır.

6) Arka Plan Dikey Konum: Arkaplan resminin dikey eksendeki konumunu belirlediğimiz alandır.

7)İçerik Yatay Hizası: Komponent içeriğinin yatay eksendeki konumunu belirlediğimiz alandır.

8)İçerik Dikey Hizası: Komponent içeriğinin dikey eksendeki konumunu belirlediğimiz alandır.

9)Şerit Genişlik: Normal Genişlik seçildiğinde komponent sağ ve soldan kesilir ve içerik biraz daha ortaya doğru kaydırılır, Tam Genişlikte ise komponent yatay olarak tüm sayfayı kaplamış olur.

10)Şerit Yüksekliği: Komponentin dikey olarak ne kadar yüksek olacağını belirlediğimiz alandır.

Genel Ayarlardan sonra Komponent “Arka Plan Renk Ayarları” kısmında komponentin

arkaplan rengi ve saydamlık oranı ayarlanılabilir.

(görsel — süreç kitabında)

1) Şerit Arka Plan Rengi: Komponentin arka planındaki rengi ayarlayabildiğimiz seçenektir.

2) Arka Plan Transparan Yüzdesi: Arkaplan renginin saydamlık oranını belirlediğimiz kısımdır.

3) Arkaplan renginin, komponentin arka planındaki (eğer eklenmişse) resmin üzerinde saydam şekilde görünüp görünmeyeceğinin seçildiği kısımdır.

4) Arka planın saydam olup olmayacağını belirlediğimiz alandır.

İçerik Boşluk Ayarları; Padding iç kenar boşluk ayarlamanızı sağlayan özelliktir. Sayfadaki seçili komponente sağdan, soldan, üstten ve alttan olmak üzere boşluklar verdiğimiz alandır.

(görsel — süreç kitabında)

İçerik Marjin Ayarları; Marjin dış kenar boşlukları ayarlamanızı sağlayan özelliktir. Sayfadaki seçili komponente sağdan, soldan, üstten ve alttan olmak üzere marjin verdiğimiz alandır.

(görsel — süreç kitabında)

Komponent ayarları tamamlandıktan sonra komponentin içine girip yeni komponent eklemek için en sağdaki mavi renkli ikona tıklanmalıdır.

(görsel — süreç kitabında)

Burada “Yeni Ekle” butonuna tıklayarak komponent içerisine komponent eklenilmiş olur. Bunun için öncelikle açılan ayar ekranında hangi komponent türünün seçileceği belirlenmelidir.

(görsel — süreç kitabında)

1) Sütun Genişliği: Eklenilen komponentin ait olduğu komponent içinde ne kadar genişliğe sahip olacağının belirlendiği alandır.

2) Komponent Türü: Eklenmek istenilen komponentin türünün belirlendiği alandır.

3) Eklenilen komponentin dikeyde hangi konumda olacağının belirlenildiği seçenektir.

4) Eklenilen komponentin yatayda hangi konumda olacağının belirlenildiği seçenektir.

Komponent Çizgi Ayarları; eklenilen komponentin etrafına çizgi eklediğimiz alandır. Bu alanda komponente çizgi rengi, köşe yuvarlaması gibi özellikler ekleyebiliriz.

(görsel — süreç kitabında)

KOMPONENTLER

Web Sitenize komponent eklemek için +Yeni Ekle butonuna tıklayınız.

(görsel — süreç kitabında)

Yeni komponent ekranı açıldıktan sonra ‘komponent türünü seçiniz’ seçeneğini kullanarak istediğiniz komponenti ekleyin.

(görsel — süreç kitabında)

Komponentler

İletişim Bilgileri
Resim
Canlı Piyasalar
Canlı Piyasalar Çoklu Kategori
Canlı Piyasalar Kayan
Canlı Piyasalar Kayan 2
Harita
Sayfa Başlığı
Sayfa Başlığı 2
Slider
Yazı Komponenti
Zaman Çizelgesi
Trading View Komponenti
Youtube Video
Bilgi Kutuları 1 (İkon/Yazı)
Bilgi Kutuları 2 (İkon/Yazı)
Bilgi Kutuları 3 (İkon/Yazı)
Bilgi Kutuları 4 (Resim/Yazı)
Kategori
Ürünler
Hesap Makinesi
Hesap Makinesi 2
Dosya Listesi
Haberler

(görsel — süreç kitabında) (görsel — süreç kitabında)

Her hangi bir komponenti seçerek kaydet tuşuna tıklayınız. Ardından düzenle butonuna giriş yaparak ayarlarınızı yapmanız gerekir. Bu işlem bütün komponentlerde geçerlidir.

İletişim Bilgileri: İletişim bilgilerini değiştirmek için Sistem - Site Ayarları - İletişim Bilgileri ‘nden yapılmalıdır. Bu komponentteki düzenleme seçeneğinden değişiklik yapılamamaktır.

(görsel — süreç kitabında)

Resim: Resim Komponentinde Dosya Seç bölümünden yüklemek istediğiniz görseli seçin. Yükledikten sonra resmin genişliği veya yüksekliğini marj vererek ayarlayabilirsiniz.

(görsel — süreç kitabında)

Canlı Piyasalar: Canlı Piyasalarda yazı rengini, yazı efektini, canlı piyasa yüksekliğini, başlık yazı rengini, düşüş-yükseliş arka plan yazısının rengi ve sembol rengini belirler.(ekran ayarlarını renklere göre belirlenmiştir) Kategori adı: MADEN, DOVIZ, SARRAFIYE, PARITE, KRIPTO.(ekran ayarlarını renklere göre belirlenmiştir)

(görsel — süreç kitabında)

Canlı Piyasalar Çoklu Kategori: Canlı Piyasa Çoklu Kategori Komponentinde birden fazla kategori eklenilerek birçok grubu bir arada görebilirsiniz. Kategori adı bölümünde istediğiniz kategori adını yazarsanız sekmeler halinde canlı piyasa ekranına yansır.(ekran ayarlarını renklere göre belirlenmiştir)

(görsel — süreç kitabında)

Canlı Piyasalar Kayan: Canlı piyasa kayan komponenti piyasa ekranını yatay ve kayar vaziyette gösterir ve birçok kategori eklenilebilir.

(görsel — süreç kitabında)

Canlı Piyasa Kayan 2: Canlı piyasa kayan ekranına göre görüntüsü daha küçük ve yazılar yatak şekilde tasarlamıştır.

(görsel — süreç kitabında)

Harita: Harita komponentinde istenilen konumu oluşturmak için Site Ayarları-İletişim Bilgileri kısmından Enlem- Boylam ayarlanır. Bilinmeyen enlem ve boylam tarayıcınızdan Google Haritalara girerek haritada işaretlenmiş olan kırmızı ikonun üstüne gelerek Mouse’sunuzun sağ tuşuna tıklayarak enlem ve boylamı kopyalayın ve DWS sistemindeki enlem boylama yapıştırın.

(görsel — süreç kitabında)

Sayfa Başlığı: Ana sayfalarda veya gerekli olan bilgiler için kullanılan başlık komponentidir. Sayfa başlık yazısı kısmından istenilen başlık atılır. Yazı rengi yazı boyutu ve yazı hizası belirlenir.

(görsel — süreç kitabında)

Sayfa Başlığı 2: Sayfa Başlığı 2 komponenti, başlıkları, başlık altı çizgisi ve açıklama yazısını oluşturmanızı sağlar.

(görsel — süreç kitabında)

Slider: Görsel yükleyerek görsel geçişleri sağlayabileceğiniz bir komponenttir.Slider komponentini düzenleyerek birden fazla görsel yükleyebilir, ayrıca görsellerin geçişlerini bir çok efekt kullanarakta seçebilirsiniz.

Slider efektlerini Düzenle (KALEM İKONU) butonuna giriş yaparak çeşitli efekleri seçebilirsiniz.

Görsel eklemek için Düzenle (MAVİ İKONLU) butona giriş yaparak görsel ekleyebilirsiniz.

(görsel — süreç kitabında) (görsel — süreç kitabında)

(görsel — süreç kitabında)__(görsel — süreç kitabında)

Yazı komponenti: İstenilen bilgilendirmeyi veya açıklamayı yazmak için kullanılır. Yazının rengini, yazının boyutunu, hizasını, yazıya link ekleme gibi birçok özellik barındırır.

(görsel — süreç kitabında)

Zaman Çizelgesi: Zaman çizelgesi metin ve resim eklenerek çubuk şeklinde gösterilen komponente denir. Zaman çizelgesi komponentini seçiniz ve düzenle butonuna tıklayınız. Ardından +Yeni Ekle butonuna giriş yaparak Yeni Zaman Çizelgesi oluşturun. Tip seçiniz sekmesinden Metin veya Resim seçeneğine tıkladıktan sonra eklemeleriniz yapabilirsiniz.

(görsel — süreç kitabında)

(görsel — süreç kitabında)__(görsel — süreç kitabında)

(görsel — süreç kitabında)

Trading View Komponenti: Canlı Piyasaları grafik halinde takip etmek için kullanılan komponenttir. Komponent ayarlarında Açık Tema veya Koyu Tema seçeneklerini kullanabilir ve yüksekliğini ayarlayabilirsiniz.

(görsel — süreç kitabında)

Koyu Tema

(görsel — süreç kitabında)

Açık Tema

(görsel — süreç kitabında)

Youtube Video: Youtube’ta mevcut olan videoları web sitesinde gösterilmeye sağlayan komponenttir. Youtube sitesine girerek istediğiniz videonun (görselde olduğunu gibi) linklini kopyalayarak Youtube Video Komponenti Ayarları içerisine yapıştırın.

(görsel — süreç kitabında)

Bilgi Kutuları 1 (İkon/Yazı): Bilgi Kutuları 1 (İkon/Yazı) düzenle seçeneğinde ikonlar, ikon boyutu, ikon rengi, başlık, başlık yazı boyutu, başlık rengi, açıklama alanı açıklama yazı boyutu, açıklama yazı rengi, bilgi kutusu genişliği ve link mevcuttur.

(görsel — süreç kitabında)

(görsel — süreç kitabında)__(görsel — süreç kitabında)__(görsel — süreç kitabında)

(görsel — süreç kitabında)

Bilgi Kutuları 2 (İkon/Yazı): Bilgi Kutuları 1 (İkon/Yazı) gibi bu komponentte aynı ayarlar yapılmaktadır. İkisini birbirinden ayıran fark içerik boşluğu, köşe yuvarlama, arka plan rengi, gölge rengi, içerik boşluk ve köşeleri yuvarlama yapılmaktadır.

(görsel — süreç kitabında)

Bilgi Kutuları 3 (İkon/Yazı): Bilgi kutuları 2’nin görseli ile aynı, sadece ayarlarındaki ikon ve gölgelendirme mevcut değildir.

(görsel — süreç kitabında)

Bilgi Kutuları 4 (Resim/Yazı): İstediğiniz görseli veya logo’nuzu koyabileceğiniz bir bilgi komponentidir.

(görsel — süreç kitabında)__(görsel — süreç kitabında)

(görsel — süreç kitabında)

Ürünler: Ürünler komponentini seçerken ürünleri kendim seçeceğim seçeneğine tıklayarak kaydet butonuna tıklayınız.

(görsel — süreç kitabında)

-Ardından sol navbarda bulunan Ürün Kategorileri seçeneğine tıklayarak yeni kategori oluşturuyorsunuz.

(görsel — süreç kitabında)

-Yeni Kategori oluştururken gerekli olan kategori adını doldurun sonra kaydet butonuna tıklayın.

(görsel — süreç kitabında)

-Ürün İşlemleri sekmesinden ürünler seçeneğine giriş yapın. Açmış olduğunuz Kategoriyi seçerek yeni ürün butonuna tıklayın.

(görsel — süreç kitabında)

-Eklemek istediğiniz ürünlerin isimlerini ürün adı’dan, ürünün görselini ise Dosya Seç butonundan yapmanız gerekmektedir.

(görsel — süreç kitabında)

Hesap Makinesi: Kurları kolaylıkla ve hızlıca hesaplamak için kullanılan komponenttir.

(görsel — süreç kitabında)

Hesap Makinesi 2:

(görsel — süreç kitabında)

Dosya Listesi: Dosya eklentilerini ekleyebileceğiniz komponenttir. Eklemek istediğiniz dosyanın adını ve dosya ekini bilgisayarınızdan bulun. Dosya seç seçeneğinden dosyanızı ekleyin ve kaydet tuşuna tıklayınız.

(görsel — süreç kitabında)

Haberler: Haber sayfasını oluşturabileceğiniz komponenttir. Belirli haber kaynaklarını seçebilir ve renklendirmesini yapabilirsiniz

(görsel — süreç kitabında)

Kaynaklar

SRC-PROC-DOC — süreç dokümanı #119