-
-
Notifications
You must be signed in to change notification settings - Fork 12
Expand file tree
/
Copy patholdhome.html
More file actions
153 lines (144 loc) · 7.1 KB
/
oldhome.html
File metadata and controls
153 lines (144 loc) · 7.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name : Abrasive
Description: A two-column, fixed-width design with dirty looks.
Version : 1.0
Released : 20081122
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Runestone Interactive Home</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29883683-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<!-- <h1><a href="#">Runestone Interactive</a></h1> -->
<img src="images/logo.jpg">
</div>
<!-- end #logo -->
<div id="menu">
<ul>
<li class="first"><a href="#">News</a></li>
<li><a href="http://groups.google.com/group/runestoneinteractive?lnk=gcimh">Group</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
<!-- end #menu -->
</div>
<!-- end #header -->
<div id="page">
<div id="bgtop">
<div id="bgbottom">
<div id="content">
<div class="post">
<div class="title">
<h2><a href="#">Welcome</a></h2>
</div>
<div class="entry"><img src="images/runestone_alpha.gif" alt="" width="112" height="104" class="alignleft" />
<p>Runestone Interactive is the home for several projects that provide interactive textbooks for computer science. We currently have two books in use for our Introductory Computer Science classes. You can link to them from the library on the right.</p>
<p>In addition to the books we are also have a set of tools for creating interactive eBooks. The tools as well as the book are open source and available for you to use. If you do use the tools to create a book let us know and we'll add a link.</p>
</div>
</div>
<div class="post">
<div class="title">
<h2><a href="#">Developer Docs</a></h2>
</div>
<div class="entry">
<p>Whether you're an author or are interested in developing additional interactive book extensions you can find the <a href="http://runestoneinteractive.org/build/html/index.html">documentation here.</a>
</div>
</div>
<div class="post">
<div class="title">
<h2><a href="#">Overview</a></h2>
</div>
<div class="entry">
<iframe width="560" height="315" src="http://www.youtube.com/embed/Us4fpoNht68" frameborder="0" allowfullscreen></iframe>
<p>After writing two textbooks for introductory computer science I became very interested in what could be done if a textbook was truly interactive. During my sabbatical in 2010/2011 I started to experiement with programming on the iPad as well as a bunch of HTML5 features. After stumbling on some great open source tools, and the open source text from How to Think Like a Computer Scientist this project was born. The books in our library have the following unique features:
<ul>
<li>Activecode: A Javscript implementation of Python right in the book. Every example is runable and editable.</li>
<li>Codelens: Like having a debugger in the textbook. You can step forward and backward through the code and observe the value of the variables as they change.</li>
<li>Interactive Exercises for self assessment</li>
<li>Problem solving videos to help you understand important Python programming concepts</li>
</ul>
</p>
<p>You are welcome to use either of these books in your course, or you can even make a custom build of the book with just the chapters you want to use.</p>
<p>There is still tons of work to do in developing tools and improving the books. Our hope is to create a resource where an instructor can create a custom book for their class.</p>
</div>
</div>
<div class="post">
<div class="title">
<h2><a href="#">Where's the Source?</a></h2>
</div>
<div class="entry">
<p>The source code for this project is hosted on github. The eBook content is divided up into modules. Modules are short lessons or you might think of them as the sections of a chapter in a book. You are invited to fork the project and contribute back any updated modules, exercises, or new modules! <a href="http://github.com/bnmnetp/runestone">github/bnmnetp/runestone</a> If you are interested in extending the runestone tool set you should check out the <a href="http://runestoneinteractive.org/build/html/index.html">developer docs</a>.
</p>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Library</h2>
<ul>
<li><a href="https://runestone.academy">How to Think Like a Computer Scientist</a></li>
<li><a href="https://runestone.academy">Problem solving with algorithms and data structures using Python</a></li>
<li><a href="https://runestone.academy/runestone/static/java4python/index.html">Java 4 Python Programmers</a></li>
<li><a href="https://runestone.academy/runestone/static/JavaReview/index.html">Java Review for the AP CS A Exam</a></li>
</ul>
</li>
<li>
<h2>Tools</h2>
<ul>
<li><a href="#">eBook Tools</a></li>
<li><a href="http://sphinx.pocoo.org">Sphinx</a></li>
<li><a href="http://skulpt.org">Skulpt.org</a></li>
<li><a href="http://people.csail.mit.edu/pgbovine/python/">Python Tutor</a></li>
</ul>
</li>
<li>
<h2>Links</h2>
<ul>
<li><a href="http://reputablejournal.com">Brad's Blog</a></li>
<li><a href="#">David's Blog</a></li>
<li><a href="http://www.cs.luther.edu">Luther CS Department</a></li>
<li></li>
<li><a href="https://twitter.com/iRunestone" class="twitter-follow-button" data-show-count="false">Follow @iRunestone</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2012 RunestoneInteractive.org Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree</a> Logo by Tanner Chambers</p>
</div>
<!-- end #footer -->
</div>
<!-- end #wrapper -->
</body>
</html>