1、1、系、系统框架框架服服务器器因特网因特网路由器路由器路由器路由器WIFI插座插座WIFI球泡灯球泡灯WIFISPI幻幻彩彩WIFIRGB控制控制器器安卓安卓APP苹果苹果APP2024/1/28 周日12、APP界面界面这里主要列举APP的界面设计,我建议界面要简洁、分类清晰、控制快捷。这里主要描述如下几个关键点,下图所示:主界面主界面管理管理-添加新添加新设备管理管理-分享分享设备管理管理-扫描描设备2024/1/28 周日22、1、APP界面界面-主界面主界面标题栏:LOGO:APP的图标管理:管理:提供更多操作控制控制栏:列举所有在线的设备这些设备包括:插座、SPI幻彩控制器、RGB控
2、制器、球泡灯等其它。管理管理LOGO插座插座SPI幻彩幻彩RGB控制控制器器球泡球泡灯灯一楼客一楼客厅二楼客二楼客厅二楼卧式二楼卧式二楼卧式二楼卧式开开关关开开关关开开关关开开关关标题栏控制控制栏2024/1/28 周日32、2、APP界面界面-管理界面管理界面 添加新添加新设备:将设备加入路由器和服务器 分享分享设备:主APP将设备分享给其它从APP使用 扫描描设备:从APP通过扫描获取主APP分享的设备 帮助:帮助:帮助与说明 版本:版本:APP版本号 管理管理LOGO添加新设备分享设备扫描设备帮助版本2024/1/28 周日42、3、APP界面界面-管理管理-添加新添加新设备界面界面 路
3、由器路由器SSID:这里输入本地的路由器名称 路由器密路由器密码:这里输入本地的路由器密码 这里只需要输入一次,输入过后这些信息会保存在APP数据库。下一次会直接从APP数据库调用这些信息,用户可不必再输入。确定:确定:点击确定后,APP会把路由器SSID和路由器密码以广播 的形式发送给所有的待加入系统的设备,这些设备接收到后 会统一连接到路由器并连接到服务器。添加新添加新设备路由器路由器SSID:路由器密路由器密码:确定确定2024/1/28 周日52、4、APP界面界面-管理管理-分享分享设备界面界面 禁能分享:禁能分享:所有 从APP将不能再 使用这个设备分享分享设备插座插座SPI幻彩幻
4、彩RGB控制控制器器球泡球泡灯灯使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享设备二二维码主主APP通通过二二维码的形的形式分享式分享设备的的MAC地地址,从址,从APP扫描二描二维码获取取该设备的的MAC地地址址2024/1/28 周日62、5、APP界面界面-管理管理-扫描描设备界面界面扫描描设备管理管理LOGO添加新设备分享设备扫描设备帮助版本MAC:0 xnn nn nn nn nn nn nn nn从APP扫描主设备分享的设备二维码后,即可得到该设备的MAC地址。点击“确定”即可把该设备的MAC与本机U
5、UID绑定并登记到服务器。确定确定2024/1/28 周日73、服、服务器器-设备&APP映射表映射表 插座插座MAC:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n主主APPUUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n从从APP1UUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n从从APP2UUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n更多从更多从APPUUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n球泡灯球
6、泡灯MAC:0 xnn nn nn nn nn nn nn nnTCP SOCKET:nMAC:设备的唯一数字身份标识UUID:APP的唯一数字身份标识TCP SOCKET:设备或APP的唯一网络数字标识2024/1/28 周日84、设备加入系统设备上上电设备连接路由器接路由器设备连接服接服务器器APP连接服接服务器器这一节列举设备与APP加入智能家居系统的整个流程,如右图所示:1、设备上上电:等待接收APP发送过来的路由器SSID与路由器密码。2、设备连接路由器:接路由器:APP连接本地路由器,并把路由器SSID与路由器密码通过路由器广播给所有设备,此时这些设备即可去接入路由器。3、设备连接
7、服接服务器:器:APP再通过本地路由器把本机的UUID以及服务器信息通过广播的形式发送给所有设备,这些设备接收到后即可去接入服务器。4、APP连接服接服务器:器:APP再连接服务器,此时即可从服务器中获取所有设备MAC的一个列表,APP在以后将通过这个MAC中的MAC对相应的设备进行控制2024/1/28 周日94、1、设备加入系统-设备上电WIFI插座插座WIFI球泡灯球泡灯WIFISPI幻幻彩彩WIFIRGB控制控制器器电源源红灯灯红灯灯红灯灯红灯灯所有的设备在第一次使用时,上电后都会亮红灯,这个状态代表没有找到连入智能家居系统的配置参数(路由器信息与服务器信息)。此时设备无法接入路由器,
8、更无法接入到服务器。2024/1/28 周日104、2、设备加入系统-设备连接路由器路由器路由器安卓安卓或苹或苹果果APPWIFI插座插座WIFI球泡灯球泡灯WIFISPI幻幻彩彩WIFIRGB控制控制器器黄黄灯灯黄黄灯灯黄黄灯灯黄黄灯灯1、先将手机连接到路由器2、打开APP,选择右上角“管理”,选择“添加新设备”,打开“添加新设备”窗口。在窗口中输入“路由器SSID”与“路由器密码”,点击确定。3、APP会把“路由器SSID”与“路由器密码”通过路由器广播到所有的设备。这些设备接收到后会连接该路由器,连接成功将显示黄灯添加新添加新设备路由器路由器SSID:路由器密路由器密码:确定确定2024
9、/1/28 周日114、3、设备加入系统-设备连接服务器路由器路由器安卓安卓或苹或苹果果APPWIFI插座插座WIFI球泡灯球泡灯WIFISPI幻幻彩彩WIFIRGB控制控制器器绿灯灯绿灯灯绿灯灯绿灯灯1、APP会通过路由器把自己的UUID以及服务器IP与端口广播给所有的设备2、这些设备接收到后,会把自己的MAC与APP的UUID绑定,并连接到服务器。3、服务器接受连接后,会把该UUID对应的APP用户定位于该设备的主用户,并更新“设备与APP映射表”。此时返回报告给设备已成功连接。4、设备成功连接后将显示绿灯,此时设备可远程控制。注意:注意:这里所有的过程全部是自动化,用户不需要参与。服服务
10、器器因因特特网网2024/1/28 周日124、4、设备加入系统-APP连接服务器路由器路由器安卓安卓或苹或苹果果APPAPP连接服务器,服务器接受连接后会返回该UUID绑定的所有设备的一个MAC列表给APP,APP获取这个列表后即可通过这个列表中的MAC实现对所有设备进行控制服服务器器因因特特网网球泡灯球泡灯MAC:0 xnn nn nn nn nn nn nn nn插座插座MAC:0 xnn nn nn nn nn nn nn nnSPI幻彩控制器幻彩控制器MAC:0 xnn nn nn nn nn nn nn nn球泡灯球泡灯MAC:0 xnn nn nn nn nn nn nn nn2
11、024/1/28 周日135、分享设备主主APP打开打开设备二二维码分享界面分享界面从从APP扫描二描二维码从从APP登登记到服到服务器器这一节列举主APP分享设备给从APP的整个流程,如右图所示:1、主、主APP打开打开设备二二维码分享界面:分享界面:主APP打开需要分享的设备的二维码分享界面,这个二维码就是这个设备的MAC地址。2、从、从APP扫描二描二维码:从APP扫描这个二维码,并解析得到这个二维码对应的设备MAC地址。3、从、从APP登登记到服到服务器:器:从APP再把自己的UUID与这个MAC地址绑定到一起通知服务器,服务器成功受理后将在“设备与APP映射列表”中添加这个从APP的
12、UUID条目。在以后,这个从APP即可实现对该MAC所对应的设备进行控制。4、主、主APP禁能禁能设备分享:分享:所有的从APP将无法再控制这个设备主主APP禁能禁能设备分享分享2024/1/28 周日145、1、分享设备-主APP打开设备二维码分享界面分享分享设备插座插座SPI幻彩幻彩RGB控制控制器器球泡球泡灯灯使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享设备二二维码管理管理LOGO添加新设备分享设备扫描设备帮助版本2024/1/28 周日155、2、分享设备-从APP扫描二维码设备MAC管理管理LOGO添
13、加新设备分享设备扫描设备帮助版本MAC:0 xnn nn nn nn nn nn nn nn从APP扫描主设备分享的设备二维码后,即可得到该设备的MAC地址。点击“确定”即可把该设备的MAC与本机UUID绑定并登记到服务器。确定确定2024/1/28 周日165、3、分享设备-从APP登记到服务器路由器路由器安卓安卓或苹或苹果果APP1服服务器器因因特特网网插座插座MAC:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n主主APPUUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n从从APP1UUID:0 xnn nn nn nn
14、nn nn nn nnTCP SOCKET:n更多从更多从APPUUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n从APP1把自己的UUID与这个MAC地址绑定到一起通知服务器,服务器成功受理后将在“设备与APP映射列表”中添加这个从APP1的UUID条目。在以后,这个从APP1即可实现对该MAC所对应的设备进行控制。2024/1/28 周日175、4、分享设备-主APP禁能设备分享分享分享设备插座插座SPI幻彩幻彩RGB控制控制器器球泡球泡灯灯使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享使能分享使能分享禁能分享禁能分享使能分享使能分享禁
15、能分享禁能分享管理管理LOGO添加新设备分享设备扫描设备帮助版本服服务器器插座插座MAC:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n主主APPUUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n所有的从APP将无法再控制这个设备,因为服务器已经把所有从APP的UUID删除了。2024/1/28 周日186、控制设备APP控制控制设备状状态设备向所有向所有APP返回状返回状态APP删除除设备这一节列举设备控制的整个流程,如右图所示:1、APP控制控制设备状状态:修改设备的状态,如打开或关闭插座,设置球泡灯显示红色,设置SPI幻彩
16、控制器显示红色向右跑马等2、设备向所有向所有APP返回状返回状态:设备返回自身当前的状态,如插座打开或关闭时将通知所有APP更新界面3、APP删除除设备:APP删除指定的设备,此时服务器将该设备的“设备与APP映射表”中的APP UUID删除,在以后,这个APP将无法再控制这个设备,除非重新添加。2024/1/28 周日196、1、控制、控制设备-APP控制控制设备服服务器器因特网因特网路由器路由器路由器路由器WIFI插座插座安卓安卓APP如上图所示:APP控制打开插座打开打开插座插座打开打开插座插座管理管理LOGO插座插座一楼客一楼客厅开开关关2024/1/28 周日206、2、控制、控制设
17、备-设备向所有向所有APP返回状返回状态服服务器器因特网因特网路由器路由器路由器路由器WIFI插座插座安卓安卓APP1如上图所示:插座在打开时,它将向服务器返回这个状态,服务器将把这个状态返回给所有的APP,这些APP将更新界面与插座保持一致,即打开。插座插座打开打开插座插座打开打开苹果苹果主主APP插座插座MAC:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n主主APPUUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n从从APP1UUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n管理管理LO
18、GO插座插座一楼客一楼客厅开开关关2024/1/28 周日216、3、控制、控制设备-APP删除除设备服服务器器因特网因特网路由器路由器安卓安卓APP1从APP1删除插座时,它将向服务器提交这个请求,服务器接收到这个请求时将插座的“设备与APP映射表”中的从APP1的UUID删除,以后该从APP1将无法再控制这个插座。管理管理LOGO插插座座一楼客一楼客厅开开关关插座插座MAC:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n主主APPUUID:0 xnn nn nn nn nn nn nn nnTCP SOCKET:n删除除删除除插座插座2024/1/28 周日22