Archive

Posts Tagged ‘XHTML’

BD-review

July 29th, 2009 bodom_lx No comments

BD-review is a dynamic website to allow people to review releases (albums, demos, EPs, singles) of (young, unsigned) music bands. The project is the outcome of the Internet Technologies course at the Faculty of Computer Science of the Free University of Bolzano.  The requirements of the project were to build a website using a small subset of JavaEE technologies, without the use of web-frameworks.

Therefore, this project is not really meant for production use. It was made as a strong, working and correct base for studying JavaEE academically. It should be useful for every student (also non-student) willing to have an overview on JSP and study it. The code is well-written, uses MVC, and the whole project is documented in detail in a 20+ pages report.

A screenshot of a Review

A screenshot of a Review

I encourage to read the PDF report of the project. It contains detailed information about the analysis and design phases, as well as the architecture description, screenshots, problems found etc. Please read also the README file. It contains configuration instructions.

There is a running demo located on the evaluation server of the course, but I think it will be removed soon.

Quick Jump:

Vision

Requirements Implemented

Technologies Overview

Download

License

Vision

The aim of the project is to build a dynamic website to allow people to review releases (albums, demos, EPs, singles) of (young, unsigned) music bands. Users will be able to signal interesting materials and review them, while other users will be able to comment the reviews, too.
This web 2.0-oriented application should allow unknown talented musicians to achieve a higher notoriety but also to improve their productions.

Screenshot of the personal user page

Screenshot of the personal user page

Requirements Implemented

I report here the requirements of the course, all implemented by BD-review:
What BD-review implements is:

  • User Management
    • List existing users of the system
    • Creation of a new user
    • Deletion of the existing user
  • List and modify access rights of the users
    • check boxes with some capabilities (min 3)
  • User registration and login to the system
  • Items management
    • Users add, edit or remove items
    • Users comments or reviews items
    • Administrator can manage the comments (edit,remove, add)
  • Personalization
    • Salutation for a returning user
    • List resources that are new from the last visit
    • Customization of the layout for a class of users.
  • Techniques – MUST be used
    • Static HTML
    • CSS: all the look and feel must be in CSS files
    • Javascript: check input and manage menus
    • Servlet: Reading (parameters and headers) and writing headers and resulting page
    • Servlet: Session management with cookies and session object
    • Servlet: Redirect the client
    • Servlet: Forward to another page or servlet
    • JSP: Expressions, scriptlets and declarations Beans
    • DBMS access trough JDBC
    • Integration of JSP and Servlets (forward and include) using MVC pattern.

In addition, BD-review implements two Filters and plays with Regular Expressions.

Technologies Overview

  • J2EE technologies (JSP, Servlets and JavaBeans)
  • Database support (PostgreSQL 8.3) through JDBC 4
  • XHTML Strict 1.0 + Cascading Style Sheets 2.1 for presentation
  • Apache Commons for conversion and Bean population routines
  • Some utility methods found on Books and Internet (their provenience is cited in the sourcecode)
  • Javascript for confirmation system and form validation
  • Regular Expressions
  • TinyMCE rich WYSIWYG HTML editor
Screenshot: modifying a Review

Screenshot: modifying a Review

Download

PDF report of the project
Complete Source Code and Documentation (as Netbeans Project)

The Future

There will not be future developments for the project. It was not a real-life project but I will be very proud if you find it an useful example for learning JSP. You can also use it as a basis for developing a real project (also a University Project). You can do anything you want with BD-review, but please respect the license. I would be happy if you send me an email about your experience in using BD-review.

License

BD-review is released under The Gnu Affero GPL version 3! This is different from the license of the contents of the blog

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see < http ://www.gnu.org/licenses/ >.

Related posts

BD-theme released!

December 8th, 2008 bodom_lx No comments

I’m very pleased to announce the final version of BD-theme! For those who don’t know, BD-theme is a widget ready, two columns Wordpress theme. It is written using the default Wordpress theme as php/XHTML base.
The theme is mostly inspired by TorrentFreak rounded layout.
BD-theme exists just because I wanted to write my own Wordpress theme.
You should probably see this theme in action on my blog, or on the testing site .
Anyway, here is a screenshot:

BD-theme 1.0

BD-theme 1.0


BD-theme is valid XHTML 1.0 Strict as well as valid CSS 2.1 (check the testing site against W3C validators)
It has been checked with all the most popular browsers: Internet Explorer 6, Internet Explorer 7, Firefox 2.x and Firefox 3.0.x, Google Chrome, Opera 9.62.
The theme is free software and released under the Creative Commons Attribution-Noncommercial 3.0 License. You are free to use and/or modify the theme under the conditions of the license.
You can obtain the theme on its project page:
http://task3.cc/projects/bd-theme/

Related posts

BD-theme 1.0 beta 1 released

November 27th, 2008 bodom_lx No comments

I’ve finally found the time to make the necessary fixes and improvements to the theme of my blog.
I decided to not name it a final release just because I could not test it with Internet Explorer 6. I believe that the differences with this beta release and the final one will just be some test with that browser and a better code cleanup :-)
Valid XHTML 1.0 Strict.
Yes, this is the theme you’re actually seeing in the blog.
You can go and download it!

Related posts

A valid xhtml strict version of extending text plugin for wordpress

October 1st, 2008 bodom_lx No comments

I began today to check my theme pages for passing W3C’s Validator test against XHTML 1.0 Strict. There is still some work to be done before it will be ready but I would like to share with you a modified version of the very useful Expanding Text Plugin for Wordpress, which lets you to create blocks of text in posts or which either expand or collapse when clicked on. I really like the plugin, but I noticed that it does not produce valid XHTML tags. Here is a light modification of the plugin which outputs valid XHTML blocks: dd-expanding-text-valid-xhtml

Related posts

Announcing incollo.com service!

September 30th, 2008 bodom_lx No comments

When I announced BD-incollo 6 days ago, I also mentioned that I would have launched the service today. I really did that, and I’m very proud to announce the first site that runs BD-incollo.
http://incollo.com! Very easy :-)
Incollo.com is a collaborative debugging tool like Pastebin or other similar services, but it’s slightly different from it. And it’s different from other Pastebin clones even written using Rails or Django.
Here are the most exciting features:

  • It’s Fast. Very Fast
  • Written thinking about usability
  • A very clean interface, a minimalist design that gives space to the code (as it should always be)
  • It’s possible to search through pastes, like in a forum
  • A Paste is not deleted after 30 days or something similar. A paste is deleted after it is no more interesting! It’s deleted after 60 days of no visualizations
  • The system is anonymous. It won’t store your information! Paste whatever you want but please use your brain! A Paste may be reported to the administrator!
  • You don’t really have to play with options and there are no required field other than the Paste itself. You may paste a text and directly hit the submit button
  • Quite every page is XHTML 1.0 compatible
  • It works well and has nice urls, thanks to Django
  • Compatible with every browser (tested with Internet Explorer 6,7,8, Mozilla Firefox 3, Apple Safari, Google Chrome)
  • Resolution friendly! Liquid design that adapts to every monitor resolution (tests from 1024×768)
  • Developer friendly! Every functionality of incollo.com can be used with max 2 mouse clicks and without a mouse scroll!
  • Tested with lots of pastes, quite every source code should be perfectly viewed (this does not happen with every pastebin clones I’ve tried)
  • Uses Pygments for code highlighting
  • Languages supported: ActionScript, Assembly (various), Boo, Befunge, BrainFuck, C, C++, C#, Common Lisp, D, Delphi, Dylan, Erlang, Haskell (incl. Literate Haskell), Java, JavaScript, Lua, MiniD, MooCode, MuPad, OCaml, PHP, Perl, Python (incl. console sessions and tracebacks), Redcode, Ruby (incl. irb sessions), Scheme, Visual Basic.NET, Django/Jinja templates, ERB (Ruby templating), Genshi (the Trac template language), Myghty (the HTML::Mason based framework), Mako (the Myghty successor), Smarty templates (PHP templating), JSP (Java Server Pages), , Other markup, , Apache config files, Bash shell scripts, BBCode, CSS, Debian control files, Diff files, Gettext catalogs, Groff markup, HTML, INI-style config files, IRC logs (irssi style), Makefiles, MoinMoin/Trac Wiki markup, Redcode, ReST, SQL, also MySQL, Squid configuration, TeX, Vim Script, Windows batch files, XML

This is an example of Paste with Incollo.com:
http://incollo.com/7dca5011

You are really welcome to report any bugs or leave a feedback! Remember that this is my very first Django project, and I created it in about 6 days!

Of course, I’m already beginning to think about new features :D

Related posts

BD-theme

January 24th, 2008 bodom_lx No comments

BD-theme is a widget ready, two columns Wordpress theme, written using the default Wordpress theme as php/xhtml base. The theme is inspired by TorrentFreak rounded layout, and some little ideas are inspired by Curved Theme, which was the old BD-blog theme.
I just wanted to write my own Wordpress theme.
This is my first theme, and my first try to design something nice. Source code is available below.

If you like BD-blog theme, then download BD-theme =)

Download:

  • 2008-12-08 – version 1.0
    Changes from 1.0 beta 1:
    • Remove_filter(‘the_content’, ‘wptexturize’); added for better posts regarding coding
    • If you decide to create a “Archives” page and/or a “Blogroll” page for listing links and archives, those pages are not listed in the rounded menu
    • Related tags of a post are no more links, for a more polished site
    • Better caption for images
    • Works with IE6, IE7, Firefox 2, Firefox 3, Opera, Google Chrome
    • Valid XHTML 1.0 Strict
    • Valid CSS 2.1
    • Screenshot:
      BD-theme 1.0

      BD-theme 1.0

  • 2008-11-27 – version 1.0 beta 1
    Changes from 0.9:
    • Change of dtd: from xhtml 1.0 transitional to xhtml 1.0 strict
    • Yes it’s VALID Xhtml :-)
    • Navigation links now present in every section of the theme (archive,single, index etc)
    • Ready for Get Recent Comments and Recent Posts, both recommended and displayed at the page footer if installed
    • New logo system that checks if IE6 is present and presents an alternative page without logo
    • More space for content is given
    • Post headers (title and date) are fixed for every browser
    • Fixed some css bugs for those wo do not use the sidebar
    • Lighter css! more standard but still not finished
    • Screenshot:
      BD-theme 1.0 beta 1 screenshot

      BD-theme 1.0 beta 1 screenshot

    What will be next:

    • CSS fixes for IE6
    • Cleaner Code
  • 2008-09-19 – version 0.9
    Changes from 0.8-experiment:
    • Fully Compatible with Mozilla Firefox 2/3, Internet Explorer 6,7,8, Google Chrome, Apple Safari
    • More harmonious and stable
    • Links to pages are now rounded corner buttons
    • Buttons for pages moved over main layout, added a button for accessing the blog posts
    • The current page link button gets the same background color of the content page
    • Post header layout changed: a very nice band contains the title of the post and the date of posting exits the main layout
    • Various CSS fixes
    • Screenshot:
      BD-theme 0.9 Screenshot

      BD-theme 0.9 Screenshot

    What will be next:

    • CSS bugs totally fixed (I hope :D )
    • Theme has to pass w3c’s xhtml/css validations
    • Theme has to remain compatible with all browsers
  • 2008-08-21 – version 0.8 – experiment
    About:
    • Quite everything changed in the last 6 months, but the colors
    • This is the source code of the experiments done from the post of 06-06-2008: BD-theme’s new look
    • NOT to be considered as a stable release, code is very dirty (but almost functional)
    • It’s the base I’ve been using since 7 days for the final release, It’s available because somebody may like it more than the next version, or to modify it
    • An image helps more than a thousand words:
      BD-theme 0.8, the Experiment

      BD-theme 0.8, the Experiment


      BD-theme 0.2 - Classic

      BD-theme 0.2 - Classic

  • 2008-02-21 – version 0.2
    Changes:
    • fixed a:hover transparency bug in #pages
    • fixed .entry links and img
    • added a stlye for blockqoute
    • fixed some values of the searchform in the sidebar (safari fix)
    • added a style for the links inside the #footer section
  • 2008-01-24 – version 0.1
    First version, download it just if you want to customize it or to create a new theme based on this one. I’m testing it on my blog. It may contain “useless” code from the default Wordpress Theme

Related posts