Facebook

http://restfb.com/
https://github.com/soluvas/fbstatus

We can use "pattern" to verify the constraint on the clientside and <f:validateRegex> to check it on the serverside (JSF). Here is a code sample which does not work but gives an idea how to solve it:

            <h:message for="playlistId" />
            <h:inputText
              p:pattern="^PL"
              p:title="Playlist code must start with PL"
              p:placeholder="PLF544CEEC9432BF67"
              p:required="required"
              p:value="PLF544CEEC9432BF67"
              id="playlistId"
              value="#{youTubeImportWizard.playlistId}"
              >
              <f:validateRegex pattern="^PL"/>
            </h:inputText>

The JVM on the test system crashes sometimes due to low memory. If this happens you will get the following message in the Jenkins log:

...
all tests pass
...
[ERROR] Failed to execute goal org.codehaus.cargo:cargo-maven2-plugin:1.4.7:redeploy (default-cli) on project wlc-webapp: Execution default-cli of goal org.codehaus.cargo:cargo-maven2-plugin:1.4.7:redeploy failed: error submitting remote command: org.glassfish.api.admin.CommandException: Remote server does not listen for requests on [93.180.157.228:4848]. Is the server up?: Connection refused -> [Help 1]

Please track this issue here with a timestamp!

Implement a tag writer for every HTML element needed (Fieldset, ...) which supports setting an ID, setting a classname and adding children. The tag which the HTML tag writer creates should be an instance of "UIOutput".

It should work like this:

HTMLTagWriter document = new HTMLTagWriter();
Fieldset fieldset = document.createElement("fieldset");
fieldset.setId("my-id");
fieldset.setStyleClass("my-style-class");
fieldset.getChildren().add(new UIComponent...);

Good examples

org.apache.myfaces.custom.fieldset

Fieldset > AbstractFieldset > HtmlTag > AbstractHtmlTag
HtmlTagRenderer > HtmlRendererUtils

Docs

http://docs.oracle.com/javaee/6/tutorial/doc/bnavg.html
http://www.exadel.com/tutorial/jsf/HowToWriteYourOwnJSFComponents.pdf

• Dropdown zur Auswahl des Schwierigkeitsgrads (leicht, mittel, schwer) für Playlisten
• Videos bekommen KEINEN Schwierigkeitsgrad zugewiesen

Example

http://www.welovecoding.com/rest/fhb/v1/category/4

Values

null
"EASY"
"MEDIUM"
"HARD"

Docs:
https://developers.facebook.com/docs/plugins/comments/

In Action:
http://www.appliness.com/10-things-to-know-about-knockout-js-on-day-one/

A new version of the REST-Service for WLC should be implemented. Following features should be reached:

• new and clear URI-Paths for rest-resources
• ETag-support

Note: The new rest-service should be places next to the old rest-service to provide support for clients which use the old rest-service. So the clients can smoothly be migrated to the new rest-service.

http://www.adam-bien.com/roller/abien/entry/does_cdi_injection_of_sessionscoped -> "Each new browser window (not a tab) creates a new session"

We should check that our app works correctly when having multiple sessions.

I like "de.fhb" because it is short but in terms of consistency we should rename it. Because welovecoding.com will be the final URL we should use "com.welovecoding.webapp".

Task:

Rename "de.fhb" in package names to "com.welovecoding.webapp".

• Welche Programmiersprachen interessieren dich?
• Welche Gebiete (UI, Webentwicklung, Theorie) interessieren dich?
• Wie hast du uns gefunden (Google, Windows 8 App, etc.)

To not loose our Google index we should display the same frontend information (categories, playlists, videos, meta discription, etc.) which is shown right now on welovecoding.de & welovecoding.com.

Google

Docs:
https://developers.google.com/google-apps/tasks/oauth-authorization-callback-handler?hl=de (OAuthCodeCallbackHandlerServlet)
https://developers.google.com/accounts/docs/OAuth2Login (!!)
https://developers.google.com/+/web/signin/add-button-javascript (Google+ button)
https://code.google.com/p/google-api-java-client/wiki/OAuth2 (Credential and Credential Store)
https://developers.google.com/appengine/docs/java/oauth/?hl=de
https://code.google.com/p/google-oauth-java-client/wiki/OAuth2
https://developers.google.com/accounts/docs/OAuth2

Code:
http://ocpsoft.org/java/setting-up-google-oauth2-with-java/
https://code.google.com/p/google-api-java-client/wiki/OAuth2Draft10
https://code.google.com/p/google-oauth-java-client/source/browse/dailymotion-cmdline-sample/src/main/java/com/google/api/services/samples/dailymotion/cmdline/DailyMotionSample.java?repo=samples

Bei Videobeiträgen sollen alle positiven Smileys aus den Kommentaren gezählt- und als Bewertung benutzt werden. :)

Open Badges API nutzen, um Badges auf WLC zu vergeben und dort zur Verfügung zu stellen. -> http://openbadges.org/

To distinguish between FHB and WLC playlists we should keep a reference to the creator of the provided data so that we can filter items which have been created from a FHB account.

The good old JDBC-timeout error is back :/

'''
The last packet successfully received from the server was 316,924 milliseconds ago. The last packet sent successfully to the server was 1 milliseconds ago.
'''

I will investigate some time on this later but its a true show-stopper!

Provide and serve the following REST URLs:

http://www.welovecoding.com/rest/fhb/v1 (serve only content from/for the FHB here)
http://www.welovecoding.com/rest/service/v1 (think about "/api/apps" or sth. else)
http://www.welovecoding.com/rest/service/v2

Als Bilder haben wir diese kleinen Nerd-Kids auf "We Love Coding". Mit dem Stinson-Mode ist es möglich, das Theme-Design zu wechseln. Anstatt der Nerd-Kiddies sind dann coole Kiddies im Anzug zu sehen. ;-) Das Feature ist ein Gag angelehnt an die Figur "Barney Stinson" aus "How I Met your Mother". Wie das Feature angeschaltet wird (etwa durch einen Lichtschalter wie beim Krokodil auf MyDealZ.de) oder durch ein Setting in den Profileinstellungen des Users, ist noch unklar.

A reference to the creator of a category or a playlist should be saved so that we can filter items which have been saved by the "Fachhochschule Brandenburg" to display them only in the FHB app.

Just to keep some links...

https://github.com/openshift/kitchensink-example
https://github.com/openshift-quickstart/kitchensink-html5-mobile-example
https://github.com/openshift/openshift-java-client

Theres an encoding bug with the actual database and SQL-Pusher.

"description": "Mitschnitt der MMT30-Konferenz zum Thema "Apps entwickeln für Windows Phone".",

When importing videos from a YouTube list then you can get video names like the following:

C# Beginners Tutorial - 1 - Introduction and Installing C# 2010
C# Beginners Tutorial - 2 - Changing Forms Properties
C# Beginners Tutorial - 3 - Showing MessageBoxes
C# Beginners Tutorial - 4 - Variables
C# Beginners Tutorial - 5 - Changing Properties With Code
C# Beginners Tutorial - 6 - If Statements

It would be cool if a user could provide a RegEx pattern during the import so that parts like "C# Beginners Tutorial - 6 -" will be cut off.

Microsoft Live Connect

Docs:
http://msdn.microsoft.com/en-us/library/live/hh243647.aspx
http://msdn.microsoft.com/en-us/library/live/hh826540.aspx

Code:
https://auth0.com/login/java/microsoft-live (paid services)
http://msdn.microsoft.com/en-us/library/live/hh846808.aspx (com.microsoft.live package)
http://msdn.microsoft.com/en-us/library/live/hh826543.aspx#java (Signing a user in with Java for Android)
http://msdn.microsoft.com/en-us/library/live/hh826534#name_java (Getting the user's name and profile picture in Java for Android)
http://stackoverflow.com/questions/15835221/how-to-store-liveconnectclient-and-session-object-of-skydrive-api-in-sharedprefe
http://www.jproductivity.com/products/jliveid/index.htm (outdated)

We should create releases with the batchmode of the maven release plugin. Following this instructions the command will look like this:

mvn --batch-mode -Dtag=wlc-webapp/0.0.x release:prepare
-DreleaseVersion=0.0.x
-DdevelopmentVersion=0.0.(x+1)-SNAPSHOT


Sometimes Chrome gets crazy and doesn't store the session id into an cookie. Instead it writes everything into the URL. Thats uncool und unsafe but in the end it should work nevertheless. Instead of routing to a proper page when Playlists, Authors etc. were clicked it will end up by the admin-index-page all the time. So I guess something is wrong with the way we link pages with JSF (h:commandLink etc.).

At the moment all user who have access to the backend of our site are defined in the "AdminPagesFilter" with the following constant:

private static final String[] ALLOWED_EMAILS = {
"[email protected]",
"[email protected]"
};

It would be nice to have these user inside a configuration file or an basic auth realm. If there is no auth realm, then the user mentioned in the constant should be used as a fallback.

Security in a Java Web Application - Tutorial 01 (GlassFish + Basic Authentication):
https://www.youtube.com/watch?v=v-J7OpNFOU4

JDBC Realm and Form Based Authentication with GlassFish 3.1.2.2:
http://blog.eisele.net/2013/01/jdbc-realm-glassfish312-primefaces342.html

I suggest to use a file based security realm on our GlassFish for the first implementation / iteration of this feature.

Check if we can make some of our REST mappings compatible to objects from http://schema.org/.

Example: http://schema.org/VideoObject

Bei Fehleingabe in Formularfeldern soll dem Benutzer eine Nachricht neben dem entsprechendem Feld angezeigt werden.

Beispiel-Code:

public String update() {
    try {
        getFacade().edit(current);
        JsfUtil.addSuccessMessage(ResourceBundle.getBundle("/Bundle").getString("AuthorUpdated"));
        return "View";
    } catch (Exception e) {
        JsfUtil.addErrorMessage(e, ResourceBundle.getBundle("/Bundle").getString("PersistenceErrorOccured"));
        return null;
    }
}

Providers (YouTube, Channel9, etc.) should be assignable by a dropdown list in the frontend and should be stored as Enums in the backend.

We need a solution to map our JSF pages to paths like "http://www.welovecoding.com/tutorials/windows-phone/windows-phone-workshop". We should use prettyfaces (http://ocpsoft.org/prettyfaces/) for that because that's the way how we did it in the past.

For our production system we need a smart solution to perform database updates / changes.

Maybe one of these tools can help:

http://flywaydb.org/
https://github.com/tacitknowledge/autopatch

Eindeutige Nummer zu Bestimmung des Contents für die Realisierung eines Link Shorteners.

Wenn man Autoren, Kategorien, etc. bearbeiten möchte, dann wird zwar im Eingabeformular der Name der Entity anzeigt; bei einem Klick auf "Speichern" wird jedoch ein neuer Eintrag erstellt anstatt den vorhandenen zu bearbeiten.

I like the idea of having sth. similiar like that for the configuration of the forms generated by our GenFormBaseController:

 fragmentBuilder.field("deliveryAddress").caption("Delivery Address").editor(textArea()).build()

Sample taken from: http://lightadmin.org/

At the moment we have the config cluttered across the whole web project. There is sth. like the FormModel which defines the representation of the input field design (like editor(textArea())) and there is a FormInput which has a Label which does in connection with the "backend.properties" sth. like "caption("Delivery Address")" and there is a GenFormController which knows the fields (similiar to field("deliveryAddress")).

With a fragment builder (like in Light Admin) we could have to logic of the form customization in one place! :)

Videos und Playlisten sollen bei einem erneuten Bacht-Import aktualisiert werden.

Since the YouTube-Service implementation in version 1.x is broken because of a really old dependency to guava/google-collections a new implementation of the YouTube-Service in version 2.x is needed to import YouTube playlists.

With the UX of http://gae-init.appspot.com/signin/ (implemented with Flask)

The project should be cleaned up before a release is made. Following resources/files/folders are marked for deletion:

• src/main/webapp/fonts
• src/main/java/com (or at least moved to de/fhb or opposite)
• src/main/java/de/fhb/producer
• /assets

https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

REST v1 and v2 do not count the number of containing videos and display it for the category.

All the JSF pages that are using a PureCSS form (http://purecss.io/forms/) should get the <h:form> for that form from a composite component.

Playback YouTube videos within a pop up: http://lab.abhinayrathore.com/jquery_youtube/

When taking a quiz a fullscreen web app should be shown which is colorful and playful. The frontend should have some cool animations if your answer is right. For design inspiration visit: http://www.patatap.com/

It should be possible to display code fragments in blog posts and/or page articles. It should be possible to save those code fragments in the database. Afterwards it should be possible to use them with a BB code in our WYSIWYG editor, like: [code id="2333"][/code]. To make this story easier to solve it would be fine if we just pase the code with a HTML wrapper in the WYSIWYG editor, like:

This is my blog post inside our WYSIWYG editor...

<pre lang="java">
the code...
</pre>

Includes:

• possibility to show a directory tree (to show code structure & file structure) -> http://www.jstree.com/docs/html/
• Syntax highlighting with http://alexgorbatchev.com/SyntaxHighlighter/