web

A New Direction For Teaching Web Technologies

Posted on

At 1:45pm on 3/21/2018, I attended A New Direction For Teaching Web Technologies, presented by Michael Schore, at the 2018 North Carolina Computer Instruction Association Conference in At Asheville-Buncomb Technical Community College in Asheville, NC.

Time to Leave Dreamweaver Behind

The focus on Dreamweaver for our students should be coming to an end. Dremaweaver has fallen out of favor in most professional wed development environments. The workflow of the modern developer simply doesn’t work with Dreamweaver as the main tool. So what do we need to be teaching? The tools in many of today’s developers are Git, Node.ja, CSS, Gulp as an activity monitoring device, mobile-first development tools/frameworks, and of course Javascript. This presentation discussed each of these in turn and demonstrated their use in our teaching environments.

Sometimes working into what the modern developers wish to use is a bit like dropping down the rabbit hole. Every twist and turn brings a new style and way of approaching web technologies. Its cool, but a whole different mindset is required.

Code generates money. The less time which is required to generate the code translates directly into more money.

purpose of the Presentation

Why are we looking for a new direction? Our advisory committee has been telling us we need to change our tools as taught in our program at WTCC. We, the teaching community needs to model our teaching and methods to mimic and prepare students for the real world.

Installing Software

They have a concern: Security issues. It has been our experience than many students entering our WEB program don’t have much experience installing software and they are leery of doing so. PHP installation can still be daunting for many students since manual installation is still the preferred method. They are unaware, and need very closely to have hands held

CSS And It’s Issues

CSS can be difficult to work with, but it also has some programming abilities. While CSS is really like the skin and muscles’ the HTML’s skeleton, it is often difficult for programmers to grasp and play with. Why? CSS has no variables.

A Look At Git

Git is an easy version control system students can use to their projects. Rather than seeing a project accidentally go bust, GIT is a version control system to allow them to restore an older version. Git is available at: https://git-scm.com/

Git is currently available for any user in windows, MacOSX, or Linux.

The installer for Git comes with Git Bash, a command line environment. we like graphic interfaces because its all drag and drop. We don’t have to type. We don’t need menus. We’ll need to remember the syntax, order, etc. So this may be a hurdle.

GIT should be introduced to students early on. Because it focuses on version control, it would avoid issues with overwrites, different versions, etc. Its Open Source, and widely used VCS. You can save periodically (at your discretion). Git is populat because it meets so many people’s needs. However, Git helps with project file management whether in team of individual environments. We then went through several common Git commands and how they’re used.

It is run on a local computer, and should not be confused with GitHub.

GitHub

At this time GitHub has over 80 Million repositories worldwide. Imagine how many lines of code that must be! There are currently 27 Million developers worldwide. GitHub’s users create and maintain influential technologies alongside the world’s largest open source community. Developers use GitHub for personal projects, from experimenting with new programming languages to hosting their life’s work. There are also 1.8 Million businesses and organizations worldwide using GitHub. Businesses of all sizes use GitHub to support their development process and to securely build software.

A Look At Node.js

Node.js is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js’ package ecosystem, npm, is the largest ecosystem of open source libraries in the world. We can learn more about Node.JS at their website: https://nodejs.org/en/

A Look at Gulp

Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something. It can be visited at: https://gulpjs.com/. By preferring code over configuration, node best practices, and a minimal API surface – gulp makes things simple to use. Using the power of node streams, gulp gives student the ability for fast builds that don’t write intermediary files to disk. By enforcing strict guidelines, plugins stay simple and work as expected.

Questions?

Have you introduced your students into SoloLearn? It jumps your students directly into coding.It can be visited at:https://www.sololearn.com/ While there are free versions, you can get examples for C++, JAVA, and Python3. It encourages everyone to be the top dog in their group. Could be great for CSC students.

Advertisements

GRD & WEB Department Meeting

Posted on Updated on

At 12:30am on 4/13/2017, I attended the GRD/WEB, presented by Alison Consol, at the 2017 Spring Faculty Professional Development conference in Raleigh, NC.

GRD & WEB Department Meeting

Attended by Gregg Wallace, Michael Schore, George Tsai, Alison Consol, Carla Osborne, Julie Evans, Marsha Mills, and Tyler Dockery.

skillscommons.org

skillscommons.org ( http://www.skillscommons.org will open in a new window )
THere may be some great material in here or older projects to zoom through. Some of these may be canvas packs, but there could also be BB materials.

MERLOT.ORG
Merlot.org ( http://www.Merlot.org will open in a new window )
Slightly less about what we do, but it is a repository for multimedia.

NCLOR
Course >> Tools >> NCLOR object
These are some great resources, but they may be old.

Some of these sources can help us so that we don’t have to reinvent the wheel.

Google academy, hubspot, codeschool, are great places we can also grab materials from. If this introduces something we don’t have time to working with, or something which may inspire a different kind of learner. If you see anything out there which has some relevance, grab it and see what you can bring to the table.

If you find little snippets created that cannot be covered in the class, but the materials already exist, run those as small, one-shot deals

Brackets in the lab

Brackets will be put in the lab. Brackets runs for free. Sublime is roughly $50 per license. We cannot use a cost program when we could also have a free resource. Our hope is to have a cradle-to-grave system of consistent program usage in WEB technologies.

Class Upgrades

GRD142 seems to miss its pace and GRD241 finds many students falling flat.
GRD110 seems to have lots of issues with retention.
WEB140 seem to run into the perrenial problem with retention. Design students seem to split- both top and bottom tier students are graphic design students

Summer schedules

Summer faculty will need to have a single day of the week. Any issues needed by Alison can be fixed by Cindy if needed

Datatel

Julie’s secret sauce may stop working. Datatel may be able to be updated in a few extra months. Datatel does not like edge

How To Teach Graphic Design Online

Posted on Updated on

On March 9th 2016, I Presented to the NCCIA at 10:30am with Carla Osborne, MA and Julie Evans, Instructors of Advertising & Graphic Design at Wake Technical Community College, in RM235 in the 600 building at Rowan Cabarrus Community College in Salisbury, NC.

Tyler Dockery, MAEd, Assistant Professor of Advertising & Graphic Design, Julie Evans, and Carla Osborne, MA present at the 2016 NCCIA Conference in Salisbury, NC
Tyler Dockery, MAEd, Assistant Professor of Advertising & Graphic Design, Julie Evans, and Carla Osborne, MA present at the 2016 NCCIA Conference in Salisbury, NC

StandardAssignmentRubric

 

 

StepUpToADegree-GRD TeachingGraphicDesignOnline-PDF (1)

Teaching-GRD-Online-Links

UniversalDesignGuidelines

 

This session was set to be a slight scary one, but the attendees were nice, ready to ask and answer questions, and open to taking notes. Tee experience was very, very positive one. I believe we’ll be doing this again, and I find that these situations seem stressful on the outside, but once you begin… its just as easy as it could be.

This conference opened the door for me.I look forward to presenting more in the future.

 

GRD/WEB/SGD Faculty Meeting: Faculty Professional Development Conference 2015

Posted on Updated on

On April 2nd, 2015 at Wake Tech’s North Campus, Alison Consol and Cindy Foster addressed the GRD, WEB and SGD department faculty at the Wake Tech Faculty Professional Development Conference from 10:00am until noon

Faculty Professional Development Conference 2015

GRD/WEB/SGD Faculty Meeting: Faculty Professional Development Conference 2015

This meeting was very enjoyable, including a greater understanding of

Advising 102

This was a great method of determining the best ways to encourage students to sign up for certifications, diplomas, and our associate degrees. The emphasis here was on completions, math courses which could be accepted, and updates to evaluate course progressions, and the ease of helping students to complete their diploma programs by helping them to register for graduation.

In the second half of the department meeting, we focused on EPIC preparedness. This was equal parts course preparedness, menu building, and standards. This concluded with a longer, more team-oriented approach entitled “On The Border”.

The only strange part of this encounter was that a faculty member from chemistry signed up for our department meeting. That guy had no idea what we were talking about, and frankly didn’t really care about our policies. So, that was a waste of his time, and he chose to stay until the end. I’d do this again every semester.


Alison Consol is the head of both the Advertising and Graphic Design department, and Web Design Department at Wake Tech Community College.
Cindy Foster is the head of the Simulation and Video Game Development department at Wake Tech Community College

Design Blitz Raleigh: Design Panel Member

Posted on Updated on

On March 5th, Tyler Dockery was invited to attend Design Blitz in the Red Hat complex in Downtown Raleigh at the Design Panel as a representative of Wake Tech Community College.

Design Blitz Raleigh: Design Panel Member

As a panel member, I sat with architects and the video designer from Red Hat. The panel answered questions regarding architecture, graphic and web design, video and social requirements among other items. Students were very interested in software and packages, freelancing while in school, what kind of computers people respected or required.

Topics ranged across multiple tracks as time went on, and the feeling was similar to my first class teaching. Nervous? Yes. Energized? Absolutely! It is always interesting to know that your knowledge is more than just “satisfactory” when facing a room with 200 people in it.

After the panel discussion, I pressed business cards into the hands of several individuals and carried on individual discussions with 4-6 students. Afterwards, I was asked to return next year. I think this sounds like a great idea, and frankly I can’t wait.

Adobe Education Exchange: Adobe Certified Educator Badge

Posted on Updated on

Adobe Education Exchange Adobe Certified EducatorAdobe Education Exchange: Adobe Certified Educator Badge

“As a contributing member of the Adobe Education Exchange, Tyler Dockery has received visible recognition for his level of commitment and participation. Adobe is proud to feature a leaderboard function and badge recognition to members who’s mission is to serve the community of educators by maintaining a high level of activity.”

As part of my course on Digital Creativity in the Classroom, I began contributing to Adobe’s Education Exchange. In an effort to show milestones and fulfillment as part of this community, Adobe provides rewards and achievements in the form of badges. This badge was awarded for having achieved the rank of Adobe Certified Educator.

The Adobe Certified Educator certification shows that you have already demonstrated proficiency in Adobe digital communications tools, and have been teaching those tools for 2+ years (24 consecutive months without a break). Becoming a Certified Educator allows you to stand apart from your peers, boost your confidence, and expand your career opportunities.

At this time, it was verified that I had achieved Adobe Certified Educator Certifications in:

  • Visual Communication Using Adobe Photoshop
  • Web Authoring Using Adobe Dreamweaver
  • Graphic Design & Illustration Using Adobe Illustrator
  • Video Communication Using Adobe Premiere

Adobe Education Exchange: ACA Badge

Posted on Updated on

Adobe Education Exchange ACAAdobe Education Exchange: ACA Badge

“As a contributing member of the Adobe Education Exchange, Tyler Dockery has received visible recognition for his level of commitment and participation. Adobe is proud to feature a leaderboard function and badge recognition to members who’s mission is to serve the community of educators by maintaining a high level of activity.”

As part of my course on Digital Creativity in the Classroom, I began contributing to Adobe’s Education Exchange. In an effort to show milestones and fulfillment as part of this community, Adobe provides rewards and achievements in the form of badges. This badge was awarded for having achieved the rank of Adobe Certified Associate.

The Adobe Certified Associate (ACA) certification allows you to demonstrate proficiency in Adobe digital communications tools. Become a Certified Associate and stand apart from your peers, boost your confidence, and expand your career opportunities.

At this time, it was verified that I had achieved Adobe Certified Associate Certifications in:

  • Visual Communication Using Adobe Photoshop
  • Web Authoring Using Adobe Dreamweaver
  • Print & Digital Media Publication Using Adobe InDesign
  • Graphic Design & Illustration Using Adobe Illustrator
  • Video Communication Using Adobe Premiere