バイオレットの音楽コミュニティ・インタフェースのプロトタイプのマニュアル

バイオレットの音楽コミュニティ・インタフェースのプロトタイプのマニュアル

I.はじめに

1.0以前の段階のプロジェクト関連文書

• バイオレットの音楽コミュニティは、分析文を必要とします。https://www.cnblogs.com/Keadin/p/11791088.html
• バイオレットの音楽コミュニティの設計文書：http://www.cnblogs.com/Keadin/p/11885656.html
• バイオレットの音楽コミュニティAPIインタフェースのドキュメント：https://www.showdoc.cc/589304476235742
• バイオレットの音楽コミュニティインターフェースプロトタイプデモ：http://kealine.top/SE/demo/

客観1.1書き込み

この文書では、「バイオレット」の音楽コミュニティ開発チームのガイダンス文書です。このドキュメントは、ソフトウェアの品質を向上させながら、チーム間で読み取るために、開発者を支援します。開発者は、この文書をお読みください文書化要件に応じて開発することが、所望の機能と効果を実現します。

1.2開発の背景

音楽は芸術である、感情を表現するために、トーンの人々によって組織され、芸術は現実の人間の感情を反映しています。近代的な技術の開発は、音楽の媒体としてソーシャルプラットフォームに今日のインターネットでの音楽いつでも、インターネットを使ってどこでも、非常に少数を楽しむことが可能となります。「バイオレット」の音楽コミュニティ - このチームは「音楽+社会的」、曲のセットの開発、オンラインコミュニティの一つとして、デートや議論を形成したかったです。バイオレットマルチフィンガーバイオレット、このチームの目的は、人々の間の距離を狭めながら、為替の音楽への人々のためにこのプラットフォームを強化するために、恥ずかしがり屋の人として記述することができます。

第二に、ショーへのインタフェースのプロトタイプ

2.0インタフェースデザインノート

紫「と、」「バイオレット」の音楽コミュニティという名前のこの音楽コミュニティメインカラーとしてローランドパープル「（＃9B59B6） 『含意、我々は時間のフロントページを設計したので、選択して』。コミュニティ指向のグループは主にないので良い対人若年層、我々はフラットなデザインを選んだのインターフェースシステム全体、ミニマリストは、より多くの若い人たちの美的に沿って、対応するシステムの動的効率は、我々はまた、比較的活発で活気あるプログラムを使用します。

2.1ホーム

コミュニティホーム最もホットな新しいコミュニティコンテンツホームは、地域社会のさまざまな部分を示し披露コミュニティにユーザーコミュニティに入ることを意図し、大絵巻、単一人気曲、人気の投稿、人気円と人気のダイナミック・モジュールの新しいを含み本質的には、各ページは、入口部分に接続されています。

2.2 1曲/アルバム/シングル・インターフェース

シングル曲/アルバム/シングルインターフェース・モジュールは、音楽コミュニティの中核部分であり、その簡潔なレイアウトもこのコミュニティのコアコンセプトを反映して、このページでは、ユーザーは、曲のリソースにアクセスし、自分の好きなコンテンツのコレクションを選択し、曲を追加することができますシングル、再生などの操作。、だけでなく、より多くの人々と共有するページのコメント領域の下部を介して音楽を聴くのプロセスへの洞察。

2.3インタフェース・ライブラリー

銀行は、モジュールの内容を検索するための関心のあるユーザである。このコミュニティの音楽ライブラリの簡潔な、余分な勧告のみページ全体入力ボックスのコミュニティのアイコンと検索する。ユーザ入力キーワードの後、システムは、最も関連性が表示されます強力な候補リソース。

2.3.1ミュージックライブラリの初期状態

2.3.2音楽ライブラリの検索状態

2.4サークルリストインターフェース

コミュニティのすべての円はインターフェイスをプレビューします。

2.5ホームサークル（円柱のリスト）

一个圈子的主页面.包含圈子的简要信息以及圈子中的所有帖子.每个帖子将会显示其热度(参与量)、标题、内容摘要、发起人等信息.用户也可以在该页面选择加入/退出该圈子.

2.6 帖子详情页面

帖子的详情页面,是本社区社交部分的核心区域之一.本页面包含在该帖子主题下,所有参与的用户的评论.在该页面,用户可以发表自己的看法,也可以为别人的精彩观点点赞.

2.6.1 帖子预览

2.6.2 回帖操作

2.7 动态界面

动态页面,是本社区社交功能的另一个核心区域.该区域旨在创造一个用户发表个人独特见解的空间,该动态将会公开显示在其他用户的动态界面,使陌生人之间的社交变得更加简单.

2.7.1 动态预览

2.7.2 动态评论展开

2.8 用户登录界面

2.9 用户注册界面

2.10 全局播放器

本社区采用社区全局级的播放器,在页面跳转中也能保持歌曲的正常播放,提高用户的使用体验. 正常状态下,播放器将会收拢在页面的左下角, 不影响用户对于圈子、帖子等内容的正常浏览. 需要对歌曲进行操作时(切歌、调整音量、设置播放模式等),可以讲其展开.

2.10.1 播放器靠边收拢状态

2.10.2 播放器完全展开状态

2.11 页面点赞

社区的"点赞"图标为一个星星,意为"Star It".星星的亮度虽然不高,但足以点亮陌生人之间的交流,拉近彼此之间的距离,是本社区理念体现的一个小窗口.

2.11.1 点赞前

2.11.2 点赞后

三、人员分工

学号	姓名	分工
31701030	周佳辉	Web端页面设计,前端总框架设计部署
31701013	罗贤哲	Web端页面数据接口实现,前后端接口文档撰写
31701009	董腾然	服务后端帖子、圈子部分实现,需求文档撰写
31701015	孙华阳	服务后端歌曲、资源部分实现,数据库设计
31701007	陈天翼	服务后端动态、评论、点赞部分实现,数据流图绘制
31701059	周家豪	服务后端用户部分实现,需求文档撰写