中秋国庆花式玩法,用低代码DIY假日大屏“Vlog”

中秋,国庆,花式,玩法,代码,diy,假日,vlog · 浏览次数 : 36

小编点评

**如何制作个性化中秋节大屏?** **步骤 1:注册华为云账号** 点击👉“【限时特惠】产品新用户免费试用1个月,立即体验!”,完成免费资源领取。 **步骤 2:创建华为云Astro Canvas大屏设计项目** 回到原页面,点击立即使用,然后新建项目,选择大屏&PC端,自定义项目名称。 **步骤 3:创建静态数据数据集** 支持手工输入和导入Excel/CSV两种方式创建静态数据数据集。 **步骤 4:拖拉拽组件创建应用** 在组件预览里面,支持对表格字段进行配置。 **步骤 5:发布分享页面** 点击页面上方的保存,然后点击预览,最后进行发布。

正文

​​本文分享自华为云社区 《【云享热点】中秋国庆花式玩法,用低代码DIY假日大屏“Vlog”(内附节日福利)》,作者:华为云社区精选。

中秋、国庆双节将至,你的八天小长假准备如何度过?华为云低代码平台Astro为开发者们奉上一份特别的假期礼物。通过大屏应用Astro Canvas,零代码即可设计专属个性化大屏应用。假期赏月美图、节日足迹、特色美食……统统都可以记录在这块特别的大屏中。快来上手体验,用创意“Vlog”记录假日美好生活。

简单五步,带你上手个性大屏“Vlog”

华为云Astro Canvas提供了丰富的组件应用,简单快捷的数据接入,能够让全民开发者在不用写一行代码、不用了解繁琐操作流程下,通过简单的拖拉拽的方式,快速设计完成一个大屏。

它既可以像学生时代设计的黑板报,又可以像从前时光漫漫用心编辑的个人空间,还可以是一个专业的、有技术含量的大屏展示……

下面,简单5步,带大家快速制作一个特别的中秋节大屏。

第一步:注册华为云账号领取免费资源

点击👉“【限时特惠】产品新用户免费试用1个月,立即体验!”,完成免费资源领取。

第二步:创建华为云Astro Canvas大屏设计项目

领取完成后,回到原页面,点击立即使用,然后新建项目,选择大屏&PC端,自定义项目名称。

再点击新建页面-新建空白页面,输入页面标题。

第三步:创建静态数据数据集

如果我们想用热力图来呈现节日的活动足迹,需要先导入足迹数据创建图表,Astro Canvas支持关系型数据库、Roma连接器、DLI、DWS、Astro Zero和Http连接器等多种数据来源。这里将为大家介绍创建静态数据数据集,支持手工输入和导入Excel/CSV两种方式。

导航栏进入到数据中心,找到数据集>全部>新建数据集,输入相关信息。

然后点击新增静态数据,上传我们已经准备好的足迹Excel文件。

完成前期的数据准备之后,就进入了设计大屏环节。

第四步:拖拉拽组件创建应用

华为云Astro Canvas提供丰富的组件库,多图层管理,移动端流式布局,支持组件多种布局展示。所以无需编写代码,我们可以直接拖拉拽组件库的组件应用,比如地图、排行版、热力图、轮播图等,来让大屏的显示更加丰富多彩。

地图

将左侧导航栏的地图组件拖到大屏上,点击地图组件上的配置按钮,对地图进行自定义配置,地图组件支持上传GeoJSON格式的地图数据(包括链接和素材两种方式)。

地图组件支持样式自定义,可以根据自己的喜好修改相关区域的颜色,并支持配置热力图层,通过修改静态数据,可显示所在城市的热力指数。

排行榜

如果要给中秋最佳赏月地做个排行榜,可以选择全部组件>文本>排行榜,将排行榜组件拖到画布,然后点击数据,采用数据集导入数据。

在组件预览里面,支持对表格字段进行配置,将左侧表格字段的城市和地名拖到右侧列数据。在图表预览里面可以看到数据变化,且可以对榜单的背景色进行设置。

排行版同时支持修改标题样式、表头显示、背景色、榜单列数据字体大小等配置,可以自由灵活调整具体的样式。

设计热力图

我们用热力图来完成近10年的节日活动出行轨迹图。找到左侧全部组件>图表>柱状图>热力图,将热力图组件拖到画布。点击热力图上的数据配置项,导入我们之前上传的活动轨迹数据集。

成功导入后就可以对热力图的基本配置进行个性化设置,美化节日轨迹图,具体包括标题、字体、颜色、图例等等。

最后,我们可以设置热力图与外部页面的交互,实现点击热力图跳转到自己的社交主页功能,更好地展现精彩假期生活。

轮播图和文本编辑设置

节日大屏怎么能少了假期美图呢?我们拍的一些照片如城市地标,赏月图片等都可以在大屏上滚动呈现,同时还可以写一些节日祝福话,附上与节日相关的诗词歌赋等。

左侧导航栏找到全部组件>媒体>轮播图片,将轮播图片组件拖入画布。先设置填充方式,再上传图片,并按照自己的喜好选择对应的轮播方式(自动轮播/手动轮播)。

轮播图可以搭配文本编辑组件使用,用文字记录照片背后的故事。点击左侧全部组件>文本>文本编辑,将文本编辑组件拖到画布,即可输入你想要表达的内容。

计时器

八天假期转瞬即逝,我们可以在大屏页面上添加实时日期和时间,实时显示自己的假期余额。找到左侧全部组件>文本>时间翻牌器,将时间翻牌器组件拖入画布进行设置,点击配置按钮,修改字体,大小,颜色等。

除此之外,我们还可以选择添加视频、天气、词云、时间轴等各种组件,将假期片段更多元地呈现在大屏上。最后再对大屏进行一些装饰,选择全部组件>装饰里面的组件对标题背景、内容背景、页面背景进行美化修改,一个假期大屏就大功告成了。

第五步:发布分享

页面设计完成之后,点击页面上方的保存,然后点击预览,最后进行发布。

点击发布按钮之后,会出现页面发布设置:

  • 设置版本管理:可以是实时更新版本,也可以新建版本。

  • 设置访问限制:这里重点提醒,一定要设置访问限制(访问码即可),否则其他人无法访问该链接。

最后大家可以将自己设计的大屏页面地址分享给亲朋好友或者社交平台上,秀出别样的假期“vlog”。

双节福利到:上传大屏作品,赢精美礼品

现在,将你的精彩假期生活制作成大屏,将有机会赢取100元京东卡、华为手环4等精美礼品。

参与方式:

1、👉点击链接,将你的大屏作品发布到评论区回帖

2、注明相关信息:①设计页面截图②使用的组件和数据接入方式③页面分享链接④分享码

最后,祝所有开发者们中秋、国庆双节快乐,用低代码“绘出”一个惬意且愉悦的假期。

点击关注,第一时间了解华为云新鲜技术~

 

与中秋国庆花式玩法,用低代码DIY假日大屏“Vlog”相似的内容:

中秋国庆花式玩法,用低代码DIY假日大屏“Vlog”

晒节日美图、假日足迹,中秋国庆花式玩法来了,现在体验华为云Astro Canvas,分享你的大屏作品,有机会赢取双节福利。

顺着这份Java面试地图,国内一二线互联网公司随便进...

临近春节,这几天手头没什么事情,花了点时间,将自己近两年收集的面试真题,进行了一番深度归纳总结,整理出了这份面试大纲,基本上涵盖了国内一二线互联网公司的Java面试题(一、二、三面技术面试)。 我这样做的唯一目的是希望让面试题本身有迹可循,不让小伙伴们在准备面试的时候,不会被埋没在茫茫题海中,面对众多面试题,无从下手,手足无措。

.NET周报 【5月第2期 2023-05-14】

国内文章 XUnit数据共享与并行测试 https://www.cnblogs.com/podolski/p/17388602.html 在单元或者集成测试的过程中,需要测试的用例非常多,如果测试是一条一条过,那么需要花费不少的时间。从 V2 开始,默认情况下 XUnit 自动配置并行(参考资料),

空间音频技术与生态发展高峰论坛成功举办,业界首个Audio Vivid创作工具花瓣三维声亮相

11月26日至27日,UWA世界超高清视频产业联盟(以下简称“UWA联盟”)、上海交通大学-南加州大学文化创意产业学院、华为联合举办了“互联智慧,共赢未来” 超高清音视频技术与生态发展高峰论坛暨Audio Vivid空间音频工具花瓣三维声训练营。中央广播电视总台超高清视音频制播呈现国家重点实验室、I

记一次 .NET某账本软件 非托管泄露分析

一:背景 1. 讲故事 中秋国庆长假结束,哈哈,在老家拍了很多的短视频,有兴趣的可以上B站观看:https://space.bilibili.com/409524162 ,今天继续给大家分享各种奇奇怪怪的.NET生产事故,希望能帮助大家在未来的编程之路上少踩坑。 话不多说,这篇看一个.NET程序集泄

我的国庆假期小记-先完成,再完美

逛书店的时候无意中看到一本书,买了下来 以书为契机,准备找点事情来做,于是把之前一直拖延着的想法提上日程:总结下平时用过的一些技术

3个月搞定计算机二级C语言!高效刷题系列进行中

前言 大家好,我是梁国庆。 计算机二级应该是每一位大学生的必修课,相信很多同学的大学flag中都会有它的身影。 我在大学里也不止一次的想要考计算机二级office,但由于种种原因,备考了几次都不了了之。 这一次我想换个目标! 备考计算机二级C语言 今天山东省考试院发布了关于2024年9月全国计算机等

个人数据保全计划:(2) NAS基础知识

前言 距离去年国庆入手了NAS至今有好几个月时间了,NAS折腾起来有点麻烦,且实际作用因人而异,并没有想象中的好用,所以说好的这个系列一直没有更新~ 还有另一方面的原因,这些NAS的系统基于Linux深度定制,对于我这种习惯用Linux的人来说,用着很别扭不自在,处处受限制… 所以在使用了这台威联通

为什么分布式限流会出现不均衡的情况?

概述 在微服务、API 化、云原生大行其道的今天,服务治理不可或缺,而服务治理中限流几乎是必不可少的手段;微服务化往往伴随着分布式的架构,那么仅仅单机限流是不够的,还需要分布式的限流。 那么问题就来了:分布式限流中,往往会出现「限流不均衡」或「限流误差」的情况,这是为什么呢? 限流 国庆假期,限流这

8个云成本优化的最佳实践

在《2022年云计算现状报告》中,国际知名软件资产管理商 Flexera 通过对近千家企业进行调查得出数据:企业平均浪费32%的云业务支出。随后,在2023年的报告中,FinOps 12年来首次超越安全,成为诸多企业关注的头等大事。 本文我们将展开聊聊企业乃至开发人员如何进行云成本优化。 1、设置指