real time subtitlesair.imag.fr/images/c/c9/real-time-subtitles.pdfproblems faced •half-time...
TRANSCRIPT
![Page 1: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/1.jpg)
Real Time SubtitlesDavid BUI – Maxime LECHAVALLIER – Sara Ounissi
RICM4
Supervisor : Jérôme Maisonnasse
1
![Page 2: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/2.jpg)
Context
•Transcript speech
•Disabled students
•Google Speech Recognition
•Make a scenario
2
![Page 3: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/3.jpg)
Missions
Use Google Speech Recognition ● Done at half-time project
Reveal.js ● Done
Distributed app ● Approximate
Many scenarios ● Only 1
Real time editing ● Done
Vote system ● Done
User session ● Done
User-friendly interface ● To rework
Convert notes to .pdf file ● Not done
3
![Page 4: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/4.jpg)
Technologies
• Google Speech Recognition
• Reveal.js
• HTML + CSS + JavaScript
• jQuery
• Socket.io
• Meteor
• Mongo-db
• Bootstrap
4
![Page 5: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/5.jpg)
Features implemented
• Google Speech Recognition
5
![Page 6: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/6.jpg)
Features implemented
• Reveal.js
6
![Page 7: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/7.jpg)
Features implemented
• User Session
7
![Page 8: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/8.jpg)
Features implemented
• Collaboration
8
![Page 9: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/9.jpg)
Features implemented
• Editing
9
![Page 10: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/10.jpg)
Features implemented
• Bonus• 100% customed Reveal : keyboard shortcut removed for
example
• Welcome page
• About page
• Konami code
10
![Page 11: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/11.jpg)
Quick overview
• End project looks like :
11
![Page 12: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/12.jpg)
Quick overview
• End project looks like :
12
![Page 13: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/13.jpg)
Quick overview
• End project looks like :
13
![Page 14: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/14.jpg)
Problems faced
• Half-time project• Socket.io hard to handle
• Need of database
• Restricted knowledge in Database among the groug => Hard to create our own DB
• Solution : New framework, easier to handle : Meteor
• But :• 3 weeks before deadline
• Discovering a whole new framework
• Dynamic programming
• New separation of the code
14
![Page 15: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/15.jpg)
Problems faced 15
AfterBefore
![Page 16: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/16.jpg)
Problems faced
• From half-time until now• Reading a lot again
• Google speech is not reliable
• Dynamic pages
• Customer <-> Developper relation
• But :• Quick results
• Fast learning
• Objectives well known
16
![Page 17: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/17.jpg)
Potential improvements
• Security
• File Uploader
• Deploy the app
• Another Speech Recognizer
17
![Page 18: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database](https://reader034.vdocuments.us/reader034/viewer/2022050217/5f631178e9f2f83f463bba19/html5/thumbnails/18.jpg)
Conclusion
• Concrete project
• Good time
• Code organized : possible review
• Functional and effective in the future
• This first experience in Web application
18