UON

一、项目介绍

项目理念来源于朋友的朋友所发布在notion上的一个概念尝试，对于Fragments of a Hologram Rose（中文名：全息玫瑰碎片）的理念。全息玫瑰碎片有这样一种特点:如果你捡起任何一块碎片，将其照亮，每一块都会呈现出一朵完整的玫瑰图像。在δ波的作用下，我看到你正是那朵玫瑰，而我就是那块方糖。在“浪漫”主题下，关于那种近未来的高科技下低品质生活中所特有的的迷人的失落感，犹如《星际牛仔》片尾的那朵玫瑰，早已讲出Spike的故事——沙漠中的玫瑰，唯用鲜血浇灌。我看到pois便很自然的联想到了poison，“嗯，”我自大地想到，“这是一把双刃剑，或许如同卡斯塔尼达的性灵之旅，是堕落和迷乱，但也会让人真正地看到这个兔子洞究竟有多深。”继续发现，赶紧笑着起身去找了几颗糖放进嘴里。我发现口中的糖可以带来清凉，却不像UON那样轻柔、美好而宁静，它像迷雾的有神，也像灯的漆黑，似乎铺天盖地，却也有迹可循，不需要词与物的相互注释也可以将我引向它。

本项目想展示的浪漫就是对于全息玫瑰碎片的追寻，探索失落感。
本项目的典型用户是任何对未来抱有幻想的人，这并不是亚比的小圈子内的狂欢，而是为大众献上的礼物。

本项目的典型故事情景或许是某个雨天，窝在宿舍，捧杯热饮，舒舒服服地看上一眼。

二、完成情况

由于taber和播放器的冲突，做了一次版本迭代。第一代有四个界面，可以自由调度。第二代删减到一个界面，但是实现了完整的功能。

一代版本

主页：有一个轮播图片和列表文章组成

共鸣：设定了背景图

我的：可以实现用户的登录

二代版本

主页：将原先的三个页面融合为一个，保留轮播图，将列表改为图标

点击UON自我介绍

共鸣界面：作为播放页面

播放列表：正在播放的歌曲和接下来要播放的歌曲

三、控件与技术

包括四个页面
主页index，详情页detail，共鸣页found，我的my

做UI设计的时候，用了一个组件库iView Weapp

关于其使用，用card做例子

使用情况

音频API

创建音频时需要先创建一个对象实例，从而引用该对象的方法和属性

var audioCtx=wx.createInnerAudioContext()

swiper组件
swiper组件是滑块视图容器，本项目中用于实现主界面轮播图。

slider组件
scroll-view组件用于实现可滚动视图区域。

animation动画使用
用于播放音乐时，专辑图片的转动。

四、测试及上线运行情况

本项目现阶段并没有正式上线

五、问题与解决

1.文本换行
找到的解决方法是在文本中添加\r\n，但是没能解决问题，后面发现要在中添加属性style=“white-space:pre-wrap”
2.组件库添加
这里耗费了很长时间
npm的权限不够
app.json
“usingComponents”: {
“i-button”: “…/…/dist/button/index”
}

3.底部taber和播放器冲突
原先的设计如下，但是在添加播放器后，出现冲突，只能将其删除

播放器不仅和底部冲突，还和背景冲突

4.代码包过大
我一开始认为是图片装多了，删除部分后，仍然超了，说明主要不是图片的问题。

按照网上的教程，分了包

      "subpackages":[{"root":"template/home", "name":"home",   "pages":[         "shop_house/shop_house"],"independent":false  },{"root":"template/pay","name":"pay","pages":["pay_house/pay_house"],"independent":false},{"root":"template/hello","name":"hello","pages":["pay_house/pay_house"],"independent":false},{"root":"template/four","name":"four","pages":["pay_house/pay_house"],"independent":false}],

参考

六、心得体会

前几次实验实际上基本是对代码的搬运，单个实验用到的组件也少，基本没有遇到问题。到这次实验，从想法到实现，全部由自己完成。将想法转化实现时，就需要考虑到很多问题，有些地方没考虑好就会影响整体布局。第一代产品，在添加播放器的时候，发现冲突问题，调试很久都没办法，只能直接砍掉底部页面切换，转为单个页面滑动。到第二代，只能是把一代的一些额外功能给它阉割，以便能实现基础功能。除了产品本身，还有很多其他的，比如关于第三方组件库调用，先是安装npm，然后又在程序里面添加，中途报了很多错误，只能慢慢一步一步回推，找出错误改正，是一个不断尝试的过程。

软件工程课程作业--UON相关推荐

第一次软件工程课程作业
第一次的软件工程课程作业这个作业属于哪个课程 <18级软件工程基础> 这个作业要求在哪里我在这个课程的目标是能熟练的运用编程知识,具备个人基本开发能力这个作业在哪个具体方面帮助我实 ...
集美大学1511,1512软件工程课程作业总结
抱歉,这篇文章来得晚了一些. 这个学期,一共 6 次作业,其中 2 次个人作业,4 次团队作业.坦白说,这个作业量,其实偏少了,但是考虑到这个学期情况特殊,本来时间少,数量上只能委屈一下了.我是想说, ...
软件工程课程的第一次作业
软件工程课程第一次作业 1.建立一个public代码仓库 1.1获取秘钥 1.2 创建代码仓库 1.2.1仓库地址 2.评估当前的自己 2.1个人简介 2.2当前值 3.展望未来 3.1 回答关于构建 ...
软件工程课程第一次作业-3120005403
目录作业要求一.评估当前的自己 1.1自我简介 1.2当前值二.展望未来 2.1阅读<构建之法>,并阅读[构建之法社区](https://bbs.csdn.net/forums/So ...
软件工程课程第一次作业
软件工程第一次作业作业属于哪个课程软件工程作业要求在哪里作业要求链接作业的目标 1. 熟悉markdown语法 2. 阅读<构建之法> 3. 撰写csdn博客 4. 评估当前,展 ...
软件工程课程设计“作业管理系统”的总结和期望
目录一.软件工程课程设计"作业管理系统"的总结和期望该系统研究的意义功能概述 web网上作业管理系统的实现注册与登录功能的实现作业提交功能实现教师批改作业的功能实现总 ...
软件工程课程-个人编程作业
评分标准个人项目总共5个周时,总分数30分作业期限每一周算一周时未按时完成作业,但在作业截止后的3天时间内提交作业的,得作业得分x0.6 例如:A同学个人编程作业0 作业得分3分 , 但由于在 ...
2016-2017-2软件工程课程总结
2016-2017-2软件工程课程总结本学期的软件工程课程终于在大家的共同努力下圆满落幕了,我们的暑假也正式开启,终于有时间写写这门课的总结了. 在2016年下半学期末的时候课程组就决定使用邹欣老师 ...
【高级软件工程课后作业】
第一次作业 1.简述研究生阶段如何提高自己的学习能力. ①通过阅读大量的学术论文.文献资料以及国内外期刊,培养自己专业学术论文的写作能力 ②通过学习过程中的小组合作,提高自身的团队协作能力,提高与人沟 ...

软件工程课程作业--UON

UON