1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
---|
2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
---|
3 | <head> |
---|
4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
---|
5 | <meta http-equiv="Content-Style-Type" content="text/css" /> |
---|
6 | <meta name="generator" content="pandoc" /> |
---|
7 | <title>Observium - Lab</title> |
---|
8 | <style type="text/css">code{white-space: pre;}</style> |
---|
9 | <link href="data:text/css,%2F%2A%0A%20%20%20%20Buttondown%0A%20%20%20%20A%20Markdown%2FMultiMarkdown%2FPandoc%20HTML%20output%20CSS%20stylesheet%0A%20%20%20%20Author%3A%20Ryan%20Gray%0A%20%20%20%20Date%3A%2015%20Feb%202011%0A%20%20%20%20Revised%3A%2021%20Feb%202012%0A%20%20%20%0A%20%20%20%20General%20style%20is%20clean%2C%20with%20minimal%20re%2Ddefinition%20of%20the%20defaults%20or%20%0A%20%20%20%20overrides%20of%20user%20font%20settings%2E%20The%20body%20text%20and%20header%20styles%20are%20%0A%20%20%20%20left%20alone%20except%20title%2C%20author%20and%20date%20classes%20are%20centered%2E%20A%20Pandoc%20TOC%20%0A%20%20%20%20is%20not%20printed%2C%20URLs%20are%20printed%20after%20hyperlinks%20in%20parentheses%2E%20%0A%20%20%20%20Block%20quotes%20are%20italicized%2E%20Tables%20are%20lightly%20styled%20with%20lines%20above%20%0A%20%20%20%20and%20below%20the%20table%20and%20below%20the%20header%20with%20a%20boldface%20header%2E%20Code%20%0A%20%20%20%20blocks%20are%20line%20wrapped%2E%20%0A%20%0A%20%20%20%20All%20elements%20that%20Pandoc%20and%20MultiMarkdown%20use%20should%20be%20listed%20here%2C%20even%20%0A%20%20%20%20if%20the%20style%20is%20empty%20so%20you%20can%20easily%20add%20styling%20to%20anything%2E%0A%20%20%20%20%0A%20%20%20%20There%20are%20some%20elements%20in%20here%20for%20HTML5%20output%20of%20Pandoc%2C%20but%20I%20have%20not%20%0A%20%20%20%20gotten%20around%20to%20testing%20that%20yet%2E%0A%2A%2F%0A%20%0A%2F%2A%20NOTES%3A%0A%20%0A%20%20%20%20Stuff%20tried%20and%20failed%3A%0A%20%20%20%20%0A%20%20%20%20It%20seems%20that%20specifying%20font%2Dfamily%3Aserif%20in%20Safari%20will%20always%20use%20%0A%20%20%20%20Times%20New%20Roman%20rather%20than%20the%20user%27s%20preferences%20setting%2E%0A%20%20%20%20%0A%20%20%20%20Making%20the%20font%20size%20different%20or%20a%20fixed%20value%20for%20print%20in%20case%20the%20screen%20%0A%20%20%20%20font%20size%20is%20making%20the%20print%20font%20too%20big%3A%20Making%20font%2Dsize%20different%20for%20%0A%20%20%20%20print%20than%20for%20screen%20causes%20horizontal%20lines%20to%20disappear%20in%20math%20when%20using%20%0A%20%20%20%20MathJax%20under%20Safari%2E%0A%2A%2F%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Front%20Matter%20%2D%2D%2D%2D%20%2A%2F%0A%20%0A%2F%2A%20Pandoc%20header%20DIV%2E%20Contains%20%2Etitle%2C%20%2Eauthor%20and%20%2Edate%2E%20Comes%20before%20div%23TOC%2E%20%0A%20%20%20Only%20appears%20if%20one%20of%20those%20three%20are%20in%20the%20document%2E%0A%2A%2F%0A%20%0Adiv%23header%2C%20header%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Put%20border%20on%20bottom%2E%20Separates%20it%20from%20TOC%20or%20body%20that%20comes%20after%20it%2E%20%2A%2F%0A%20%20%20%20border%2Dbottom%3A%201px%20solid%20%23aaa%3B%0A%20%20%20%20margin%2Dbottom%3A%200%2E5em%3B%0A%20%20%20%20%7D%0A%20%0A%2Etitle%20%2F%2A%20Pandoc%20title%20header%20%28h1%2Etitle%29%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20text%2Dalign%3A%20center%3B%0A%20%20%20%20%7D%0A%20%0A%2Eauthor%2C%20%2Edate%20%2F%2A%20Pandoc%20author%28s%29%20and%20date%20headers%20%28h2%2Eauthor%20and%20h3%2Edate%29%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20text%2Dalign%3A%20center%3B%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20Pandoc%20table%20of%20contents%20DIV%20when%20using%20the%20%2D%2Dtoc%20option%2E%0A%20%20%20NOTE%3A%20this%20doesn%27t%20support%20Pandoc%27s%20%2D%2Did%2Dprefix%20option%20for%20%23TOC%20and%20%23header%2E%20%0A%20%20%20Probably%20would%20need%20to%20use%20div%5Bid%24%3D%27TOC%27%5D%20and%20div%5Bid%24%3D%27header%27%5D%20as%20selectors%2E%0A%2A%2F%0A%20%0Adiv%23TOC%2C%20nav%23TOC%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Put%20border%20on%20bottom%20to%20separate%20it%20from%20body%2E%20%2A%2F%0A%20%20%20%20border%2Dbottom%3A%201px%20solid%20%23aaa%3B%0A%20%20%20%20margin%2Dbottom%3A%200%2E5em%3B%0A%20%20%20%20%7D%0A%20%0A%40media%20print%0A%20%20%20%20%7B%0A%20%20%20%20div%23TOC%2C%20nav%23TOC%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%2F%2A%20Don%27t%20display%20TOC%20in%20print%20%2A%2F%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Headers%20and%20sections%20%2D%2D%2D%2D%20%2A%2F%0A%20%0Ah1%2C%20h2%2C%20h3%2C%20h4%2C%20h5%2C%20h6%0A%7B%0A%20%20%20%20font%2Dfamily%3A%20%22Helvetica%20Neue%22%2C%20Helvetica%2C%20%22Liberation%20Sans%22%2C%20Calibri%2C%20Arial%2C%20sans%2Dserif%3B%20%2F%2A%20Sans%2Dserif%20headers%20%2A%2F%0A%20%0A%20%20%20%20%2F%2A%20font%2Dfamily%3A%20%22Liberation%20Serif%22%2C%20%22Georgia%22%2C%20%22Times%20New%20Roman%22%2C%20serif%3B%20%2F%2A%20Serif%20headers%20%2A%2F%0A%20%0A%20%20%20%20page%2Dbreak%2Dafter%3A%20avoid%3B%20%2F%2A%20Firefox%2C%20Chrome%2C%20and%20Safari%20do%20not%20support%20the%20property%20value%20%22avoid%22%20%2A%2F%0A%7D%0A%20%0A%2F%2A%20Pandoc%20with%20%2D%2Dsection%2Ddivs%20option%20%2A%2F%0A%20%0Adiv%20div%2C%20section%20section%20%2F%2A%20Nested%20sections%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20margin%2Dleft%3A%202em%3B%20%2F%2A%20This%20will%20increasingly%20indent%20nested%20header%20sections%20%2A%2F%0A%20%20%20%20%7D%0A%20%0Ap%20%7B%7D%0A%20%0Ablockquote%0A%20%20%20%20%7B%20%0A%20%20%20%20font%2Dstyle%3A%20italic%3B%0A%20%20%20%20%7D%0A%20%0Ali%20%2F%2A%20All%20list%20items%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Ali%20%3E%20p%20%2F%2A%20Loosely%20spaced%20list%20item%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20margin%2Dtop%3A%201em%3B%20%2F%2A%20IE%3A%20lack%20of%20space%20above%20a%20%3Cli%3E%20when%20the%20item%20is%20inside%20a%20%3Cp%3E%20%2A%2F%0A%20%20%20%20%7D%0A%20%0Aul%20%2F%2A%20Whole%20unordered%20list%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Aul%20li%20%2F%2A%20Unordered%20list%20item%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Aol%20%2F%2A%20Whole%20ordered%20list%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Aol%20li%20%2F%2A%20Ordered%20list%20item%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Ahr%20%7B%7D%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Some%20span%20elements%20%2D%2D%2D%20%2A%2F%0A%20%0Asub%20%2F%2A%20Subscripts%2E%20Pandoc%3A%20H%7E2%7EO%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Asup%20%2F%2A%20Superscripts%2E%20Pandoc%3A%20The%202%5End%5E%20try%2E%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%20%20%20%0Aem%20%2F%2A%20Emphasis%2E%20Markdown%3A%20%2Aemphasis%2A%20or%20%5Femphasis%5F%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%20%20%20%0Aem%20%3E%20em%20%2F%2A%20Emphasis%20within%20emphasis%3A%20%2AThis%20is%20all%20%2Aemphasized%2A%20except%20that%2A%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20font%2Dstyle%3A%20normal%3B%0A%20%20%20%20%7D%0A%20%0Astrong%20%2F%2A%20Markdown%20%2A%2Astrong%2A%2A%20or%20%5F%5Fstrong%5F%5F%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Links%20%28anchors%29%20%2D%2D%2D%2D%20%2A%2F%0A%20%0Aa%20%2F%2A%20All%20links%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Keep%20links%20clean%2E%20On%20screen%2C%20they%20are%20colored%3B%20in%20print%2C%20they%20do%20nothing%20anyway%2E%20%2A%2F%0A%20%20%20%20text%2Ddecoration%3A%20none%3B%0A%20%20%20%20%7D%0A%20%0A%40media%20screen%0A%20%20%20%20%7B%0A%20%20%20%20a%3Ahover%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%2F%2A%20On%20hover%2C%20we%20indicate%20a%20bit%20more%20that%20it%20is%20a%20link%2E%20%2A%2F%0A%20%20%20%20%20%20%20%20text%2Ddecoration%3A%20underline%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%0A%40media%20print%0A%20%20%20%20%7B%0A%20%20%20%20a%20%20%20%7B%0A%20%20%20%20%20%20%20%20%2F%2A%20In%20print%2C%20a%20colored%20link%20is%20useless%2C%20so%20un%2Dstyle%20it%2E%20%2A%2F%0A%20%20%20%20%20%20%20%20color%3A%20black%3B%0A%20%20%20%20%20%20%20%20background%3A%20transparent%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20a%5Bhref%5E%3D%22http%3A%2F%2F%22%5D%3Aafter%2C%20a%5Bhref%5E%3D%22https%3A%2F%2F%22%5D%3Aafter%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%2F%2A%20However%2C%20links%20that%20go%20somewhere%20else%2C%20might%20be%20useful%20to%20the%20reader%2C%0A%20%20%20%20%20%20%20%20%20%20%20so%20for%20http%20and%20https%20links%2C%20print%20the%20URL%20after%20what%20was%20the%20link%20%0A%20%20%20%20%20%20%20%20%20%20%20text%20in%20parens%0A%20%20%20%20%20%20%20%20%2A%2F%0A%20%20%20%20%20%20%20%20content%3A%20%22%20%28%22%20attr%28href%29%20%22%29%20%22%3B%0A%20%20%20%20%20%20%20%20font%2Dsize%3A%2090%25%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Images%20%2D%2D%2D%2D%20%2A%2F%0A%20%0Aimg%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Let%20it%20be%20inline%20left%2Fright%20where%20it%20wants%20to%20be%2C%20but%20verticality%20make%20%0A%20%20%20%20%20%20%20it%20in%20the%20middle%20to%20look%20nicer%2C%20but%20opinions%20differ%2C%20and%20if%20in%20a%20multi%2Dline%20%0A%20%20%20%20%20%20%20paragraph%2C%20it%20might%20not%20be%20so%20great%2E%20%0A%20%20%20%20%2A%2F%0A%20%20%20%20vertical%2Dalign%3A%20middle%3B%0A%20%20%20%20%7D%0A%20%0Adiv%2Efigure%20%2F%2A%20Pandoc%20figure%2Dstyle%20image%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Center%20the%20image%20and%20caption%20%2A%2F%0A%20%20%20%20margin%2Dleft%3A%20auto%3B%0A%20%20%20%20margin%2Dright%3A%20auto%3B%0A%20%20%20%20text%2Dalign%3A%20center%3B%0A%20%20%20%20font%2Dstyle%3A%20italic%3B%0A%20%20%20%20%7D%0A%20%0Ap%2Ecaption%20%2F%2A%20Pandoc%20figure%2Dstyle%20caption%20within%20div%2Efigure%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Inherits%20div%2Efigure%20props%20by%20default%20%2A%2F%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Code%20blocks%20and%20spans%20%2D%2D%2D%2D%20%2A%2F%0A%20%0Apre%2C%20code%20%0A%20%20%20%20%7B%0A%20%20%20%20background%2Dcolor%3A%20%23fdf7ee%3B%0A%20%20%20%20%2F%2A%20BEGIN%20word%20wrap%20%2A%2F%0A%20%20%20%20%2F%2A%20Need%20all%20the%20following%20to%20word%20wrap%20instead%20of%20scroll%20box%20%2A%2F%0A%20%20%20%20%2F%2A%20This%20will%20override%20the%20overflow%3Aauto%20if%20present%20%2A%2F%0A%20%20%20%20white%2Dspace%3A%20pre%2Dwrap%3B%20%2F%2A%20css%2D3%20%2A%2F%0A%20%20%20%20white%2Dspace%3A%20%2Dmoz%2Dpre%2Dwrap%20%21important%3B%20%2F%2A%20Mozilla%2C%20since%201999%20%2A%2F%0A%20%20%20%20white%2Dspace%3A%20%2Dpre%2Dwrap%3B%20%2F%2A%20Opera%204%2D6%20%2A%2F%0A%20%20%20%20white%2Dspace%3A%20%2Do%2Dpre%2Dwrap%3B%20%2F%2A%20Opera%207%20%2A%2F%0A%20%20%20%20word%2Dwrap%3A%20break%2Dword%3B%20%2F%2A%20Internet%20Explorer%205%2E5%2B%20%2A%2F%0A%20%20%20%20%2F%2A%20END%20word%20wrap%20%2A%2F%0A%20%20%20%20%7D%0A%20%0Apre%20%2F%2A%20Code%20blocks%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Distinguish%20pre%20blocks%20from%20other%20text%20by%20more%20than%20the%20font%20with%20a%20background%20tint%2E%20%2A%2F%0A%20%20%20%20padding%3A%200%2E5em%3B%20%2F%2A%20Since%20we%20have%20a%20background%20color%20%2A%2F%0A%20%20%20%20border%2Dradius%3A%205px%3B%20%2F%2A%20Softens%20it%20%2A%2F%0A%20%20%20%20%2F%2A%20Give%20it%20a%20some%20definition%20%2A%2F%0A%20%20%20%20border%3A%201px%20solid%20%23aaa%3B%0A%20%20%20%20%2F%2A%20Set%20it%20off%20left%20and%20right%2C%20seems%20to%20look%20a%20bit%20nicer%20when%20we%20have%20a%20background%20%2A%2F%0A%20%20%20%20margin%2Dleft%3A%20%200%2E5em%3B%0A%20%20%20%20margin%2Dright%3A%200%2E5em%3B%0A%20%20%20%20%7D%0A%20%0A%40media%20screen%0A%20%20%20%20%7B%0A%20%20%20%20pre%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%2F%2A%20On%20screen%2C%20use%20an%20auto%20scroll%20box%20for%20long%20lines%2C%20unless%20word%2Dwrap%20is%20enabled%20%2A%2F%0A%20%20%20%20%20%20%20%20white%2Dspace%3A%20pre%3B%0A%20%20%20%20%20%20%20%20overflow%3A%20auto%3B%0A%20%20%20%20%20%20%20%20%2F%2A%20Dotted%20looks%20better%20on%20screen%20and%20solid%20seems%20to%20print%20better%2E%20%2A%2F%0A%20%20%20%20%20%20%20%20border%3A%201px%20dotted%20%23777%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%0Acode%20%2F%2A%20All%20inline%20code%20spans%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Ap%20%3E%20code%2C%20li%20%3E%20code%20%2F%2A%20Code%20spans%20in%20paragraphs%20and%20tight%20lists%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Pad%20a%20little%20from%20adjacent%20text%20%2A%2F%0A%20%20%20%20padding%2Dleft%3A%20%202px%3B%0A%20%20%20%20padding%2Dright%3A%202px%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0Ali%20%3E%20p%20code%20%2F%2A%20Code%20span%20in%20a%20loose%20list%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20We%20have%20room%20for%20some%20more%20background%20color%20above%20and%20below%20%2A%2F%0A%20%20%20%20padding%3A%202px%3B%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Math%20%2D%2D%2D%2D%20%2A%2F%0A%20%0Aspan%2Emath%20%2F%2A%20Pandoc%20inline%20math%20default%20and%20%2D%2Djsmath%20inline%20math%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%2F%2A%20Tried%20font%2Dstyle%3Aitalic%20here%2C%20and%20it%20messed%20up%20MathJax%20rendering%20in%20some%20browsers%2E%20Maybe%20don%27t%20mess%20with%20at%20all%2E%20%2A%2F%0A%20%20%20%20%7D%0A%20%20%20%20%0Adiv%2Emath%20%2F%2A%20Pandoc%20%2D%2Djsmath%20display%20math%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%20%20%20%0Aspan%2ELaTeX%20%2F%2A%20Pandoc%20%2D%2Dlatexmathml%20math%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%20%0A%20%0Aeq%20%2F%2A%20Pandoc%20%2D%2Dgladtex%20math%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%20%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Tables%20%2D%2D%2D%2D%20%2A%2F%0A%20%0A%2F%2A%20%20A%20clean%20textbook%2Dlike%20style%20with%20horizontal%20lines%20above%20and%20below%20and%20under%20%0A%20%20%20%20the%20header%2E%20Rows%20highlight%20on%20hover%20to%20help%20scanning%20the%20table%20on%20screen%2E%0A%2A%2F%0A%20%0Atable%0A%20%20%20%20%7B%0A%20%20%20%20border%2Dcollapse%3A%20collapse%3B%0A%20%20%20%20border%2Dspacing%3A%200%3B%20%2F%2A%20IE%206%20%2A%2F%0A%20%0A%20%20%20%20border%2Dbottom%3A%202pt%20solid%20%23000%3B%0A%20%20%20%20border%2Dtop%3A%202pt%20solid%20%23000%3B%20%2F%2A%20The%20caption%20on%20top%20will%20not%20have%20a%20bottom%2Dborder%20%2A%2F%0A%20%0A%20%20%20%20%2F%2A%20Center%20%2A%2F%0A%20%20%20%20margin%2Dleft%3A%20auto%3B%0A%20%20%20%20margin%2Dright%3A%20auto%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0Athead%20%2F%2A%20Entire%20table%20header%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20border%2Dbottom%3A%201pt%20solid%20%23000%3B%0A%20%20%20%20background%2Dcolor%3A%20%23eee%3B%20%2F%2A%20Does%20this%20BG%20print%20well%3F%20%2A%2F%0A%20%20%20%20%7D%0A%20%0Atr%2Eheader%20%2F%2A%20Each%20header%20row%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%20%0A%20%0Atbody%20%2F%2A%20Entire%20table%20%20body%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20Table%20body%20rows%20%2A%2F%0A%20%0Atr%20%20%7B%0A%20%20%20%20%7D%0Atr%2Eodd%3Ahover%2C%20tr%2Eeven%3Ahover%20%2F%2A%20Use%20%2Eodd%20and%20%2Eeven%20classes%20to%20avoid%20styling%20rows%20in%20other%20tables%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20background%2Dcolor%3A%20%23eee%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0A%2F%2A%20Odd%20and%20even%20rows%20%2A%2F%0Atr%2Eodd%20%7B%7D%0Atr%2Eeven%20%7B%7D%0A%20%0Atd%2C%20th%20%2F%2A%20Table%20cells%20and%20table%20header%20cells%20%2A%2F%0A%20%20%20%20%7B%20%0A%20%20%20%20vertical%2Dalign%3A%20top%3B%20%2F%2A%20Word%20%2A%2F%0A%20%20%20%20vertical%2Dalign%3A%20baseline%3B%20%2F%2A%20Others%20%2A%2F%0A%20%20%20%20padding%2Dleft%3A%20%20%200%2E5em%3B%0A%20%20%20%20padding%2Dright%3A%20%200%2E5em%3B%0A%20%20%20%20padding%2Dtop%3A%20%20%20%200%2E2em%3B%0A%20%20%20%20padding%2Dbottom%3A%200%2E2em%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0A%2F%2A%20Removes%20padding%20on%20left%20and%20right%20of%20table%20for%20a%20tight%20look%2E%20Good%20if%20thead%20has%20no%20background%20color%2A%2F%0A%2F%2A%0Atr%20td%3Alast%2Dchild%2C%20tr%20th%3Alast%2Dchild%0A%20%20%20%20%7B%0A%20%20%20%20padding%2Dright%3A%200%3B%0A%20%20%20%20%7D%0Atr%20td%3Afirst%2Dchild%2C%20tr%20th%3Afirst%2Dchild%20%0A%20%20%20%20%7B%0A%20%20%20%20padding%2Dleft%3A%200%3B%0A%20%20%20%20%7D%0A%2A%2F%0A%20%0Ath%20%2F%2A%20Table%20header%20cells%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20font%2Dweight%3A%20bold%3B%20%0A%20%20%20%20%7D%0A%20%0Atfoot%20%2F%2A%20Table%20footer%20%28what%20appears%20here%20if%20caption%20is%20on%20top%3F%29%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0Acaption%20%2F%2A%20This%20is%20for%20a%20table%20caption%20tag%2C%20not%20the%20p%2Ecaption%20Pandoc%20uses%20in%20a%20div%2Efigure%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20caption%2Dside%3A%20top%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20font%2Dsize%3A%200%2E9em%3B%0A%20%20%20%20font%2Dstyle%3A%20italic%3B%0A%20%20%20%20text%2Dalign%3A%20center%3B%0A%20%20%20%20margin%2Dbottom%3A%200%2E3em%3B%20%2F%2A%20Good%20for%20when%20on%20top%20%2A%2F%0A%20%20%20%20padding%2Dbottom%3A%200%2E2em%3B%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20%2D%2D%2D%2D%20Definition%20lists%20%2D%2D%2D%2D%20%2A%2F%0A%20%0Adl%20%2F%2A%20The%20whole%20list%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20border%2Dtop%3A%202pt%20solid%20black%3B%0A%20%20%20%20padding%2Dtop%3A%200%2E5em%3B%0A%20%20%20%20border%2Dbottom%3A%202pt%20solid%20black%3B%0A%20%20%20%20%7D%0A%20%0Adt%20%2F%2A%20Definition%20term%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20font%2Dweight%3A%20bold%3B%0A%20%20%20%20%7D%0A%20%0Add%2Bdt%20%2F%2A%202nd%20or%20greater%20term%20in%20the%20list%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20border%2Dtop%3A%201pt%20solid%20black%3B%0A%20%20%20%20padding%2Dtop%3A%200%2E5em%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0Add%20%2F%2A%20A%20definition%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20margin%2Dbottom%3A%200%2E5em%3B%0A%20%20%20%20%7D%0A%20%0Add%2Bdd%20%2F%2A%202nd%20or%20greater%20definition%20of%20a%20term%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20border%2Dtop%3A%201px%20solid%20black%3B%20%2F%2A%20To%20separate%20multiple%20definitions%20%2A%2F%0A%20%20%20%20%7D%0A%20%20%20%20%0A%2F%2A%20%2D%2D%2D%2D%20Footnotes%20%2D%2D%2D%2D%20%2A%2F%0A%20%0Aa%2Efootnote%2C%20a%2EfootnoteRef%20%7B%20%2F%2A%20Pandoc%2C%20MultiMarkdown%20footnote%20links%20%2A%2F%0A%20%20%20%20font%2Dsize%3A%20small%3B%20%0A%20%20%20%20vertical%2Dalign%3A%20text%2Dtop%3B%0A%7D%0A%20%0Aa%5Bhref%5E%3D%22%23fnref%22%5D%2C%20a%2Ereversefootnote%20%2F%2A%20Pandoc%2C%20MultiMarkdown%2C%20%3F%3F%20footnote%20back%20links%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0A%40media%20print%0A%20%20%20%20%7B%0A%20%20%20%20a%5Bhref%5E%3D%22%23fnref%22%5D%2C%20a%2Ereversefootnote%20%2F%2A%20Pandoc%2C%20MultiMarkdown%20%2A%2F%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%2F%2A%20Don%27t%20display%20these%20at%20all%20in%20print%20since%20the%20arrow%20is%20only%20something%20to%20click%20on%20%2A%2F%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%0Adiv%2Efootnotes%20%2F%2A%20Pandoc%20footnotes%20div%20at%20end%20of%20the%20document%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%20%20%20%0Adiv%2Efootnotes%20li%5Bid%5E%3D%22fn%22%5D%20%2F%2A%20A%20footnote%20item%20within%20that%20div%20%2A%2F%0A%20%20%20%20%7B%0A%20%20%20%20%7D%0A%20%0A%2F%2A%20You%20can%20class%20stuff%20as%20%22noprint%22%20to%20not%20print%2E%20%0A%20%20%20Useful%20since%20you%20can%27t%20set%20this%20media%20conditional%20inside%20an%20HTML%20element%27s%20%0A%20%20%20style%20attribute%20%28I%20think%29%2C%20and%20you%20don%27t%20want%20to%20make%20another%20stylesheet%20that%20%0A%20%20%20imports%20this%20one%20and%20adds%20a%20class%20just%20to%20do%20this%2E%0A%2A%2F%0A%20%0A%40media%20print%0A%20%20%20%20%7B%0A%20%20%20%20%2Enoprint%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20display%3Anone%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A" rel="stylesheet" type="text/css" /> |
---|
10 | </head> |
---|
11 | <body> |
---|
12 | <div id="header"> |
---|
13 | <h1 class="title">Observium - Lab</h1> |
---|
14 | </div> |
---|
15 | <div id="TOC"> |
---|
16 | <ul> |
---|
17 | <li><a href="#introduction"><span class="toc-section-number">1</span> Introduction</a><ul> |
---|
18 | <li><a href="#objectifs"><span class="toc-section-number">1.1</span> Objectifs</a></li> |
---|
19 | <li><a href="#notes"><span class="toc-section-number">1.2</span> Notes</a></li> |
---|
20 | </ul></li> |
---|
21 | <li><a href="#notes-1"><span class="toc-section-number">2</span> Notes</a></li> |
---|
22 | <li><a href="#observium-lab"><span class="toc-section-number">3</span> Observium lab</a></li> |
---|
23 | <li><a href="#accédez-à -observium"><span class="toc-section-number">4</span> 1. Accédez à Observium!</a></li> |
---|
24 | <li><a href="#editez-le-fichier-de-configuration-dobservium-pour-lui-fournir-des-informations-sur-notre-réseau"><span class="toc-section-number">5</span> 2. Editez le fichier de configuration d'Observium, pour lui fournir des informations sur notre réseau :</a></li> |
---|
25 | <li><a href="#ajoutez-un-hÃŽte-votre-propre-routeur"><span class="toc-section-number">6</span> 3. Ajoutez un hÃŽte : votre propre routeur</a></li> |
---|
26 | <li><a href="#dites-à -observieum-deffectuer-la-découverte-scan-du-réseau-et-de-recueillir-les-données."><span class="toc-section-number">7</span> 4. Dites à Observieum d'effectuer la découverte (scan) du réseau et de recueillir les données.</a></li> |
---|
27 | <li><a href="#retournez-sur-linterface-web."><span class="toc-section-number">8</span> 5. Retournez sur l'interface web.</a></li> |
---|
28 | <li><a href="#automatisez-les-tâches"><span class="toc-section-number">9</span> 6. Automatisez les tâches</a></li> |
---|
29 | <li><a href="#en-attendant-que-le-traffic-apparaissent-nous-pouvons-naviguer-dans-linterface-web"><span class="toc-section-number">10</span> 7. En attendant que le traffic apparaissent, nous pouvons naviguer dans l'interface web</a></li> |
---|
30 | <li><a href="#ajoutez-un-emplacement-géographique-et-un-contact-à -votre-routeur"><span class="toc-section-number">11</span> 8. Ajoutez un emplacement géographique et un contact à votre routeur</a></li> |
---|
31 | <li><a href="#ajoutez-une-description-à -linterface"><span class="toc-section-number">12</span> 9. Ajoutez une description à l'interface</a></li> |
---|
32 | <li><a href="#recherche-dadresse-ip"><span class="toc-section-number">13</span> 10. Recherche d'adresse IP</a></li> |
---|
33 | <li><a href="#ajoutez-un-switch"><span class="toc-section-number">14</span> 11. Ajoutez un switch</a></li> |
---|
34 | <li><a href="#désactivons-les-ports-non-utilisés"><span class="toc-section-number">15</span> 12. Désactivons les ports non utilisés</a></li> |
---|
35 | <li><a href="#avez-vous-déjà -ajouter-votre-pc-celui-dautres-collÚgues"><span class="toc-section-number">16</span> 15. Avez vous déjà ajouter votre PC ? Celui d'autres collÚgues ?</a></li> |
---|
36 | <li><a href="#configuration-des-régions-sur-la-carte"><span class="toc-section-number">17</span> 16. Configuration des régions sur la carte</a></li> |
---|
37 | </ul> |
---|
38 | </div> |
---|
39 | <h1 id="introduction"><a href="#introduction"><span class="header-section-number">1</span> Introduction</a></h1> |
---|
40 | <h2 id="objectifs"><a href="#objectifs"><span class="header-section-number">1.1</span> Objectifs</a></h2> |
---|
41 | <ul> |
---|
42 | <li>Acquerir de l'expérience avec Observium</li> |
---|
43 | </ul> |
---|
44 | <h2 id="notes"><a href="#notes"><span class="header-section-number">1.2</span> Notes</a></h2> |
---|
45 | <h1 id="notes-1"><a href="#notes-1"><span class="header-section-number">2</span> Notes</a></h1> |
---|
46 | <ul> |
---|
47 | <li>Les commandes précédées du symbole "$" doivent être exécutées avec le compte de l'utilisateur sysadm - pas en tant que root</li> |
---|
48 | <li>Les commandes précédées du symbole "#" doivent être exécutées en tant que root</li> |
---|
49 | <li>Certaines commandes seront éxécutées en mode CLI d'un équipement ou service (e.g. "rtrX>" or "mysql>")</li> |
---|
50 | </ul> |
---|
51 | <h1 id="observium-lab"><a href="#observium-lab"><span class="header-section-number">3</span> Observium lab</a></h1> |
---|
52 | <p>Tous les composants pour Observieur sont déja installés - c'est à vous de configurer les services, d'ajouter les hÎtes ... Si ce n'est pas le cas, référez vous au lab "Observium_partie1.txt". Suivez les instructions de ce premier lab pour finaliser l'installation.</p> |
---|
53 | <p>Accédeez à votre machine virtuelle avec le compte sysadm puis suivez les instructions ci-dessous :</p> |
---|
54 | <h1 id="accédez-à -observium"><a href="#accédez-à -observium"><span class="header-section-number">4</span> 1. Accédez à Observium!</a></h1> |
---|
55 | <p>Vous avez déjà créé un utilisateur (dans le lab d'installation). Il s'agit de l'utilisateur 'admin' avec comme mot de passe celui de la classe.</p> |
---|
56 | <p>http://observiumX.ws.nsrc.org/</p> |
---|
57 | <p>Remplacez X par le numéro de votre machine virtuelle</p> |
---|
58 | <pre><code> User: admin |
---|
59 | Password: mot de passe de la classe</code></pre> |
---|
60 | <p>Vous devriez être connecté à Observium. Aucun équipement ne devrait être configuré. Prenez le temps de regarder l'interface quelques minutes.s.</p> |
---|
61 | <h1 id="editez-le-fichier-de-configuration-dobservium-pour-lui-fournir-des-informations-sur-notre-réseau"><a href="#editez-le-fichier-de-configuration-dobservium-pour-lui-fournir-des-informations-sur-notre-réseau"><span class="header-section-number">5</span> 2. Editez le fichier de configuration d'Observium, pour lui fournir des informations sur notre réseau :</a></h1> |
---|
62 | <pre><code>$ sudo editor /opt/observium/config.php</code></pre> |
---|
63 | <p>Faites les changements ci-dessous :</p> |
---|
64 | <p>Trouvez la ligne ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ $config['snmp']['community'] = array("public"); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> |
---|
65 | <p>... et remplacez 'public' par 'NetManage' (ni "netmanage" ni "NETMANAGE"); ainsi, elle devrait ressemblez à ça :</p> |
---|
66 | <pre><code>$config['snmp']['community'] = array("NetManage");</code></pre> |
---|
67 | <p>Ajoutez également la ligne ci-dessous :</p> |
---|
68 | <pre><code>$config['autodiscovery']['xdp'] = TRUE;</code></pre> |
---|
69 | <p>Enregistrez le fichier et quittez.</p> |
---|
70 | <h1 id="ajoutez-un-hÃŽte-votre-propre-routeur"><a href="#ajoutez-un-hÃŽte-votre-propre-routeur"><span class="header-section-number">6</span> 3. Ajoutez un hÃŽte : votre propre routeur</a></h1> |
---|
71 | <p>Dans l'interface web (http://observiumX.ws.nsrc.org), allez dans le menu "Equipement/Device" et cliquez sur "Ajouter Equipement/Add Device"</p> |
---|
72 | <p>Hostname: rtrX.ws.nsrc.org SNMP Version: v2c [valeur par défaut] SNMP Community: Vous pouvez ne pas le renseigner, si vous l'avez déjà défini dans le fichier de configuration, config.php, ou vous pouvez mettre : NetManage</p> |
---|
73 | <p>Si tout s'est bien passé, vous devriez voir plusieurs messages de ce type :</p> |
---|
74 | <pre><code>Adding host rtrX.ws.nsrc.org community NetManage port 161 |
---|
75 | |
---|
76 | Trying v2c community NetManage ... |
---|
77 | |
---|
78 | Device added (id = 1)</code></pre> |
---|
79 | <p>Vous pouvez parcourir la vue des équipements et constatez que le routeur a été ajouté :</p> |
---|
80 | <pre><code>http://observiumX.ws.nsrc.org/devices/</code></pre> |
---|
81 | <p>... explorez l'interface web quelques minutes - mais aucune donnée n'est encore fournie, et si vous cliquez sur l'équipement (rtrX), Observium va signaler que l'équipement n'a pas encore été découvert.</p> |
---|
82 | <p>Vous pouvez demander à Observieum de recueillir les données pour cet hÎte en exécutant les commandes suivantes :</p> |
---|
83 | <pre><code>$ cd /opt/observium |
---|
84 | $ sudo ./poller.php -h all</code></pre> |
---|
85 | <p>... Il est clair que nous n'avns pas envie de le faire manuellement. Nous allons automatiser cette action dans les prochaines étapes.</p> |
---|
86 | <h1 id="dites-à -observieum-deffectuer-la-découverte-scan-du-réseau-et-de-recueillir-les-données."><a href="#dites-à -observieum-deffectuer-la-découverte-scan-du-réseau-et-de-recueillir-les-données."><span class="header-section-number">7</span> 4. Dites à Observieum d'effectuer la découverte (scan) du réseau et de recueillir les données.</a></h1> |
---|
87 | <pre><code>$ cd /opt/observium |
---|
88 | $ sudo ./discovery.php -h all</code></pre> |
---|
89 | <p>Vous vous rendres compte que beaucoup d'informations vont apparaitre.</p> |
---|
90 | <p>Nous lançons de nouveau le recueil de données :</p> |
---|
91 | <pre><code>$ sudo ./poller.php -h all</code></pre> |
---|
92 | <h1 id="retournez-sur-linterface-web."><a href="#retournez-sur-linterface-web."><span class="header-section-number">8</span> 5. Retournez sur l'interface web.</a></h1> |
---|
93 | <pre><code>http://observiumX.ws.nsrc.org/</code></pre> |
---|
94 | <p>Que constatez vous ? Comment pensez vous que Observium a trouvé d'autres équipements sur le réseau ? Comment a t il pu les contacter ?</p> |
---|
95 | <h1 id="automatisez-les-tâches"><a href="#automatisez-les-tâches"><span class="header-section-number">9</span> 6. Automatisez les tâches</a></h1> |
---|
96 | <p>Il est temps d'automatiser le recueil de données.</p> |
---|
97 | <p>Il est nécessaure d'automatiser certaines tâches :</p> |
---|
98 | <p>Créez le fichier /etc/cron.d/observium:</p> |
---|
99 | <pre><code>$ sudo editor /etc/cron.d/observium</code></pre> |
---|
100 | <p>... et copiez/collez y les lignes suivantes :</p> |
---|
101 | <pre><code>33 */6 * * * root /opt/observium/discovery.php -h all >> /dev/null 2>&1 |
---|
102 | */5 * * * * root /opt/observium/discovery.php -h new >> /dev/null 2>&1 |
---|
103 | */5 * * * * root /opt/observium/poller-wrapper.py 1 >> /dev/null 2>&1</code></pre> |
---|
104 | <p>Les données apparaitrons sur les graphes au bout d'un certains temps.</p> |
---|
105 | <h1 id="en-attendant-que-le-traffic-apparaissent-nous-pouvons-naviguer-dans-linterface-web"><a href="#en-attendant-que-le-traffic-apparaissent-nous-pouvons-naviguer-dans-linterface-web"><span class="header-section-number">10</span> 7. En attendant que le traffic apparaissent, nous pouvons naviguer dans l'interface web</a></h1> |
---|
106 | <p>Allez sur http://observiumX.ws.nsrc.org/</p> |
---|
107 | <p>Cliquez sur "Equipement/Devices" dans le menu du haut. Trouvez le routeur de votre groupe et cliquez dessus.</p> |
---|
108 | <p>Nous allons parcourir la page d'accueil de votre équipement.</p> |
---|
109 | <p>Vous constaterez que Observium a automatiquement détecté plusieurs nformations sur votre routeurs.</p> |
---|
110 | <p>Dans le haut de la page, sous le nom du routeur, vous verrez une liste de tableaux; chacun d'eux présentent des informations sur votre équipement :</p> |
---|
111 | <pre><code>Overview | Graphs | Health | Ports | Inventory | Logs | Alerts</code></pre> |
---|
112 | <p>Sous "Graphes/Graphs", vous verrez toutes les informations qui peuvent être présentées dans un graphe : les E/S réseau, les E/S disques, la mémoire et l'utilisation du CPU, etc...</p> |
---|
113 | <p>Vous verrez également une table de "santé/Health", qui présente les métriques sur le fonctionnement de l'équipement - température, voltage, vitesse du ventilateur ... Notez que certaines de des informations sont également disponible dans la page d'accueil de l'équipement (qui apparait lorsque vous cliquez sur le nom de l'équipement).</p> |
---|
114 | <p>Ciquez sur le menu "Ports"; vous y trouvez une synthÚse des traffic sur tous les ports, incluant le nombre de bits par seconde, les paquets par seconde, la vitesse et le type de connexion (Ethernet ou non). Notez que vous pouvez cliquer sur tous les élements de menu, y compris les petites graphes, et vous serez redirigés sur la page correspondante.</p> |
---|
115 | <p>La table de routage vous présentera un aperçu des protocoles de routage activés. si vous activez OSPF et BGP sur votre routeur, vous aurez des informations sur les sessions actives, les voisins et les postes, et d'autres informations spéicfiques au protocole.</p> |
---|
116 | <p>L'inventaire contient une liste de modules et de numéros de série des équipements rattachés à votre retour.</p> |
---|
117 | <p>Sous le menu "Logs", vous verrez une liste d'évÚnements sur votre routeur : les changements sur la configuration du routeur, ou sur les états des interfcaes, services ...</p> |
---|
118 | <p>Les "Alertes /Alerts" sont pour le moment vide por votre routeur; on pouurra en parler plus tard.</p> |
---|
119 | <p>Accéder également à la "Carte/Maps" disponibile sous le menu "Ports".</p> |
---|
120 | <p>Cette fonctionnalité permet d'accéder à un schéma, généré automatiquement de la topologie de votre réseau, suivant le point de vue de votre routeur. C'est la seule fonctionnalité pour les équipements compatibles CDP/LLDP (Cisco, IOS, ...)</p> |
---|
121 | <pre><code>Vous pouvez activer CDP/LLDP sur vos équipements Linux en installant le paquet 'ladvd' |
---|
122 | (sudo apt-get install ladvd). Essayez d'ajouter vos périphériques Linux de cette façon.</code></pre> |
---|
123 | <p>Ce ne sera disponible que si vous avez activé 'autodiscovery' 'xdp' comme décrit dans l'étape 2.</p> |
---|
124 | <h1 id="ajoutez-un-emplacement-géographique-et-un-contact-à -votre-routeur"><a href="#ajoutez-un-emplacement-géographique-et-un-contact-à -votre-routeur"><span class="header-section-number">11</span> 8. Ajoutez un emplacement géographique et un contact à votre routeur</a></h1> |
---|
125 | <p>Si vous accédez à la page d'accueil de votre routeur ('Equipements/Devices' >> 'rtrX'), vous verrez que Observium a récupéré les informations telles sur le matériel, le systÚme d'exploitaton et le fonctionnement de votre équpement.</p> |
---|
126 | <p>Connectez vous à votre routeur par SSH et ajoutez les informations ci-dessous à votre configuration SNMP :</p> |
---|
127 | <p>Préciser l'emplacement géographique (Ville, Pays) afin que votre équipement apparaisse sur la carte géographique</p> |
---|
128 | <p>Définissez les informations de contact (adresse email ou nom)</p> |
---|
129 | <p>POur le faire, tapez les commandes ci-aprÚs :</p> |
---|
130 | <pre><code>rtr8> enable |
---|
131 | Password: |
---|
132 | rtr8# conf terminal |
---|
133 | Enter configuration commands, one per line. End with CNTL/Z. |
---|
134 | rtr8(config)# snmp-server contact user@email.address |
---|
135 | rtr8(config)# snmp-server location Ville, Pays |
---|
136 | rtr8(config)# exit |
---|
137 | rtr8# write memory</code></pre> |
---|
138 | <p>Vous devez remplacer "Ville, Pays" avec le nom de la ville et celui du pays dans lesquels vous êtes. Exemple</p> |
---|
139 | <pre><code>Bloomington, Indiana |
---|
140 | Thimphu, Bhutan</code></pre> |
---|
141 | <p>etc...</p> |
---|
142 | <p>Si vous patientez quelques minutes (maximum 5), vous devriez voir apparaitre ces informations automatiquement sur la page d'accueil de votre routeur/</p> |
---|
143 | <p>Demandes à vos camarades de classe de mettre des Villes/Payx différents pour chacun de leurs routeurs. Attendez que Observium analyse de nouveau vos équipements puis consultez la carte géographique sur la page principale de Obervium (http://observiumX.ws.nsrc.org/)</p> |
---|
144 | <h1 id="ajoutez-une-description-à -linterface"><a href="#ajoutez-une-description-à -linterface"><span class="header-section-number">12</span> 9. Ajoutez une description à l'interface</a></h1> |
---|
145 | <p>Connectez vous à votre retour et ajoutez une pseudo interface à votre routeur pour vérifier si Observium récupÚre cette information :</p> |
---|
146 | <pre><code>rtr8(config)# interface loopback123 |
---|
147 | rtr8(config-if)# description A useless interface |
---|
148 | rtr8(config-if)# exit |
---|
149 | rtr8(config)# exit |
---|
150 | rtr8# write memory</code></pre> |
---|
151 | <p>Cela devrait également apparaitre dans Observium aprÚs quelques minutes - trouvez la description sous "Ports"</p> |
---|
152 | <h1 id="recherche-dadresse-ip"><a href="#recherche-dadresse-ip"><span class="header-section-number">13</span> 10. Recherche d'adresse IP</a></h1> |
---|
153 | <p>Dans la page d'acceuil de Observium, vous trouverez, dans le menu principal, un sous menu "Recherche" avec 5 options :</p> |
---|
154 | <ul> |
---|
155 | <li>Recherche IPv4 -> http://observiumX.ws.nsrc.org/search/search=ipv4/</li> |
---|
156 | <li>Recherche IPv6 -> http://observiumX.ws.nsrc.org/search/search=ipv6/</li> |
---|
157 | <li>Recherche MAC -> http://observiumX.ws.nsrc.org/search/search=mac/</li> |
---|
158 | <li>Tables ARP/NDP -> http://observiumX.ws.nsrc.org/search/search=arp/</li> |
---|
159 | <li>Tables FDB -> http://observiumX.ws.nsrc.org/search/search=fdb/</li> |
---|
160 | </ul> |
---|
161 | <p>En utilisant la recherche par IPv4 et par table ARP, essayez de retrouver les équipements suivants :</p> |
---|
162 | <ul> |
---|
163 | <li>IP du routeur principal (10.10.0.254)</li> |
---|
164 | <li>IPs des autres routeurs de la classe (10.10.X.254)</li> |
---|
165 | <li>IPs de certains PC (10.10.1.1, 10.10.5.17, etc...)</li> |
---|
166 | </ul> |
---|
167 | <p>Essayez de trouver l'adresse IP de votre ordinateur portable. L'avez vous trouvée ? Pourquoi ?</p> |
---|
168 | <h1 id="ajoutez-un-switch"><a href="#ajoutez-un-switch"><span class="header-section-number">14</span> 11. Ajoutez un switch</a></h1> |
---|
169 | <p>Accédez au sous menu "Ajouter équipement/Add device" du menu "Equipements/Devices"</p> |
---|
170 | <p>Saisissez les informations suivantes :</p> |
---|
171 | <pre><code>Hostname: sw.ws.nsrc.org |
---|
172 | Community: NetManage</code></pre> |
---|
173 | <p>Cliquez sur "Ajouter un hÎte/Add Host". AprÚs quelques secondes, il devrait avoir ajouté le switch. AprÚs quelques minutes, les données du switch apparaitront.</p> |
---|
174 | <p>Notez la ligne "Ports" en haut à droite de l'interface de Observium.</p> |
---|
175 | <p>Certains ports sont t il inactifs ? Lesquels?     Cliquez sur le message 'X down' en bas pour voir quels sont les ports inactifs et sur quels équipements.</p> |
---|
176 | <h1 id="désactivons-les-ports-non-utilisés"><a href="#désactivons-les-ports-non-utilisés"><span class="header-section-number">15</span> 12. Désactivons les ports non utilisés</a></h1> |
---|
177 | <p>Accédez à la page d'accueil de votre switch "sw.ws.nsrc.org".</p> |
---|
178 | <p>Cliquez sur l'icÎne représentant la clé (en haut à droite) pour configurer les équipements. Vous avez ainsi accÚs à la page de configuration de l'équipement.</p> |
---|
179 | <p>Ciquez sur 'Ports', vous aurez un aperçu des statuts des ports du switch. Pour ceux qui sont inactifs, cliquez sur le bouton "Ignore" puis Sauvergarder (sous "Index").</p> |
---|
180 | <p>Si vous rechargez la page d'acceuil :</p> |
---|
181 | <pre><code>http://observiumX.ws.nsrc.org/</code></pre> |
---|
182 | <p>... Observium ne devrait plus afficher le message d'inactivité de ces ports!</p> |
---|
183 | <h1 id="avez-vous-déjà -ajouter-votre-pc-celui-dautres-collÚgues"><a href="#avez-vous-déjà -ajouter-votre-pc-celui-dautres-collÚgues"><span class="header-section-number">16</span> 15. Avez vous déjà ajouter votre PC ? Celui d'autres collÚgues ?</a></h1> |
---|
184 | <p>Faites quelques tests :</p> |
---|
185 | <ul> |
---|
186 | <li><p>A partir du menu principal, cliquez sur "Equipements/Devices -> Tous les équipements/All devices"</p></li> |
---|
187 | <li><p>Cliquez sur votre routeur</p></li> |
---|
188 | <li><p>En dessous de la synthÚse graphique, vous trouverez la liste des interfaces actives sur votre routeur :</p></li> |
---|
189 | </ul> |
---|
190 | <pre><code> Fa0/0, Fa0/1, Null0</code></pre> |
---|
191 | <ul> |
---|
192 | <li><p>Cliquez sur Fa0/0</p></li> |
---|
193 | <li><p>Cliquez sur "Temps réel/Real Time"</p></li> |
---|
194 | </ul> |
---|
195 | <h1 id="configuration-des-régions-sur-la-carte"><a href="#configuration-des-régions-sur-la-carte"><span class="header-section-number">17</span> 16. Configuration des régions sur la carte</a></h1> |
---|
196 | <p>Vous pouvez définir la zone géographique de la carte qui apparait quand vous accédez à Observium.</p> |
---|
197 | <p>Référez vous à l'étape 2.</p> |
---|
198 | <p>Consultez les paramÚtres dans cette article : http://www.observium.org/wiki/Configuration_Options#Map_overview_settings</p> |
---|
199 | <p>Le paramÚtre $config['frontpage']['map']['region'] peut être initialisé à un pays ou une région. Pour plus d'informations, consultez la page https://developers.google.com/chart/interactive/docs/gallery/geochart</p> |
---|
200 | <pre><code>region: La zone à afficher sur la carte. (Les zones environnantes seront également affichées). Ce paramÚtre peut prendre une des valeurs suivantes : |
---|
201 | |
---|
202 | * 'world' - Carte du monde. |
---|
203 | * Un continent ou une sous région continentale, représenté par 3 caractÚres numériques, ex : '011' pour l'Afrique de l'Ouest. |
---|
204 | * Un pays, représenté par son code ISO 3166-1 alpha-2, ex : 'AU' for Australia. |
---|
205 | * Un états des USA, représenté par son code ISO 3166-2:US, ex : 'US-AL' pour Alabama - Le paramÚtre résolution devra être défini à 'provinces' ou 'metros'.</code></pre> |
---|
206 | <p>Vous pouvez tester ces options en changeant les paramÚtres avec des valeurs de votre choix et rechargez la page d'accueil de Observium.</p> |
---|
207 | </body> |
---|
208 | </html> |
---|