shorinnn / vomitorium Goto Github PK

There's none on top for "before first block".

It's ok you still get watermelons. Just caught it and wanted to take note! (FUN)

Gotta check if it's code that affects current one too.

Was showing Anthony's and admin can't reply or mark as attended.

Seems input just isn't functioning there.

More soon!

In comments and conversations, it's still using the username instead of the user's name.

1. We should do full name here. First and Last Name.

Less confucius! I mean confusion.

Having a blank piece that looks like it needs to be selected when it's not.

When you see a blank field, would you just try to fill it?

WATERMELON!

Cool. This is like a dinosaur amongst it all. haha one of our first features!

1. When the final icon is clicked, instead of minimizing, we just loading icon, and replace it with the new box. So there's only 1 movement instead of 2 and making the screen jump around.

No minimize then pop in. Instead, just pop in and replace.

Sorine, the details are important at this point because what separates us is not functionality alone, but the usability and fun.

The spacing of things matter. The animations matter. The transitions matter. The speed matters.

We are entering a market where there already are others and we need to come in that way. This is not a market where we are the first and can do with progression from rustic.

People need a strong enough reason to move over, although there'd also be people who are new coming in.

Of course, we can do it!

When I draw out the sequences in my mockup screens, if possible, design it close to that because how I lay it out is the details.

1. For example, in the File Download Block, notice that there's only ONE button in the first screen. This makes it very straightforward as there's only one thing to fill and only shows the other steps when necessary.
2. Also, in the "Add New Block" block, I had a third box after "Open Ended" to select "One-Line", "Short" and "Essay" on the third selection - and it will simply pre-populate the selection when the box comes up.

That way, people deal with less information at EACH moment.

Once you do that, "how long is the answer" can appear in advanced options.

You don't have to make it look perfect spacing wise, but if you do that at least some, and consistently AS you do it, we can save on some design work and launch faster as well. Otherwise, we'd need to polish it first. I've tried to put in the reasons behind and why and how in some of the screenshots and I think you'd understand it.

Once we get to a good point, I'll get a designer and that's when we take it up a notch, but things like the open ended third selection of how long it is, it's functionality as well.

1. We are going to make what we have done really well. So we polish that before adding more stuff.

Remember, ONE stuck point means it's as hard as the hardest point. Weakest link concept.

It can be easy at every step but one, and they are stuck. And they are stuck. And they are stuck.

Of course, there's a certain level of refinement there that's enough for this release, but it still has to have a certain level.

I've opened some with those kinds of changes, so that's the rationale and the details matter.

Ok cool! Hope that's good and hope you are all good. Let me know if anything!

Myanmar!!! Preparing for it all in case. Gotta make sure thing still go and Sorine.

Hopefully, this week will be Stuartness as well.

We can do this!

Jeremy

• We need Viorel to install the Mcrypt PHP extension.
  -There might be other extensions required, so after that he should check http://imacoa.ch/ and see if there are any other missing extensions.
• If everything is working, "All good" will be printed on screen.
• This might have already been done, but we need to have dynamic subdomains act like parked domains.
  For example, if I go to sub1.imacoa.ch the files under the root html folder should be loaded, but the URL should still indicate sub1.imacoa.ch (not a redirect - parked domain behavior)
  Like I said, this might have already been done because:
  http://imacoa.ch/
  http://test.imacoa.ch/
  http://liar.imacoa.ch/
  All display the extension page.

I think that's all we need.

1. Tooltip changes:
   "Title" -> "Enter Question..."
   "Subtitle" -> "(Optional) Additional instructions for user. e.g. Write down at least 3 specific points"
2. "Standalone Block", put under advanced. Same for all. It adds clutter atm. Simple!
   It was mainly for our internal use and most people don't get this easily at first sight. It looks mysterious.

(DONE) 1. The lesson editor, the one where we can add boxes between boxes straight away. I will tag this one.

1. The graphics/sequence of boxes for lesson editor. CSS done by Mac once the design is done and we have it!
2. "Next Lesson" on top right does not appear if the lesson doesn't have questions. Only at the bottom maybe because it's not "marked as complete" since there's no trigger from questions?

1. WYSIWYG - Does not need so many functions. Let's keep...
2. Style
3. Bold, Italic, Underline
4. Paragraphs (if possible, put them out separately instead of drop-down)
5. Font size
6. Color
7. Unordered List
8. Link, Picture
9. Code View

(DONE) 5. Add Tag doesn't work now. It doesn't load the list.

1. "Save All" - Save whole page blocks (that changed. Efficient. Just add a flag if modified in any way if there's callbacks. Sets us up for future stuff too so it's a good thing to have anyway.)

That's all for now. Will add more in another one if it comes up! Sorineee

After going to one, we can't go back to the beautiful dashboard.

1. Here's a small tweak to allow that.
2. Also, words: "Select one."

Simple and "Program Dashboard" confuses new people. It goes there anyway.

Sorinee!

For Reference:
http://www.mandrillapp.com/

Email to shift to API, to anticipate inbound functionality in future + deliverability from a company that knows it.

Features:
-Send email when lesson is unlocked, for time-based release

Lesson 2 7 days later, Lesson 3 7 days after that, etc...

And an email can be configured for each lesson's notification.

-Each email can be modified/created with WYSIWYG.

Build this in early and structure based on this capability. Should be easy for all then. Just launch new window or popup and load "email ID"

-SMS is important but we'll do that later. Should be easy. It's SORINE!

I think it's cool to have this as our emailer. Then possibly WYSIWYG for creating the emails. We'll be able to do cool things like "send email when lesson is unlocked", for those time-based classes.

Lesson 2  7 days later, Lesson 3 7 days after that, etc...

And an email can be configured for each lesson's notification.

SMS is important but we'll do that later. Should be easy. It's SORINE! Haha aww :D 

Making it easy on all counts is important because same as UI, if they are stuck at one part, they are. But this one is to just make it like a watch - you don't have a missing gear. But it's not quite that big of an impact that it completely doesn't work, but being one-solution for coaches rocks.

Once this is set up it should be coolest.

No more ending up in spam mail + cool inbound email processing when we want to and it's already something we use.

Jeremy

Probably need to adjust the CSS a little since the new checkbox is larger and causes this to be 3 in a row instead of 4.

This is so we see where we are getting to for this period.

Includes:
Email notifications as event draws nearer
SMS is cool and pretty significant but not really a super needed one. We'll look at it!

This is a big boost in terms of intuitiveness to build it when we add it. I sent the screenshots before.

This is huge for Alpha.

You've seen these in email. 👍

This makes it now space-intuitive.

The move up and down arrows, it'll be built on top of this by...

When click "move up", the places where the line and (+) are, they become dotted-line boxes where the user can click, and it jumps there.

"move down", the same. Maybe combine and just have a "move up or down" icon.

No more moving up until you get to where you want to be haha. Jump!

Also, we get the hacked-sections out and into real sections. This may not be a priority now, just the plus ones, but it'll be done sometime, just maybe not now and multi-user, multi-course first.

We should integrate stripe into the one we have for collecting. but will see how it goes. Because gotta see how to handle the data and what we keep like address, etc... but CC info of course on their side.

Jeremy

1. Email support - Mandrill (instead of server.) Will then be used for other important features as well.
2. Lesson editor new UI graphics, CSS, features.
3. Experience - will draw it out.
4. Drip feed (Time-based release of lessons. User-based or date-based)
5. Scheduling
6. User notes (for coach)

These are the ones that coaches need. Anthony's is for his particular delivery, which is another group but I think we'll also go there early, soon after coaches.

I'll fill this in later. It's for the BOOM!

Sorineee Feedbackkkk! But anyway here it is to view at least. BOOM!

I think http://www.smore.com is a good reference for how it could be! Combine with simple animation. But animation can be later, and can be something we add only add the <script> at the end of the page, so we speed up page loading and it comes after. (Or loaded via script, post document(load)). Speed so important!

Please post:

• public domain name for the SAAS
• plesk
• ftp details
• mysql(?) details

It's cool so far!

Right now it's missing:

• Animations

IMPORTANT: Because now it looks almost the same each step of the way, it's not very brainless when the brain has to process if it actually changed. It's actually a usability improvement

When click on "Create My First Program", disappear and new one fades in quick, almost as fast as how add-new-block pops in.

• Adding more text above it. I felt like it needs a little more guidance.

"Yes! Yes! You're almost there, now..."

or

"Step 1"

• On mouse over of the buttons like "Create My First Program", below it, grey text appears

"DO IT!"

haha let me know what you think. It's gonna make it a great opening intro. People gonna feel happy.

Start telling others.

Just that. :D

This is not an issue.

I think it's permissions or something.

Check it!

Early on, we just store the timestamp. Later on, we can create beautiful time-based tables for these when we need to for displaying timelines of notes for users when it's important for them to reference back on certain weeks etc...

Pretty simple one this.

Just a coaching thing.

Share is basically just to share the notes with user and we probably have notifications for that. If not shared, just private notes the coach has to reference. In the future, permissions for specific coaches as well, so maybe code in a way that allows that but otherwise, all coaches can see it for now.

Unable to login at this time for this user.

http://eddy.imacoa.ch/login
admin2
pass

Also, if you try to preview lesson for this account, it also ends up with this error.

Any idea why?

P.S. Preview lesson button is gone from the edit lesson page, even after publishing! Just letting you know.

It would be great if we could upload and serve pages without changing ownership. Maybe have apache and ftp in the same group?

As noted in the diagram. Pretty straightforward.

Why the color change?

The values are more important than the cues, which should be the background hint, and it's a significant difference in brainless perception. They should be focusing on the selection answers.

Let's use github instead of email for feature tracking 👍

Here's a bunch of stuff that'll just take it there, the details: Not sure if I missed some details, just let me know. Watermelon snack!

Includes:
Email notifications as event draws nearer
SMS is cool and pretty significant but not really a super needed one. We'll look at it!

P.S. Updated some images. Added Session Editor.

Basically, this is the experience when they first log in after getting the account. It's much more tailored for coaches. We'll have one for "Training Delivery" - repackaged, even different domain.

This is just what it is. You know the technical details of applying this so I dont know what to say here in terms of that. You got it! Watermelons.

We already have it in some form. Just modified to this. I'll attach icons.

This is the page they see as the dashboard for coaches after they've made a first session.

It should be quite empty at the start, but I'll add the text for empty here and paste it here.

It is a combination of other features, so I'll let those cover this as I write below.

Calendar Feature

Scheduling is HUGE for coaches. This is basically what makes this so good for them because it automates it. SMS is huge I imagine, but we'll just do email and SMS #1 AFTER it's done.

Sign ups first then SMS, although it's rather quick to implement with API I imagine.

Hopefully it's clear in this one. Just look at the calendar and anything you'd need from that point is all in there. Like what happens when you click the +? It's in there!

Simple page to add clients. Some cool usability stuff.

Simple page this one. Explains itself.

This is lesson editor for coaches.

• "Add File": We basically add in a box where they can add coaching materials like .zip or anything.
• "Create Worksheet": Simply a lesson editor classified as a worksheet. It will be displayed differently later but as long as it can be identified as worksheet, associated with lesson now it's fine.
• "Add Assignement": It's in there!

And feature: Time Release.

That one is important as well. Basically, just a setting for each session/lesson that allows it to be released after a certain time from signup or a fixed date.

Allows for automation of coaching if they have say, 6-week coaching and it's all automated delivery.

I'm thinking about this but I think maybe not greying out the next works better.

However, instead of "Sort Answers", it should be "Next" - because well, next. :)

But if we do that, the next button below shouldn't be visible until after that. So only ONE next course of action always.

That's still not as good I think because if we have two on one page, and they scroll down and dont see another next, and forgot the one on top...they may just get lost.

So, we have the next button still visible, and "Next Step" (HAH! I think we just got the perfect one), and if they try to go to the next page, it bring them up due to validation with error message...

We make a red border expand and contract animate on the "Next Step" button? :D That's SO AWESOME! haha

let's try that animation library and do some cool stuff with it. It creates a WOW factor.

This is important because it's where they are stuck now, and optimizing that experience is great so that it's just all good.

This is cool:

Essentially, it makes confirmation extremely intuitive.

1. 
2. On click:
   

Then delete happens on clicking this one.

This makes it look close to the original PSD design.

It's important because the designer took into account spacing, as I mentioned in another post here.

The "Back" button, etc...the placing as well.

Here's the file:

http://www.jeremywong.com/Brilliant-U-fixed.zip

Went to see someone use it today and we spotted this.

http://eddy.shorinnn.com/lesson/introduction

Try logging in as admin and viewing it. It gets one of those error screens.

Just something to maybe look at. He can't preview any lesson.

I can't send out emails using mail, smtp or sendmail.
Would be cool for Viorel to set this up and post some instructions (mail host, user, pass etc)

Being good and being WOW is a cool difference to have. Also, I think the word issue can also mean good things. Like how magazines have issues so it's just something important to bring up.

You know how video games when you hover over a button you start to to expanding rectangles that fade out as they expand and it keeps doing that?

What if we did that for our submit and next lesson buttons. :D

Gotta be absolute though so that it doesn't distort the divs and all, or a slight revamp of the way it's done in terms of HTML but just ideas.

This will bring it to wow level.

Like students could be tired 10 lessons in and you know the stage at where you end up just almost just dont think anymore, and you just move your cursor around to trigger animations and play with em. We can have little "games" like that.

Will think more about it. But I wanted to write this.

It may be better to master this at first than add new features to really create this fun amazing experience.

But features like multi-user, multi-course are still above those for now.

It's currently too much stuff on the toolbar.

We make it so that it's hard to screw up and make it look bad.

If they can only adjust Style, and a few other things, it would always look good. And when we make different templates, it will still look good on change because it all stays within the same set of stuff that was MADE to look good.

These are the ones we keep:
Style
Bold, Italic, Underline
Paragraphs (if possible, put them out separately instead of drop-down)
Indent/Outdent (Also separate.)
Font size
Color
Unordered List
Ordered list
Link, Picture
Code View

We will add more "Style" in time to come.

Registered on "superdemo.imacoa.ch", account Frank//12345.

This is the coaching program lesson editor:

• "Add File": We basically add in a box where they can add coaching materials like .zip or anything.
• "Create Worksheet": Simply a lesson editor classified as a worksheet. It will be displayed differently later but as long as it can be identified as worksheet, associated with lesson now it's fine.
• "Add Assignement": It's in there!

And feature: Time Release.

That one is important as well. Basically, just a setting for each session/lesson that allows it to be released after a certain time from signup or a fixed date.

Allows for automation of training if they have say, 6-week training and it's all automated delivery.

Alright, so had some usability testing done this week in KL and this is what I found they liked for training creation.

1. One-step program creation
2. Hover coolness
3. Add Module: Having an overview of the course and creating that instead of first lesson. (For coaches, it's sessions so we will be using the current one, modified.).

It's explained in there, the sequence in point form.

SUPER! Same thing so eyes don't get lost and we know exactly which block was just added, which we WANT to pay attention to since we just made it and want to add data.

WYSIWYG - "Add Tag" is infinitely loading.

But we'll try to do a new UI where it's able to be just INSIDE the advanced section without a new window, and they can "Insert".

There's actually WYSIWYG commands to insert where the cursor is, so not just a the end of the whole thing.

We might want to move to a different WYSIWYG since I don't feel like this is up to it long-term. We'd probably move to TinyMCE or something but for now, we can stick with this + less functions from the bar but that's in another ticket.

Sorineee!

It just keeps going back to the Dashboard where unattended clients are.

Quick check!

Also, additional note: If we type xxx.imacoa.ch/editor (because I tried to manually do it and of course it was just a guess), I see an error. Maybe we can make redirects to 404 for all these that aren't there.

For this variation at least, I've gotten a few domain names:

CoachAutomate.com
CoachAutomator.com

I think it works for now so we can begin building around it.

Speed! Changing later would be find or repackaging for product delivery, etc...not just coaching.

I think it's clear and we have some SEO coolness from "Coach" being in the domain name. Then we'll have imacoa.ch as a vanity name I guess. Maybe we point to the same domain both. So both work.

Like Sorine.CoachAutomate.com would be same as Sorin.imacoa.ch.

Actually no. It's bad for SEO. If we want to rank, I'll have to look into it. I'll ask some SEO guys and find out. Might be able to have one domain pass on it's weight to the other.

But if not, we'll have to see. Having our clients' sites contributing to rank us up is a good bonus to have.

Jeremy

P.S. Hope you're having good garlic!

The checkboxes not appearing.

Note: Values Clarifier. Also, it's not the BrilliantU one specifically. Used this because it has data for testing.

SORINEE! As I am posting this, I realized that it's not as important as I thought. Wanted to make it part of Alpha, but the thing is, usually people get worksheets sent, but we can MAKE the worksheets inside our platform that makes it so much better because you can keep track of responses, etc...

And see who has/hasn't done it. But still, it's a block we'd get to sometime. Just gonna post it. Git power!

New Block: File Download Block

Upload files, multiple files. Displays nicely. That's all.

On admin, when viewing individual users, the Next and Previous do not append the user ID, so the admin sees his own page and it goes out of the user side.

We can either remove it (since admin is not the one going through course) and I think this is better than making it "work".

I like if when we remove it, there's no gap on top. Right now, if you look at Lesson 1, as a new user, since there's no "next", the gap is present and it looks odd but not so major that it's a breaker but good to mention.

Repeating watermelon background in that area in the space seems good but we'll try that for Final release "Feature Experiments"

haha this is so cool

I'd say Option #1 is really good and we may end up trying to make the WHOLE site that color scheme, but I suspect since many coaches are ladies, we also have the lighter one for them.

We'll have multiple later on, but for now, I'm choosing the red one with some adjustments.

Just wanted to let you see.

We're makin' it cool

Let me know what you think.

The mouseover feedback is so important. We're gonna have that and implement the Smore-ish style of adding blocks, with our own way. But that animation there is good.

I was just logging in to see and decided to do it. Good to just keep tabs of all no matter what, and now no more feeling of not spamming!!! It's cool.

For no reason!

However, here are the screens

1. Dashboard for OUR clients when they log in.

-Announcement area: For us to offer more cool things to them like maybe template packs for sale (but we wanna take care of them early on and give), and personal messages from me/you (HAH I DOUBT BUT WE'LL MAKE IT HAPPEN. OK kidding see as it goes.)

-Program/Course selection

-Create new course button (not really need to be written maybe? lol)

-Experience touches that add super kick, quickly. Bonus tooltips that surprise. Build this feature where we can add it to the rest easily.

JS with a list of references to the UI components and the text to show? It then injects a div below it or something. May have to change the way we build it then, so in the future it's all compatible. Standard for UI elements.

1. Course Dashboard

I think we covered this elsewhere for now. This one was not as specific to coaches. I improved for that version. So we can pass on this.

YES! Let me know if any questions.

Time-based release for lessons.

This is the interface:
(If Mandrill is ready to just allow a WYSIWYG and save to DB and send, then we can do up the email part.)

Note: Before this feature, do up the WYSIWYG simplification.