Add first-run information page to the Atmel Studio 6.1 extension.
[pub/USBasp.git] / LUFA / StudioIntegration / VSIX / GettingStarted.htm
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html>
3 <head>
4 <title>LUFA</title>
5
6 <style media="screen" type="text/css">
7 /* Reset */
8 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
9 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
10 img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i,
11 center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
12 tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
13 font-size: 100%; vertical-align: baseline; background: transparent; } body {
14 line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
15 blockquote:before, blockquote:after, q:before, q:after { content: ''; content:
16 none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
17 table { border-collapse: collapse; border-spacing: 0; }
18
19 body
20 {
21 background-color: #353530;
22 }
23
24 #container
25 {
26 width: 800px;
27 margin-top: 20px;
28 margin-left: auto;
29 margin-right: auto;
30 border: 1px solid #DDC;
31 }
32
33 #header
34 {
35 background-color: #3D3229;
36 text-align: center;
37 font: bold 2.5em "Times New Roman", serif;
38 color: #CCB;
39 padding: 20px;
40 }
41
42 #header span
43 {
44 color: #998
45 }
46
47 #content
48 {
49 background-color: #EAE0D6;
50 padding: 20px;
51 }
52
53 #content p
54 {
55 line-height: 1.4em;
56 padding: 0.2em 0 1.2em;
57 font: normal 1em Georgia, sans-serif;
58 }
59
60 #content h1
61 {
62 font: bold 1.3em Georgia, sans-serif;
63 color: #3D3229;
64 margin-top: 2em;
65 margin-bottom: 0.2em;
66 }
67
68 #content a
69 {
70 color: #3D3229;
71 }
72
73 #content img
74 {
75 display: block;
76 margin-left: auto;
77 margin-right: auto;
78 }
79
80 </style>
81 </head>
82 <body>
83 <div id="container">
84 <div id="header">
85 <h1>Thanks for installing <span>LUFA</span>!</h1>
86 </div>
87
88 <div id="content">
89 <p>The LUFA extension is now installed into Atmel Studio, and
90 is ready for use. To get started, read the information below.</p>
91
92 <h1>Create an Example Project</h1>
93 <p>LUFA comes with a variety of example projects, showing off several of the library features. Also included is a number of
94 bootloaders, full LUFA powered projects, and several user-contributed projects. To see these, open the <em>New Example Project</em>
95 wizard from the <tt>File->New</tt> menu. Expand out the <em>FourWalledCubicle</em> node, then the <em>Dean Camera - LUFA</em> node to see a list
96 of LUFA projects.</p>
97
98 <img width="700px" src="NewExampleWizard.png"/>
99
100 <h1>Configure LUFA</h1>
101 <p>The LUFA Atmel Studio extension is fully integrated into the Atmel Studio IDE, including the LUFA sub-modules. Open the
102 <em>ASF Wizard</em> from the <tt>ASF->ASF Wizard</tt> menu, choose your project from your current solution, then choose
103 the LUFA library as the extension to configure from the <em>Available Modules</em> portion of the wizard. Here you can
104 add and remove LUFA modules to and from your project as you need them.</p>
105
106 <img width="700px" src="ASFWizard.png"/>
107
108 <h1>Find the Module APIs</h1>
109 <p>You can view your project's included LUFA modules any time you need to from the <em>ASF Explorer</em> window, accessible from
110 the <tt>ASF->ASF Explorer</tt> menu.</p> Here you can find a link to the module's corresponding API documentation in the LUFA
111 manual, as well as a direct link to the module's API header.
112
113 <img src="ASFExplorer.png"/>
114
115 <h1>Get Help</h1>
116 <p>First and foremost, remember to consult the <a href="http://www.lufa-lib.org/documentation">LUFA documentation</a>
117 if you want to learn how to use LUFA in your project.
118 </p>
119 <p>
120 If you are still stuck and need help, please sign up and post on the <a href="http://www.lufa-lib.org/support">LUFA Mailing List</a>
121 - or just search the archives to see if your question has already been answered.
122 </p>
123
124 <h1>Read About the Latest Developments</h1>
125 <p>Keep up to date with the latest LUFA news; read the <a href="http://www.fourwalledcubicle.com/blog">author's blog</a>,
126 or see the <a href="http://www.fourwalledcubicle.com/">author's website</a>.
127 </p>
128 </div>
129 </div>
130 <br/>
131 </body>
132 </html>