Hua-Tsen Ni Graduate Institute of Computer Science and Information Engineering, National Taipei University https://huatsen.github.io/ Tue, 19 May 2026 20:40:37 +0000 Tue, 19 May 2026 20:40:37 +0000 Jekyll v3.10.0 Education <ul> <li> <p>Master｜Graduate Institute of Computer Science and Information Engineering, National Taipei University</p> </li> <li> <p>Bachelor｜Department of Computer Science and Information Engineering, Fu Jen Catholic University</p> </li> </ul> Sun, 30 Nov 2014 00:00:00 +0000 https://huatsen.github.io/2014/11/30/education.html https://huatsen.github.io/2014/11/30/education.html Experience <style> .timeline-container { position: relative; padding-left: 30px; margin: 30px 0; font-family: inherit; } .timeline-container::before { content: ''; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 2px; background-color: #444444; } .timeline-item { position: relative; margin-bottom: 35px; } .timeline-item::before { content: ''; position: absolute; left: -30px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 2px solid #444444; z-index: 1; } .job-title { font-size: 1.35rem; font-weight: bold; color: #222222; margin: 0 0 4px 0; } .company-name { font-size: 1.15rem; color: #333333; font-weight: 600; margin-bottom: 6px; } .course-name { font-size: 1.05rem; color: #555555; line-height: 1.5; margin: 4px 0; } .job-date { font-size: 0.95rem; color: #999999; font-weight: normal; margin-top: 4px; } </style> <div class="timeline-container"> <div class="timeline-item"> <h3 class="job-title">Programming Course Teaching Assistant</h3> <div class="company-name">@ National Taipei University</div> <div class="course-name">Course Name: Introduction to Computer Science and Programming</div> <div class="job-date">September 2025 - Present</div> </div> <div class="timeline-item"> <h3 class="job-title">Researcher</h3> <div class="company-name">@ National Taipei University</div> <div class="course-name">Computer Games and Intelligence Lab</div> <div class="job-date">September 2024 - Present</div> </div> <div class="timeline-item"> <div class="timeline-card-normal"> <h3 class="job-title">Researcher</h3> <div class="company-name">@ National Taipei University</div> <div class="course-name">Intelligent Financial Innovation Technology Lab (IFIT Lab)</div> <div class="job-date">September 2024 - Present</div> </div> </div> </div> Fri, 29 Aug 2014 00:00:00 +0000 https://huatsen.github.io/2014/08/29/experience.html https://huatsen.github.io/2014/08/29/experience.html Competencies <style> .lang-grid { display: flex; flex-wrap: wrap; gap: 30px; margin: 30px 0; font-family: inherit; } .lang-card { flex: 1; min-width: 280px; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 8px; padding: 26px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s, box-shadow 0.2s; } .lang-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); border-color: #cccccc; } .lang-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; } .lang-name { font-size: 1.4rem; font-weight: bold; color: #222222; margin: 0; } .lang-badge { font-size: 0.85rem; font-weight: 600; background-color: #333333; color: #ffffff; padding: 4px 12px; border-radius: 20px; letter-spacing: 0.5px; } .progress-bg { background: #eee; height: 5px; border-radius: 2px; margin-bottom: 20px; overflow: hidden; } .progress-fill { background: #555; height: 100%; border-radius: 2px; } .lang-detail-list { list-style: none; padding: 0; margin: 0; } .lang-detail-list li { font-size: 1.05rem; color: #444444; line-height: 1.7; margin-bottom: 8px; position: relative; padding-left: 18px; } .lang-detail-list li::before { content: "•"; position: absolute; left: 0; top: 4px; color: #666666; font-size: 1.4rem; line-height: 1; } h2#language-proficiency, h2#technical-skills { color: #333333; font-size: 1.5rem; font-weight: normal; margin-top: 40px; margin-bottom: 20px; letter-spacing: -0.5px; } .tech-skills-grid { display: flex; flex-wrap: nowrap; gap: 20px; margin: 25px 0 50px 0; width: 100%; align-items: stretch; } .tech-card { flex: 1; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 8px; padding: 24px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column; } .tech-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); border-color: #cccccc; } .tech-header { margin-bottom: 12px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; min-height: 54px; display: flex; align-items: center; } .tech-name { font-size: 1.15rem; font-weight: bold; color: #222222; margin: 0; line-height: 1.3; } .tech-progress-bg { background: #eee; height: 5px; border-radius: 2px; margin-bottom: 18px; overflow: hidden; } .tech-progress-fill { background: #555; height: 100%; border-radius: 2px; } .tech-detail-list { list-style: none; padding: 0; margin: 0; } .tech-detail-list li { font-size: 0.95rem; color: #444444; line-height: 1.5; margin-bottom: 8px; position: relative; padding-left: 14px; } .tech-detail-list li::before { content: "•"; position: absolute; left: 0; top: -1px; color: #777777; font-size: 1.1rem; } @media (max-width: 768px) { .tech-skills-grid { flex-wrap: wrap; } .tech-header { min-height: auto; } } </style> <h2 id="language-proficiency">Language Proficiency</h2> <div class="lang-grid"> <div class="lang-card"> <div class="lang-header"> <h3 class="lang-name">English</h3> <span class="lang-badge">Advanced</span> </div> <div class="progress-bg"> <div class="progress-fill" style="width: 90%;"></div> </div> <ul class="lang-detail-list"> <li><strong>TOEIC 895</strong> — Demonstrated advanced proficiency in global business environments.</li> <li><strong>Academic &amp; Research Readiness</strong> — Skilled in delivering research presentations and writing technical papers.</li> <li><strong>Professional Discourse</strong> — Confident in driving cross-cultural technical collaborations and discussions.</li> </ul> </div> <div class="lang-card"> <div class="lang-header"> <h3 class="lang-name">Mandarin Chinese</h3> <span class="lang-badge">Native</span> </div> <div class="progress-bg"> <div class="progress-fill" style="width: 100%;"></div> </div> <ul class="lang-detail-list"> <li><strong>Native Proficiency</strong> — Full fluency in professional speaking, academic reading, and technical writing.</li> <li><strong>Bi-Scriptual Expertise</strong> — Proficient in navigating content in both Traditional and Simplified Chinese.</li> <li><strong>Technical Document Localization</strong> — Experienced in translating technical and research documentation.</li> </ul> </div> </div> <h2 id="technical-skills">Technical Skills</h2> <div class="tech-skills-grid"> <div class="tech-card"> <div class="tech-header"> <h3 class="tech-name">Programming</h3> </div> <div class="tech-progress-bg"> <div class="tech-progress-fill" style="width: 85%;"></div> </div> <ul class="tech-detail-list"> <li><strong>Languages</strong> — Competent in Python (AI/ML), C/C++, JavaScript (Web).</li> <li><strong>Workflows</strong> — Practiced in web deployment and Git version control via GitHub.</li> <li><strong>Infrastructure</strong> — Knowledgeable in Cloud Computing and SQL databases.</li> </ul> </div> <div class="tech-card"> <div class="tech-header"> <h3 class="tech-name">AI &amp; Machine Learning</h3> </div> <div class="tech-progress-bg"> <div class="tech-progress-fill" style="width: 85%;"></div> </div> <ul class="tech-detail-list"> <li><strong>Algorithms</strong> — Specialized in Advanced Algorithms, Data Mining &amp; game-playing AI.</li> <li><strong>ML Modeling</strong> — Experienced in AI system modeling &amp; predictive forecasting.</li> <li><strong>Deep Learning</strong> — Skilled in implementation via PyTorch frameworks.</li> </ul> </div> <div class="tech-card"> <div class="tech-header"> <h3 class="tech-name">Data Analysis</h3> </div> <div class="tech-progress-bg"> <div class="tech-progress-fill" style="width: 90%;"></div> </div> <ul class="tech-detail-list"> <li><strong>Capabilities</strong> — Skilled in statistical inference, A/B testing &amp; experimental design.</li> <li><strong>Processing</strong> — Expert in data manipulation and preprocessing via Pandas/NumPy.</li> <li><strong>Visualization</strong> — Accomplished in Matplotlib and Seaborn for technical reporting.</li> </ul> </div> </div> Wed, 30 Jul 2014 00:00:00 +0000 https://huatsen.github.io/2014/07/30/competencies.html https://huatsen.github.io/2014/07/30/competencies.html Certifications <style> .cert-container { display: flex; flex-direction: column; gap: 16px; margin: 30px 0; font-family: inherit; } .cert-card { display: flex; align-items: center; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 8px; padding: 16px 24px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s, box-shadow 0.2s; } .cert-card:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); border-color: #cccccc; } .cert-badge-placeholder { width: 50px; height: 50px; background-color: #333333; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: bold; letter-spacing: 0.5px; margin-right: 20px; flex-shrink: 0; } .cert-name { font-size: 1.2rem; font-weight: bold; color: #222222; margin: 0; line-height: 1.4; } </style> <div class="cert-container"> <div class="cert-card"> <div class="cert-badge-placeholder">CPC</div> <h3 class="cert-name">Honorable Mention (14th Place) — Fu Jen Catholic University Collegiate Programming Contest</h3> </div> <div class="cert-card"> <div class="cert-badge-placeholder">TOEIC</div> <h3 class="cert-name">TOEIC 895</h3> </div> </div> Mon, 30 Jun 2014 00:00:00 +0000 https://huatsen.github.io/2014/06/30/certifications.html https://huatsen.github.io/2014/06/30/certifications.html Club Activities <ul> <li>NTPU Rock CLub｜Band Leader, Music Director &amp; Arranger</li> </ul> Fri, 30 May 2014 00:00:00 +0000 https://huatsen.github.io/2014/05/30/club-activities.html https://huatsen.github.io/2014/05/30/club-activities.html