CN114915608A - 一种基于Web实现安全信封的方法 - Google Patents

一种基于Web实现安全信封的方法 Download PDF

Info

Publication number
CN114915608A
CN114915608A CN202210566534.5A CN202210566534A CN114915608A CN 114915608 A CN114915608 A CN 114915608A CN 202210566534 A CN202210566534 A CN 202210566534A CN 114915608 A CN114915608 A CN 114915608A
Authority
CN
China
Prior art keywords
envelope
skin
mail
password
safe
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210566534.5A
Other languages
English (en)
Inventor
郭恒海
陈轶欧
郭子华
刘中涵
秦俊峰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Cssca Technologies Co ltd
Original Assignee
Beijing Cssca Technologies Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Cssca Technologies Co ltd filed Critical Beijing Cssca Technologies Co ltd
Priority to CN202210566534.5A priority Critical patent/CN114915608A/zh
Publication of CN114915608A publication Critical patent/CN114915608A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/07—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail characterised by the inclusion of specific contents
    • H04L51/10—Multimedia information
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L63/00—Network architectures or network communication protocols for network security
    • H04L63/08—Network architectures or network communication protocols for network security for authentication of entities
    • H04L63/083—Network architectures or network communication protocols for network security for authentication of entities using passwords
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Computer Hardware Design (AREA)
  • Computer Security & Cryptography (AREA)
  • Computing Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种基于Web实现安全信封的方法，设有安全信封与普通信封模块，首先需要选择是否启用安全信封，选择是则启用安全信封，选择否则启用正常邮件编写模式；启用安全信封进行对信封设置密码；邮件编辑完成后再进行选择是否需要阅后即焚模式，选择是，则阅后即焚；编辑完成后选择发送；查看模块在邮件接收端，从收到邮件的列表中，进行点击选择安全信封查看；显示安全信封，并展示信封打开的动态效果，点击阅读按钮，输入密码。本发明解决行业内了安全信封单纯一张静态图片的单一用户体验问题，同时通过将信封拆封功能本地化，解决了用户跳转第三方网页查看邮件的麻烦，只需要在信封界面里就可以输入密码查看邮件即可，操作简单方便。

Description

一种基于Web实现安全信封的方法
技术领域
本发明涉及邮件技术领域，具体为一种基于Web实现安全信封的方法。
背景技术
目前现有的邮箱客户端管理工具，对于邮件管理上，未能按照用户的私密和安全性需求做区分处理，邮箱客户端内所有的邮件都可以直接点击查看，无法对一些私密邮件进行单独的保护。针对这一类需求场景，诞生了安全邮件客户端的这类产品应用。
当前竞争对手的类似产品中，对私密邮件的展示是采用一张静态的信封图片来体现安全的概念，单纯一张静态图片使用户体验感单一，并且查看邮件内容需要跳转到第三方网页来输入密码查看邮件内容。所以就需要一种基于Web实现安全信封的方法。
发明内容
本发明的目的在于提供一种基于Web实现安全信封的方法；
本发明是这样实现的：
一种基于Web实现安全信封的方法，具体按以下步骤执行：
包括写信模块与查看模块，其中写信模块具体按以下步骤执行：
S1:设有安全信封与普通信封模块，首先需要选择是否启用安全信封，选择是则启用安全信封，选择否则启用正常邮件编写模式；
S2:选择启用安全信封后，启动安全信封编写模式，进行编写前首先选择安全信封皮肤，再选择安全信封邮票，下一步进行对信封设置密码；
S3:邮件编辑完成后再进行选择是否需要阅后即焚模式，选择是，则阅后即焚；编辑完成后选择发送；
S4:查看模块在邮件接收端，从收到邮件的列表中，进行点击选择安全信封查看；
S5:显示安全信封，并展示信封打开的动态效果，点击阅读按钮，出现密码输入框，输入密码，进行判断密码是否正确；
S6:密码正确，则打开安全信封进行查看，不正确则回到步骤S5；
S7:是否启用阅后即焚，是则阅读完毕即销毁邮件，否，则阅读结束。
进一步，在步骤S2中，所述信封皮肤和邮票均设有多套，所述信封皮肤和邮票均使用了CSS和JavaScript实现，其中信封皮肤采用SVG图片，其中信封皮肤设有2D交互动画效果，具体是通过以下技术手段实现；通过CSS3.0提供的2D动画控制，具体包括通rotate()控制信封旋转效果；通过skew()控制信封斜切效果；通过scale()根据屏幕大小控制信封的大小比例效果；通过matrix()综合控制信封的旋转、缩放、移动和倾斜效果，通过box-shadow控制信封的立体阴影效果；在所述信封皮肤中通过title工具实现密码框。密码框由用户点击后，在邮件信封皮肤组件上弹出密码输入框，用户输入密码验证通过后，可以直接查看到邮件内容。
进一步，其中多套邮票通过CSS实现邮票主题SVG图片的锯齿状切图效果，按照组件化配置写入信封组件本地化的JSON文件中，并配置到JavaScript皮肤引擎——skin-engine.js中，其中每一个皮肤单独对应一个JSON文件；当用户选择对应的邮票时，stamp-engine.js会自动加载邮票主题的JSON文件，呈现到信封对应的位置上，并随信封一起做翻转等动画效果。
在用户进入到写信界面，勾选使用安全信封时，JavaScript皮肤引擎会自动扫描配置目录下所有的皮肤主题并进行加载，提供给用户选择，信封组件默认带7套皮肤，包含中秋节，国庆节，春节等主题的皮肤。
进一步，信封皮肤组件动画通过CSS代码扩展实现，按照皮肤组件预定义的动画属性跟信封皮肤一起写入到本地JSON文件中，当用户选择该信封皮肤后，JavaScript皮肤引擎会自动加载对应的动画属性。信封皮肤组件和邮票组件会自动预留slot插槽，供工作人员后面自由选择的邮票组件嵌入，提供更多的信封皮肤和邮票皮肤样式。
与现有技术相比，本发明的有益效果是：通过一个可动态交互的信封设计，替代了传统用静态图片的信封，通过将信封组件化、邮票组件化、信封交互动态化，解决行业内了安全信封单纯一张静态图片的单一用户体验问题，同时本发明通过将信封拆封功能本地化，解决了用户跳转第三方网页查看邮件的麻烦，用户只需要在信封界面里就可以输入密码查看邮件即可，操作简单方便；
并且：本发明可以翻转的安全信封，有正面，有背面，信封可以更换皮肤主题；可以贴不同的邮票；实现了高度仿真的信封效果，赋予信封交互功能，呈现出信封使用的2D立体感，用户体验丰富。查看邮件步骤快捷、高效，同一个用户可以通过不同的信封皮肤和邮票组件发出不同信封样式和邮票样式的邮件。
附图说明
为了更清楚地说明本发明实施方式的技术方案，下面将对实施方式中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1是本发明的写信流程图；
图2是本发明的信封查看流程图；
图3是本发明的安全信封表面的界面图；
图4是本发明的安全信封加密的界面图。
具体实施方式
为使本发明实施方式的目的、技术方案和优点更加清楚，下面将结合本发明实施方式中的附图，对本发明实施方式中的技术方案进行清楚、完整地描述，显然，所描述的实施方式是本发明一部分实施方式，而不是全部的实施方式。基于本发明中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都属于本发明保护的范围。因此，以下对在附图中提供的本发明的实施方式的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施方式。基于本发明中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都属于本发明保护的范围。
请参阅图1-4，一种基于Web实现安全信封的方法；
包括写信模块与查看模块，其中写信模块具体按以下步骤执行：
S1:设有安全信封与普通信封模块，首先需要选择是否启用安全信封，选择是则启用安全信封，选择否则启用正常邮件编写模式；
S2:选择启用安全信封后，启动安全信封编写模式，进行编写前首先选择安全信封皮肤，再选择安全信封邮票，下一步进行对信封设置密码；
S3:邮件编辑完成后再进行选择是否需要阅后即焚模式，选择是，则阅后即焚；编辑完成后选择发送；
S4:查看模块在邮件接收端，从收到邮件的列表中，进行点击选择安全信封查看；
S5:显示安全信封，并展示信封打开的动态效果，点击阅读按钮，出现密码输入框，输入密码，进行判断密码是否正确；
S6:密码正确，则打开安全信封进行查看，不正确则回到步骤S5；
S7:是否启用阅后即焚，是则阅读完毕即销毁邮件，否，则阅读结束。
本实施例中，在步骤S2中，所述信封皮肤和邮票均设有多套，所述信封皮肤和邮票均使用了CSS和JavaScript实现，其中信封皮肤采用SVG图片，其中信封皮肤设有2D交互动画效果，具体是通过以下技术手段实现；通过CSS3.0提供的2D动画控制，具体包括通rotate()控制信封旋转效果；通过skew()控制信封斜切效果；通过scale()根据屏幕大小控制信封的大小比例效果；通过matrix()综合控制信封的旋转、缩放、移动和倾斜效果，通过box-shadow控制信封的立体阴影效果；在所述信封皮肤中通过title工具实现密码框。密码框由用户点击后，在邮件信封皮肤组件上弹出密码输入框，用户输入密码验证通过后，可以直接查看到邮件内容。
本实施例中，其中多套邮票通过CSS实现邮票主题SVG图片的锯齿状切图效果，按照组件化配置写入信封组件本地化的JSON文件中，并配置到JavaScript皮肤引擎——skin-engine.js中，其中每一个皮肤单独对应一个JSON文件；当用户选择对应的邮票时，stamp-engine.js会自动加载邮票主题的JSON文件，呈现到信封对应的位置上，并随信封一起做翻转等动画效果。
在用户进入到写信界面，勾选使用安全信封时，JavaScript皮肤引擎会自动扫描配置目录下所有的皮肤主题并进行加载，提供给用户选择，信封组件默认带7套皮肤，包含中秋节，国庆节，春节等主题的皮肤。
本实施例中，信封皮肤组件动画通过CSS代码扩展实现，按照皮肤组件预定义的动画属性跟信封皮肤一起写入到本地JSON文件中，当用户选择该信封皮肤后，JavaScript皮肤引擎会自动加载对应的动画属性。信封皮肤组件和邮票组件会自动预留slot插槽，供工作人员后面自由选择的邮票组件嵌入，提供更多的信封皮肤和邮票皮肤样式。
以上所述仅为本发明的优选实施方式而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (5)

1.一种基于Web实现安全信封的方法，其特征在于，包括写信模块与查看模块，其中写信模块具体按以下步骤执行：
S1:设有安全信封与普通信封模块，首先需要选择是否启用安全信封，选择是则启用安全信封，选择否则启用正常邮件编写模式；
S2:选择启用安全信封后，启动安全信封编写模式，进行编写前首先选择安全信封皮肤，再选择安全信封邮票，下一步进行对信封设置密码；
S3:邮件编辑完成后再进行选择是否需要阅后即焚模式，选择是，则阅后即焚；编辑完成后选择发送；
S4:查看模块在邮件接收端，从收到邮件的列表中，进行点击选择安全信封查看；
S5:显示安全信封，并展示信封打开的动态效果，点击阅读按钮，出现密码输入框，输入密码，进行判断密码是否正确；
S6:密码正确，则打开安全信封进行查看，不正确则回到步骤S5；
S7:是否启用阅后即焚，是则阅读完毕即销毁邮件，否，则阅读结束。
2.根据权利要求1所述的一种基于Web实现安全信封的方法，其特征在于，在步骤S2中，所述信封皮肤和邮票均设有多套，所述信封皮肤和邮票均使用了CSS和JavaScript实现，其中信封皮肤设有2D交互动画效果，具体是通过以下技术手段实现；通过CSS3.0提供的2D动画控制，具体包括通rotate()控制信封旋转效果；通过skew()控制信封斜切效果；通过scale()根据屏幕大小控制信封的大小比例效果；通过matrix()综合控制信封的旋转、缩放、移动和倾斜效果，通过box-shadow控制信封的立体阴影效果。
3.根据权利要求1所述的一种基于Web实现安全信封的方法，其特征在于，其中多套邮票通过CSS实现邮票主题SVG图片的锯齿状切图效果，按照组件化配置写入信封组件本地化的JSON文件中，并配置到JavaScript皮肤引擎——skin-engine.js中，其中每一个皮肤单独对应一个JSON文件；在用户进入到写信界面，勾选使用安全信封时，JavaScript皮肤引擎会自动扫描配置目录下所有的皮肤主题并进行加载，供用户选择。
4.根据权利要求1所述的一种基于Web实现安全信封的方法，其特征在于，信封皮肤组件动画通过CSS代码扩展实现，按照皮肤组件预定义的动画属性跟信封皮肤一起写入到本地JSON文件中，当用户选择该信封皮肤后，JavaScript皮肤引擎会自动加载对应的动画属性。
5.根据权利要求2所述的一种基于Web实现安全信封的方法，其特征在于，在所述信封皮肤中通过title工具实现密码框。
CN202210566534.5A 2022-05-23 2022-05-23 一种基于Web实现安全信封的方法 Pending CN114915608A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210566534.5A CN114915608A (zh) 2022-05-23 2022-05-23 一种基于Web实现安全信封的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210566534.5A CN114915608A (zh) 2022-05-23 2022-05-23 一种基于Web实现安全信封的方法

Publications (1)

Publication Number Publication Date
CN114915608A true CN114915608A (zh) 2022-08-16

Family

ID=82768735

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210566534.5A Pending CN114915608A (zh) 2022-05-23 2022-05-23 一种基于Web实现安全信封的方法

Country Status (1)

Country Link
CN (1) CN114915608A (zh)

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080161967A1 (en) * 2006-12-28 2008-07-03 Neopost Technologies Envelope having a dynamic slogan
JP2012238094A (ja) * 2011-05-10 2012-12-06 Funao Kurosawa メールサーバ用プログラム、電子メール送信用プログラムおよび電子メール受信用プログラム
CN104092600A (zh) * 2014-07-28 2014-10-08 国家电网公司 一种邮件阅后即焚的方法、装置及系统
CN105141504A (zh) * 2015-08-17 2015-12-09 北京锤子数码科技有限公司 一种邮件的编写方法及系统
CN105791105A (zh) * 2016-05-20 2016-07-20 北京北信源软件股份有限公司 一种即时通信消息的阅后即焚实现方法
CN105850163A (zh) * 2014-03-27 2016-08-10 宇龙计算机通信科技(深圳)有限公司 信息发送方法及装置和信息接收方法及装置
CN112995013A (zh) * 2019-12-16 2021-06-18 深圳市万普拉斯科技有限公司 移动终端信件处理方法、装置、计算机设备和存储介质
CN113472519A (zh) * 2021-07-19 2021-10-01 即时匹配(上海)网络科技有限公司 基于即时通讯用户端的文件安全分享方法
CN113572676A (zh) * 2020-04-28 2021-10-29 腾讯科技（深圳）有限公司 一种邮件处理方法及装置

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080161967A1 (en) * 2006-12-28 2008-07-03 Neopost Technologies Envelope having a dynamic slogan
JP2012238094A (ja) * 2011-05-10 2012-12-06 Funao Kurosawa メールサーバ用プログラム、電子メール送信用プログラムおよび電子メール受信用プログラム
CN105850163A (zh) * 2014-03-27 2016-08-10 宇龙计算机通信科技(深圳)有限公司 信息发送方法及装置和信息接收方法及装置
CN104092600A (zh) * 2014-07-28 2014-10-08 国家电网公司 一种邮件阅后即焚的方法、装置及系统
CN105141504A (zh) * 2015-08-17 2015-12-09 北京锤子数码科技有限公司 一种邮件的编写方法及系统
CN105791105A (zh) * 2016-05-20 2016-07-20 北京北信源软件股份有限公司 一种即时通信消息的阅后即焚实现方法
CN112995013A (zh) * 2019-12-16 2021-06-18 深圳市万普拉斯科技有限公司 移动终端信件处理方法、装置、计算机设备和存储介质
CN113572676A (zh) * 2020-04-28 2021-10-29 腾讯科技（深圳）有限公司 一种邮件处理方法及装置
CN113472519A (zh) * 2021-07-19 2021-10-01 即时匹配(上海)网络科技有限公司 基于即时通讯用户端的文件安全分享方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
START_T: "css动画——2D效果", pages 1 - 9, Retrieved from the Internet <URL:https://blog.csdn.net/Start_t/article/details/104477083> *
ZRAINNA: "CSS动画之会呼吸的信封", pages 1 - 4, Retrieved from the Internet <URL:http://www.it165.net/DWeb/html/201501/3218.html> *

Similar Documents

Publication Publication Date Title
US20100077350A1 (en) Combining elements in presentation of content
KR101331330B1 (ko) 전자 문서 내의 선택된 객체의 하이라이팅 방법 및 컴퓨터판독 가능 매체
US7712049B2 (en) Two-dimensional radial user interface for computer software applications
Conner Google Apps: The Missing Manual: The Missing Manual
JP3849880B2 (ja) 複合文書におけるコンピュータ／ヒューマンインタフェースシステム
US9927952B2 (en) Utilizing a ribbon to access an application user interface
CA2848700C (en) An improved user interface for displaying a gallery of formatting options applicable to a selected object
US20160140139A1 (en) Local representation of shared files in disparate locations
JP2014529800A (ja) ドキュメントマークアップのプログレッシブな提示
US20170178369A1 (en) Inferring diagram structure through implicit shape relationships
WO2015094874A1 (en) Annotation hint display
CN102881034A (zh) 一种向应用文档中插入水印的系统和方法
CN104267891A (zh) 一种触屏终端锁屏背景设置方法
CN114915608A (zh) 一种基于Web实现安全信封的方法
Siechert et al. Microsoft® Office 2010 Inside Out
US11966572B2 (en) Commenting feature for graphic design systems
Lambert et al. Microsoft Outlook 2013 Step by Step
Krieger Documents, Presentations, and Worksheets: Using Microsoft Office to Create Content That Gets Noticed
Gruman Mac OS X Lion Bible
Cohen Take Control of PDFpen
Siechert et al. Microsoft Office inside out: 2013 edition
Menghani et al. Graphical Augmentation of Message Content
Ludolph et al. The Lisa user interface
Cox et al. Microsoft Office PowerPoint 2007 step by step
Poremsky Sams teach yourself Microsoft Office Outlook 2003 in 24 hours

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination