diff --git a/app/Http/Controllers/ResourceController.php b/app/Http/Controllers/ResourceController.php
index 99fb9e0..848ec17 100644
--- a/app/Http/Controllers/ResourceController.php
+++ b/app/Http/Controllers/ResourceController.php
@@ -9,7 +9,8 @@
 class ResourceController extends Controller
 {
 
-    public $types = ['Audio','Video', 'Imagen', 'Documento','Link'];
+    public $types = ['Audio','Video', 'Imagen', 'Documento','Link', 'Geogebra'];
+    public $geotypes = ['graphing', 'geometry', '3d'];
     /**
      * Display a listing of the resource.
      *
@@ -28,7 +29,7 @@ public function index()
      */
     public function create()
     {
-        return view('Resource.create',['types' => $this->types]);
+        return view('Resource.create',['types' => $this->types], ['geotypes' => $this->geotypes]);
     }
 
     /**
@@ -66,7 +67,7 @@ public function show(Resource $resource)
      */
     public function edit(Resource $resource)
     {
-        return view('Resource.update',['resource'=> $resource, 'types' => $this->types]);
+        return view('Resource.update',['resource'=> $resource, 'types' => $this->types], ['geotypes' => $this->geotypes]);
     }
 
     /**
diff --git a/app/Resource.php b/app/Resource.php
index 209bc95..1b2295e 100755
--- a/app/Resource.php
+++ b/app/Resource.php
@@ -6,5 +6,5 @@
 
 class Resource extends Model
 {
-      protected $fillable = ['name','type', 'path', 'link'];
+      protected $fillable = ['name','type', 'path', 'link', 'geotype'];
 }
diff --git a/composer.json b/composer.json
index 7380c61..c3b2b6f 100644
--- a/composer.json
+++ b/composer.json
@@ -39,6 +39,9 @@
         }
     },
     "autoload": {
+        "classmap": [
+          "database"
+        ],
         "psr-4": {
             "App\\": "app/",
             "Database\\Factories\\": "database/factories/",
diff --git a/database/factories/ResourceFactory.php b/database/factories/ResourceFactory.php
index 7a1d1ec..2ffcc7c 100644
--- a/database/factories/ResourceFactory.php
+++ b/database/factories/ResourceFactory.php
@@ -18,6 +18,7 @@
     return [
         'name' => $faker->word,
         'type' => $faker->text,
-        'link' => $faker->url
+        'link' => $faker->url,
+        'geotype' => 'ZT6xkDYM'
     ];
 });
diff --git a/database/migrations/2018_02_16_195855_create_resources_table.php b/database/migrations/2018_02_16_195855_create_resources_table.php
index 8c5fe14..c67079b 100755
--- a/database/migrations/2018_02_16_195855_create_resources_table.php
+++ b/database/migrations/2018_02_16_195855_create_resources_table.php
@@ -19,6 +19,7 @@ public function up()
             $table->string('type');
             $table->string('path')->nullable();
             $table->string('link')->nullable();
+            $table->string('geotype')->nullable();
             $table->timestamps();
         });
     }
diff --git a/database/seeds/ResourcesTableSeeder.php b/database/seeds/ResourcesTableSeeder.php
index a9adcac..4965f18 100644
--- a/database/seeds/ResourcesTableSeeder.php
+++ b/database/seeds/ResourcesTableSeeder.php
@@ -17,6 +17,7 @@ public function run()
       factory(App\Resource::class, 1)->create(['name'=>'presentación', 'type'=>'presentación de diapositivas']);
       factory(App\Resource::class, 1)->create(['name'=>'hipervínculo', 'type'=>'hipervínculo']);
       factory(App\Resource::class, 1)->create(['name'=>'imagen', 'type'=>'imagen']);
+      factory(App\Resource::class, 1)->create(['name'=>'ggb-element', 'type'=>'app geogebra']);
 
     }
 }
diff --git a/public/js/resources.js b/public/js/resources.js
index bf5d51f..14b8d25 100644
--- a/public/js/resources.js
+++ b/public/js/resources.js
@@ -31857,14 +31857,28 @@ module.exports = __webpack_require__(44);
 
 __webpack_require__(9);
 $(document).ready(function () {
-  function toggleControls(value) {
+
+  function toggleControls(value){
     if (value == 'Link') {
       $('.link').show();
       $('.file').hide();
-    } else {
-      $('.link').hide();
-      $('.file').show();
+      $('.ggb-element').hide();
     }
+    else if (value == 'Documento'){
+            $('.link').hide();
+            $('.file').show();
+            $('.ggb-element').hide();
+          }
+          else if (value == 'Geogebra'){
+                  $('.link').hide();
+                  $('.file').hide();
+                  $('.ggb-element').show();
+                }
+                else {
+                  $('.link').hide();
+                  $('.file').show();
+                  $('.ggb-element').hide();
+                }
   }
 
   toggleControls($('#type')[0].value);
@@ -31875,4 +31889,4 @@ $(document).ready(function () {
 });
 
 /***/ })
-/******/ ]);
\ No newline at end of file
+/******/ ]);
diff --git a/resources/assets/js/resources.js b/resources/assets/js/resources.js
index 3b1799a..f8f6736 100755
--- a/resources/assets/js/resources.js
+++ b/resources/assets/js/resources.js
@@ -4,11 +4,18 @@ $(document).ready(function() {
     if (value == 'Link') {
       $('.link').show();
       $('.file').hide();
+      $('.ggb-element').hide();
     }
-    else{
-      $('.link').hide();
-      $('.file').show();
-    }
+    else if (value == 'Geogebra'){
+                  $('.link').hide();
+                  $('.file').hide();
+                  $('.ggb-element').show();
+                }
+                else {
+                  $('.link').hide();
+                  $('.file').show();
+                  $('.ggb-element').hide();
+                }
   }
 
   toggleControls($('#type')[0].value);
diff --git a/resources/views/Resource/create.blade.php b/resources/views/Resource/create.blade.php
index ab6b385..e19840a 100755
--- a/resources/views/Resource/create.blade.php
+++ b/resources/views/Resource/create.blade.php
@@ -2,6 +2,8 @@
 
 @section('pagespecificscripts')
   <script src="{{ asset('js/resources.js') }}"></script>
+  <script src="https://www.geogebra.org/apps/deployggb.js"></script>
+
 @stop
 
 @section('content')
@@ -42,6 +44,17 @@
                 </div>
             </div>
 
+            <div class="form-group ggb-element">
+                <label for="geotype" class="col-md-2 control-label"><p>Seleccione tipo de elemento Geogebra</p></label>
+                <div class="col-md-6">
+                      <select class="form-control" name="geotype" id= "geotype">
+                        @foreach ($geotypes as $geotype)
+                          <option value="{{$geotype}}">{{$geotype}}</option>
+                        @endforeach
+                      </select>
+                </div>
+            </div>
+
            <div class="form-group">
                 <div class="col-md-6 col-md-offset-4">
                     <button type="submit" class="btn btn-primary">
@@ -52,4 +65,5 @@
         </form>
     </div>
 </div>
+
 @endsection
diff --git a/resources/views/Resource/show.blade.php b/resources/views/Resource/show.blade.php
index 9fcd491..aec4f9a 100755
--- a/resources/views/Resource/show.blade.php
+++ b/resources/views/Resource/show.blade.php
@@ -2,6 +2,7 @@
 
 @section('pagespecificscripts')
   <script src="{{ asset('js/resources.js') }}"></script>
+  <script src="https://www.geogebra.org/apps/deployggb.js"></script>
 @stop
 
 @section('content')
@@ -22,16 +23,26 @@
               <p>{!!$resource->type!!} </p>
             </div>
 
-            @if(isset($resource->path))
-              <div class="container">
-                <h4>Archivo</h4>
-                <a href="{{asset('/storage/'.$resource->path)}}" download="{{$resource->name}}">Bajar archivo actual</a>
-              </div>
+            @if ($resource->type == "Geogebra")
+              <div id="ggb-element"></div>
+              <script>
+                var ggbApp = new GGBApplet({"appName": "{$resource->geotype}", "width": 800, "height": 600, "showToolBar": true, "showAlgebraInput": true, "showMenuBar": true, "material_id":"{$resource->name)}" }, true);
+                window.addEventListener("load", function() {
+                  ggbApp.inject('ggb-element');
+                });
+              </script>
             @else
-              <div class="container">
-                <h4>Link</h4>
-                <a href="{{asset($resource->link)}}" target="popup" onclick="window.open('', 'popup', 'width = 800, height = 600')">{{$resource->link}}</a>
-              </div>
+              @if(isset($resource->path))
+                <div class="container">
+                  <h4>Archivo</h4>
+                  <a href="{{asset('/storage/'.$resource->path)}}" download="{{$resource->name}}">Bajar archivo actual</a>
+                </div>
+              @else
+                <div class="container">
+                  <h4>Link</h4>
+                  <a href="{{asset($resource->link)}}" target="popup" onclick="window.open('', 'popup', 'width = 800, height = 600')">{{$resource->link}}</a>
+                </div>
+              @endif
             @endif
 
         </form>
diff --git a/resources/views/Resource/update.blade.php b/resources/views/Resource/update.blade.php
index 62da49d..e2b6bf6 100755
--- a/resources/views/Resource/update.blade.php
+++ b/resources/views/Resource/update.blade.php
@@ -55,6 +55,13 @@
           </div>
           @endif
 
+          <div class="form-group ggb-element">
+              <label for="ggb-element" class="col-md-2 control-label"><p>Geogebra</p></label>
+              <div class="col-md-6">
+                  <input id="ggb-element" type="text" class="form-control" value="{{$resource->geogebra_id}}" name="ggb-element" autofocus>
+              </div>
+          </div>
+
           <div class="form-group">
               <div class="col-md-6 col-md-offset-4">
                   <button type="submit" class="btn btn-primary">