仪表板Web应用程序开发案例研究

客户是澳大利亚的一家数据分析公司。他们是澳大利亚公司商业情报的领先提供商,希望了解他们的业务表现。数据分析公司找到我们,希望开发一个web应用程序来监控活动及其各自的指标。

注册打开隐藏宝石的盒子

项目详细信息

工业:数据分析公司
工具使用:Web应用程序,门户开发
地区:澳大利亚


技术应用:亚马逊网络服务

这个团队

项目协调员:1人
UI / UX设计师
前端开发人员- 2
后端开发人员- 2
Qa - 2

目标

客户是澳大利亚的一家数据分析公司。他们是澳大利亚公司商业情报的领先提供商,希望了解他们的业务表现。数据分析公司找到我们,希望开发一个web应用程序来监控活动及其各自的指标。

主要目标是重新构建具有更好的UI、导航和功能的成员门户的当前版本。

客户端有清晰的功能路线图、详细的线框图、模式和成员门户所需的站点地图。

Web应用特性

  • UI/UX重新设计,符合行业最佳实践的会员门户
  • 用户访问和权限,因为它处理高度机密的数据
  • 在各种产品/仪表板之间直观,更容易导航
  • 为自助服务功能创建客户端管理页面
  • 用于支付和发票的分条集成
  • 对整个应用程序的授权
  • 稳定和安全的单点登录过程
  • 仪表盘和其他嵌入Tableau的应用程序
  • 使用双因素身份验证和外部识别
  • 移动响应式设计
  • Amazon Web Services: ECS和RDS托管站点
  • 支持跨各种浏览器的Web应用程序
Dashboard-web-app-features

设计及开发过程

根据RFP,我们开始准备SRS。在SRS准备期间,我们在项目开始前与客户进行了大量的澄清。

经过详细的头脑风暴会议,我们使用Adobe创建了一个模型设计。XD。经过几次迭代,设计花了2个月的时间才最终确定。一旦设计得到客户的批准,项目就进入了开发阶段。

web应用程序的工作流程——客户端通过发布客户的报告和仪表板并管理客户的访问和权限来提供服务。

整个开发过程使用Git和GitHub存储库进行版本控制,其中代码会自动更新。这样,所有参与项目的开发人员都可以很容易地访问代码。

会员管理

会员管理模块是一个自定义开发。该模块用于通过各种成员资格计划维护成员。在这里,成员将根据其角色获得各种访问和权限级别。

单点登录

本项目中的SSO流程使用Auth0集成。身份验证过程将允许用户使用一组凭据对多个应用程序进行安全身份验证。这个过程将有助于消除许多凭证的使用。

Tableau是数据的可视化表示。我们集成了Tableau,因为它可以很容易地用收集到的数据生成所需的报告。还实现了“可信票据”功能,以减少访问Tableau仪表板所需的用户许可数量。

数据管理

除了Tableau生成的报告外,其他数据,如客户详细信息、预算详细信息和由客户收集的分类帐,完全由My SQL维护。

SendGrid

SendGrid已经集成到这个项目中,用于发送定制的电子邮件和通知。SendGrid的动态模板用于根据客户的状态向客户发送电子邮件/通知。

智能引擎邮件发送

智能引擎邮寄集成的目的是通过定期邮寄给他们的客户来访问会员的门户网站。

发票、账单和定期订阅的流程

条纹

Stripe是一种流行的支付网关。这已经集成到这个项目中,以便客户接受来自客户的订阅付款。

鑫元鸿

Xero是一个知名的会计平台。这种集成将帮助客户了解其业务的总收入和支出。根据客户的支付状态,Xero将为客户计算账户详细信息。

Jira

Jira已经被集成到一个屋檐下查看所有的请求和客户的客户提出的错误。客户可以通过为客户端创建的成员门户轻松提交他们的请求。

可伸缩的架构

使用AWS - ECS和RDS实现了可伸缩的体系结构。这种体系结构的优点是,随着用户数量的增加,数据库可以相应扩展。

所有的集成都已经成功地实现,并且项目已经开始运行。

结果

  • 用户体验注重对用户的深刻理解
  • 页面加载时间小于1秒
  • 菜单位置看起来很容易导航到其他页面
  • Ajax加载看起来很有吸引力
  • 有效保障整个网站的安全
  • 用户流程很容易理解
Varsha
关于作者- Varsha

我是一个热心的文案,每天都有学习的热情。在CW,我有机会为不同的行业撰写文章,从而使我的知识更加丰富。我喜欢写作的原因是研究部分,因为我可以在谷歌搜索的同时探索数据。我在WooCommerce插件和电子商务平台的文字处理方面也很有经验。当我不写作的时候,我喜欢尝试新的菜肴,同时也是一个书虫。

准备开始了吗?

让我们来创作你的下一个数字故事

我们的专业认证- ColorWhistle
转到顶部
关闭弹出

大家一起说

    当然可以,请留下您的详细信息,我们的代表将很高兴给您回电!

    例:无名氏

    例:美国

    更多细节,加速这个过程:)

    Baidu
    map