𝗛𝗼𝘄 𝘁𝗼 𝗕𝘂𝗶𝗹𝗱 𝗮 𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗗𝗼𝗰𝘂𝗺𝗲𝗻𝘁 𝗔𝗻𝗻𝗼𝘁𝗮𝘁𝗶𝗼𝗻 𝗦𝘁𝘂𝗱𝗶𝗼 ஒரு பிரவுசர் ஆவணக் குறிப்பு ஸ்டுடியோவை (Browser Document Annotation Studio) எவ்வாறு உருவாக்குவது
ஒப்பந்தங்கள், விலைப்பட்டியல்கள் அல்லது ஆதாரங்களுடன் பணிபுரியும் குழுக்களுக்கு ஒரு சாதாரண வியூவரைத் (viewer) தாண்டி கூடுதல் வசதிகள் தேவைப்படுகின்றன. முக்கியமான கோப்புகளை ஒரு சர்வருக்குப் பதிவேற்றாமல், பல்வேறு ஆதாரங்களிலிருந்து பக்கங்களை ஒன்றிணைப்பதற்கான ஒரு வழி அவர்களுக்குத் தேவைப்படுகிறது.
TypeScript, Vite மற்றும் Dynamsoft கருவிகளைப் பயன்படுத்தி நீங்கள் ஒரு கிளையண்ட்-சைடு (client-side) ஆவணக் குறிப்பு ஸ்டுடியோவை உருவாக்க முடியும்.
இந்த ஆப் (app) உங்களுக்கு பின்வருவனவற்றை அனுமதிக்கிறது:
- PDF மற்றும் படங்களைத் திறக்கலாம்.
- ஏற்கனவே உள்ள ஆவணத்தை மாற்றியமைப்பதற்குப் பதிலாக, புதிய கோப்புகளை அதனுடன் இணைக்கலாம்.
- ஸ்கேனரில் இருந்து நேரடியாகப் பக்கங்களைப் பெறலாம்.
- நகர்த்தக்கூடிய redaction அடையாளங்கள் மற்றும் ஒப்புதல் முத்திரைகளைச் சேர்க்கலாம்.
- தேவையற்ற பக்கங்களை நீக்கலாம்.
- முடிக்கப்பட்ட ஆவணங்களை PDF, PNG, JPEG அல்லது TIFF ஆக ஏற்றுமதி செய்யலாம்.
தொழில்நுட்ப அடுக்கு (Technical Stack):
- Node.js 18+
- Dynamsoft Document Viewer (DDV) v4
- Dynamic Web TWAIN (DWT)
- Vite and TypeScript
முக்கிய தர்க்கம் (Key Logic):
தற்போதைய கோப்பை மாற்றியமைப்பதற்குப் பதிலாக, பக்கங்களை இணைக்க doc.loadSource(source, index) என்பதைப் பயன்படுத்தவும். இது பல்வேறு படங்கள் மற்றும் PDF-களிலிருந்து ஒரே ஆவணத்தை உருவாக்க உங்களுக்கு உதவும்.
ஸ்கேனர்களுக்கு, Dynamic Web TWAIN bridge-ஐப் பயன்படுத்தவும். பிரவுசர்களில் நிலையான ஸ்கேனர் API இல்லாததால், DWT வன்பொருளுடனான (hardware) இணைப்பை வழங்குகிறது. ஸ்கேன் செய்யப்பட்ட படங்களை PDF blob ஆக மாற்றி, அவற்றை உடனடியாக உங்கள் வியூவரில் சேர்க்க முடியும்.
பாதுகாப்பிற்காக, redaction annotations-ஐப் பயன்படுத்தவும். முக்கியமான உரையின் மேல் ஒரு கருப்பு செவ்வகத்தை நீங்கள் உருவாக்கலாம். பயனர்கள் இந்த அடையாளத்தை ஆவணத்தில் நிரந்தரமாகப் பயன்படுத்துவதற்கு முன்பு நகர்த்தவோ அல்லது அதன் அளவை மாற்றவோ முடியும்.
ஏற்றுமதி செய்வது நெகிழ்வானது. நீங்கள் பல்வேறு PDF முறைகளைத் தேர்ந்தெடுக்கலாம்:
- Annotation mode: அடையாளங்களை மாற்றியமைக்கக்கூடியதாக (editable) வைத்திருக்கும்.
- Flatten mode: அடையாளங்களை பக்கத்திலேயே இணைத்துவிடும் (burns marks).
- Image mode: பக்கங்களை படங்களாக மாற்றும்.
இந்த அணுகுமுறை அனைத்துச் செயலாக்கங்களையும் (processing) கிளையண்ட் பக்கத்திலேயே வைத்திருக்கும். உங்கள் தரவு தனிப்பட்டதாகவும் பாதுகாப்பாகவும் இருக்கும்.