Crafting AI-integrated applications and web wizardry for optimal speed

Transcript

1. Crafting AI-integrated applications and web wizardry for optimal speed Ashish Kumar Verma ( @imdigitalashish ) ( https://ashishverse.vercel.app )
2. Who Am I? • Currently working as CTO • Published 3x Research Papers in field of ML / AI • Invited By Japan Science And Tech ( SAKURA ) for my contribution in AI and I Represented India • AIR - 2, Microsoft Fastest Coder Hackathon • National Winner - Bronze and Gold in East Region in Web Technologies • IIT Delhi Best Project Awardee • NITI Aayog Student Mentor • Celebrated Raksha Bandhan Hon’ble President • 2x Meritorious Awards • Hosted Pariksha pe Charcha with Hon’ble PM of India • 10+ Talks, 10x Hackathon Wins • Talk at IIITD on Deep Learning Mathematics • Youngest Microsoft Student Ambassador • Rest on - https://ashishverse.vercel.app
3. Reminder to me ! SPEAK SLOW Learn, Have Fun, Connect ❤ We are here to show the path, You are here for the execution ! Reminder to you !
4. Agenda ⛳ - Let’s directly look at a Projects - Let’s Brainstorm - Giveaway Details - Some Web Devs Things - Some Advices - Wrap Up ? Questions - And Finalllyyy Thank you !
5. MAIN AGENDA TO TELL THE PROCESS
6. Talk is Cheap, Show me the Code
7. Let’s Look at a Video
10. Now what Problems You can see here?
11. 1) Websockets, WebRTC or Socket io ? 2) Image Background Removal? 3) Image Pasting to Exact Coords?
12. 1) Websockets, WebRTC ? 2) Image Background Removal? 3) Image Pasting to Exact Coords? REMEMBER: NEED BLAZINGLY FAST !!!!
13. You have two options
14. You have two options Algorithm Way !
15. You have two options Algorithm Way ! Machine Learning Way !
16. You have two options Algorithm Way ! ✅ Machine Learning Way !
17. You have two options Algorithm Way ! ✅ Machine Learning Way ! IN TECH YOU HAVE NO CHOICE OF VERSUS
18. Solution 1 - SERVER SENT EVENTS
19. Advantages ! ✅ EASY SETUP FASTER Upto 3x-5x ( UTF - 8 ) Less Load means Less Crashing CLIENT HAPPY YOU HAPPY
23. You can use it to make chrome extension and control using SSE or Background service
24. Solution 2 -` SIFT ALGORITHM WAY FAST Goto my github
25. Two Ways
27. Solution 3 - SALIENT OBJECT FEATURE DETECTION rembg
28. SIMPLE !
29. Approach? ALGORITHMS IN BROWSER MODELS APIS
31. Algorithms - Too much resources
32. Nodejs Event Loop Be Like: NODE JS IS NOT RECOMMENDED FOR HEAVY COMPUTATION
33. “Apne Pass toh Ek hi Raasta hai”
34. WEB WORKERS ❤
37. myWorker.postMessage([first.value, second.value]);
38. CANVAS ! “Personally love with this” “Flutter uses this ! “
39. It’s Limitless in Limited Web Space !!!
40. IMAGINE THIS ! 100x Dom Elements, Interacting, going around the space, Spatial Transformation etc etc !!!
41. USE CANVAS ! WEB ENGINES DRAWING ENGINES INTERACTIVE GRAPHICS VIDEO EDITORS PHOTO EDITORS FFT TRANSFORM ANIMATIONS
42. USE CANVAS ! WEB ENGINES DRAWING ENGINES INTERACTIVE GRAPHICS VIDEO EDITORS PHOTO EDITORS FFT TRANSFORM ANIMATIONS
43. How do Deploy?
44. How do Deploy?
45. Pm2 - similar to gunicorn in python
46. NOW MAKE PROJECTS “ROADMAP” 😂😂 YOU GOT THE IDEA OF WINNING HACKATHONS !
48. Today 95% of AI Companies “Sidha Chat GPT use Krke AI Company Bol dete hai”
49. Questions?
50. SOME RESOURCES -> MEDIAPIPE -> ML5 -> Arxiv - No research, just read paper, search for implemented models ( MORE DETAILS MY PREVIOUS TALKS )
51. Thanks Reach out to me on @imdigitalashish on all social handles for any queries #STEMVisionaries