我们决定把重点放在制药行业，特别是医生和销售代表之间的关系上。我们的主要目标是创建一个销售代表可以轻松使用的门户网站，以便跟踪他们的日常任务并规划就诊路线。

我们提出了一个使用html5、CSS、JavaScript和UI5的解决方案。在这篇博文中，我们将对过程进行总结。

首先，个人用云服务器，我们召开了一次会议，讨论了我们感兴趣的不同商业案例和挑战。

然后，我们安排了一次与我们的开发人员、顾问、用户体验设计师和项目经理团队的设计思考会议。我们关注最终用户的需求，通过使用SAP user Experience Design Services（Build）建立了一个角色

我们需要一个角色来代表门户的普通用户。这个虚构的角色是基于我们在医药销售代表和制药行业中所做研究的综合。这就是为什么我们想到了理查德，医药销售代表。

在创建项目后，软件企业优惠，我们开始了第一个原型。使用低保真线框定义用户流和导航步骤是理解和实现门户功能的关键。我们决定使用侧边栏菜单（基于管理模板），因为它提供了对部分的简单访问，并且能够很好地适应不同的设备。

创建高分辨率线框有助于我们进行CSS样式和页面结构。每个部分都有其标题和定义的调色板。我们还添加了自定义CSS转换，当用户选择另一个部分和按钮动画

MyRoutes门户分为五个不同的部分，考虑到销售代表工作程序的每个方面：

配置文件

提供了对最常用的应用程序的快速访问：

通知列表他要去看的医生概况议程：包括医生姓名、专业、电话号码和电子邮件。日历：包括医生的班次，时间范围和地点。路线生成器部分和费用报告的快捷方式互动程序。

路线生成器：

在这里，用户可以查看医生列表和当前与他们的距离，以及上次就诊时间、处方级别、处方趋势以及是否有专业人员。

如果用户选择了医生，bi大数据，他可以获得有关专业人员的详细信息。这包括与他专业相关的药物，他在最后一个时期开了多少药，以及他目前的处方趋势是上升还是下降。

使用者还可以看到医生的轮班。这是非常有用的，因为有时医生在同一天在不同的地方工作；如果他点击某个班次，他就会得到地址，并可以通过谷歌地图的链接看到医生的确切位置。

在医生列表中，用户有一个按钮，将专业人员添加到路线列表中。

路线列表：

销售代表添加医生的表格。一旦用户在路线上有医生，他就可以看到每个专业人员之间的距离、确切位置、就诊状态（如果是等待就诊或就诊），还可以添加最后一次就诊的日期。医生也可以从名单中删除。

费用报告：

应用程序跟踪费用，并上传机票到公司使用OCR。每项开支都分为不同的类别，大数据技术，如食物、交通和旅行。如果用户点击油炸圈饼的图表标签，则可以按类别过滤票证；如果用户点击每个条形图标签，则可以按批准状态过滤票证。

由于OCR，还可以上载票证并将其添加到列表中。这允许应用程序识别标题、日期和总花费。您可以尝试上传您自己的票据（使用下面的一张查看其工作原理）。

库存控制：

跟踪销售代表提供的医疗样品。在那里他可以看到样品的照片、简要说明、有效期、产品编号、库存余额，还可以更改规定数量的数量。

配额：

监控该期间的销售额和达成的目标。销售代表可以看到该期间的剩余时间，这是一个堆积的柱状图，显示了他到目前为止的目标和销售额。他还可以看到前三名的药品销售，处方的产品数量，医生销售和本季度销售收入。

我们决定使用SAP Netweaver Service Builder（SEGW）为我们的门户构建oData服务。

Service Builder允许我们定义门户所需的实体以及实体之间的关系。

我们从一个非常简单的实体图开始与医生，销售代表，路线，样品，处方等实体。我们很快意识到，为了有一个灵活的数据结构来代表业务的实际情况，我们需要添加比我们最初设想的更多的实体实体。

这是我们最终的实体关系模型：

基于使用SAP WebIDE的实体模型，我们能够为我们的应用程序生成模拟数据，而无需为我们的应用程序实际开发后端。

减少计划时间（从45分钟减少到5分钟）能够根据处方事实动态更改计划看看附近有谁减少开车、停车费和伙食费不太成功的访问

下面有两个门户网站的演示视频，一个是桌面版，另一个是移动版。该门户网站在两种设备上都运行良好，包括平板电脑。

您可以通过以下链接访问MyRoutes门户网站：

https://flpnwc-b04e10511.dispatcher.us1.hana.ondemand.com/sites/portalchallenge#Profile-显示

在下面的登录中启用了"注册"按钮。你必须把你的证件，淘客app开发，然后一个积极的激活电子邮件将被发送到进入门户网站。

这篇博客文章总结了许多小时的团队工作。希望您能像我们一样享受。

问候，

六边形咨询团队。