项目展示 —— 课程表

课程表应该是学生党用的最多的功能了吧。
这次的项目是设计一款基于网页的课程表。
数据来源是正方教务系统的 Oracle 数据库的 Mirror,这里不详细介绍。
主要提供手机版服务,PC版为可选

最原始的设计是采用类表格的方法实现,手机端采用左右滑动切换周一~周五
电脑版效果如下:
QQ图片20140825194021.jpg

但手机版的设计却没那么简单,找不到较好的实现方式,不得已重新设计界面。

由于应用主要面向手机,所以重新设计的界面以手机为中心,电脑版再加优化。
根据自己使用手机的经验,手机上上下滑动远比左右滑动自然,于是考虑用其他展示方式替代表格显示。
手机上微博可以算是用得比较多的应用了,于是想是否可以将课程像微博一样一条一条展现出来。

经过不断优化和修正,最终效果如下:
(由于效果图太高,请到文章末尾查看)

其中课程的设计借鉴了 Android L 和 Google Now 的 Material Design。

电脑版将多个课程并排同行展示,这里直接用响应式的办法实现(手机端浏览器大多符合 HTML5 标准,这点不必担心),效果如下
无标题.pngQQ图片20140825193815.png

标签:


已有 18 条评论
  1. 话说有源码吗

    1. 在准备出售了

  2. techiah techiah

    华南理工鉴定完毕√

  3. weishizuoze weishizuoze

    话说这软件在哪里呀?很想用用导出功能

    1. 这是为校教务系统定制的,需要安装到教务系统服务器上;
      安装后不需要安装软件,直接访问就可以使用

  4. 不知道是不是因为https的原因,文章末尾不是直接显示图片而是文字:如下

    1. Markdown不知道为啥没解析出来

      1. 难道评论回复没有邮件提醒吗?我自己肉身跑来才知道被回复了 =.=

        1. 有邮件提醒的,可能是被拦截了吧

  5. a a

    希望能导入到手机的日历中,这样bb上就能实现上课自动静音,下课自动切换回来了

    1. 导出功能已经做了,导出成苹果的iCal格式,可直接导入到Outlook日历和Google Calendar

  6. 一瞬间吓到我了,我以为你是超级课表的发明者

  7. 课好少。。

  8. 好棒的样子!!可以怎么用……我找不到链接

  9. ui蛮好看的诶,支持下 不容易

  10. 简直是学生党的春天啊

  11. Jax Jax

    看起来蛮好的

  12. 看起来不错

添加新评论