本来只想做个PPT,我却搞了APP?

最近,我接到了一个老师的求助,她希望制作一个能互动的PPT。

图:这位老师想要达到的效果图

她的要求其实不难,就是鼠标点击小鸟的图片,就能播放相应鸟儿的音频。在与老师的交流中,我尝试了几种解决思路,但都遇到了问题。然而,最终我找到了一个简易方案,让我们一起来看看吧!

探索解题思路:

最初,我考虑了两种解决思路。一种是通过幻灯片跳转,并将小鸟音频设置为背景音乐,但回到先前幻灯片时无法播放声音。

图:PPT中插入音频,并设置为自动播放

另一种是使用VBA来实现功能,但却发现VBA会拉起一个本地播放器,非常奇怪。

图:一段VBA代码,尝试用宏来播放音频

发现新思路:

在与老师的交流中,我了解到这个PPT实际上是要放在一个Android平板上使用的。于是,我想到了一个新的思路,那就是制作一个网页来实现这个功能。毕竟,Android平板不会没有浏览器。

实现过程:

想来想去,我也不用凭空开始写代码。我就打算尝试使用chatGPT来编写一个网页的demo,并进行最基本的测试。喜的是,这个demo真的可以!

图:通过chatGPT询问,页面代码如何写

图:根据chatGPT的回答制作的页面Demo

当天晚上,我向老师展示了这个功能的demo,并告诉她,她却告诉我,可能现场并没有办法访问网页。单看上去这个功能是可以的,实在不行她可以手机开热点。

此时,已经到了当天晚上的10点,作为搬砖人,其实这个时候已经挺累了。于是就和她说,我明天先把页面做些完善,然后再看看如何解决离线问题。

完善功能: 

页面完善布局相对来说,还是比较简单,把看到的问题反复与chatGPT沟通即可。

图:将发生的错误咨询chatGPT

但是,我发现了一个功能上的体验问题,即没有暂停播放按钮。你想想如果老师想让大家听一下音频,再做些讲解,那岂不是要做下暂停呢?

于是,我再次求助于chatgpt,让它帮我添加这个功能。

图:基于目前的项目代码,新增或者修改代码来新增功能

此时,老师也给了我回复,确定没有访问网络的能力,希望能做成离线使用,这也是她首选PPT的原因。离线部分,虽然chatGPT也给了我一个方法来把HTML打包成App,但我比较懒,于是找了个方便法门,我就不在这里赘述了。

图:尝试咨询如何离线使用这个网页项目

最后,就在第三天一大早,把最后调整过样式的,以及功能优化完的App交给了老师,这个事情也告一段落了,虽然有很大的优化空间,以后再说。

图:最终在Android平板上的截图

谈谈收获:

虽然这是一个非常非常非常小的功能,但我做得好快乐!

运气!比如对业务的梳理以及需求的描述,虽然有些曲折,但是好像算是踩准了。当然,或许有其他方法,我并不知道,这也很正常。

至于馊主意,来自于过往经历的实践经验或者日常的线索收集。我虽然不是一位开发人员,但还是会偶尔翻翻最近的新鲜事。算是混乱中找到了一个方向并做了尝试。

周末,也去看了一个分享会,或许未来使用AI的能力也会像现在要求Office一样,但也可能是不需要人人都会Office了。毕竟,Office这样的办公套件或许在AI的视角来看,也是上一个时代的产物了。

图:参加得到 x 百姓网 AI主题的线下活动

最后,用彼得·李,在《超越想象的GPT医疗》中作为结尾吧,也希望在阅读这篇文章的你带来一丝收获并自己做些实践。

接下来的阶段则是不断增长的敬畏和惊奇,然后是狂喜。最终,我回到了现实,用一颗重新敞开的心,开始窥探一些潜在的积极和消极的影响。而我现在所处的阶段是等待世界其他地方的人们经历同样的旅程,因为我意识到这种相变不仅会影响我的生活,还会影响我的家人及其后代的生活。

我唯一希望的是,你能直接接触并亲身体验这项新技术,不要只是阅读其他人的观点,而仅根据这些观点形成自己的看法。你要亲自去体验它,形成自己的观点,然后对你发现的一切积极发声,无论是积极的、消极的还是中性的,最重要的是说出来。在即将来临的AI新时代,社交媒体和思想领袖的观点令人陶醉,但也容易带来误导,所以请你尽量独立思考。

《超越想象的GPT医疗》,彼得·李