BERA TOPRAKWEB TASARIMI
YAZILIM GELİŞTİRME
E-posta gönderin
← Tüm projeler
PROJE 04 + 06SAHA KATALOG SİSTEMİ

İnternet olmadan da çalışan ürün kataloğu.

Ürünlerin merkezden yönetildiği, satış ekibinin tablette kataloğa erişip müşteri notları alabildiği yönetim paneli ve uygulama.

Üstlendiğimiz işler
Arayüz tasarımı, sunucu tarafı geliştirme ve tablet uygulaması
Kapsam
Yönetim paneli ve tablet uygulaması
01 — İhtiyaç

Katalog, görüşme sırasında erişilebilir olmalı.

Satış ekibinin müşteri görüşmesinde ürünü bulması, göstermesi ve not alması gerekiyor. İnternet bağlantısının her yerde güvenilir olmaması, kataloğun cihazda da bulunmasını gerektiriyor.

Bu ihtiyaç için ürünlerin merkezden yönetildiği bir panel ve sahada kullanılan bir tablet uygulaması geliştirdik.

02 — Sistemin işleyişi

Ürünler merkezde yönetiliyor, sahada kullanılıyor.

  1. 01Yönetim paneli

    Ürünler, kategoriler, markalar, kullanıcılar ve görseller aynı panelden yönetiliyor.

  2. 02Veri yapısı

    Ortak bir veri modeli kullanılıyor. Bir ürün birden fazla kategoride yer alabiliyor.

  3. 03Eşitleme

    Tablet, eşleştirilmiş cihaz kimliğiyle panelden veri alıyor.

  4. 04Tablet

    Katalog cihazda saklanıyor ve bağlantı kesildiğinde de kullanılabiliyor.

  5. 05Satış ekibi

    Ekip ürünleri bulabiliyor, filtreleyebiliyor, not alabiliyor ve sunum listesi hazırlayabiliyor.

03 — Yönetim paneli

Kataloğun yönetimi tek panelde.

Toplu ürün işlemleri
Excel dosyasıyla toplu ürün yüklenebiliyor. Kayıtlar kaydedilmeden önce önizleniyor. Toplu silme ve dışa aktarma işlemleri de panelden yapılabiliyor.
Görseller
Her görsel yükleme sırasında işleniyor; liste ve ürün ayrıntısı için iki farklı boyutta saklanıyor. Sorunlu bir görsel panelden değiştirilebiliyor.
Kullanıcı rolleri
Yönetici ve satış ekibi için ayrı roller kullanılıyor.
Müşteri notları
Satış ekibinin tablette aldığı müşteri notları yönetim panelinde de görülebiliyor.
Cihaz eşleştirme
Panel, on dakika geçerli tek kullanımlık bir eşleştirme kodu oluşturuyor. Birbirine benzeyen 0/O ve 1/I karakterleri kodda kullanılmıyor.
Cihaz erişimi
Veritabanında eşleştirme kodunun ve cihaz erişim anahtarının yalnızca özet değerleri tutuluyor. Kaybolan cihazın erişimi panelden kaldırılabiliyor.
04 — Eşitleme ve çevrimdışı kullanım

Son indirilen katalog, bağlantı kesilince de kullanılabiliyor.

Tablet önce kategorileri ve markaları, ardından ürünleri sayfalar halinde indirip cihazdaki SQLite veritabanına kaydediyor. Notlar panel ve tablet arasında iki yönlü eşitleniyor. Tablette silinen not, eşitlemeyle panelden de kaldırılıyor.

Bağlantı yoksa son indirilen katalog kullanılmaya devam ediyor ve eşitleme daha sonra yeniden deneniyor. Çevrimdışı durum, kırmızı hata rengi yerine bilgilendirici bir uyarıyla gösteriliyor.

05 — Sahada kullanım

Ürün arama, sunum listesi ve müşteri notları.

Ürünler kategoriye ve markaya göre gezilebiliyor; arama, sıralama ve filtreleme yapılabiliyor. Ürün ayrıntısında büyütülebilir görsel ve aynı markanın diğer ürünleri yer alıyor. Seçilen ürünler müşteriye sunulacak bir listeye eklenip paylaşılabiliyor. Görüşme notları ilgili ürünle ilişkilendiriliyor.

Tablet uygulamasındaki kategori ekranı: arama alanı, markalar bağlantısı ve kategori kartları.
Kategoriler
Kategoriye ait ürün listesi: marka seçenekleri, sıralama ve filtreleme araçları, gramaj bilgisi içeren ürün kartları.
Ürün listesi
Ürün ayrıntısı ekranı: büyük ürün görseli, marka, kategori ve gramaj bilgileri, aynı markanın diğer ürünleri, listeye ekleme ve not alma düğmeleri.
Ürün ayrıntısı
Müşteri ve ürünle ilişkilendirilmiş notlar ile düzenleme ve silme düğmelerinin bulunduğu notlar ekranı.
Müşteri notları

Ekran görüntüleri projenin inceleme sürümünden alınmıştır. Ürün ve müşteri bilgileri örnek veridir.

06 — Teknik yapı

Yönetim paneli ve tablet aynı verileri kullanıyor.

Teknik ayrıntıları inceleyin
Yönetim paneli
Next.js · React · TypeScript · NextAuth
Veritabanı ve depolama
PostgreSQL · Prisma · Nesne depolama
Tablet uygulaması
Expo · React Native · TypeScript
Cihazdaki veriler
SQLite · Cihaz erişim anahtarı (token) için güvenli depolama · Görsel önbelleği
Dosya işlemleri
Excel içe aktarma · Görsel işleme
07 — Ortaya çıkan yapı

Paneldeki güncellemeler eşitlemeyle tablete geçiyor.

Katalog merkezden yönetiliyor; satış ekibi son indirilen ürün bilgilerine çevrimdışı da erişebiliyor. Bağlantı ve eşitleme sağlandığında ürün güncellemeleri tablete, sahada alınan notlar da merkeze aktarılıyor.

SIRADAKİ PROJE · PROJE 01 · MODA KOLEKSİYONU WEB SİTESİ Koleksiyonun karakterini yansıtan bir web sitesi.

Benzer bir proje düşünüyorsanız bize yazın. Ne yapmak istediğinizi kısaca anlatmanız yeterli.

E-posta gönderin
← Tüm projeler
BERA TOPRAK bera@beratoprak.com Konya, Türkiye © 2026