PoetryTab 产品设计

产品设计"/>

PoetryTab 产品设计

一个可以由用户自己来编辑内容的Chrome NewTab插件

目的: 增加使用Chrome用户的诗意

需求点:

1. 当用户打开一个新的chrome标签时,展示一首诗,  背景图,居中展示诗体,默认隐藏赏析. 按照一定规则推送,每日不同
2. 用户可以通过一个地址,进入进行编辑 排版自己提交
3. 通过.....

以上是设计遐想, 以下是实现步骤

这个插件我很早就像做了,有一段时间,我感到我的生活很枯燥,无聊.曾经我也是一个学富五车,才高八斗的才子.也在大学杂志上发表过两三篇文章.也写过一些杂记.和一些朦胧派的诗 扯远了.....

首先我查了一下chrome插件的api 知道的需要怎么做. 其实要做一个新Tab很简单,最简单的一个manifest.json文件 一个html文件 搞定. 

创建了两个文件后,我有摸索了一下,插件的压缩打包,其实不瞒各位 我二三年前就玩过插件了,只是但是才疏学浅,无法精通. 现在的我,学这些 轻轻松松.... 哈哈

创建了两个文件 页面效果也出来啦. 如图

其实做好后也是这个样子, 且听我慢慢道来其中艰辛

效果是出来了.

就这样先写个死的静态页面发布一版试试看吧. 于是. 我找了chrome的webstore的开发者面板. 不得不说这个一个极丑的页面,让我一度以为被人黑了,或者进了一个钓鱼网站. 该吐槽吐槽, 该办的是还是要办的.  上传zip压缩包,填写描述.上传图标.  此处还要吐槽一下这个上传图标.MMP 非要老子上传一个128*128的图片.花了点时间盗了一个ban.

=en

总体来说,发布一个插件还是挺顺畅的.除了一些英文选项我看不懂除外.

第一版就这样发布. 一首诗.

按照我的设想.诗应该是后台录入,每天改变的.而不是固定一首.

所以 是时候封装一个ajax了  于是创建了一个js 开始封装一个简易版ajax 调取一个接口.获取一首诗.渲染到插件上.

封装是好分支. 调接口 渲染数据也不难. 难就难在 后台的处理.接口的编写.

唉....流下了没有技术的眼泪

该流泪流泪 但事情不能不做啊. 何况这是一件很有意义的事情,计划了那么久. 

其实后台我写过的. 不过是建一张表 写一个创建一个查询接口 oK了

搞了一下午, 总算写好了  一个查询接口, 一个创建接口 修改,删除后面慢慢来吧

接口根据forDate来进行约束. 查询某一天的诗.

就这样, 部署服务器,postman 测试.   磕磕绊绊 花了两天业余时间 总算是可以配诗了

到此告一段落吧. 

总结如下: 产品一开始要想做好. 就做最简单的.

诗的题材很多,格式也各式各样.一种排版肯定是不行的. 后期还需要有管理端后台进行对诗的创建. 评审. 让每个喜欢诗的人都可以创建自己的诗.推送给使用该插件的人.

最后的最后,献给我的小云云

你问我最美的诗是什么

我不知道

我只是想起了你