具备宠物同城寄养平台功能的交互式网站设计

时间：2024-05-04

文/孙郁露汤克强

1 网站设计的目的

在当今的社会生活中，由于工作或度假等多方面原因，人们在一年中多多少少会安排相应的出行计划，而此时宠物的寄养就成了很大的问题。面对宠物店寄养的高额消费且寄养品质得不到充分保证，以及朋友家寄养的不便等问题，人们往往会陷入两难的境地。而根据市场调研表明，人们日常在宠物医院和宠物店的消费也成为了家庭的一大笔支出。

现拟制作一个用户在出行期间可以相互寄养宠物的网站，为用户推荐并提供同城的宠物寄养家庭，该平台的设计开发是同类型宠物网站所忽略或根本不具备的创新性功能。通过将互联网技术应用于宠物行业的方式，为市场上宠物寄养提供更科学便捷，实惠可靠的方向。

在网站的开发过程中，我们不仅仅考虑到了制作网页的问题，而是通过对网站的功能定位，目标用户，服务事项，用户信息安全，以及后台数据库的处理技术等方面进行系统地分析设计。旨在实现网站预期功能的基础上，建立一个交互式的高品质网站。

2 开发工具的选择

我们使用的网页编辑软件为Macromedia Dreamweaver 8，该软件具有强大的代码书写功能，并具有十分友好的编辑界面，是Web站点和应用程序开发的专业工具。它将网站的代码书写和功能研发有效得组合起来，通过可视化的布局，克服了许多编辑过程中的代码冗余问题，使开发者可以不受技术级别的局限，快速且高质量地完成对页面的设计开发。

在网站的图片编辑和优化工具上，我们选用了Photoshop 7.0。该软件作为DTP 和图像处理软件的结合，拥有强大的图像编辑功能和广泛的使用基础。它可以使图像设计人员在电脑端直接完成文字的录入和排版，图像的编辑和处理，形象创造和分色制版等一系列的工作。为网站图片的编辑和美化提供了很高的便利性。

3 系统功能的实现

3.1 同城寄养家庭的推荐算法

我们首先对已注册用户的数据信息进行了统计和整理，当有其他用户访问网站并填写了寄养申请之后，我们会采用 Levenberg-Marquart 算法，以两者的相对距离，期望消费价格以及宠物的体重等为约束条件，对数据库中已有的数据信息进行计算，筛选出符合约束条件的变量。并进一步根据用户所提供的其他要求，对相关解进行再次的筛选，最终得出符合寄养条件的最优家庭。

网站会针对不同用户的兴趣爱好，推荐不同的内容。这里采用了被网站行业广泛应用的协同过滤算法。该算法主要分为user-based和item-based 两种类型。user-based 主要应用于发现具有相同关注兴趣的小团体，而itembased 则会根据用户在网站上所浏览的历史行为来为用户生成推荐的列表。网站通过对两种算法的综合，根据用户所发表的寄养体验和寄养评价，以及用户在网站上对合作的宠物商家的云商城的浏览情况，为用户推荐更感兴趣的宠圈和宠物用品。

3.2 用户数据的安全管理

对于一个交互式的网站，用户的信息密保工作成为了网站品质的重要衡量标准。为了防止网站用户的资料泄露，我们采用了非对称hash 加密算法。该算法可以使后台的数据存储变得相对安全。网站为不同用户建立不同的随机盐，从而避免攻击者对用户数据的恶意泄露。

而作为服务器端，我们需要对用户的信息进行整理和使用。因此采用cookie 技术对用户和商家在网站上的浏览及搜索记录进行合理监听，浏览器端只会保存用户的ID，而真正的浏览记录则是保存在用户端。

通过上述方法，网站会在为用户提供同城寄养家庭信息的同时，尽可能地保证用户数据的安全性，以此消除用户对于网上认证和预约寄养时的顾虑。

3.3 网站的交互性优化

网站将会由多个静态Web 资源和动态Web 资源组成，静态Web 是指在一个服务器上直接读取这些内容，这就意味着这些网页的内容是通过网络服务器展现给用户的，用户端使用Web 浏览器通过网络连接到服务器上，使用HTTP 协议进行数据的请求和接收，客户端接收到内容后经浏览器渲染解析，得到最终显示的效果。

由于静态Web 无法连接数据库，因此不能实现和用户真正意义上的交互。而我们需要搭建的是一个具有强交互能力的功能性网站，所以除了基本的数据和图片使用静态Web，部分功能的实现还需使用动态Web，从而保证其页面效果会因时而变，可以进行动态的刷新，最终实现用户、商家和网站的交互功能，达到预期网站功能的同时，提升用户的浏览体验。

我们将利用Webpapefx 来测量网站的可读性，并进行进一步的改进。由于用户在第一次访问网站的时候，用户的体验至关重要，因此网站创建了用户旅程地图来获取用户浏览本网站的典型方式。然后进行用户的期望匹配、建立信任的网站内容、聚焦微文案、优化布局、丰富视觉层次等一系列的网站后期的完善和优化工作。