Zirve Asansör sayfasına dön
TabelaIV

Müşteri PWA — Apartman Yöneticisinin Uygulaması

İlk sürüm her apartman yöneticisine bina koduyla ve WhatsApp'tan göndereceğimiz bir şifreyle giriş yaptırıyordu.

Rol

Ekranların uyduğu kuralı ben koydum: bunu kullananlar yaşlı ve teknolojiyle arası iyi olmayan insanlar; büyük punto, yüksek kontrast, kendini anlatmak için ikinci dokunuş isteyen hiçbir şey yok. Yapım ortak sözleşmeye karşı yapay zekâ kodlama ajanlarıyla yürütüldü; giriş değişikliği de önce backend tarafından geldi.

Stack

ReactTypeScriptViteTailwindPWARadix UI
Müşteri PWA — Apartman Yöneticisinin Uygulaması

Overview

İlk sürüm her apartman yöneticisine bina koduyla ve WhatsApp'tan göndereceğimiz bir şifreyle giriş yaptırıyordu. Yapılacak standart şeydi ve hiç işlemeyecekti. Çoğu yaşlı, bir kısmı her yıl değişen yaklaşık 300 yönetici; her birine telefona yazılacak bir şifre, hem de belki istemeyen biri tarafından. Giriş yöneticinin telefon numarasına döndü, firmanın zaten elinde olan numaraya; şifre isterseniz sonradan ekleyebileceğiniz bir şey oldu. Uygulamanın kendisi binanın borcunu ay ay gösteriyor, alınan ve iptal edilen ödemeleri, son bakım ziyaretini ve yanında acil numarayla arıza bildirme düğmesini. Bir bağlantıdan ya da kareokuttan kuruluyor, iPhone'lara App Store'a girmeden ulaşıyor.

Neler yapıyor

  • IFirmanın yönetici için zaten kayıtlı olduğu telefon numarasıyla giriş. Şifre yalnızca ekleyene
  • IIAy ay durum: ödendi, kısmi ödendi, açık
  • IIIİptal edilen ödemeleri görünür tutan ödeme geçmişi, her biri makbuzuyla
  • IVKabinde mahsur kalan için yanında 7/24 numaralar duran arıza düğmesi
  • VBağlantı ya da kareokutla kurulum; oturum uygulama kapanınca kaybolmuyor

Ekranlar

Telefonla giriş
Telefonla giriş
Binanın borcu
Binanın borcu
Ay ay durum
Ay ay durum
Ödendi, kısmi, açık
Ödendi, kısmi, açık
Ödeme geçmişi
Ödeme geçmişi
Arıza bildirme
Arıza bildirme
7/24 numaralar
7/24 numaralar
Bakım geçmişi
Bakım geçmişi
Bina kaydı
Bina kaydı
İsteğe bağlı şifre
İsteğe bağlı şifre

Teknik notlar

  • IDestek numaraları ortam değişkenlerinden derleniyor ve API çağrısı başarısız olsa bile çiziliyor. Sunucu kapalıysa bu ekranın hâlâ tek bir işi var: kimi arayacağınızı söylemek. Numaralar eskiden kaynakta yazılıydı, bir yorumun içinde de bir ofis sabit hattı duruyordu; artık git'te hiçbir gerçek numara sabit olarak yok.
  • IIGeri yüklenen oturuma kontrol edilmeden güvenilmiyor. Uygulama eskiden localStorage'dan doğrudan giriş yapılmış ekranlara açılıyor, token'ın ölü olduğunu ancak ilk istekte öğreniyordu; bayat bir oturum uygulamayı bir an gösterip sonra dışarı atabiliyordu. Artık önce bir açılış ekranının arkasında küçük bir yetkili çağrı çalışıyor. 401 çıkış yaptırıyor; ağ hatası içeride tutuyor, çünkü sinyalsiz bir telefon çıkış demek değil.
  • IIIAna ekrandaki şifre önerisi kapatabileceğiniz bir kart ve hiçbir şeyi engellemiyor. Zorunlu şifre, telefonla girişin yerini aldığı şeyin ta kendisi; onu ön kapıdan geri getirmek kararı boşa çıkarırdı.

Neler öğrendim

İlk tasarım, şifre arşivi dediği bir riski kabul etmişti: WhatsApp'tan gönderilen her şifre sonsuza kadar bir sohbette kalır. Telefonla girişe geçmek arşivi yan etki olarak ortadan kaldırdı, çünkü gönderilecek bir şey kalmadı. İsteğe bağlı şifre artık yalnızca onu koymayı seçen kişinin telefonunda; yönetici numarası değişince de siliniyor, çünkü önceki yöneticiye aitti.