diff --git a/src/main/java/dgpena/siexample/webapp/DepartmentsVM.java b/src/main/java/dgpena/siexample/webapp/DepartmentsVM.java
new file mode 100644
index 0000000000000000000000000000000000000000..ca8cfe929eeb8555d4621f403cc4c0d9c1571666
--- /dev/null
+++ b/src/main/java/dgpena/siexample/webapp/DepartmentsVM.java
@@ -0,0 +1,26 @@
+package dgpena.siexample.webapp;
+
+import java.util.List;
+
+import javax.persistence.EntityManager;
+
+import org.zkoss.bind.annotation.Init;
+
+import dgpena.siexample.persistence.Department;
+import dgpena.siexample.persistence.Departments;
+
+public class DepartmentsVM {
+
+	private EntityManager em;
+	private Departments departments;
+	
+	@Init
+	public void init() {
+		this.em = DesktopEntityManagerManager.getDesktopEntityManager();
+		this.departments = new Departments(em);
+	}
+	
+	public List<Department> getDepartments() {
+		return this.departments.findAll();
+	}
+}
diff --git a/src/main/webapp/edit_departments.zul b/src/main/webapp/edit_departments.zul
new file mode 100644
index 0000000000000000000000000000000000000000..4d27fce3572402261208c76e79fe70f30cac0cdd
--- /dev/null
+++ b/src/main/webapp/edit_departments.zul
@@ -0,0 +1,23 @@
+<zk>
+	<window title="Hello World" border="normal"
+		apply="org.zkoss.bind.BindComposer"
+		viewModel="@id('vm') @init('dgpena.siexample.webapp.DepartmentsVM')"
+	>
+	
+	<listbox model="@bind(vm.departments)">
+		<listhead>
+			<listheader label="name"></listheader>
+			<listheader label="actions"></listheader>
+		</listhead>
+		
+		<template name="model">
+			<listitem>
+				<listcell><label value="@bind(each.name)"></label></listcell>
+				<listcell>work in progress</listcell>
+			</listitem>
+		</template>
+	
+	</listbox>
+	</window>
+</zk>
+	
\ No newline at end of file