第二次人机界面设计

今天在课堂上展示了第二次人机界面设计——基于web的剧院管理系统。终于也在今天收尾了。回顾这次的过程，也是挺不错的。就大致在这里也看看，接下来就是演示效果：



登陆界面采用了淡蓝色背景的图片，登陆信息在右手边。



管理员界面的风格和登陆界面的风格保持了一致，因为是内部人员使用。队伍的名字在上中间，左边是功能。

现在就取两个功能进行展示：



这是今日热映的电影，可以看到正在上映的影片。如果当点击一个影片的图片后，会出现它的详细信息。



还有在展示一个功能就是：



对影片的增删改查，都是通过信息录入的形式，点击相应的按钮进行操作。

以上基本就是管理员界面，点击那个退出登陆然后选择游客，就会进入另一个世界：





因为是面向顾客的，风格也就要做的更吸引点，对于众多的影片所以我们就选择了这种颜色作为背景。

最上面的是推荐和受欢迎的影片，中间的是正在热映的影片，右边的是可以根据自己喜欢的类型而进行筛选。

在点击你所感兴趣的影片后，影片的具体内容就会显示出来：



在查看之后，如果你真的想看了，那就点击购买。

会出现这个选座位，单击你想坐的位置之后，座位的颜色会变成红色。



实验过程中遇到的问题及解决办法：一开始在管理员界面上，用的是<frameset>框架布局，结果在退出登陆时出现了问题，因为三个网页合并，点击退出登陆的时候就只返回了最上面的网页，其余两个都没有反应。后来采用table里面的<tr>和<td>配合的使用，才得以解决；在用户购票界面，如何点击购买按钮显示另一位组员写的座位视图当时成为了关卡，结果在认真分析各个table里的id后，进行隐藏和显示后，也终于成功。

对设计及调试过程的心得体会：这次的感觉就是，每个人分工是很明确了，但是每个人完成的质量却大相径庭；还有就是在合成的时候，不是自己写的代码，在修改调整的时候真的是挺费劲的。在下次的实验中，应采取每个人写一个整体的模块。