shorinnn / vomitorium Goto Github PK
View Code? Open in Web Editor NEWthe RYUP platform, nom sayn?
the RYUP platform, nom sayn?
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!
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.
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.
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
I think that's all we need.
(DONE) 1. The lesson editor, the one where we can add boxes between boxes straight away. I will tag this one.
(DONE) 5. Add Tag doesn't work now. It doesn't load the list.
That's all for now. Will add more in another one if it comes up! Sorineee
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
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
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:
It's cool so far!
Right now it's missing:
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.
"Yes! Yes! You're almost there, now..."
or
"Step 1"
"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.
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?
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.
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 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:
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.
This is the coaching program lesson editor:
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.
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!
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.
For no reason!
However, here are the screens
-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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.