My 129 days experience on D.Tube.

in #dtube7 years ago (edited)

image.png

Hi STEEEEMians

I had no time to write a lot since I was working on D.Tube but today I will take the time to share my 129 days experience on D.Tube with you all. I had to do it since I left the team and some people ask me what happened.

Everything started when @steeminator3000 came to me to ask if I was interested to work as UI/UX Designer on D.Tube. I made some design for him before that and we had a good feeling (being turkish for both of us helped a bit). I was working on my side to bring SteemFire, a crossplatform app based on xamarin and I had no doubt about leaving it to join DTube.
If someone is interested, I can share the source; it includes ditch, an mvvm model and some basic implementation like searching and displaying users posts. It's a solid base for everyone who wants to start with xamarin and steem.

Then, I met heimindanger or Adrien. I think that most of you already know him. He explained me what he did, from where he came, and if I could help him to bring the UI/UX on D.Tube to another level. I was okey and we started to work on D.Tube with a new branch.
In my opinion, I did it with success in the short time I had, including the fact that sometimes if we wasn't coding, it was just meaning we are sleeping. Actually, I mostly worked with heimindanger.

I'm a UI/UX, in IT domain since I'm young, I'm used to work with lot of technologies but especially with XAML and C# and I also have some skills concerning web developement with 10 years joomla/wordpress in my bag.

I couldn't update my designer page too much but there are some of my old works that you can check below : https://www.behance.net/hightouchac3b

And even if D.Tube team is using C# for the uploader (great job done by superkoala and explained here https://steemit.com/dtube/@superkoala/dtube-uploader-born-to-be-alive), IPFS for the hosting, 99% of the application is written in Javascript,HTLM,CSS. So, I discovered the JS with the help of heimindanger and I noticed he was a good teacher. Now, I can do my own callbacks and anything else I need to do.

He also pushed me to use Linux and I was pretty lost at the beginning because I had no real experiences except some 200-300 Ubuntu installations as voluntary for an assocation, but it was very efficient when I was used to work with. Unfortunetaly, I had to keep a Windows to be able to make something with adobe suite. And a month ago, my pc burned without any apparent reason. Forcing me to work from a laptop which isn't really comfortable with my desk, I keep windows now but I can only be thankfull for @heimindanger who made me re-discovering Linux with i3 manjaro.

So what I did on DTube in 129 days ?

branding.png

The branding :

It was really hard to replace the old logo with a new one who doesn't look like Youtube, Dlive or something else, of one the constraint was to keep the red triangle, but with some effort and several trials (remember the survey on discord), I have found something which keep the red triangle bringing the D.Tube name into the logo. It can evolve with time and I'm pretty sure it won't lose its hype. I'm really glad to see most of users like it and put it in their content. If you don't have it don't hesitate to pick it here !
https://about.d.tube/mediakit.html

The application :

Do you remember that ?
dtubb.png

And how it looks like now ?
dtubea.png

Yes, when there is someone who works on UI/UX, there is obviously much possibility and more creativity for making a platform greater. Even if I had some constraint about the UI, as you guys know and as D.Tube had not hidden it, we focused to reproduce the youtube experience on D.Tube. Now, The website looks pretty good and most of the needs are done.

Homepage

I started by implementing a slider for the homepage, instead of scroll bars. First, I have found slick, but with time I changed it for owl.carousel which is really faster. I don't know if someone noticed it except us ? Maybe not. Anyway the homepage looks fine now.

The sidebar :

It made me discovering semantic-ui which is a good framework to handle the UI with less efforts. It's starting to be very usefull and fully featured by now.

New look for the channel :

Channel wasn't displaying any informations about his owner, except his videos. Now users can see some usefull informations with tabs. In my opinion it even looks better then many other platforms and the next update will bring a new feature which I have done (but I wont spoil it !). Displaying these informations made me learn a bit more about steemjs and steem data.

Lazy loading for sliders :

To keep the website readable for low connections.

The watch later feature :

By the way it was a cool way to learn mongodb in meteor.

Displaying time from a video :

A basic but needed feature which helped me to deepen my knowledge concerning momentjs.

Displaying show less :

To make a long description shorter. I first tried CSS, but finally I did it with js as a developer has to.

Displaying tags :

Tags were not used and I gave an efficient way to navigate with them.

Copy the link or the embed code :

A simple way to copy link/embed just with a click : it works good but I noticed on some devices that it buggs.

There are also some features I made but I won't say more about it since they are not used at the moment.

You probably noticed the coherence between all videos on the website. Sometimes they are shown vertically, sometimes horizontally and all of that is depending on your screen resolution and your device. Since heimindanger and superkoala made the uploader handling thumbnails, videos looks even greater on D.Tube.

About the resolution, you guys probably noticed that D.Tube is now cool on most of the browsers or devices. Basically, I had to create new templates and some css less as well to handle everything. Templating can be sometimes most interesting than playing with css, and I'm used to it with User Controls on WPF and UWP.

The player :

As you guys know, D.Tube have a strong player based on videojs which is maintained by the team. First of all, I made a new design for it which looks good on most of browsers/devices. But do you remember when the video wasn't playing and you had to wait like 30 seconds to watch a video ? If you are an old user, your answer will be yes. With my little experience in JS I managed to sort how to play videos even faster and make them start in a sec for most of them (probably one of my best contribution to D.Tube). I have also put the video preview to show a thumbnail if you guys are hovering the timebar, hotkeys,and subtitle features, which will probably come soon.

The about page :

@mkt made the old about page but with our evolution, we had to build a new page as you can see here :
https://about.d.tube/
I kept some of mkt's code and built a new About page with it, which reflects the new branding of D.Tube, with some new sections including the mediakit.

Yes, we made D.Tube well (even updates look better) and it will probably looks better in future given that it's an app which is born to success.

It was a great experience and I met many people inside and outside D.Tube. I helped them when I had the time and I'm glad to see that they use well my contribution.

Most of you will probably ask why I'm leaving the team, but that's not my own choice. There are some decisions which not corresponding to my personnality and to be honest, I have to pay my rent and my loans. In that sense, if there's not other incomes, I'm not able to continue to work without always borrowing money from my friends. By the way, I'm not blaming heimindanger for it, because he never said when and how much we will be paid, he promised tokens, nothing more. It seems like he really knows what he does. It's just life, and sometimes everything doesn't work as you expect.

Furthermore, as I'm used to work with legit and organized companys, it was a good experience to me to work with such a team. It will probably help me in future to take better decisions if I even have to work with someone else of the community.

After my post, I suggest you all to read this : https://steemit.com/philosophy/@dantheman/why-do-we-fight-to-change-the-world

For me it's a new beginning! I will start to work again for my own company and my own customers, and I'm already working on a new project during my free time with the hope to bring something new on the community, based on all my experiences. But first of all, it will correspond to my humanistic ideologies. So, this is not a binary decision in the way that I just selected some colors between a lot of from a rainbow.

Finally, I'm not leaving D.Tube without saying thank you to @heimindanger and the rest of the team (especially a big thank for @Nannal). I wish you all the success you deserve and there is no doubt you guys seem to deserve a lot.
Sort:  

Bro, you did much more of what a person can do for such a huge project. You litterally crossed the line through your peerless determination and I could say it, as a person who lives with you and who could see it up close. You were anchored in your ideas and no one could really see as I did, how you worked hard in every sense of the word. I've always admired your devotion for what you trust. I'm glad to have a brother who has been consistently progressing by his own strength under his power. This is merit that should be retained and I won't hide that I'm always telling people about your infinite power that pushes you further and further! You are a humble genius man :) I love the way you are, the way you success, the way you're acting and I'll always support you for all of your decisions, as a little lover sister, but mostly because you deserve it. You didn't sleep well, you didn't eat well, you didn't go outside, you just went away from your bedroom for toilets or to eat with us (sometimes, because I remember a lot of dinners without you because you were focused on Dtube stuff). Hope this experience added you what it had to, for making your big knowledge a little bigger. I know you will crush with new projects and your name will be, one day, in somewhere that I always expected. Love you. Öpücük !

What a lovely comment from a lovely sister. Tbh I was not far from crying when I read it.
As you know I m always working to bring things upper and trying to change the world and people in a good way...
Sorry I missed some dinners (maybe a lot)... but it was for everyone's sake.
Love you too <3 You really deserve a big hug after this!

You've done so many awesome things, High touch. Thanks for the huge overhaul on DTube, I'm looking forward to your future posts

Thank you bro,
You do not know it but it motivated me to see you using D.Tube.
We keep in touch!

Defintely! Keep rapping about them polar bears haha

Haha! next time I will do it with a dedicate for ya ;)

hahaha yes!

You did a great job!
Besides that thank you very much for your support and good luck
with your own company!

I did my best with what I had in my hands! Nothing less nothing more. Thank you very much @andyjaypowell for you support aswell.

I'm impressed with the work you've brought to Dtube, I think users will thank you very much for all these new features you've improved, its nice and good continuation on the projects you will be working on. :D

Thank you!
It was a great experience, but above all I m really proud to hear person as you, who like what I have done. Thank you for you support bro.

I am amazed from your work dear! Thank you for all of your contribution and making Dtube an amazing place for people who like to share their lifestyle like me!

Every experience is amazing of course, and in everything there is something to learn, so I want to know why this happened exactly (sorry for that)
"And a month ago, my pc burned without any apparent reason". ?!

Every begging has its own end but it doesn't mean that it is the end, you already chose your path,

I wish you a lot of success in your company, and for the new upcoming project, I am sure that it will be something amazing where the community will adore it;)

"I just selected some colors between a lot of from a rainbow."
I love this quote! Learnt something new from you,

Cheers dear.

@enisshkurti, thank you.
Yeah we have to learn to be better, nothing more. And I m pretty lucky because I m learning fast.
My pc burned probably because of a spider or a bug... I m not sure to be honest, but at least my disks are safe :)
Thank you again and I m glad you enjoyed it.
See you soon!

Possibly your work will go down as some of the most disruptive improvements in blockchain history.. I will of course be looking forward to all of your future projects!

Thank You so Much @hightouch.

Ahhh :) Thank you but I didnt built D.Tube, all the honor of creating D.Tube goes to heimindanger. I just helped him to deliver a good experience to all Steemians and future DTubers.

By the way, since I dont have any access to commits I cant give more detail about what I did, but I can say this is like the half part of my work on DTube.

I cant forget your video about D.Tube before the 0.5 update and how it make me laugh.
Thank you for your great support @maneki-nelo. The future will be definitely bright.

You did so much for the platform and I didn't even know about all of it until this post. Spending more than four months for this project must have costed you a lot of energy but it paid out... well, at least for the users.
I wish you the very best for your future and I want to thank you so much for work. I hope DTube continues to improve over time even without your cooperation.

Yes it was not necessarily clear in the updates, knowing that each member of the team has different skills and finally I did a lot of code for a designer.

I'm glad it paid for the users, even though I have about like 2000 steems of debts today, it's nothing compared to the excitement and appreciation, not only of new users, but also DTubers who have been there for a while.

I have no doubt about the future evolution of D.Tube, the biggest things are done.

A big Thanks again for your support @liveyourdream, you're a killer!

interesting journey you had with it you deserve the success you have done all the hard work

It was really interesting and I wont regret it.
But obviously I wish to be able to get what I deserve with my next project and I will work harder in that way.
Thank you ;)

@Hightouch, I just wanted to say thank you so very much for all the hard work you have done to improve the DTube interface and experience. Your work has made such a difference. I and all the @dtubedaily crew are just thankful we had an opportunity to interact with you and get to know you just a bit through discord. Thank you for allowing us to participate in your world just a little bit. You are very much appreciated.

Yeah sometimes small things can do big differences.
But dont invert the roles, it's to me to be thankfull, even if I dont come too much on your discord, you are always nice to me (and to each others), and everytime its a pleasure to see or to talk to you guys.
Thank you @captainbob and the @dtubedaily crew!

Seriously mate you have done so much for Dtube and the blockchain overall. I have zero, and I do mean ZERO knowledge of programming, but I do know systems and more importantly, what works. Your changes have made life here a lot easier and fluid!! Thank you doesn’t go far enough.
I know there’s a team behind everything, but just wanted to say thank you.

I m glad to hear that, and it's enough for me if I consider the amount of people which (will) take benefit of my work.
But yeah, giving a bad user experience or leaving people wait some minutes for a video to play wasnt something that I could let be :D
Thank you @adventuroussoul, for me and for the D.Tube team.

Coin Marketplace

STEEM 0.17
TRX 0.16
JST 0.029
BTC 62382.95
ETH 2427.50
USDT 1.00
SBD 2.58