背景提升 | 海外科研远程-『人文社科』-HCI人机交互专题：系统可用性与用户友好性提升实践 基于包容性理念的用户界面UI设计

前端技术的发展是互联网自身发展变化的一个缩影。其包括4个部分：前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears，以及概念性较强的交互式设计，艺术性较强的视觉设计等。随着手机成为人们生活中不可或缺的一部分，成为人们身体的延伸，前端技术迎来了体验为王的时代，也由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验。移动端的前端技术开发前景宽阔。此外，前端技术还能应用于智能电视、智能手表甚至人工智能领域。

This course provides an introduction to a modern web development in Java. Creating web applications requires various approaches and involves the integration of numerous technologies. The course is designed for beginners and explains the specifics of Java web development. The topics covered include object-oriented paradigm for programming (in Java); building modern web pages with HTML,CSS, servlets,JSP,JavaScript and XML;using professional tools on team project. Students are expected to participate in a group final class project to apply the learned concepts.

本项目将介绍现代的基于Java的网站开发。创建web应用程序需要多种方法，并涉及到多种技术的集成。本项目旨在让学生了解Java web开发的细节，所涵盖的主题包括面向对象的编程范式(Java)；用HTML、CSS、servlet、JSP、JavaScript和XML构建现代网页；在团队项目中使用专业工具。学生将随着项目的进行，整理用户需求,完成原型设计，并最使用上述工具编写代码、开发网站。学生将在项目结束时，进行demo展示。

个性化研究课题参考 Suggested Research Fields
类亚马逊购物网站开发 Building the front end of a shopping website
优化现有学校官方网站界面 Beautify your school’s current official website

• 元素定义、展示与定位：HTML与CSS技术

• HTML provides the basic tools needed to structure content on a website. CSS helps to style this content, so it appears to the user the way it was intended to be seen.

• 服务器性能拓展：Java Servlets

• Servlets provide a component-based, platform-independent method for building web-based applications.

• 动态服务需求响应：JSP,JSTL,JavaScript

• Java Server Pages is a dynamic web pages technology that is used to generate dynamic web content. JSP are compatible with a servlet container and requires application or web servers such as Tomcat. JavaScript is high level dynamic programming language.

• 数据存储与分析：The XML Document Object Model

• XML is a markup language (much like HTML) for storing and transporting data. The XML DOM defines a standard way for accessing and manipulating XML documents.

• 学术研讨1：教授与各组学生探讨并评估个性化研究课题可行性，帮助学生明晰后续科研思路

• Final Project Preparation Session I

• 学术研讨2：学生将在本周课前完成网页设计原型（prototype）及伪代码（Pseudocode），教授将根据各组进度进行个性化指导，确保学生优质的终期课题产出

• Final Project Preparation Session II

• 项目成果展示

• Final Presentation

• 7周在线小组科研学习+5周不限时论文指导学习 共125课时

• 项目报告

• 学员获主导师Reference Letter

• EI/CPCI/Scopus/ProQuest/Crossref/EBSCO或同等级别索引国际会议全文投递与发表指导（可用于申请）

• 结业证书

• 成绩单