View source for Synapse stuff

This document outlines the tasks completed or attempted while working on ''Synapse'' - effectively akin to a research journal but as part of a production-intended project instead of a more specific study.

It was originally in a [https://docs.google.com/document/d/1HQUIQRbYrcEkHHdlrMjw0MLuEbF_aQz4IuN6_1zycxQ/edit google doc], but got moved here because setting up file uploads with a half-configured mediawiki install seemed easier than figuring out a pile of unlabelled buttons on said google doc.

== Task 1 - usable existing products ==
Different ways to collaboratively edit a document - generally you do want a platform for that instead of just emailing a thing around or whatever...

=== Wikis ===
* Shared document/page - open for editing, save changes, folks see changes
* Issues with edit conflicting
* Generally cannot easily have multiple copies of the same thing

==== Available potentially extendable products: ====
* [[wikipedia:MindTouch|MindTouch]]
* [[wikipedia:Confluence_(software)|Confluence]]
* [[wikipedia:MediaWiki|MediaWiki]]
* [[wikipedia:MoinMoin|MoinMoin]]
* [[wikipedia:TWiki|TWiki]]

=== Real-time editors ===
Probably want a real-time editor. Going with Google Drive for now for ease of setup. Will need something that can be integrated into the main app
* Edit live - automatically saves as one goes
* Folks can see each other type
* Danger of messing things up - change mind about changes, need to manually reload previous save; not possible if others editing at the same time

==== Available potentially extendable products: ====
* [[wikipedia:Etherpad|Etherpad]]
** Open source, free to use, has APIs, kind of messy front-end, would probably work with hacking.
* [[wikipedia:Google Drive|Google Drive]]
** Simple solution: link to a drive document, go there and use that
** Integratable? Check terms of use, APIs, might work perfectly.
* [[wikipedia:BeWeeVee|BeWeeVee]]
** Specifically created for integrating into other things, uses .Net/js, free for academic/NC use - would probably work fairly well without too much trouble.

== Task 2 - questions ==
How can we get people signed up for our private beta?<br>
How can we run A/B testing for our demo?

=== Ways to reach people to bring them to the landing launchy page ===
* Search engine results - SEO is crap/nonexistent, so only was is through ads on results.
* Ads on sites through some campaign manager
* Social networking - linkedin, facebook, twitter
* Mail spam to potential users - cu mailing list, perhaps, others
* Word of mouth/getting people to share it themselves - reddit, clear share button on page, etc

Would probably want to do all of those, if possible. Emphasis on the last three because they cost less, and emphasis on the first one because it’s likely to find people the same way they’d be finding the product itself later once it does have a proper web presense, so if it would work later, it should work now.

How will this relate to google hangout? (commonly used by folks meeting with remote colleagues)

=== A/B testing: ===
Set up 1-2 more launch pages, Houman will make the actual landing thing in js, which should serve to scare off anyone like me, which is a good demographic to keep away from such things.

==== Prototypes ====
<gallery widths="200px" heights="150px">
File:Landing pitch thingy 1 wireframe.png|Simple centered video
File:Landing pitch thingy 2 wireframe.png|Series of steps leading to video
File:Landing pitch thingy 3 wireframe.png|Massive pile of crankiness dumped on a page
</gallery>

'''Prototype components:
* Logo/wordmark and slogan
* About
* (Feature highlight - shared notes, shared discussion, easy access later to organise archives) 
* Video(s)
* Sign up for private beta
* (Toggle between business/school) 

'''General flow of page:
# This thing!
# You want this thing!/You want this thing because!
# Now that you're interested, watch this for more info!
# Now sign up for this thing!


If that doesn't work it's hopeless. Or something is wrong, at any rate.

== Task 3 - prototypes ==
Mockups/prototypes to give folks a feel for the product...

=== Wireframes ===
General site layouts for academic version.

<gallery widths="180px" heights="130px">
File:Library wireframe.png|Library of courses/projects/whatever
File:Course wireframe.png|View of a specific course with session open
File:Course (instructor) wireframe.png|Instructor view of course
File:Notes wireframe.png|Notes page and recording app
</gallery>

=== Mockups ===
<gallery widths="260px" heights="160px">
File:Library mockup.png|Library of courses/projects/whatever
File:Library new mockup.png|Creating a new course session from the library
File:Course mockup.png|View of a specific course with session open
File:Course (instructor) mockup.png|Instructor view of course
File:Notes mockup.png|Notes page
</gallery>