pafta listesi

bu sayfa

  1. 01özet
  2. 02Bağlam
  3. 03Yapılanlar
  4. 04Teslim
  5. 05Çalışma durumu
  6. 06Vitrin

ana sayfa

  1. 01giriş
  2. 02hakkımda
  3. 03arayüzler
  4. 04yetenekler
rev. 2026.09

Atılım Üniversitesi Web ve VectorCMS

kurumsal web · içerik yönetimi · Atılım Üniversitesi

özet

problem

2018'den beri kullanılan site, 300'ü aşkın birimin içeriğini barındıran ve büyüdükçe yönetilmesi zorlaşan bir yapıya dönüşmüştü; on binlerce içeriğin ve yıllardır dışarıdan bağlantı verilen adreslerin korunması gerekiyordu.

yaklaşım

Önce koru, sonra iyileştir: eski adresler ve içerik numaraları korunarak kuruma özel bir panel (VectorCMS) ve iki temalı yeni bir site (v2, v3) kuruldu; her adım testlerle ve provası yapılmış bir göçle ilerledi.

sonuç

12 rol ve 151 izinlik bir yetki modeliyle çalışan panel, yaklaşık 25.000 içeriği kayıpsız taşıyan bir geçiş planı, yaklaşık 1.000 otomatik test ve bağımsız denetimlerden geçmiş bir kod tabanı.

  • laravel
  • vue
  • primevue
  • blade
  • alpine.js
  • tailwind
  • mysql
  • playwright
  • pest

Bağlam

Üniversitenin 2018'den beri kullanılan web sitesi, fakülteden kulübe 313 birimin içeriğini taşıyordu: yaklaşık 4.500 sayfa, 6.000 haber, 9.700 duyuru, 4.600 etkinlik, 1.358 personel profili, 196 akademik program ve 7.400 ders. Yapı büyüdükçe yönetimi de zorlaşmıştı.

Talep Kurumsal İletişim ve Tanıtım Direktörlüğü'nden geldi; sunucuyu, veritabanını ve erişimi DevOps kurdu. Bu iki sınırın arasında ürün ve arayüz tasarımı, ön yüz ve arka uç geliştirme, veri göçü, test, güvenlik düzeltmeleri ve belgelendirme üzerinde çalıştım. Projenin kodunu yazan tek geliştirici benim.

Sorun

  • Dağınık içerik yönetimi. Birimler aynı sistemi kullanıyordu ama yetkiler, içerik yapıları ve yayın alışkanlıkları farklıydı. Bir duyurunun ne zaman eskidiği, bir sayfanın menüde nerede durduğu gibi kurallar kişiden kişiye değişiyordu.
  • Eskiyen arayüz. Mobil deneyim, erişilebilirlik ve sayfa hızı güncel beklentilerin gerisindeydi.
  • Bağlı sistemler. Personel bilgileri kurumsal personel sisteminden, ders ve program bilgileri AKTS veritabanından geliyordu; sitede tutarlı görünmeleri gerekiyordu.
  • Kaybedilmemesi gerekenler. On binlerce içerik, yıllardır dışarıdan bağlantı verilmiş adresler, arama motoru görünürlüğü ve yaklaşık 50 GB dosya arşivi.

Hedefler

  1. Ziyaretçi için hızlı, mobil uyumlu, erişilebilir ve kurumsal kimliğe uygun bir site.
  2. Editör için öğrenmesi kolay, hatayı affeden (geri al, sürüm geçmişi, kurtarma) ve yetkiye göre şekillenen bir panel.
  3. Eski siteden içerik ve adres kaybı olmadan geçiş.
  4. Bağımsız güvenlik denetimlerinden geçmiş, testlerle korunan bir kod tabanı.
  5. Kurumun kendi başına sürdürebileceği belgelendirme.

İlkeler

  • Önce koru, sonra iyileştir. Eski adresler, içerik numaraları ve veri yapısı korunarak taşındı; eski bağlantıların çalışmaya devam etmesi, her yeni özellikten önce gelen bir kabul kriteriydi.
  • Tek kaynak. İki veritabanını eşitlemek yerine, geçiş günü yeni sistemin eski veritabanının üzerine yerinde kurulmasına karar verdim. Göç adımlarını eski veritabanının bir kopyası üzerinde defalarca prova ettim.
  • Kademeli ortamlar. Her değişiklik geliştirme, iç test, kurum içi test ve canlı ortam basamaklarından geçti; geri bildirim ilgili basamakta toplandı.
  • Kullanıcıdan gelen kurallar. Duyuruların süresi, etkinliklerde yaklaşan / geçmiş ayrımı, kadro sıralaması gibi liste kuralları birimlerden gelen geri bildirimlerle, kurumsal hiyerarşi gözetilerek belirlendi.
  • Doğrulanabilir kalite ve küçük adımlar. Her iş kalemi testleriyle birlikte teslim edildi; büyük planları test edilebilir parçalara böldüm, bir parça onaylanmadan sonrakine geçmedim.

Yapılanlar

VectorCMS: kuruma özel panel

Blok editörü: katman paneli ve seçim yolu.
Blok editörü: katman paneli ve seçim yolu.
  • Blok editörü. İçerik, 12 sütunlu bir ızgaraya yerleşen bloklardan ve blokların içindeki 17 modül türünden (metin, galeri, video, tablo, akordiyon, sekme, form, anket, mevzuat listesi…) oluşuyor. Editör, içeriği sitede göründüğü haliyle düzenliyor; masaüstü, tablet ve telefon önizlemesi var.
  • Hatayı affeden tasarım. Geri al / yinele, sürüm geçmişi ve geri yükleme, kaydedilmemiş değişiklikleri kurtarma, çöp kutusu.
  • Katman paneli ve seçim. Kullanıcı testlerinde iki sorun çıktı: editörler bir bloğun seçili olup olmadığını anlayamıyordu, alanı tamamen kaplayan video gibi öğelerde tıklama boşa gidiyordu. Çözüm üç adımda geldi: gömülü içerik için tıklama kalkanı, seçimin belirgin gösterilmesi ve seçim yolu, gezgin benzeri bir katman paneli.
Gösterge paneli.
Gösterge paneli.
Sayfa ağacı: menü sırası sürükle-bırakla değişiyor.
Sayfa ağacı: menü sırası sürükle-bırakla değişiyor.
Etkinlik yerleri için onay akışı.
Etkinlik yerleri için onay akışı.
  • Yetki modeli. 12 rol ve 151 izin; editörler yalnız yetkili oldukları birimlerin içeriğini görüyor. Yetki talepleri, profil değişikliği onayları ve destek talepleri panelden yürüyor; bütün işlemler kayıt altında.
Haber düzenleme ve sağ sütun ayarları.
Haber düzenleme ve sağ sütun ayarları.
Popup formu ve canlı önizleme.
Popup formu ve canlı önizleme.
Ana menü yönetimi.
Ana menü yönetimi.

Kayıpsız geçiş

  • Eski içeriklerin numaraları ve adresleri korunuyor; eski adreslerdeki bölüm adları yeni karşılıklarına yönlendiriliyor.
  • Geçiş günü için aşamalara bölünmüş, her adımın durumunu kaydeden ve kesildiği yerden devam edebilen bir geçiş komutu; yanında adım adım operasyon ve geri dönüş planı.
  • Eski verideki tutarsızlıklar (yanlış eşlenmiş alanlar, farklı yazılmış yer adları, eski dosya yükleyicisinin bıraktığı artıklar) tespit edilip düzeltme listesine alındı.

Ziyaretçi deneyimi

Bir bölümün ana sayfası.
Bir bölümün ana sayfası.tam boy
  • İki tema. v2 (mevcut tasarım) ve v3 (tamamen yeni tasarım) aynı içerikten besleniyor; biri ötekine tek bir ayarla geçiyor. İkisi sayfa sonundaki vitrinde yan yana duruyor.
  • Liste mantığı. Üniversite geneli duyurular ve öne çıkan haberler ayrı pencerelerde; süresi geçen duyurular arşive düşüyor; etkinlikler yaklaşan / geçmiş diye ayrılıyor ve tek tıkla takvime eklenebiliyor.
  • Kadro sıralaması. Akademik kadro kurumsal hiyerarşiye (Mütevelli Heyeti, Rektörlük, birimler) ve sicil sırasına göre listeleniyor; istenirse alfabetik sıralanabiliyor.
  • Mobil öncelikli düzen ve erişilebilirlik iyileştirmeleri.
Haberler: üniversite penceresi ve birim haberleri.
Haberler: üniversite penceresi ve birim haberleri.tam boy
Birim duyuruları: önemli duyurular ve süresi geçenlerin arşivi.
Birim duyuruları: önemli duyurular ve süresi geçenlerin arşivi.
Site içi arama: içerik türüne göre sekmeler.
Site içi arama: içerik türüne göre sekmeler.
Telefonda ana sayfa.
Telefonda ana sayfa.
Telefonda birim sayfası.
Telefonda birim sayfası.
Telefonda müfredat.
Telefonda müfredat.

Kurumsal sistemlerle bütünleşme

AKTS kataloğu: program müfredatı.
AKTS kataloğu: program müfredatı.
  • Personel bilgileri kurumsal personel sisteminden otomatik güncelleniyor; akademisyen profillerinde hangi bilginin görüneceği panelden yönetiliyor.
  • AKTS / Bologna kataloğu: 196 program ve yaklaşık 7.400 ders; güncel ve arşiv müfredatlar, program içi ders sayfaları, öğrenme çıktısı matrisleri.

Kalite ve güvenlik

  • Yaklaşık 1.000 otomatik test (birim ve özellik testleri).
  • Bağımsız bir sızma testi: bulguların neredeyse tamamı kapatıldı, kalanın yazılım tarafı tamamlandı.
  • Canlıya geçiş öncesi iş mantığı denetimi: 144 bulgunun 136'sı kapatıldı; kritik bulguların tamamı çözüldü.
  • Geliştirme ortamında, veritabanında olmayan bir alana erişilmeye çalışıldığında bunu otomatik yakalayan bir denetim; yük testi senaryoları ve operasyon notları.

Belgelendirme

Panel içi kılavuz; işaretli görseller kodla üretiliyor.
Panel içi kılavuz; işaretli görseller kodla üretiliyor.
  • Kullanım kılavuzu panelin içinde. Görselleri elle değil kodla üretiliyor: bir betik paneli açıyor, ilgili ekranı hazırlıyor, numaralı işaretleri ve vurguları ekleyip görüntüyü alıyor. Arayüz değiştiğinde bütün kılavuz görselleri tek komutla yenileniyor.
  • Kılavuz yazılırken her davranış koddan doğrulandı; bu sırada bulunan hatalar ayrı bir iş kuyruğuna alındı.

Teslim

Kurumsal site (v2 ve v3 temaları), VectorCMS içerik yönetim paneli, AKTS / Bologna kataloğu ve panel içi kullanım kılavuzu.

Süre14+ ay
Commit1.373
SürümVectorCMS 1.0'dan 2.0 sürüm adayı 12'ye
Panel ekranı / bileşeni113 ekran, 97 bileşen
Veritabanı göçü133
Otomatik test~1.000
Taşınan içerik~25.000 sayfa, haber, duyuru ve etkinlik
Birim sitesi313

Yol haritası

DönemAşamaÇıktı
Tem – Ağu 2025Keşif ve tasarım sistemiKurumsal tasarım dili, iç sayfa şablonu, ilk ön yüz prototipi, gezinme mimarisi
Eyl – Kas 2025İçerik modeli ve panel çekirdeğiVectorCMS'in ilk sürümü
Kas 2025 – Oca 2026Bakım molasıSol dirsek kırıldı, iki yerden platin takıldı. Bu aralıkta sürüm yükselten tek sistem geliştiricinin kendisiydi.
Ocak 2026Panel lansmanıVectorCMS 1.0: sürüm geçmişi, işlem kaydı, popup ve taslaklar, form oluşturucu
Şub – Mar 2026Yeni site, ilk sürüm adayıAna sayfa yönetimi, çöp kutusu, site içi arama, medya, mobil ve erişilebilirlik
Nisan 2026Çok dillilik ve geçiş stratejisiTürkçe / İngilizce içerik; tek veritabanı kararı ve göç provası
Nis – May 2026GüvenlikBağımsız sızma testi; bulguların kapatılması, kararlılık sürümü
Haziran 2026Kurum içi test ortamıAnketler, form geliştirmeleri; yönetim ve birim geri bildirimleri
Eylül 2026Denetim ve yeni arayüzİş mantığı denetimi; panelin yenilenen arayüzü; sitenin v3 teması; yük testi hazırlığı
Ekim 2026Kullanıcı deneyimi ve belgelendirmeBlok editöründe katman paneli ve seçim iyileştirmeleri; işaretli görsellerle kullanım kılavuzu

Çalışma durumu

Temmuz 2025'te başladı, sürüyor. Yayın tarihi teknik hazırlıktan çok kurumun onay süreçlerine bağlı; bu yüzden her aşamayı kendi içinde kullanılabilir olacak şekilde planladım.

Öğrendiklerim

  • Eski veri en büyük bilinmezdi. Teknik olarak doğru görünen bir göç bile eski sistemin alışkanlıklarını (alanların farklı amaçlarla kullanılması, aynı yerin farklı yazılışları) taşıyabiliyor. Ekranları eski siteyle yan yana koyup farkın izini veriye kadar sürmek en güvenilir yöntem oldu.
  • Geri bildirim, kodda görünmeyen kuralları ortaya çıkarıyor. Dekanlıklardan ve birimlerden gelen geri bildirimler, kurumsal hiyerarşiye ve kurum diline dair kuralları gün yüzüne çıkardı (kadro sıralaması, "IT desteği" yerine "Sistem Yöneticisi" gibi).
  • Tekrar eden iş otomatiğe bağlanmalı. Göç provaları, testler, kılavuz görselleri ve denetimler komutla çalışıyor; bu hem hızı hem tutarlılığı korudu.
  • Yapay zekâ destekli geliştirmede doğrulama disiplini. Geliştirmede yapay zekâ araçlarından yararlandım. Hız kazandırdılar; ama eski sistemden aktarılan iş mantığında doğrulanmamış varsayımlar da üretebildiklerini gördüm. Bunu, her davranışı kaynağıyla (eski kod, gerçek veri şeması) karşılaştıran ve sorunları otomatik yakalayan denetimlerle dengeledim.

Vitrin

Atılım Üniversitesi web sitesi, v3 tema ana sayfa: kampüs fotoğrafı, duyuru ve etkinlik kutularıv3 tema
Atılım Üniversitesi web sitesi, v2 tema ana sayfav2 tema
Vaka çalışmaları