https://ngoctin.me/categories/system-architecture/Recent content in System Architecture on Nguyen Ngoc TinHugoenngoctin.work@gmail.com (Nguyen Ngoc Tin)ngoctin.work@gmail.com (Nguyen Ngoc Tin)Wed, 26 Aug 2026 15:00:00 +0700https://ngoctin.me/posts/bep-di-6-zalo-mini-app-ordering-platform/Wed, 26 Aug 2026 15:00:00 +0700ngoctin.work@gmail.com (Nguyen Ngoc Tin)https://ngoctin.me/posts/bep-di-6-zalo-mini-app-ordering-platform/<figure><a class="lightgallery" href="https://ngoctin.me/images/bep-di-6-cover.webp" title="Bếp Dì 6 Cover" data-thumbnail="/images/bep-di-6-cover.webp" data-sub-html="<h2>Giao diện nền tảng đặt món trực tuyến Bếp Dì 6 trên Zalo Mini App</h2>"> <img class="lazyload" src="https://ngoctin.me/svg/loading.min.svg" data-src="https://ngoctin.me/images/bep-di-6-cover.webp" alt="Bếp Dì 6 Cover" loading="lazy" decoding="async" width="591" height="591" /> </a><figcaption class="image-caption">Giao diện nền tảng đặt món trực tuyến Bếp Dì 6 trên Zalo Mini App</figcaption> </figure> <div class="admonition abstract open"> <div class="admonition-title"> <i class="icon ti ti-list-details" aria-hidden="true"></i>Abstract </div> <div class="admonition-content"><p>Bếp Dì 6 là nền tảng đặt món trực tiếp trên Zalo Mini App dành cho quán ăn địa phương, giúp khách hàng đặt hàng không cần cài ứng dụng mới và chủ quán đối soát dòng tiền tự động qua VietQR động và định vị GPS.</p>https://ngoctin.me/posts/lexi-ai-english-tutor/Sun, 15 Mar 2026 10:00:00 +0700ngoctin.work@gmail.com (Nguyen Ngoc Tin)https://ngoctin.me/posts/lexi-ai-english-tutor/<div class="youtube-embed-wrapper" data-video-id="qPlBFtEk3pM" data-speed="1.5"> <div class="youtube-lite-player" onclick="playYoutubeInstant(this)" role="button" tabindex="0" aria-label="Phát video YouTube Video (tốc độ 1.5x)" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();playYoutubeInstant(this);}"> <picture> <source srcset="https://i.ytimg.com/vi_webp/qPlBFtEk3pM/maxresdefault.webp" type="image/webp"> <img src="https://i.ytimg.com/vi/qPlBFtEk3pM/hqdefault.jpg" alt="YouTube Video" loading="lazy" class="youtube-poster-img" onerror="this.onerror=null;this.src='https://i.ytimg.com/vi/qPlBFtEk3pM/hqdefault.jpg';"> </picture> <button class="youtube-play-btn" type="button" aria-hidden="true" tabindex="-1"> <svg viewBox="0 0 68 48" width="64" height="45" class="youtube-play-svg"> <path class="youtube-btn-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f43f5e"></path> <path d="M 45,24 27,14 27,34" fill="#ffffff"></path> </svg> </button> <div class="youtube-badge-speed">1.5x Speed</div> </div> </div> <script> if (!window.playYoutubeInstant) { window._ytApiCallbacks = []; window._ytApiLoading = false; window.ensureYTAPILoaded = function(cb) { if (window.YT && window.YT.Player) { cb(); return; } window._ytApiCallbacks.push(cb); if (!window._ytApiLoading) { window._ytApiLoading = true; var tag = document.createElement('script'); tag.id = 'yt-iframe-api'; tag.src = 'https://www.youtube.com/iframe_api'; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(tag, first); var prev = window.onYouTubeIframeAPIReady; window.onYouTubeIframeAPIReady = function() { if (typeof prev === 'function') prev(); while (window._ytApiCallbacks.length) { var fn = window._ytApiCallbacks.shift(); try { fn(); } catch (e) { console.error(e); } } }; } }; window.playYoutubeInstant = function(el) { var wrapper = el.closest('.youtube-embed-wrapper'); if (!wrapper) return; var id = wrapper.getAttribute('data-video-id'); var start = parseInt(wrapper.getAttribute('data-start'), 10) || 0; var speed = parseFloat(wrapper.getAttribute('data-speed')) || 1.5; var playerId = 'yt-player-' + Math.random().toString(36).substr(2, 9); var playerDiv = document.createElement('div'); playerDiv.id = playerId; playerDiv.className = 'youtube-iframe-active'; wrapper.innerHTML = ''; wrapper.appendChild(playerDiv); window.ensureYTAPILoaded(function() { var speedApplied = false; new YT.Player(playerId, { videoId: id, playerVars: { autoplay: 1, playsinline: 1, rel: 0, modestbranding: 1, start: start }, events: { onReady: function(event) { try { event.target.setPlaybackRate(speed); event.target.playVideo(); } catch (err) {} }, onStateChange: function(event) { if (!speedApplied && event.data === YT.PlayerState.PLAYING) { try { event.target.setPlaybackRate(speed); speedApplied = true; } catch (err) {} } } } }); }); }; } </script> <div class="admonition abstract open"> <div class="admonition-title"> <i class="icon ti ti-list-details" aria-hidden="true"></i>Abstract </div> <div class="admonition-content"><p>Lexi là trợ lý AI luyện giao tiếp phản xạ tiếng Anh hai chiều qua giọng nói thời gian thực, giúp người học phát hiện lỗi phát âm, sửa ngữ pháp và cải thiện phản xạ đàm thoại theo kịch bản thực tế.</p>