{"id":647,"date":"2022-12-07T19:58:29","date_gmt":"2022-12-07T16:58:29","guid":{"rendered":"https:\/\/mryed.com\/?post_type=fw-portfolio&p=647"},"modified":"2022-12-07T20:40:26","modified_gmt":"2022-12-07T17:40:26","slug":"flutter-mysql-projesi","status":"publish","type":"fw-portfolio","link":"https:\/\/mryed.com\/en\/proje\/flutter-mysql-projesi\/","title":{"rendered":"Flutter MySQL Projesi – ESP32 ile Veri \u00c7ekme"},"content":{"rendered":"

ESP32 kart\u0131 ile al\u0131nan ak\u0131m, volt ve s\u0131cakl\u0131k verilerinin veri taban\u0131na aktar\u0131lmas\u0131 ve daha sonra bu verilerin mobil uygulama ile kullan\u0131c\u0131ya g\u00f6sterildi\u011fi Flutter MySQL projesi.<\/p>\n\n\n\n\n\n\n\n

Flutter MySQL Projesi<\/h2>\n\n\n\n

Proje i\u00e7in bir esp32, bir veri taban\u0131 ve bir mobil uygulama ihtiyac\u0131 bulunmaktayd\u0131. Esp32 kart\u0131 ile s\u0131cakl\u0131k, ak\u0131m ve volt de\u011ferlerini al\u0131yoruz. Daha sonra bu de\u011ferleri hosting i\u00e7erisinde bulunan veri taban\u0131na aktar\u0131yoruz. Esp32’nin kendi i\u00e7erisinde wifi mod\u00fcl\u00fc bar\u0131nd\u0131rmas\u0131 ve uygun fiyatl\u0131 olmas\u0131 tercih sebebiydi. (Proje g\u00f6rselleri i\u00e7erisinde esp32 kart\u0131n\u0131 g\u00f6rebilirsiniz.) Sistemin daha kullan\u0131\u015fl\u0131 olmas\u0131 i\u00e7in sistemi bir kutu i\u00e7erisine alarak giri\u015f \u00e7\u0131k\u0131\u015flara di\u015fi priz yerle\u015ftiriyoruz. Bu sayede kullan\u0131c\u0131 herhangi bir kablo ile u\u011fra\u015fm\u0131yor. <\/p>\n\n\n\n

Veri taban\u0131 k\u0131sm\u0131nda ise yedi cihazdan gelen veriler i\u00e7in yedi tablo ve bir kullan\u0131c\u0131 tablosu bulunmakta. Daha sonra bu verileri mobil uygulamada kullan\u0131c\u0131lara g\u00f6sterece\u011fiz. <\/p>\n\n\n\n

Flutter Mobile Application <\/h3>\n\n\n\n

Uygulamaya ilk olarak giri\u015f ve kay\u0131t paneli ile ba\u015flad\u0131m. Burada t\u00fcm kullan\u0131c\u0131lar\u0131 ve t\u00fcm cihazlar\u0131 g\u00f6ren bir y\u00f6netici olacak. Di\u011fer kullan\u0131c\u0131lar ise sadece kay\u0131tl\u0131 olduklar\u0131 b\u00f6lgenin verilerini g\u00f6rebilecek. <\/p>\n\n\n

\n
\"\"
flutter-login-panel<\/figcaption><\/figure>\n<\/div>\n\n\n

E\u011fer sisteme giri\u015f yapan ki\u015fi y\u00f6netici ise kar\u015f\u0131s\u0131na yedi cihaz\u0131 g\u00f6rebilece\u011fi b\u00f6lgeler \u00e7\u0131kacak. Buradan istedi\u011fi b\u00f6lgeyi se\u00e7erek o b\u00f6lgeye kay\u0131tl\u0131 cihazdan gelen verileri canl\u0131 olarak g\u00f6rebilecek. Burada veri taban\u0131na kay\u0131t edilen son 10 veri listelenmektedir. <\/p>\n\n\n

\n
\"\"
admin-paneli<\/figcaption><\/figure>\n<\/div>\n\n\n

Y\u00f6neticinin t\u00fcm kullan\u0131c\u0131lar\u0131 g\u00f6rmesi ve bunlar \u00fczerinde de\u011fi\u015fiklik yapmas\u0131 i\u00e7in bir kullan\u0131c\u0131 sayfas\u0131 olu\u015fturduk. Bu sayfada alt kullan\u0131c\u0131lar\u0131n bilgileri de\u011fi\u015ftirebilir, \u00fcyelik pasif edilebilir veya kullan\u0131c\u0131 y\u00f6netici stat\u00fcs\u00fcne al\u0131nabilir. <\/p>\n\n\n

\n
\"\"
flutter-proje<\/figcaption><\/figure>\n<\/div>\n\n\n

Y\u00f6neticinin yapabilece\u011fi i\u015flemler bu kadar. E\u011fer giri\u015f yapan kullan\u0131c\u0131 standart bir kullan\u0131c\u0131 ise bu ki\u015fiye direk olarak kay\u0131t oldu\u011fu b\u00f6lgenin verileri getiriliyor. Ayr\u0131ca bu ki\u015filerinde kendi \u015fifrelerini de\u011fi\u015ftirebilmeleri i\u00e7in bir profil sayfas\u0131 bulunmakta. <\/p>\n\n\n\n

Flutter ile yapm\u0131\u015f oldu\u011fum ilk uygulamay\u0131 bu \u015fekilde tamamlam\u0131\u015f oldum. Projenin kodlar\u0131na eri\u015fmek i\u00e7in github<\/a><\/em> profilini ziyaret edebilirsiniz. Ayr\u0131ca projeyi canl\u0131 izlemek i\u00e7in;<\/p>\n\n\n\n

\n