CMoney软件工程师战斗营_专题制作改善ui/ux_Week 19

在这里我就直接开门见山丢上我最终画面了
网站(再过几天服务应该就会到期)
http://crypto-monolith-316105.an.r.appspot.com/#/
这是我剪的简易影片

在登入画面多了忘记密码的寄信功能
也把网站介绍给补上

大厅

功能提示

左边墙上电视-toutube影音分享
这里是串接youtube的api获取影片名字

大厅右边冰箱-匿名留言板

房门头像-名片

房门上头贴-进入使用者房间

此为初次进入画面
之後可藉由衣柜改变装饰

还记得这是我在17周写下的
现在就呈现最终画面

书柜：个人看板，类似於部落格,里面会有查看看板,发文,预览及留言功能
日记：房主才能使用,可以编辑文字和图片,月历可以查看哪些天有纪录
电脑：聊天室,可以和另外六位室友私讯
照片：可以放三张照片当摆设
衣柜：更换房间样式

书柜
所有文章的预览缩图
没有图片的话会是玩家头像(右一)

点开文章
房主可以编辑文章,删除文章
文章下方可以供大家自由留言

日记
我换了另外一个插件-DatePicker
我才能轻易做标记动作
有做rwd

电脑
这边很可惜来不及研究socket
使用定时器,固定每1.5秒去呼叫api得到目前聊天记录

有趣的是
我的partner会用这个功能跟我沟通

照片
也就是房间左上角图片
可以进来设置照片

衣柜
原本想拿来做成就系统
也就是互动越多的人(依据发文跟留言)可以获得更多家具
但时间来不及就只好开启金手指模式

藉由衣柜可以打造不同风格的房间

再来就是为了让使用者认识不同的人
我们提供搬家功能-让使用者自主搬移到排除本社区之外其他人数最少的社区
点击右上角设定後再点选搬家

选取确认，就可以顺利离开

搬家可以带走的：
房间装饰、相片、文章、日记、大厅上传的yt影音

以上大致就是我们的网站功能！