Flashy XM: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
(Created page with "Iteration of OSE's XM development platform")
 
(Undo revision 228340 by Marcin (talk))
 
(94 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Iteration of OSE's [[XM]] development platform
<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"