写一个用户故事，画出它的用例场景并描述它，再画出实体关系图，最后画出它的UML类图

用户故事：

作为一个社交媒体用户，我希望能够在我的朋友圈中发布图片和文字，以便与我的朋友分享我的生活点滴。

用例场景：

1. 用户登录社交媒体应用
2. 用户点击“发布”按钮
3. 系统跳转至发布页面
4. 用户在发布页面中输入文字或上传图片
5. 用户点击“发布”按钮
6. 系统将用户发布的内容显示在用户的朋友圈中

实体关系图：

用户 --- 发布 --- 文字/图片

UML类图：

+--------------------+       +-----------------+      +-----------------+
|        用户         |       |     发布      |      | 文字/图片 |
+--------------------+       +-----------------+      +-----------------+
| - 用户名           |       | - 发布ID        |      | - 文字/图片ID  |
| - 密码             |       | - 用户ID        |      | - 内容          |
| - 好友列表         |       | - 发布内容      |      | - 类型          |
+--------------------+       +-----------------+      +-----------------+
| + 登录()           |       | + 发布()        |      | + 获取内容()     |
| + 注册()           |       | + 查看发布()    |      +-----------------+
| + 添加好友()       |       | + 删除发布()    |
| + 删除好友()       |       | + 修改发布()    |
+--------------------+       +-----------------+