组长：2310716 李蔓
组员：2311241 王宇飞
天津张学良故居网站设计文档
一、定位
天津张学良故居的综合性的文化遗产展示与服务平台。
二、SWOT分析
优势（Strengths）
天津张学良故居网站在资源整合与用户体验方面具有显著优势。它有效弥补了线下导游资源不足的问题，尤其在旅游旺季，游客可通过网站获取详尽的导览信息，缓解景区接待压力。网站还设计了互动模块，通过趣味性内容增强用户参与感，帮助游客缩短与历史文化的距离。此外，网站对文化资源的系统整合是一大亮点，例如梳理张学良的生平轶事、与赵四小姐的情感故事以及故居的历史背景，为游客提供了深度的文化体验。
劣势（Weaknesses）
网站目前仍存在一些局限性。一方面，其知名度与流量较低，由于沈阳张学良故居的"光环效应"，天津故居的线上存在感较弱，亟需加强宣传推广。另一方面，技术功能相对不足，例如缺乏VR、AR等沉浸式体验技术，界面设计和交互逻辑也可能不如故宫博物院等大型场馆的网站流畅，影响用户满意度。而且内容的持续更新与维护需要投入较高成本，包括展览资讯、活动策划等，这对运营团队提出了长期挑战。
机会（Opportunities）
从外部环境来看，网站发展面临多重机遇。随着文化旅游市场的升温，游客对历史文化景点的兴趣日益增长，但我们观察到目前天津张学良故居官方只有公众号预约的线上途径，且是与天津多个景点整合在一起，极大削弱了该景点的便民性。同时天津许多其他景点也具有该特点，我们希望通过天津张学良故居网站，便民利民发展旅游的同时，引起相关部门对天津其他景点网页的设计完善。最后，我们认为如果能联合天津其他历史文化景点，设计串联式旅游线路或教育资源，将进一步增强网站的综合吸引力，撬动更广泛的用户群体。
威胁（Threats）
与此同时，潜在威胁不容忽视。文化旅游领域的竞争日趋激烈，同类景点的官方网站不断升级功能与内容，若天津张学良故居网站未能持续创新，可能被边缘化。用户需求的快速变化也是一大挑战，例如对移动端适配、实时互动等功能的期待，若响应滞后可能导致用户流失。此外，技术迭代速度极快，若网站未能及时引入新技术（如AI导览、元宇宙展示等），不仅会降低用户体验，还可能影响其在行业中的竞争力。
三、主要功能介绍
-
1. 首页
首页作为网站的核心入口，采用分区式布局高效整合关键功能。顶部轮播图动态展示故居特展资讯，中部清晰划分四大功能区：
最新新闻：实时更新故居要闻、学术活动及政策公告。
楼层导览：概述展馆三个楼层的主要展览方向和展览内容。
文创精品：可打开线上商城界面。
故居活动：预告及介绍主题展览、研学项目等限时活动。
同时附上版权声明和地址等，增强网站的专业性与可信度。
-
2. 线上商场
我们结合了本专业电子商务的特色，构建文化消费与数字营销的融合生态，搭建了线上文创商城，精选张学良故居衍生产品、天津非遗手作及城市主题设计单品，展示文创产品并支持用户登录后在沉浸式购物环境中完成浏览、收藏、加购、支付全流程，充分与文创商品的流行趋势相融合，推广天津文创产品。
-
3. 走近故居
本模块聚焦张学良故居的历史文化背景，下设子栏目如"少帅生平""津门岁月""建筑特色"等，通过图文、视频等形式，详细介绍张学良的生平事迹、民国历史故事及故居建筑特色。少帅生平介绍了张学良及其亲属。津门岁月时间轴帮助游客建立历史认知，在参观时增强游览时的代入感。建筑特色则用视频从建筑的角度详细介绍了张学良故居。
-
4. 展馆介绍
以虚拟导览为核心，分区域展示故居内的展厅及场景。用户可点击查看各展馆的图片和文字解说，了解各个展厅的故事。此模块特别适合搭配楼层导览行前预习或无法实地参观的游客"云游"故居。
-
5. 预约订票
提供在线购票渠道、预约参观时段、查询票价及注意事项的功能，可点击跳转到第三方购票平台进行购票。页面明确标注优惠政策（如学生票、团体票）及注意事项（如闭馆日期），并附带预约须知，帮助游客高效规划行程，减少现场排队时间。并且我们希望与张学良故居取得联系，在我们的官网购票渠道中加入付款通道。
-
6. 游客论坛
互动交流专区，游客可分享参观体验、上传照片或提出建议。论坛设置景点投诉、游客讨论区、论坛公告三类互动话题，方便用户对景区和网站提出宝贵建议、讨论张学良相关历史或咨询实地游览问题。由管理员定期回复，形成景区与游客的良性互动。
-
7. 注册/登录
用户注册账号后可解锁更多功能，如论坛发帖、活动报名、个人预约记录查询等。支持手机号或邮箱快速注册，界面简洁友好，确保操作便捷性。登录后还可收藏感兴趣的内容，提升个性化体验。
-
8. About Us
介绍运营团队信息及课程设计。
四、使用的技术介绍
该网站在技术架构上采用经典成熟的Web开发方案。
前端实现基于Web基础三件套构建：HTML负责页面骨架搭建，通过语义化标签规划内容分区，确保信息层次清晰可访问；CSS专注视觉呈现，控制字体、色彩、响应式布局等样式规则，塑造简洁美观的界面体验；JavaScript补充交互逻辑，增强用户操作反馈。本次开发中重点运用HTML/CSS实现核心功能，兼顾效率与兼容性。
后端系统采用PHP驱动Joomla内容管理框架。 PHP作为服务器脚本语言直接嵌入HTML处理表单提交、用户认证等核心逻辑，基于Joomla的模块化架构，我们不仅快速实现了新闻发布、展品管理等标准功能，还集成专业扩展组件增强特色功能——例如采用JT Historia时间轴扩展可视化呈现"津门历史"重大事件。整套环境基于XAMPP集成方案部署，其内置的Apache服务器提供Web服务托管与URL优化支持，MySQL数据库通过PHPMyAdmin可视化工具集中管理用户数据、购买记录、预约记录等数据。
五、页面设计稿
以下是页面设计稿，部分页面还将根据设计继续优化。
