Fogászati STL fájlok szegmentálása és manipulálása webalapú alkalmazásban

A fogászati ipar digitalizációja rohamosan fejlődik, és egyre több modern technológia áll rendelkezésre a pontosabb diagnózis és kezelés érdekében. Egy ilyen megoldás a fogak 3D szegmentációja, amely lehetővé teszi az orvosok és fogtechnikusok számára, hogy részletes modelleket készítsenek és manipuláljanak. Ebben a blogcikkben bemutatunk egy React Query-alapú webalkalmazást, amely STL fájlok kezelésére készül, fogakat szegmentál és lehetővé teszi azok mozgatását és szerkesztését. Az alkalmazás CloudFront és Signed URL technológiákat használ a fájlok kezelésére és biztonságos elérésére.

https://smilemapper.xyz/https://smilemapper.xyz/

A fogászati szegmentáció jelentősége

A fogorvoslásban a digitális modellezés és 3D technológiák számos lehetőséget biztosítanak, többek között:

A 3D modellezés lehetővé teszi a pontos és személyre szabott kezelések tervezését, ami növeli a páciens elégedettségét és csökkenti az esetleges hibák esélyét.

MeshSegNet: A fogászati szegmentáció motorja

Az alkalmazás egyik kulcseleme a MeshSegNetMeshSegNet, amely egy mélytanulás-alapú hálózat háromdimenziós hálók szegmentálására. A MeshSegNet főbb jellemzői:

A MeshSegNet egy mély neurális hálózati modellt alkalmaz, amely képes felismerni és elkülöníteni az egyes fogakat a bemeneti 3D hálókon belül. A hálózat betanítása során annotált fogászati modellekből tanul, és pontos eredményeket biztosít anélkül, hogy kézi beavatkozásra lenne szükség.

React Query használata az alkalmazásban

A React Query egy népszerű állapotkezelő könyvtár, amely megkönnyíti a szerveroldali adatok kezelését és gyorsítótárazását React alkalmazásokban.

React Query telepítése

A React Query használatához először telepíteni kell a könyvtárat:

BASH
Copy code
npm install @tanstack/react-query

vagy ha Yarn-t használsz:

BASH
Copy code
yarn add @tanstack/react-query

React Query Provider beállítása

A React Query működéséhez szükség van egy QueryClient példányra, amelyet egy QueryClientProvider segítségével elérhetővé kell tenni az alkalmazás számára:

JAVASCRIPT
Copy code
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <MyComponent />
    </QueryClientProvider>
  );
}

Alapvető adatlekérés React Query-vel

A React Query egyik fő előnye az egyszerű és hatékony adatlekérés. Például egy API végpontból érkező adatok lekérdezésére az alábbi módon lehet használni:

JAVASCRIPT
Copy code
import { useQuery } from '@tanstack/react-query';
import axios from 'axios';

const fetchTeethData = async () => {
  const { data } = await axios.get('/api/teeth-data');
  return data;
};

const MyComponent = () => {
  const { data, error, isLoading } = useQuery(['teethData'], fetchTeethData);

  if (isLoading) return <p>Loading...</p>;
  if (error) return <p>Error: {error.message}</p>;

  return (
    <div>
      {data.map((tooth) => (
        <p key={tooth.id}>{tooth.name}</p>
      ))}
    </div>
  );
};

A React Query automatikusan kezeli az adatokat, gyorsítótárazza azokat, és újrakérdezi őket, ha frissítés szükséges.

CloudFront és Signed URL alkalmazása

Az alkalmazás fájlkezelési rendszere az AWS CloudFront és Signed URL megoldásokat használja. Ez biztosítja:

Példa egy Signed URL generálására Node.js segítségével:

JAVASCRIPT
Copy code
const AWS = require('aws-sdk');
const s3 = new AWS.S3();

const generateSignedUrl = async (fileName) => {
  const params = {
    Bucket: 'your-bucket-name',
    Key: fileName,
    Expires: 60 * 5, // 5 percig érvényes URL
  };
  return s3.getSignedUrlPromise('getObject', params);
};

Ez a megoldás biztosítja, hogy az adatok csak korlátozott ideig legyenek elérhetőek, így növelve a biztonságot.

Összegzés

A React Query alapú webalkalmazás egy hatékony megoldást kínál a fogászati modellek kezelésére és szegmentálására. A MeshSegNet által biztosított automatikus szegmentáció és a CloudFront + Signed URL rendszerek segítségével a felhasználók gyorsan és biztonságosan dolgozhatnak 3D modellekkel.

A következő fejlesztési lépések között szerepel az STL fájlok létrehozása és exportálása, amely lehetővé teszi a fogorvosi kezelésekhez szükséges egyedi modellek generálását és nyomtatását. A rendszer fejlesztése során tovább finomítható a React Query használata az optimális teljesítmény érdekében, valamint további manuális módosítási lehetőségek kerülhetnek beépítésre a felhasználók számára.