关于计科院手机端开发工作的总结汇报

一、引言|工作概述

本次工作集中于哈师大计科院手机端（http://m.hgjoysport.com/）的开发上，确保网站的架构合理、功能齐全，实现现代化操作界面的同时满足用户的多样化需求。

我们首先商定了手机端的主体配色，并大致确定了各板块的功能要求与展示方式。随后经过一段时间的开发打磨，终于完成了计科院手机端的开发正式上线。

二、工作内容汇报

（一）“首页”

1.在原有界面的基础上调整了首页魔方导航模块的布局与配色设计、将导航模块与后台各页面链接，修改了图标设计并挑选了“学院概况”这一分页面导航按钮的学院内照片。

2.将 Edu-AI 学堂小程序内嵌至手机端网页内。

3.重新设计了“学院介绍”“计科·新闻”栏目的字体样式与展示方式。

4.更改了“通知公告”“计科院要闻”栏目的布局，使其更美观的同时方便用户操作。

5.修复了部分手机型号可能出现的“计科·新闻”样字体排布出错的问题。

（二）“全局导航栏”

考虑手机端用户的需求，我们设计了计科院手机端的全局导航栏，将网站各板块主页面嵌入全局导航栏中，方便用户随时跳转。

（三）“底部导航栏”

1. 填充了底部导航栏“资讯”页面的内容，将其与“计科·新闻”板块的后台数据绑定，方便用户查阅。

2. 填充了底部导航栏“关于”页面的内容，重写了关于计科院整体的粗略介绍。后续将继续向其中填充内容。

3. 修改了底部导航栏的展示方式与展示内容。

（四）“各板块”

考虑到手机用户的操作习惯，将各板块的栏目打散重组，调整了展示方式，为一些内容较多的栏目设计了独立的页面。为此，我们为各板块设计了魔方导航模块，使其具有合理美观的布局与配色，并将各板块栏目独立页面与其链接。

此外，对于教育教学板块，其“本科生教育”与“研究生教育”两个栏目内容较多，又同时归属在教育教学板块下，因此我们在开发时将其分开设计了两个独立页面，设计了“切换至本科生教育”与“切换至研究生教育”按钮，来实现相互跳转

其他板块内容展示：

刘艺、邵佳豪