<div dir="ltr"><div>Might be a good time to create some sub-groups so that we can focus more on our own areas of expertise. I'll throw up this as a division of tasks and a dev process but anyone feel free to add/remove or tell me it's a bad idea :P</div>
<div><br></div><div><u>UI/UX design team</u></div><div>1. Identify all pages and their content</div><div>2. Structure the pages into sections(probably the 5 already mentionned) and blocks(sub-sections like the "Announcements" or "Who uses Tor?" parts of the current page) as well as deciding how the user will navigate between sections and the resolution of the pages.</div>
<div>3. Create drawings of the structure</div><div><br></div><div><u>Technical writers</u></div><div>1. Write technically? Just joking. Create the content.</div><div><br></div><div><u>Translators</u></div><div>1. Translate the content</div>
<div><br></div><div><u>Graphic design team</u></div><div>1. Create mockups based on the UI specifications provided by the UI team for each page for both desktop and mobile versions.</div><div><br></div><div><u>Front end implementation team</u></div>
<div>1. Create the HTML based off the work of the UI team, simple HTML structure with (hopefully) no need to think about the presentation yet.</div><div>2. Create the CSS for the desktop and mobile versions.</div><div>3. Have a treat as the static site is done.</div>
<div>4. Create DHTML(non-ajax javascript) to enrich the pages all while letting graceful degradation occur for clients without javascript.</div><div><br></div><div><u>Back-end developers</u></div><div>1. Decide what technology is to be used and install/configure it, this might be the most problematic part as developers are a stubborn bunch, I'm a developer :)</div>
<div>2. Migrate the pages into the chosen solution(if necessary)</div><div>3. If necessary create a script triggered on content modification to e-mail translators and update the static page if a dynamic CMS is being used as well as pushing them onto the mirrors.</div>
<div><br></div><div><u>Project coordinator(s)</u></div><div>1. Coordinate the different teams and ensure everyone has the same vision and expectations.</div><div><br></div><div><br></div><div>Some additional technical requirements that may have been forgotten from the previous list or where just so obvious they weren't added:</div>
<div>1. At least two different UIs for mobile and desktop.</div><div>2. Ensure the site works in a completely static manner(no JS at all)</div><div>3. Automated pushing of static files to mirrors</div><div>4. Blogs, this was mentioned but I'm at a bit of a loss if this is a requirement or a separate project.</div>
<div>5. Store, I'm guessing it will stay as is on <a href="http://printfection.com">printfection.com</a> but if the site gets a new look then the store will need a new design probably.</div><div>6. Forums, would this be something the site would like to have in the future? Of course this would need to be dynamic but if it is something that might be implemented in the future it might affect the choice of technology now.</div>
<div><br></div><div><br></div><div><br></div><div>Here is the development cycle I think would work well for the actual web pages of the project, I imagine it being iterative with one page/section/block at a time:</div><div>
<u>Phase 1</u></div><div>UI/UX team creates the structure</div><div>Technical writers create the content</div><div><br></div><div><u>Phase 2</u></div><div>Graphic designers create mock up based off structure and content</div>
<div>Translators translate the content provided by the technical writers</div><div><br></div><div><u>Phase 3</u></div><div>Front end developers create the HTML/CSS based off the mock up created in phase 2 as well as enriching with DHTML effects while ensuring it degrades nicely. Depending on the technical solution the pages might be broken down further in this phase to ensure content is not duplicated in the back end and can be reused for different pages.</div>
<div><br></div><div><u>Phase 4</u></div><div>Back-end developers integrate the page into whatever technical solution was decided on</div><div><br></div><div><u>Phase 5</u></div><div>Check all links and javascript is working as well as performance of CSS, JS and caching<u><br>
</u></div><div>Page is tested in multiple browsers on multiple OSes on multiple devices to ensure the UI/UX is consistent on all of them</div><div><br></div><div><br></div><div><br></div></div><div class="gmail_extra"><br>
<br><div class="gmail_quote">On Wed, Jan 8, 2014 at 3:04 PM, Rey Dhuny <span dir="ltr"><<a href="mailto:rey@spcshp.com" target="_blank">rey@spcshp.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="auto"><div><div class="im"><blockquote type="cite"><p dir="ltr">Maybe we could create 2 projects. One online with complete js and others things. The other project could be the simple version for user without js and other things</p>
</blockquote></div><div>I think this a nice idea on paper however in terms of an MVP (Minimal Viable Product) I think it would make sense, in my opinion, to aim for one release with graceful degradation. </div><div><br></div>
<div>We could then focus our efforts efficiently then after release we can look at different _release flavours_, so to speak. </div><div><br></div><div>Just my 2p :)</div><div><br></div><div>Rey</div><div><br></div><div>--</div>
<div><a href="http://reyhan.org" target="_blank">reyhan.org</a></div></div><div><div class="h5"><div><br>On 8 Jan 2014, at 19:51, ramiro tinoco <<a href="mailto:rowend@rowend.com" target="_blank">rowend@rowend.com</a>> wrote:<br>
<br></div><blockquote type="cite"><div><p dir="ltr">Maybe we could create 2 projects. One online with complete js and others things. The other project could be the simple version for user without js and other things</p>
<div class="gmail_quote">El ene 8, 2014 10:00 a.m., "Silviu Riley" <<a href="mailto:silviu.riley@gmail.com" target="_blank">silviu.riley@gmail.com</a>> escribió:<br type="attribution"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<p dir="ltr">I agree. Local files are much more secure than a local web server. Less attack profile for the computer starting TBB from USB for example. </p>
<p dir="ltr">Also less chance that something will fail (eg server fails to start). <br></p>
<p dir="ltr">Silviu. </p>
<div class="gmail_quote">On Jan 8, 2014 10:12 AM, "Rey Dhuny" <<a href="mailto:rey@spcshp.com" target="_blank">rey@spcshp.com</a>> wrote:<br type="attribution"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div><div>Sean Rafferty: </div></div><div><br></div><div>
> Just to clarify: technically tools like Jekyll or Sinatra could be used because the server can be started wherever the site files are located whether it’s a USB stick or a laptop, correct?
</div><div><br></div><div>I am of the opinion that starting a local server on a USB stick adds a level of complexity compared to distributing a bunch of flat files that Jekyll/Middleman generate.</div><div>
<br></div><div>Rey</div>
<div><div><br></div><div>-- </div><div><a href="http://reyhan.org" target="_blank">reyhan.org</a></div><div><br></div></div>
<p style="color:#a0a0a8">On Wednesday, 8 January 2014 at 15:09, Sean Rafferty wrote:</p>
<blockquote type="cite" style="border-left-style:solid;border-width:1px;margin-left:0px;padding-left:10px">
<span><div><div><div>Just to clarify: technically tools like Jekyll or Sinatra could be used because the server can be started wherever the site files are located whether it’s a USB stick or a laptop, correct?</div>
<div><br></div><div>On Jan 8, 2014, at 9:34 AM, Lunar <<a href="mailto:lunar@torproject.org" target="_blank">lunar@torproject.org</a>> wrote:</div><div><br></div><blockquote type="cite"><div><div>Sean Rafferty:</div>
<blockquote type="cite"><div><div>Pardon my ignorance, but is the requirement for a static site a</div><div>security concern or simply an ease-of-use issue?</div></div></blockquote><div><br></div><div>Security concerns, ease to setup, ease of mirroring.</div>
<div><br></div><blockquote type="cite"><div><div>Another dumb question, but when you say the site needs to work</div><div>offline, do you mean people can view the content without a web</div><div>server, or that it must run on a local instance of a web sever and not</div>
<div>require things like google's cdn version of query?</div></div></blockquote><div><br></div><div>Tor is used for censorship circumvention. Think about an USB stick with</div><div>the Tor Browser Bundle, and a copy of the website. The website should be</div>
<div>usable without requiring any access to the network so people can learn</div><div>how to use Tor to reach the wider Internet.</div><div><br></div><div>-- </div><div>Lunar <<a href="mailto:lunar@torproject.org" target="_blank">lunar@torproject.org</a>></div>
<div>________________________________________________________________________</div><div>Tor Website Team coordination mailing-list</div><div><br></div><div>To unsubscribe or change other options, please visit:</div><div>
<a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team</a></div>
</div></blockquote><div><br></div><div>________________________________________________________________________</div><div>Tor Website Team coordination mailing-list</div><div><br></div><div>To unsubscribe or change other options, please visit:</div>
<div><a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team</a></div></div></div></span>
</blockquote>
<div>
<br>
</div>
<br>________________________________________________________________________<br>
Tor Website Team coordination mailing-list<br>
<br>
To unsubscribe or change other options, please visit:<br>
<a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team</a><br>
<br></blockquote></div>
<br>________________________________________________________________________<br>
Tor Website Team coordination mailing-list<br>
<br>
To unsubscribe or change other options, please visit:<br>
<a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team</a><br>
<br></blockquote></div>
</div></blockquote><blockquote type="cite"><div><span>________________________________________________________________________</span><br><span>Tor Website Team coordination mailing-list</span><br><span></span><br><span>To unsubscribe or change other options, please visit:</span><br>
<span><a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team</a></span><br></div></blockquote></div></div></div><br>________________________________________________________________________<br>
Tor Website Team coordination mailing-list<br>
<br>
To unsubscribe or change other options, please visit:<br>
<a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/www-team</a><br>
<br></blockquote></div><br></div>