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

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

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

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

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

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

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

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

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

点击可视化数据大屏_Astro Canvas_华为云,完成免费资源领取。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

地图

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

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

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

排行榜

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

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

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

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

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

设计热力图

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

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

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

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

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

轮播图和文本编辑设置

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

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

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

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

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

计时器

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

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

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

第五步:发布分享

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

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

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

  • 设置版本管理:可以是实时更新版本,也可以新建版本。
  • 设置访问限制:这里重点提醒,一定要设置访问限制(访问码即可),否则其他人无法访问该链接。

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

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

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

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

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

参与方式:

1、点击华为云论坛_云计算论坛_开发者论坛_技术论坛-华为云,将你的大屏作品发布到评论区回帖

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

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

关注#华为云开发者联盟# 点击下方,第一时间了解华为云新鲜技术~

华为云博客_大数据博客_AI博客_云计算博客_开发者中心-华为云

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月16日 上午10:03
下一篇 2024年5月16日 上午10:15

相关推荐

  • 计算机科研基金项目申请书

    计算机科研基金项目申请书 尊敬的评审委员会: 我谨向贵单位申请计算机科研基金项目,项目名称为:“基于深度学习的图像分类算法研究”。 本研究旨在研究更加高效,准确,且易于使用的图像分…

    科研百科 2024年12月11日
    1
  • 广西科学院诈骗

    广西科学院诈骗 广西科学院是一家位于广西的政府机构,其宗旨是促进科学进步和经济发展。然而,广西科学院在近年来却遭受了一起严重的诈骗事件,这让人们对这家机构的声誉产生了极大的负面影响…

    科研百科 2024年11月17日
    1
  • 党建引领学党史 – 西山景区党工委:“五大举措”创建5A级旅游景区

    党史学习教育开展以来,西山景区党工委坚持以旅游行业党建引领5A景区创建,以创建活动助推党建引领、为民服务走深走实,实践探索行业党建新模式。 一、立足“强”组织,坚持政治引领 在“探…

    科研百科 2024年2月4日
    97
  • 清远鸡科研项目需求

    清远鸡科研项目需求 随着现代经济的发展,人们对于食品的要求也越来越高。其中,清远鸡作为中国传统美食之一,受到了许多消费者的喜爱。然而,随着清远鸡市场的不断发展,一些问题也开始出现,…

    科研百科 2025年3月1日
    1
  • 科研项目可行性申报表

    科研项目可行性申报表 尊敬的评审专家: 我谨代表科研项目申请人,向贵单位提交本次科研项目可行性申报表。本申报表旨在全面、详细地介绍本次科研项目的可行性,以便贵单位进行科学、客观的评…

    科研百科 2025年5月9日
    1
  • 科研项目调研访谈事项

    科研项目调研访谈事项 在开展科研项目时,调研访谈是非常重要的一部分。通过调研访谈,我们可以深入了解被研究群体的情况,收集到宝贵的数据和信息,为科学研究提供支持。本文将介绍一些科研项…

    科研百科 2025年5月28日
    1
  • pmp项目管理是在系统里答题吗

    PMP项目管理是在系统里答题吗? 在实施PMP(项目经理项目经理) 项目时,我们需要通过系统进行答题。PMP项目管理是一种提高项目管理技能和知识的培训课程,它旨在帮助项目经理更好地…

    科研百科 2025年1月24日
    1
  • 工程项目管理 文档系统

    工程项目管理文档系统 随着数字化时代的到来,工程项目管理也逐渐向数字化转型。传统的工程项目管理方式已经无法满足现代项目管理的需要,因此,开发一款高效的工程项目管理文档系统成为当前项…

    科研百科 2025年6月20日
    0
  • 科研项目 ppt 申报

    科研项目PPT申报 随着科技的不断发展,科研项目申报已经成为了一项非常重要的工作。在申报过程中,科研项目需要向相关部门提交一份详细的PPT,用于展示项目的背景、研究目的、研究方法、…

    科研百科 2025年2月10日
    0
  • 项目管理系统英文缩写是

    项目管理系统(Project Management System,简称PMS)是一种用于协助和组织项目管理的工具,可以帮助项目经理和团队更好地规划和控制项目进度、质量、成本和质量。…

    科研百科 2025年6月11日
    1