svg 编码设置_SVG与教孩子们编码有什么关系？

svg 编码设置

杰伊·尼克 （ Jay Nick）是一位退休的电气工程师，他通过将艺术作为一种向学生介绍数学和编码的创造性方法，在他所在社区的当地学校当志愿者。 考虑到自己的孩子在大学编程课程中遇到的挫折感，他决定将自己的经验与可伸缩矢量图形（SVG）结合使用，以创建一种结合数学和艺术原理的编码方法。

他写了两本书《 交互式学习SVG和STEAM编码的字符串艺术》 ，解释了学习编码的学生如何仅使用文本编辑器就可以创建精美的SVG图像。 他的自出版书籍是免费的，可在Apple iTunes以及妻子的网站上获得 。 Jay还是OpenClipart.org的定期撰稿人，他在其中贡献了166张SVG图像，这些图像已在公共领域获得许可。

对许多人来说，学习抽象数学概念可能很困难。 在这次采访中，Jay解释了他如何将SVG技能转化为当今数学学生的强大教学工具。 在此过程中，这些年轻人学习了开源原则，HTML编码和SVG。

唐·沃特金斯：您的背景是什么？

杰伊·尼克（Jay Nick）：我是威斯康星大学麦迪逊分校的毕业生（'75 BS-ECE）。 我在电力和煤气公司工作了31年，负责硬件和软件，这些软件用于监视和控制电力和天然气的产生，传输和分配。

除了在大学里进行一些Fortran编程外，我的第一次编程经验是在70年代后期，他是变电站组一部分的微处理器控制器的汇编语言。 在80年代初期，我搬到了24/7能源控制中心，在那儿，我在冗余的“微型计算机”系统上用Fortran和Assembly语言进行编程。

在80年代末至90年代初，作为一个小团队的一部分，我们将小型计算机系统迁移到了微型计算机（PC）网络。 PC用C编程语言编程。

在90年代末期出现公用事业放松管制的时代，我为我们的非管制性创业公司工作，该公司以浏览器作为操作员界面。 最初，动态HTML使用数据获取值更新了表。

在2000年代初，我引入了可伸缩矢量图形 （SVG），以显示电厂和变电站的单线图。 Javascript检索了XML数据，并更新了图中的值和设备状态。 这为操作创造了具有成本效益的人机界面（HMI）。

DW：您是如何进入开源编程的？

JN ：在我职业生涯的后期，我是应用技术小组的一员，我们在其中寻找可以应用于企业的新兴技术。 作为SVG的强烈支持者，我担心该技术的未来，因为Microsoft及其主导的浏览器将不支持World Wide Web Consortium（W3C）标准。 我欢迎Firefox提供本机SVG支持。 我开始尝试使用Firefox附加组件，并在工作中和退休初期创建了多个。 我上传了一些附加组件，这是我的第一个开源贡献。

人们通过阅读和维护他人的代码来学习编程。 由于所有浏览器都支持查看HTML页面或SVG图形的源，因此Web提供了巨大的学习机会。 我既是OpenClipart.org的用户，也是该贡献者 。

DW：是什么促使您向学校的孩子们提供编码经验的？

JN ：我孩子的第一次编程经验是在大学里。 他们讨厌它。 与其他班级相比，该班级需要更多的时间来获得学分。 与我交谈过的其他学生也有同样的感觉。 问题的一部分是他们没有接触到如何去做。

当“学习编码”运动开始时，我听了所有技术CEO的话，他们谈到他们第一次学习编码时的乐趣。 他们继续，因为那很有趣。 我的经历是一样的。 我立即想到了SVG，以及它如何带来创造力和乐趣。 我决定对我的孙辈们进行尝试，并向学校提供服务。

最近，我有机会与两名四年级学生一起工作； 他们的老师觉得他们需要挑战。 那是我开始在自己的网站上创建SVG课程计划的时候。 我的大多数孙子都已经步入一个可以从我所做的工作中受益的年龄。

DW：SVG图形如何引起您的注意？

詹妮 ：2001年，我在努力制作电子书的同时发现了SVG。 由于电子书技术不是主流，所以我想在网络上显示这本书。 当时，市场上有许多不同分辨率的显示器，分辨率分别为800x600、1024x768等。问题是图像中的文本失真并且在不同分辨率下变得不可读。 在寻找解决方案时，我发现了SVG。 因为它是矢量图形，所以没有失真。 在任何分辨率下，文本看起来都是相同的。 但是，SVG在工作中的应用真正使我为此感到兴奋。 从那时起我一直在与它合作。

DW：为什么艺术是教授编码和数学的绝佳媒介？

詹妮 ：小时候，我不喜欢艺术，因为我的画从未对我好。 如果计算机和SVG出现了，我会喜欢数学，也会喜欢艺术。 数学对许多女孩都有负面的涵义，但最像艺术。 我和我的孙女创建了电子书《 我爱涂鸦》 ， 该书基于艺术数学和数学艺术。 这是迄今为止我们最受欢迎的SVG电子书，在世界范围内都具有吸引力。

SVG结合了数学和艺术，对男孩和女孩都有吸引力。 它带来创造力，色彩和乐趣。 当坐标错误时，他们会大笑，而诸如眼睛之类的物体出现在错误的地方。 他们为自己的工作感到自豪，并希望将其打印给爸爸妈妈看。 看到这一点真是令人高兴。

我们必须小心并确保编码不会产生数学无法摆脱的负面含义。 这很容易发生。

DW：将艺术纳入STEM计划有什么收获？

JN ：我尝试在我的网站STEAMcoded.org的每个STEM和STEAM主题字段中显示SVG的示例。 有很多方法可以将艺术与STEM相关联。 我一直在寻找更好的方法来证明这一点。

SVG内置了对SMIL动画的支持，并且学生喜欢它。 我认为SVG中对象的动画可以为正在使用的许多STEM机器人提供相似的体验。 有时，动画只是被认为很可爱。 在工作中，我制作了一个生成器符号动画，该符号在联机时旋转，在脱机时停止。 我以为它很可爱，但是操作员真的很喜欢它，因为他们一眼就能知道是否有问题。

我问了两个四年级学生，他们是否更喜欢使用SVG或学校的机器人。 两者都更喜欢SVG，因为他们可以做更多。 他们认为机器人很有趣，但是用它们做的事情却很少。

使用SVG作为HMI并将数据链接到看起来像实际机器的对象是SVG用于STEM的重要应用。 学校可以从HVAC系统，电表，太阳能系统等获取实时数据，并创建自己的图形，并根据这些数据进行更新，然后将其放置在其Intranet或Internet上。

DW：您的免费电子书“ 交互式学习SVG”对您工作的总体成功有多重要？

JN ：恩，电子书的内容使我开始上学。 这本书是我2003年所做的工作的成果，当时我向八年级代数课程的学生展示了如何使用SVG。 在两堂课期间，他们创造了我在书中展示的艺术。 我使用网格概念来帮助学生了解如何放置对象。 我在所有SVG课程中都使用相同的概念。

今天，有些学生将电子书用作他们所创建内容的语法参考。 该电子书是免费的，但下载量很少。 它位于Apple的iBookstore中，因为Apple允许出版商免费提供该书。 也可以在我的网站上下载。

DW：您的其他电子书如何帮助您传达信息？

詹妮 ：有点帮助。 一个学区将电子书放到学校的所有iPad上。 在大多数情况下，我认为它们似乎过于技术化。 我认为许多老师会看到数学符号和外来符号并远离。 他们不想做数学或尝试学习SVG。 数学老师只是没有时间满足所有的教学要求。

我收到很多“我没有输入所有内容”的React。 但是，一旦我向他们展示了大部分文本是复制，粘贴和更改坐标，他们就会感到惊讶。

DW：您是否使用开源工具创建了书籍？

JN ：不，电子书技术是所有网络技术，我是手工编写的。 实际上，监督ePUB标准的国际数字出版论坛刚刚成为万维网联盟 （W3C）的一部分。

简而言之，电子书的每一章都是网页。 其中包括几个额外的文件，以告诉电子阅读器包括哪些文件以及显示它们的顺序。 然后将所有文件压缩在一起，并将扩展名更改为.epub。 这非常简单，我认为与老师一起创建电子书会很棒，但这是一个耗时的项目。

但是，我确实使用Google提供的名为ePubCheck的开源工具来验证.epub文件并更正所有错误。

DW：邀请您的学校和学生有哪些重要的收获？

JN ：我向他们展示的是他们可以免费在家中完成的工作。 每台计算机已经具备了您所需的一切：一个简单的文本编辑器和一个浏览器。 SVG是网络语言，并且将会存在很长时间。 大多数人都不了解W3C。 如果他们听说过SVG，就以为它是另一种图像文件格式。

我很高兴地说一些老师正在学习SVG并进行教学。 他们仅在高级学生需要帮助时才与我联系，我很乐意提供帮助。

DW：您有没有一个学生与OpenClipart.org分享了他们的SVG创作？

JN ：不，还没有。 我没有提出这个想法，但是我喜欢它。 上学许可有时会阻止此类事情。 实际上，许多学校都封锁了包括OpenClipart.org在内的所有剪贴画网站

DW：您还想分享什么吗？

JN ：我认为我要教给学生的最重要的事情是如何解决语法错误并逐步解决它（编辑一行，保存，刷新浏览器，并更正任何错误）。 我认为，仅此一项，对我的孩子进行第一门编码课程确实会有帮助。

另外，许多学校都在使用Chromebook和Google文档，它们在保存时会嵌入额外的元数据，因此无法正确显示Google云端硬盘中的SVG文件； 必须先下载它。 一位老师告诉我，他们不教学生文件管理的基础知识，所以我需要花费额外的时间来确保他们知道文件的保存位置以及如何在浏览器中打开文件。

我正在研究一些使用代码生成代码的SVG工具。 它们对于尚未接触三角学的年轻学生很有用。 它使他们可以创建星星，多边形和图案。 这里是一些： steamcoded.org/StarMaker.svg （在美国国旗课程中使用了制星者）和http://steamcoded.org/PolyskelionMaker.svg 。 [您可以]很快在我的网站上寻找[更多]链接； Pattern Maker几乎已准备就绪，但尚未在网站上发布。

还有一件事。 我的SVG电子书是免费的，但我的妻子芭芭拉（Barbara）编写的获奖儿童电子书也是如此。 它们是免费的，可以在Apple的iBookstore和她的网站上获得 。

翻译自: https://opensource.com/article/17/5/coding-scalable-vector-graphics-make-steam

svg 编码设置