zcbzjx 发表于 2013-2-19 22:27:49

【翻译教程】enc28J60 和 Arduino (9)——发送更大的图标

本帖最后由 zcbzjx 于 2013-2-22 19:45 编辑

很久没写代码了，hoho，最近想写点。发现luca已经发布了到第13个教程了，俺还是有始有终接着翻吧。。
原文在这儿

上一个教程发布后，有很多同学留言要求用arduino和enc28j60发送更大的图片。

现在我们通过在HTML页面中引用别的网站的图片来解决这个问题：


下面我写一个例子来通过互联网控制一个继电器，使用为智能手机优化的用户界面。

逻辑视图

这个例子使用3个模块：Arduino UNO；enc28j60盾；从ebay买的继电器盾，连接到Arduino的一个端口：


enc28j60盾连接到我家的ADSL路由器，配置NAT，传入TCP连接中80端口对应为分配给Arduino的IP地址：


在我知道我公网的IP地址的情况下我可以连接我的Arduino。最好使用动态的DNS服务（也许使用一个Arduino让他保持更新，正如我这个教程）。

WEB界面

可以保持了简洁的界面：一个标签显示真实的状态，一个按钮控制继电器的开关：



对网管的提示：下面的META元标记可以使你的网页更加适合智能手机的显示。


我使用的图标来自Jojo Mendoza设计的Soft Scraps图标集，由于这些图标用于个人和非商业用途是免费的！

你可以从GitHub上下载这2个示例的静态页面。

代码

对于代码详细的解释已经在上一个例程中阐述了，这个例程改变了准备（prepare）和发送HTML页面：


和往常一样可以从GitHub下载源代码。

演示

http://v.youku.com/v_show/id_XNTE2MjgxNzUy.html

返回目录

zcbzjx 发表于 2013-2-19 22:36:10

占个位置，准备发软文

幻生幻灭 发表于 2013-2-20 08:35:14

占个位置，准备看软文。
张老师真有毅力{:soso_e179:}

zcbzjx 发表于 2013-2-20 12:19:02

幻生幻灭 发表于 2013-2-20 08:35 static/image/common/back.gif
占个位置，准备看软文。
张老师真有毅力

那个哥们比较牛，教程简明扼要，还是比较好翻译的，最重要的是，图像 视频，不用自己弄，很省事。

五哥U五哥 发表于 2013-3-7 22:01:23

果断要顶！！

superlsl 发表于 2013-5-14 14:51:51

谢谢楼主分享，正在一篇一篇看

mpsk 发表于 2013-8-25 23:02:05

感谢楼主分享，学习中~~~

软件-蹄飞 发表于 2013-8-30 17:34:14

谢谢分享 很给力的说

libn 发表于 2013-9-10 14:59:22

http://item.taobao.com/item.htm?id=21579360796

老师 求教，我买这个 enc28J60 可以做 您的例子吗？我看这个图片和您实验的那个板子不一样呀

zcbzjx 发表于 2013-9-15 12:55:25

libn 发表于 2013-9-10 14:59 static/image/common/back.gif
http://item.taobao.com/item.htm?id=21579360796

老师 求教，我买这个 enc28J60 可以做 您的例子吗？我 ...

可以

libn 发表于 2013-9-16 16:49:09

zcbzjx 发表于 2013-9-15 12:55 static/image/common/back.gif
可以

灰常感谢，灰常感谢
页: [1]
查看完整版本: 【翻译教程】enc28J60 和 Arduino (9)——发送更大的图标