My Project – an Update
The Project
For anyone who doesn’t know by now my project is to do with the Interactive methods within HTML5, specifically <video>, <audio>, native drag and drop and the <canvas> tag – the latter being what most of my time is spent on.
I am creating 3 small applications for each of the above and then creating 3 applications that are the same (or as near to the same as I can make them) in “old technology” (i.e. what is considered the best practice to do them before HTML5 appeared on the scene). After all the applications are complete I will compare them on specific criteria.
I don’t plan on the applications looking that great (unless I have enough spare time) or being that complex as the project is more about the technology behind them than the applications themselves – so don’t expect anything too fancy.
What I’ve Done so Far
Basically I’ve been concentrating on the HTML5 side of things (because that’s what interests me the most) and have created a web page for each of the applications:
At the moment they are all pretty basic, I haven’t added much style to any of them (apart from the drag and drop). I do plan on making them look nicer and having a container website to showcase them, but I have a good while to do that, so I’m not panicking at the moment.
The link above will take you to the location that I will be showcasing them in (so it will change over the next few months until it is in it’s final version).
The video and audio I will likely make a post about in a week or two, just going over what I take from the specification and my thoughts about them.
I also plan to make a post about the drag and drop (likely in a tutorial sort of fashion), but that will be once I have done the other side of things – i.e. “the old way” of doing things.
The canvas application is what I have been spending most of my time on this doing so far (and it’s likely going to be the one I spend the most time on while using the other technology’s). I doubt I will make a post about how I have done this as the post would be massive and explaining how I have done something like this isn’t a strong point of mine. I think at the moment it has all the functionality that I wanted to put into it, I just need to make it look nicer. Oh and also add a save function into it – probably using base64 like I’ve seen scripts doing around the web and just credit someone else for that part of the project.
Whats Next?
Making a start on the “old technology” is probably my next step. I also need to clarify exactly what criteria I am going to compare the applications against (so far I have a few, but nothing that will be that exciting).
I have a presentation about my progress on this project next Friday, so lets hope that all goes well too!
If anyone has any suggestions about what criteria I should use then please comment below (it’d be a great help). Even if you just have something to say about what I’ve made so far then feel free to comment!
Leave a Reply
Comment Live Preview: