开学啦,不定期掉落生活中的点点滴滴和课上有意思的内容 ٩(ˊᗜˋ )و

×

抢先收听 Her Journey 精品电台

Celia 2005 0

Podcasts | Her Journey herjourney.sg图标

    Her Journey 是一项基于新加坡本地社区的计划,旨在倡导和宣传在新加坡担任外籍家庭佣工(FDW)的妇女。该计划着重解决外籍家政工人的劳资关系和权利问题,并努力重塑公众的观念。

    我们与当地的非政府组织合作,为外籍家政工人开发教育视频,其中包含有关常见劳工权利纠纷的法律提示。 我们设计了“Empathy Challenge(共情挑战)”纸牌游戏,以加深玩家对 FDW 的理解,他们在其中扮演 FDW 和雇主的角色,并商讨挑战的解决方案。 我们根据 FDW 访谈创建电台,分享他们的个人迁移故事和对其他 FDW 的建议。我们通过与非政府组织和学校的研讨会来推广我们的内容,并且已收到了数百名外籍女佣、全国工会和合作伙伴非政府组织的积极反馈。

    经过几个月的不懈努力,Her Journey 官网终于完工,供大家更方便地了解这个 GC 服务的一切。Her Journey 官网最近更是推出了电台功能,每个月讲述一个新加坡本地女佣的故事,接触她们的生活,了解她们的需求,从而携手解决她们的困难。

Her Journey 网站的建造

    说道电台完工这件事儿,本人想在这里分享一下过去几个月以来 Her Journey 网站的建站体验。在参加此 GC 之前,Her Journey GC 还没有一个正式发布了的网站。之前的同学们用免费建站平台 Google Sites 制作了一个具有基本信息以及几张图片的网站,暂时还未发布,Her Journey 的领袖 K 学姐想让学 CS 的我帮忙完成 + 发布这个网站。问了一下几位群员们对这个网站功能上的需求,总结如下:

  • 一个不定期更新的电台

  • 几个固定的介绍页面

  • 展现 Instagram 的文章内容

  • 引导用户进入 Her Journey 其他社交媒体账号的链接

  • 未来也许会加入共情挑战游戏的在线版

  • 在现在的基础上美化网站,增加细节

    我登录谷歌看了一下现有的 GC 网站,大概长这样:

抢先收听 Her Journey 精品电台-第1张图片-Celia的博客

    看上去还蛮不错的,该有的元素都有,可就是太简单了,和其他的 Google Sites 没什么两样。缺少可自定义的选择可能是新版 Google Sites 的一个通病,为了使操作更加简单,用户除了选择模板之外在风格上没有其他可以自定义的地方。相比之下,老版 Google Sites 操作上也许更加繁琐,样式也有些老旧,但在自定义这方面上做得相当之不错,没有两个网站是长得一样的(本人第一个网站用的就是这个平台)。

    再者,除了自定义上的问题,新版 Google Sites 在功能上也十分受限,一些样式代码都无法加入其内,更别说一些具有功能性的脚本代码了。这样一来,在 Google Sites 上制作电台、嵌入 Instagram 文章也就成为了不可能。如此一来,剩下的选择便只有一个了——换建站平台!

    之前在 CTB 项目中对各大建站的选择已经有了一些初步的了解。由于本网站需要一些定制的功能,一些第三方建站平台便无法实现,Wix、Wordpress.com 等被首先排除。自己建造网站也许是一个不错的选择,但本菜鸡怎可能在短短两个星期的 DDL 之前完全靠自己手打出一个集美观与强大功能于一体的网站呢?还是选择一些略小白也能建站的选择吧。Hexo & Hugo 之类的静态网站生成器我较少接触,个人感觉更加适合功能更加简单的博客网站,于是放弃。就这样,本人最后的选择是 Word·万能·建啥都行·简单高效·SEO 好·Press!

    上传文件完毕,设置基本信息完毕,大家一起选了一个风格合适的模板:Matina

抢先收听 Her Journey 精品电台-第2张图片-Celia的博客

    此模板的主要问题是,作为一个两栏博客模板,它补胎适合制作 GC 网站的页面。本人作为一个 blogger 之前没有这方面的经验,在学习一番之后决定使用 Beaver Builder 重新制作每一个页面。制作页面过程中遇到不少困难,一些 Beaver Builder 的样式不是非常兼容本网站模板,两个不服帖的导航栏互相斗智斗勇;本人自己设计的一些模块也不知是由于字体大小还是间距的原因显得丑不拉几的,最后通过不断的修改终于好了些。下面进行一些一些页面展示~

    主页:

抢先收听 Her Journey 精品电台-第3张图片-Celia的博客

    About / 关于我们界面:

抢先收听 Her Journey 精品电台-第4张图片-Celia的博客

    Empathy Challenge / 共情挑战介绍页面:

抢先收听 Her Journey 精品电台-第5张图片-Celia的博客

    Contact / 联系我们界面(自我感觉补胎好康,颜色过多不够简约,但就这样叭):

抢先收听 Her Journey 精品电台-第6张图片-Celia的博客

搭建电台

    重头戏来了,是这次发布的电台新功能!之前在 CTB 项目的调查中已对各大电台平台略微有一些了解。第三方电台申请下来还要走流程,花不少功夫,似乎不太方便,不如自己在文章页面内放一个音频播放器就好了。强力推荐 Sonaar 的音频播放器,是我找到的一堆 WP 音频播放器中的颜值天花板了。本人尤其喜欢它音浪的设计,由于此网站是和 CTB 同一时期进行的,CTB 项目中的播放模式的音浪设计也是受其启发。

抢先收听 Her Journey 精品电台-第7张图片-Celia的博客

    这样的电台页面发布起来也很是方便,只要现在音频播放器插件里加入音频链接,在文章里加入该播放器的 ShortCode,然后在下面加入电台采访的文字版 Transcript 即可。页面演示:

抢先收听 Her Journey 精品电台-第8张图片-Celia的博客

    (上面为题图,中间为音频部分,下面自文字开始为正文)

    这便是 Her Journey 网站到目前为止的全部,请点击页面最上方链接抢先体验 Her Journey 精品电台,走进 FDW 们的故事!如有任何技术上的问题,请尽快联系我反馈~

标签: 设计 编程 事件 大开眼界

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~