Flashy XM: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
(Undo revision 228340 by Marcin (talk))
 
(93 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Iteration of OSE's [[XM]] development platform as of May 13, 2012.
<html>
 
<head>
 
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
 
<SCRIPT TYPE="text/javascript">
 
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
  href=mylink;
else
  href=mylink.href;
window.open(href, windowname, 'width=400,height=200,scrollbars=yes');
return false;
}
//-->
 
</SCRIPT>
 
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
a:link
{
color:#6495ED;
}
 
a:hover
{
color:rgb(255,0,0);
}
 
.headercontainer
{
    width:32.75%;
    float:left;
    margin:0px 0.875% 0px 0px;
}
 
.headercontainer_map
{
    width:32.75%
    float:left;
}
 
.headercontainer_video
{
    width:100%;
    float:left;
}
 
.headercontainer_statuslog
{
    width:66.375%;
    float:left;
}
 
.fluidcontainer
{
    width:100%;
    border: 2px solid black;   
    float:left;
    margin:0px 0.875% 0px 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.fluidcontainer_map
{
    width:32.75%;
    border: 2px solid black;
    float:left;
    margin:0px 0px 0px 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.fluidcontainer_youtubeandstatuslog
{
    width:100%;
    max-height:242px;
}
 
.fluidWrapper
{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width:100%;
    height:100%;
}
 
.fluidWrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
.fluidWrapper img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
h3
{
    font-size:145%;
    font-family: 'Arvo', serif;
    letter-spacing:1px;
    margin-bottom:-3px;
}
 
h4
{
    font-size:120%;
    font-family: 'Arvo', serif;
    margin-bottom:-2px;
}
 
.youtube
{
    width:100%;
    border: 2px solid black;
    float:left;
    margin-right:0.875%;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.statuslog
{
    width:100%;
    border: 2px solid black;
    float:left;
    max-height:244px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.taskboard
{
    height:350px;
    width:100%;
    border:2px solid black;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.controlpanel
{
    border:2px solid black;
    height:354px;
    width:100%;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
</style>
 
</head>
 
</html>
 
<html>
<div style="width:100%;">
<div>
<h3 style="text-align:right; width:100%;">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dHM1N2NmVElWV0xyTjZkczdaT2ZQVGc6MQ#gid=0',
  'windowname2',
  'width=650, \
  height=700, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flash Mob Survey">Flash Mob Recruiting Survey</a>
</h3>
</div>
 
<div>
<h4 style="text-align:right; width:99.8%;">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdHM1N2NmVElWV0xyTjZkczdaT2ZQVGc#gid=0',
  'windowname2',
  'width=1100, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flash Mob Survey Results">Results</a>
</h4>
</div>
 
<br style="clear:both" />
 
</div>
 
<div>
 
 
 
<div class="headercontainer">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/presentation/pub?id=1TP1cAIdr68xK_WVkpnIQgI09E3lsZMLlcjl-SDPJj8w&start=false&loop=false&delayms=3000',
  'windowname2',
  'width=600, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flashy XM Tutorial">Flashy XM Tutorial</a>
</h4>
<div class="fluidcontainer">
<div class="fluidWrapper"> 
<iframe src="https://docs.google.com/presentation/embed?id=1TP1cAIdr68xK_WVkpnIQgI09E3lsZMLlcjl-SDPJj8w&start=false&loop=false&delayms=3000" frameborder="0" width="420" height="242" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
</div>
</div>
 
<div class="headercontainer">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/drawings/d/1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4/edit',
  'windowname2',
  'width=800, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="OSE Systems Diagram">OSE Systems Diagram</a>
</h4>
<div class="fluidcontainer">
<div class="fluidWrapper">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/drawings/d/1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4/edit',
  'windowname2',
  'width=800, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Systems Engineering Breakdown Diagram (SEBD)"><img src="https://docs.google.com/drawings/pub?id=1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4&w=960&h=720" border="0"></a>
</div>
</div>
</div>
 
<div class="headercontainer_map">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdHM1N2NmVElWV0xyTjZkczdaT2ZQVGc#gid=1',
  'windowname2',
  'width=800, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flash Mob Map">Flash Mob Map</a>
</h4>
<div class="fluidcontainer_map">
<div class="fluidWrapper">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdHM1N2NmVElWV0xyTjZkczdaT2ZQVGc#gid=1',
  'windowname2',
  'width=800, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Systems Engineering Breakdown Diagram (SEBD)"><img src="https://docs.google.com/spreadsheet/oimg?key=0Aj7WbjRT9mlmdHM1N2NmVElWV0xyTjZkczdaT2ZQVGc&oid=2&zx=zah3z2o8jp73" />
 
</a>
</div>
</div>
</div>
<br style="clear:both" />
</div>
 
<div class="fluidcontainer_youtubeandstatuslog">
 
<div class="headercontainer">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('http://www.youtube.com/user/marcinose',
  'windowname2',
  'width=700, \
  height=800, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Video Log">Video Log</a>
</h4>
<div class="youtube">
<div class="fluidWrapper">
<iframe width="420" height="242" src="https://www.youtube.com/embed//videoseries?list=UUjvBN1r7UXXqmIbx_u7bIAw&amp;hl=en_US" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
 
<div class="headercontainer_statuslog">
<div style="margin-top:8px;">
<h4 style="display:inline;">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc6MQ#gid=1',
  'windowname2',
  'width=650, \
  height=450, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Enter Completed Tasks Into the Product Log">Product Log    </a>
</h4>
<h4 style="display:inline; padding-left:10px;">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdFVwallOTEZHRnpkRmpjUHNKR0ZWakE#gid=0',
  'windowname2',
  'width=1200px, \
  height=700px, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Gantt Chart">Gantt Chart</a>
</h4>
</div>
<div class="statuslog">
<iframe width='100%' height='240' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Aj7WbjRT9mlmdHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc&output=html&widget=true'></iframe>
</div>
</div>
 
<br style="clear:both" />
</div>
 
<h4 style="text-align:left; width:99.8%; float:right;">
<a href="javascript: void(0)"
  onclick="window.open('https://scrumy.com/ose2',
  'windowname2',
  'width=1100, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Task Board">Task Board</a>
</h4>
<div>
<iframe frameborder="0" class="taskboard" src="https://scrumy.com/ose2"></iframe>
</div>
 
<h4 style="display:inline;">
<a href="https://docs.google.com/spreadsheet/ccc?key=0Av4ZjQn4DHJHdFZzQTFCb2RCYUhYWDlnb1NEUjBOcUE#gid=0">Control Panel</a></h4>
<h4 style="display:inline; padding-left:40px;">
<a href="https://docs.google.com/spreadsheet/ccc?key=0Av4ZjQn4DHJHdFZzQTFCb2RCYUhYWDlnb1NEUjBOcUE#gid=0">Control Panel</a>
</h4>
 
 
<div class="controlpanel">
<iframe width='100%' height='350' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Av4ZjQn4DHJHdFZzQTFCb2RCYUhYWDlnb1NEUjBOcUE&output=html&widget=true'></iframe>
</div>
 
</html>
 
=Updates=
What works:
*Presentation with overview of Roadmap and other critical details.
*Team map
*Relevant logs
*General update video or FB feed
*Task board: excellent live updateable
*Need: share on FB or Twitter
*Need: Video on dev method
*Need: Collaborative Literacy Tutorial, etc.
*Need: video feed for collaborators

Latest revision as of 05:45, 24 July 2020


Flashy XM Tutorial

OSE Systems Diagram

Flash Mob Map


Video Log


Task Board

Control Panel

Control Panel

Updates

What works:

  • Presentation with overview of Roadmap and other critical details.
  • Team map
  • Relevant logs
  • General update video or FB feed
  • Task board: excellent live updateable
  • Need: share on FB or Twitter
  • Need: Video on dev method
  • Need: Collaborative Literacy Tutorial, etc.
  • Need: video feed for collaborators
Retrieved from "https://wiki.opensourceecology.org/index.php?title=Flashy_XM&oldid=228341"