The final project for my bachelor studies is finally ready and open for public. QUER* is an online portfolio for the study courses Multimedia Technology and Multimedia Art from the University of Applied Sciences in Salzburg. Now the students have the opportunity to present their projects and study work to the public using an online platform.
We decided to implement the old online portfolio in a new way and provided some additional funcitonalities for the website. I worked in a web developer team with my fellow students Matthias Frick and Dominik Goltermann. When deciding about the programming language, we have chosen Ruby on Rails to program in a rapid, fast and innovative way. JavaScript was the other main language and criteria, when providing an interactive user interface for the portfolio. Besides the MVC desing pattern, that Rails is coming with, we also implemented everything in a special programming pattern for JavaScript called “javascriptMVC”. This Framework allowed us to create a good structured code and helped us in OOP. The Webdesign came from our fellow students from MMA. We took the Photoshop-Files and generated the Stylesheets for the Website, also by using CSS3.
For the team management we used the agile developement method scrum and all its processes. Every week we had a meeting and every team member said what he had done so far and what are the next steps to do. So we always had a good overview about the complete workflow and tasks of the project. The portfolio was developed in the software developement process of test driven development. Using all these methods and by having such a great team, the project itself was possible in the first place.
Alltogether I can summarize, that it was a good project and I say a great thanks to my team.
In the third term of the subject computergraphics we, my partner Matthias Frick and i, made two nice graphic programms in processing. We descided for processing, because the language syntax is very easy and it is the perfect language to easily programm such graphics tools like these.
The program reads a greyscaleimage (heightmap) and saves the data x, y-coordiante and greyscale value in an array. The brightest value represents the highpoint and black one the bottom of our 3D image. We connected 4 vertices to one face. Its important to note that the vertices on the right side and the bottom side need a special calculation, because there is no face which connects to these borders. After that we set the color of the vertices according to the pixels’ brightness.
In the subject interface cultures Dominik Goltermann, Matthias Frick, Daniela Dobler and I developed a multiplayer pong game with color tracking. The client was implemented in Actionscript 3 by using the Webcam Colortracking Class from Jop Wielens. The flash application establishes a connection with a ruby server. The player start the application and choose the color to track with the mouse. It is advantageous to take a item with a lurid color. After that the program waits for the opponent. A soon as the second player has joined, the game starts. The user can control his bar with the tracked object.
We tracked a green pen.
The data exchange runs via a ruby server. Ruby managed the direction changing of the ball, scores and the position of the bars. We programmed an separate server, because in flash it is not able to connect two flashapplications together.
Since my qualificationproject in my second term i created an webapplication for students. At the end from every term every student beginn to gather the things he need to learn. One student sent me an email with the maths transcript the other one sent me an important link for the final exam. An so i found the basic concept for scriptnote.
Main Features of Scriptnote:
Upload / Manage your transcripts
Messagesystem to communicate with your students
See the transcripts from others of your study course
Notify mails at a new upload or message
Technical conversion:
The webapplication is programmed in PHP. I created an own template system to divide the programm code and the web output. As database i used MySQL and for the security of the website i choose the prepare statements of the mysqli class. For the interactivity I included the Javascriptframework JQuery and AJAX. The Design is a normal Web 2.0 CSS Style.
Screenshots:
I will be happy about some constructive feedback from you.
