send pictures from frontend to backend

Author: alexandraontica

sign_language_translator/.env.example

@@ -1 +1,10 @@
 API_BASE_URL=http://192.168.0.1:5000
+
+# the phone you run the app on must be conected to the same Wi-Fi as your computer
+
+# on Windows:
+# `ipconfig` 
+# go to "Wireless LAN adapter Wi-Fi:"
+# choose the "IPv4 Address" address 
+
+# or run the server and Flask will tell you which IP addresses it uses

sign_language_translator/lib/components/camera.dart

@@ -1,13 +1,11 @@
 import 'dart:async'; //pentru a folosi Timer-ul
-import 'dart:typed_data'; //pentru a manipula fișierele în format de bytes
 import 'package:camera/camera.dart';
 import 'package:flutter/material.dart';
-import 'package:http/http.dart' as http; //pachetul http pentru a trimite cereri
-import 'dart:convert'; // pentru json
-import 'package:flutter_dotenv/flutter_dotenv.dart';
+import 'package:sign_language_translator/services/network.dart';
 
 class Camera extends StatefulWidget {
   const Camera({super.key});
+
   @override
   State<Camera> createState() => CameraState();
 }
@@ -16,9 +14,10 @@ class CameraState extends State<Camera> {
   late List<CameraDescription> cameras;
   late CameraController cameraController;
   bool isRearCamera = true;
-  Timer?
-      _timer; // un timer pentru a putea trimite imaginile din cateva milisecunde
-  // in cateva milisecunde.
+  Timer? _timer; // Timer pentru trimiterea imaginilor
+
+  // Initialize Network instance
+  final Network network = Network();
 
   void startCamera(int camera) async {
     cameraController = CameraController(
@@ -133,72 +132,22 @@ class CameraState extends State<Camera> {
         try {
           final image = await cameraController.takePicture();
           final imageBytes = await image.readAsBytes();
-          await sendImageToServer(imageBytes);
+          await network.sendImageToServer(imageBytes);
         } catch (e) {
           print('Error in image processing: $e');
         }
       }
     });
   }
 
-  // Metoda pentru resetarea procesului de trimitere al imaginilor.
   void startOrResetTranslation() {
-    _startSendingImages(); // trimit imaginile
-  }
-
-  List<String> translationOutputs = []; // lista pentru a pastra outputurile.
-  Future<void> sendImageToServer(Uint8List imageBytes) async {
-    final baseUrl = dotenv.env['API_BASE_URL'];
-    final url = Uri.parse('$baseUrl/upload');
-
-    try {
-      // Verific daca imaginea a fost capturata, prin afisarea dimensiunii la consola.
-      print('Image size: ${imageBytes.length} bytes');
-
-      // Creăm cererea Multipart
-      var request = http.MultipartRequest('POST', url);
-      // Adaug fisierul la request.
-      request.files.add(http.MultipartFile.fromBytes('file', imageBytes,
-          filename: 'image.jpg'));
-      print("Adding file to request...");
-      var response = await request.send();
-      print("Sending request...");
-      if (response.statusCode == 200) {
-        final responseBody = await response.stream.bytesToString();
-        print('Server response: $responseBody');
-      } else {
-        print('Failed to send the image: ${response.statusCode}');
-        final responseBody = await response.stream.bytesToString();
-        print('Error response body: $responseBody');
-      }
-    } catch (e) {
-      print('Error sending image: $e');
-    }
+    _startSendingImages();
   }
 
   void stopTranslationAndSendToLLM() {
-    _timer?.cancel(); // Opresc trimiterea imaginilor
-    // Trimit output-urile salvate spre procesarea cu modelul AI.
-    sendOutputsToLLM();
+    _timer?.cancel();
+    network.sendOutputsToLLM(translationOutputs);
   }
 
-  Future<void> sendOutputsToLLM() async {
-    final baseUrl = dotenv.env['API_BASE_URL'];
-    final url = Uri.parse('$baseUrl/processing_translate');
-
-    try {
-      var response = await http.post(
-        url,
-        headers: {'Content-Type': 'application/json'},
-        body: jsonEncode({'translations': translationOutputs}),
-      );
-
-      if (response.statusCode == 200) {
-        print('Procesarea a fost incheiata cu succes!');
-        print('answer from LLM: ${response.body}');
-      }
-    } catch (e) {
-      print('Eroare: $e');
-    }
-  }
+  List<String> translationOutputs = [];
 }

sign_language_translator/lib/services/network.dart

@@ -0,0 +1,52 @@
+import 'dart:typed_data'; // pentru a manipula fișierele în format de bytes
+import 'dart:convert'; // pentru json
+import 'package:http/http.dart' as http;
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+
+class Network {
+  final _baseUrl = dotenv.env['API_BASE_URL'];
+
+  Future<void> sendImageToServer(Uint8List imageBytes) async {
+    final url = Uri.parse('$_baseUrl/upload');
+
+    try {
+      print('Image size: ${imageBytes.length} bytes');
+
+      var request = http.MultipartRequest('POST', url);
+      request.files.add(http.MultipartFile.fromBytes('file', imageBytes,
+          filename: 'image.jpg'));
+
+      var response = await request.send();
+      print("Sending request...");
+      if (response.statusCode == 200) {
+        final responseBody = await response.stream.bytesToString();
+        print('Server response: $responseBody');
+      } else {
+        print('Failed to send the image: ${response.statusCode}');
+        final responseBody = await response.stream.bytesToString();
+        print('Error response body: $responseBody');
+      }
+    } catch (e) {
+      print('Error sending image: $e');
+    }
+  }
+
+  Future<void> sendOutputsToLLM(List<String> translationOutputs) async {
+    final url = Uri.parse('$_baseUrl/processing_translate');
+
+    try {
+      var response = await http.post(
+        url,
+        headers: {'Content-Type': 'application/json'},
+        body: jsonEncode({'translations': translationOutputs}),
+      );
+
+      if (response.statusCode == 200) {
+        print('Procesarea a fost incheiata cu succes!');
+        print('answer from LLM: ${response.body}');
+      }
+    } catch (e) {
+      print('Eroare: $e');
+    }
+  }
+}