2 năm sau lần đầu học lập trình thì hôm nay mình thử sức với một dự án mới, lập trình 1 Web-App với html, css và javascript có sử dụng API của OpenAI để nhận diện giọng nói của học sinh và tự động sửa bài. Chỉ với kiến thức lập trình cơ bản, chatGPT đã giúp mình hoàn thiện dự án này chỉ trong 1 tuần, một trải nghiệm thực sự vui vẻ.
*Bài viết sẽ không đi quá sâu vào coding, chỉ chia sẻ trải nghiệm của mình về quá trình thực hiện thôi ^^
https://tinhte.vn/thread/chia-se-may-mo-lap-trinh-va-cai-ket-mail-tu-dong-da-thay-doi-viec-day-hoc-cua-minh-nhu-the-nao.3290909/ 
*Bài viết sẽ không đi quá sâu vào coding, chỉ chia sẻ trải nghiệm của mình về quá trình thực hiện thôi ^^
https://tinhte.vn/thread/chia-se-may-mo-lap-trinh-va-cai-ket-mail-tu-dong-da-thay-doi-viec-day-hoc-cua-minh-nhu-the-nao.3290909/
[Chia sẻ] [Mày mò lập trình và cái kết] - Mail tự động đã thay đổi việc dạy học của mình như thế nào
Kéo đến 2:34 để xem phần hướng dẫn chính nhé 1. Mình là ai, vấn đề mình gặp phải trong công việc Mình hiện là một giáo viên tiếng Anh và rất yêu thích lập trình (chuyên ngành chính của mình là Sư phạm, mình chưa tham gia khóa học IT nào…
tinhte.vn
Bài toán đặt ra
Là giáo viên tiếng Anh, từ lâu mình đã muốn có một ứng dụng có khả năng thu âm và tự động chấm bài nói cho học viên, dạng như App Elsa. Do hiện tại mình dạy online nên việc luyện nói cùng học viên không tối ưu như học có gặp mặt trực tiếp, làm được ứng dụng này sẽ giúp học viên thoải mái luyện tập mà không cần phụ thuộc vào việc lên lớp với giáo viên, sau khi hoàn thành khoá họ vẫn có thể sử dụng để nâng cao trình độ.Mình plan nhẹ thì cần qua được những bài toán sau:
- Ứng dụng chạy nền web (để học sinh dùng thiết bị IOS/ Android đều truy cập được)
- Có nút thu âm giọng nói thành mp3 → chuyển MP3 thành text
- Xử lý text (phần nói của user) → sửa lỗi chính tả nâng cấp từ vựng hay hơn
- Phần text (sau khi được nâng cấp) → chuyển thành MP3 để user nghe lại
Những công cụ mình sử dụng
Project này mình sử dụng API của OpenAI, Google Text-To-Speech- Whisper API để chuyển speech thành text
- Model GPT-3.5 để xử lý text (sửa lỗi chính tả, nâng cấp từ vựng)
- Google Text-To-Speech chuyển text thành speech để nghe lại
Đây là phiên bản beta nên mình xây dựng cơ bản từ html, css và javascript, đa phần các logic sẽ được xử lý phía client, những project lớn hơn mình sẽ phân hai phía server - client (vẫn đang học React và Nodejs trên Youtube hihi)
Flow của Web-App sẽ là:
- Người dùng login bằng tài khoản Google
- Nếu lần đầu đăng ký dữ liệu sẽ được lưu vào database (mình dùng Firebase Realtime Database)
- Người dùng bấm nút thu âm
- Phần thu âm được chuyển thành file MP3
- File MP3 gửi request đến Whisper API → ta có script của bài nói gốc
- Script bài nói được gửi request đến model GPT-3.5 → ta có bài nói nâng cấp
- Bài nói nâng cấp được gửi request đến Google Text-To-Speech → chuyển thành mp3 phát lại cho user nghe
Cách mình sử dụng ChatGPT để code
Do là người tự học lập trình và vẫn còn yếu nên mình đã nhờ đến sự hỗ trợ của chatGPT để hoàn thành từng hạng mục một.
Mình sử dụng ChatGPT Plus, khác biệt lớn nhất so với bản thường là tốc độ phản hồi siêu nhanh, do vậy sử dụng để lập trình rất thoải mái (chi phí khoảng 500k/ tháng, mình nhờ bạn ở Mỹ đăng ký giúp vì hiện tại vẫn chưa thanh toán được bằng tài khoản ngân hàng Việt Nam)
Cách mình làm là đặt bài toán cho ChatGPT và copy phần code nhận được vào Visual Studio Code
Quảng cáo
Mình gửi yêu cầu mô tả giao diện và cách hoạt động
- Màn hình có 1 nút thu âm, 1 nút play và 1 audio player
- User bấm nút thu âm → nút chuyển màu đỏ → bấm cái nữa chuyển lại bình thường
- Thu xong có file MP3 → bấm nút play là nghe lại được
Mình copy đoạn code nhận được vào Visual Studio Code
Cho code chạy lên trình duyệt thì thu âm và nghe lại ngon lành luôn, thiệt là vi diệu 😁
Cũng theo cách trên, mình lần lượt đưa ra yêu cầu để chatGPT gợi ý code cho những hạng mục còn lại:
Quảng cáo
Đăng nhập với Google nè
Chuyển âm thanh thu được thành text và xử lý sửa lỗi chính tả và nâng cấp từ vựng nè
Lưu bài, bấm từ trong bài nói để tra từ điển nè
Vậy ra làm Web-app với ChatGPT cũng nhàn, chỉ copy và paste thôi nhỉ? Thực tế thì mọi người đọc phần tiếp theo nha ^^
Hạn chế của chatGPT
1. Chỉ có thể trả một lượng kết quả giới hạn
- Nếu bạn đang nghĩ rằng chỉ cần đưa ra yêu cầu thật chi tiết, chatGPT sẽ cho bạn đầy đủ code để hoàn thành 1 ứng dụng thì … không được đâu!
Mình thử yêu cầu code cho mình toàn bộ giao diện của ứng dụng thì được 1/5 yêu cầu là nó ngưng rồi, các bạn vẫn có thể nhập lệnh 'continue' để nó tiếp tục, nhưng nhập lệnh này 2,3 lần là nó quên nội dung những phần trước đó và bắt đầu code loạn xạ rồi.
2. Hay bịa link/ nội dung không tồn tại
Rất ít khi chatGPT từ chối trả lời, nó sẽ luôn tìm cách đưa ra một câu trả lời 'trông có vẻ hợp lý', điển hình là những lần mình hỏi link <script> để tích hợp thư viện bên ngoài vào ứng dụng thì nó đưa link hiện 404!
Một lần mình yêu cầu link thư viện cho một tính năng của ứng dụng
Bỏ dô thì hiện 404 (mất nết thiệt!)
Do vậy, để hoàn thành được ứng dụng, mình phải đọc, mày mò giải pháp từ rất nhiều tài liệu, blog trên mạng, còn dựa vào ChatGPT 100% thì chắc chắn là không được, vai trò của GPT theo mình sẽ là 20% tổng công việc, trong đó chủ yếu là → gợi ý giải pháp, sửa lỗi/ tối ưu code, còn tiền đề của dự án thì vẫn phải là người lập trình viên.
Hiện tại là vậy, còn tương lai thì không biết được vì những con AI như chatGPT luôn phát triển, có thể một lúc nào đó nó sẽ có khả năng đảm nhận và trả kết quả cho cả một dự án vài chục trang code chẳng hạn.
ChatGPT đã nâng cấp kỹ năng lập trình và cả công việc của mình
2021 - Mình chỉ có thể làm Front-end với Swift
2023 - Nhờ code với chatGPT, mình đã có thể làm solo một ứng dụng web hoàn chỉnh gồm cả Front-end, Back-end và Database (tất nhiên là vẫn ở level bập bẹ thôi)
Ứng dụng luyện nói tiếng Anh mình code và hoàn thành trong khoảng 1 tuần, nhanh hơn rất nhiều so với những project mình làm trước đây (lần mình code App với Swift mất khoảng 3 tháng).
Ứng dụng mới đã giúp ích rất nhiều cho công việc của mình, các bạn học viên có thể tự chủ hơn trong việc luyện nói mà không phải phụ thuộc nhiều vào giáo viên nữa, mình chỉ phải check tiến độ, kết quả của các bạn thông qua dữ liệu của ứng dụng để đưa ra hướng dẫn và chỉnh sửa. Việc áp dụng được các công nghệ mới nhất từ OpenAI trong thời gian ngắn thật sự là một thành quả lớn với mình.
Kỹ năng lập trình cho phép mình tự do sáng tạo
Mình có viết một bài về chủ đề tự học lập trình vào 11/2021: https://tinhte.vn/thread/chia-se-tu-hoc-lap-trinh-khong-phai-la-hoc-mot-minh.3429967/
[Chia sẻ] Tự học lập trình không phải là học một mình!
Chào mọi người, hôm nay mình sẽ chia sẻ chi tiết con đường mình đã thực hiện trong việc tự học lập trình. Vào luôn nhé. 1. Cơ duyên - Khoảng hai năm trước mình giữ chức Giám đốc học thuật của một trung tâm…
tinhte.vn
Đến nay mình vẫn học theo nguyên tắc rút ra từ bài này, đó là luôn tìm cơ hội kết bạn với những lập trình viên để được học hỏi và trao dồi kỹ năng, mình nghĩ đó là lý do giúp mình ngày càng nâng cao được kỹ năng lập trình. Và khi có trong tay bộ kỹ năng mới, mình lại đắm chìm vào những ý tưởng để tạo ra công cụ phục vụ công việc bản thân và cả bạn bè (mình đang viết ứng dụng tích điểm khách hàng cho một người bạn sắp mở quán cafe hihi), cuộc sống lại càng vui vẻ hơn.
Hiện tại mình đang học thêm về React để làm ra ứng dụng chỉnh chu hơn nữa, đây là kênh Youtube của một bạn lập trình viên mình vừa kết bạn gần đây, mọi người có thể tham khảo nha ^^ https://www.youtube.com/@holetex
HoleTex - YouTube
youtube.com
Nếu muốn sử dụng thử ứng dụng luyện nói Speaking, mọi người có thể dùng miễn phí ở đây nha Speaking App
Cảm ơn và hẹn gặp lại ở những bài chia sẻ tiếp theo!
CHUYÊN MỤC NGHỆ THUẬT LÀM GIÀU BỀN VỮNG
Khóa học Machine Learning cơ bản- Khoa học dữ liệu - AI 
==***==
Khoá học Quản trị Chiến lược Dành cho Lãnh đạo Doanh nghiệp
==***==
Nơi hội tụ Tinh Hoa Tri Thức - Khơi nguồn Sáng tạo
Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com
---
Khóa học Hacker và Marketing từ A-Z trên ZALO!
Khóa học Hacker và Marketing từ A-Z trên Facebook!
Bảo mật và tấn công Website - Hacker mũ trắng
KHÓA HỌC LẬP TRÌNH PYTHON TỪ CƠ BẢN ĐẾN CHUYÊN NGHIỆP 
Khóa học Lập trình Visual Foxpro 9 - Dành cho nhà quản lý và kế toán 
Khóa học hướng dẫn về Moodle chuyên nghiệp và hay Xây dựng hệ thống đào tạo trực tuyến chuyên nghiệp tốt nhất hiện nay. 
Khóa học AutoIt dành cho dân IT và Marketing chuyên nghiệp 
Khoá học Word từ cơ bản tới nâng cao, học nhanh, hiểu sâu 
Khóa học hướng dẫn sử dụng Powerpoint từ đơn giản đến phức tạp HIỆU QUẢ 
Khóa học Thiết kế, quản lý dữ liệu dự án chuyên nghiệp cho doanh nghiệp bằng Bizagi 
Khóa học Phân tích dữ liệu sử dụng Power Query trong Excel 
Khóa học Lập trình WEB bằng PHP từ cơ bản đến nâng cao 
Khóa học Phân tích dữ liệu sử dụng SPSS - Chìa khóa thành công!
Khóa học "Thiết kế bài giảng điện tử", Video, hoạt hình kiếm tiền Youtube bằng phần mềm Camtasia Studio 
Khóa học HƯỚNG DẪN THIẾT KẾ VIDEO CLIP CHO DÂN MARKETING CHUYÊN NGHIỆP 
HƯỚNG DẪN THIẾT KẾ QUẢNG CÁO VÀ ĐỒ HỌA CHUYÊN NGHIỆP VỚI CANVA Hãy tham gia khóa học để trở thành người chuyên nghiệp. Tuyệt HAY!😲👍 
GOOGLE SPREADSHEETS phê không tưởng 
Hãy tham gia khóa học để biết mọi thứ
Khóa học Ba, Mẹ và Bé - Cùng bé lập trình TUYỆT VỜI
Khóa học sử dụng Adobe Presenter-Tạo bài giảng điện tử 
Để thành thạo Wordpress bạn hãy tham gia khóa học 
Khóa học sử dụng Edmodo để dạy và học hiện đại để thành công 
==***== Bảo hiểm nhân thọ - Bảo vệ người trụ cột 
Cập nhật công nghệ từ Youtube tại link: congnghe.hocviendaotao.com
Tham gia nhóm Facebook
Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com
Bảo mật và tấn công Website - Hacker mũ trắng
KHÓA HỌC LẬP TRÌNH PYTHON TỪ CƠ BẢN ĐẾN CHUYÊN NGHIỆP
Khóa học AutoIt dành cho dân IT và Marketing chuyên nghiệp
Khoá học Word từ cơ bản tới nâng cao, học nhanh, hiểu sâu
Khóa học hướng dẫn sử dụng Powerpoint từ đơn giản đến phức tạp HIỆU QUẢ
Khóa học Thiết kế, quản lý dữ liệu dự án chuyên nghiệp cho doanh nghiệp bằng Bizagi
Khóa học Phân tích dữ liệu sử dụng Power Query trong Excel
Khóa học Lập trình WEB bằng PHP từ cơ bản đến nâng cao
Khóa học Phân tích dữ liệu sử dụng SPSS - Chìa khóa thành công!
kiếm tiền Youtube bằng phần mềm Camtasia Studio
Khóa học HƯỚNG DẪN THIẾT KẾ VIDEO CLIP CHO DÂN MARKETING CHUYÊN NGHIỆP
HƯỚNG DẪN THIẾT KẾ QUẢNG CÁO VÀ ĐỒ HỌA CHUYÊN NGHIỆP VỚI CANVA
Hãy tham gia khóa học để trở thành người chuyên nghiệp. Tuyệt HAY!😲👍
GOOGLE SPREADSHEETS phê không tưởng
Hãy tham gia khóa học để biết mọi thứ
Khóa học Ba, Mẹ và Bé - Cùng bé lập trình TUYỆT VỜI
Khóa học sử dụng Adobe Presenter-Tạo bài giảng điện tử
Để thành thạo Wordpress bạn hãy tham gia khóa học
Khóa học sử dụng Edmodo để dạy và học hiện đại để thành công
==***==
Bảo hiểm nhân thọ - Bảo vệ người trụ cột
Tham gia nhóm Facebook
Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com
Nguồn: Tinh Tế
Topics: Công nghệ mới
