html5,完成一份软件设计文档,实在没有思路,求解

需求分析:
1、所需要开发的软件系统边界
2、系统所有的相关及使用人员角色
3、系统关键的使用场景
4、系统规模、性能要求以及部署方式等非功能性需求
功能设计:
1、系统行为
2、系统架构设计
3、系统开发师徒及技术路线选择
4、系统逻辑视图
5、系统部署视图
6、系统模块视图
7、系统的领域模型
模块/子系统概要设计
1、模块实现机制设计
2、模块接口设计
3、关键类设计
4、时序图
5、交互图
模块详情设计
下面题目选其一
1、图书馆里面系统:主要功能描述
(1)管理读者的基本信息:读者姓名、性别、学号等
(2)管理书籍的基本信息:图书名称、图书编号、作者、出版社、单价、存在状态(已借出或是库存)、存放地点,若已借出,则归还日期等
(3)对新进图书进行录入,包括图书的基本信息
(4)支持读者查询图书的基本信息
(5)对撤销的图书进行删除
(6)为读者办理注册,包括读者的基本信息
(7)为读者办理借书手续(非注册者不能借书)
(8)若读者借书到期未还,要对读者进行罚款,并记录读者的不良记录

2、网上购物系统:主要功能描述
(1)用户注册、登陆、退出
(2)用户通过浏览器访问网上购物系统,系统以分类的形式显示所有商品
(3)系统提供关键词检索功能,帮助用户逐步找到所要的商品
(4)用户在浏览商品目录时,可以点击查看商品的具体信息和价格,如果满意,用户可以将商品暂时放入“购物车”,也可以随时从“购物车”中取出商品,当用户选完后进行付款处理,用户输入信用卡号,系统连接到对应的银行支付系统,开始支付。
(5)系统向管理员提供查询界面和各类报表,统计商品的销售情况。

那你这 首先 需要 原型图 ,和 需求文档 ,再结合 前端 和后端 研究 逻辑 和思路(比如:用什么框架 和技术栈)