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