Easel Website

Easel is a website that artists from everywhere can share and view each others work with the simple and easy interface. All you you need to do is just register in to the web site and upload your images. The important thing of our website is every one can enter the website and look at the pictures but if they don’t sign up, they can not upload any image at all. They can only see the others picture. As you see in the first picture, if you don’t sign in, there is no button of uploader. Screen Shot 2015-04-19 at 10.31.49 PM

In the second picture you can upload because you signed in and you are a member of the website

Screen Shot 2015-04-19 at 10.32.03 PM

Easel, Problem with dakar

After we talked to Rob about the dakar problem that we couldn’t upload any images, we used Ollys own host to make our website on the way that we want. Everything was fine and the whole website was working so well. But we just realized we have to upload the website in to the dakar. And Rob told us we will fail if we can’t make it. So we changed everything in the host to dakar account to just upload it as a dakar. But unfortunately everything broke in our website. The video didn’t work, pictures wasn’t on the home page anymore and the register form did work either. So this was so reticules for us because everything was working very well until we just moved it to the dakar. So me, Olly and Abbie we spent 11 hours in uni to fix this problems and finally we did most of them. the problem is our logo wasn’t working in dakar anymore and we couldn’t understand why. Our logo in the home page was a button and it linked to the homepage. Or We had our logo in the main page but unfortunately it doesn’t work on dakar anymore and we couldn’t find the problem. This is the picture of our website with the logos in Ollys host.

Screen Shot 2015-04-19 at 10.32.03 PM

Screen Shot 2015-04-19 at 10.30.44 PM

But the good thing is our website is working on dakar and we solve most of the problems which feels good

The Header Image

As we said we are going to have a group picture and put it in our Contact us page on the top. Unfortunately two members  never showed up and we couldn’t have a group picture. So at first we put an image of dog. But we just realized we are not gonna have a group picture so we decided to keep the dog with our logo instead of group picture

Screen Shot 2015-04-20 at 10.52.56 AM

Easel The Gallery

For our website we decided to creating a gallery for our images in the home page. So the plan was like if anyone register in our website, the can share they’re images in our gallery in the homepage, But Unfortunately we tried a lot and the gallery part didn’t work at all. All of us Tried individually to make this thing working but it didn’t.  This is the some of the codes that we tried but unfortunately we couldn’t make it.

Screen Shot 2015-04-20 at 10.30.23 AM

if the codes were working, the website could be like this with probably different color.

Screen Shot 2015-04-20 at 10.26.27 AM

So we couldn’t make it like this but we tried to show our picture in someway. So in our homepage the pictures is like this as you see in the last picture which I think its alright.

Screen Shot 2015-04-19 at 10.31.49 PM

Easel, The Video

After we finish with the login and logout codes for the website, One me and Olly decided to upload the video on our main page. We thought using a video in the main page is much nicer and looks more professional instead of using a picture or background color. So we start searching in Google that how can we insert a video in the basic website. After few hours we found the codes and we start trying the codes. At first it didn’t work because we didn’t put the codes on the right place. But eventually, we made it and the video worked but there was a problem that we couldn’t put the video  like fullscreen on the background and we didn’t know why.  This is the codes of the video on CSS.

2

As you see our codes looks alright and it should work now but there is a problem that we couldn’t put the video as screen shot. We almost tried to change the codes for an hour and accidentally we just delete the dot before video word and it worked. All the problem came from a dot that we just did it so randomly.

1

We finally did it we put 7 seconds video of beach on our main page. The reason that we choose beach in lack and withe is we thought this website is about arts picture and the feeling of the beach with the sea it can be kind of classic. So this is the picture of our main page unfortunately its just a picture and to see the video you need to open our website.

Screen Shot 2015-04-18 at 4.20.56 PM

About Easel (part2)

After we solve the problem with image uploader, another problem showed up. The registration form didn’t worked. We tried to change the codes or changing the table information in PhpMyAdmin but we couldn’t find it what was the problem. The problem was when we were trying to register in our website, there wasn’t any name come up in to our table in PhpMyAdmin. So after reasserting, asking and trying we just found it out that the problem was from the table that we created before. The Varchar on the table wasn’t right, it was a character limit of the username and password and accidentally we had set as 0. So it couldn’t upload anything and we didn’t know about that. Then we changed the setting to 15 to allow us for posting.

Screen Shot 2015-04-20 at 9.20.53 AM

After we changed the whole Vachar limit on our table, the problem solved and fortunately we can register in our website like normal websites.

Screen Shot 2015-04-20 at 10.01.56 AM