Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sekoittamo - Intro to Web & WordPress

125 views

Published on

Introduction to web technologies and WordPress

Published in: Education
  • Be the first to comment

  • Be the first to like this

Sekoittamo - Intro to Web & WordPress

  1. 1. ESTABLISHING & INCREASING VISIBILITY ONLINE 14:00 – 17:00 Greg Ruthenbeck Nicole Kahila
  2. 2. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Establishing & Increasing Visibility Online Welcome! ☺ • 14:00 Introduction & Overview (Greg) Establishing & Increasing Visibility Online (Greg) • 14:40 Design, Customize, Experiment Remember to Sekoittamo: Please share with each other • 16:30 Showcase Iterate designs. Share something (plugin, theme, customisation) • 17:15 Wrap-up and what’s next (Greg)
  3. 3. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) About Sekoittamo • 1.1.2019 – 31.1.2020 • Funded by the Otsakorven Foundation • Aims: • Help local businesses • Help students to engage with local businesses • Deliver interesting courses outside of normal school times • Establish new approaches to peer education • Greg Ruthenbeck. PhD in VR Surgical Simulation Bachelor of Engineering with Honours (4yr) Electrical & Electronic Engineering (studied) Software Engineer, Researcher, Lecturer, Entrepreneur
  4. 4. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) About Sekoittamo For example, the project generates a model for a student-to-business continuation process and models for developing round-the-clock operation. OBJECTIVES The project aims to meet the identified needs and development objectives of educational institutions and businesses: 1. Those selling or considering selling their business face the challenge of finding new owners to continue their business 2. Educational workshops are unused in summer and out of school 3. Kymenlaakso does not yet have a model of peer education / peer teaching MEASURES 1. Organizes young popup schools based on young peer educators. Young people will be able to present and provide their own expertise, for example through a lecture or workshop. The event is comparable to job search dating, where multiple job seekers and employers can be treated during the day. In the setup, young people become professionals whose know-how is attracted and competing 2. Enables and facilitates creative laboratories where prototyped products and services are piloted. Creative laboratories are located in the premises of the Xamk Kouvola campus and the Hub Kouvola Viiraamo. 3. Prepare students and organize for them a "Week in Entrepreneur's Pants" Experience Period to Learn About Entrepreneurship in Companies That Consider Selling Their Business More details online at: https://www.xamk.fi/tutkimus-ja-kehitys/sekoittamo/
  5. 5. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Overview (this presentation) • Introduction (to this Workshop & to Sekoittamo) • Overview • About WordPress and online publishing (about 30mins) • Form groups • Build Prototypes • Students Present Prototypes • Companies & all discuss • Closing words and suggestions for continuing (Greg)
  6. 6. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Pre-Workshop Activity
  7. 7. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) What is WordPress? • WordPress is a CMS (Content Management System) • There are many other CMSs, and services like Wix that provide other ways to develop websites • You don’t have to use a CMS: Write your own HTML/CSS/JS • CMS are good for separating content from style/layout, and are benefit from large support communities • Maintaining browser compatibility can be tricky: Your site might look great in your browser, but how will it look in others. What about mobile/tablet/bigger-screens etc?
  8. 8. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Some technical background Activity: Server or client for the following? • HTML • PHP • CSS • SQL
  9. 9. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Some technical background • HTML is Hyper-Text Mark-up Language <p> describes a paragraph <h1> is a big heading • WordPress has additional mark-up that is used by the editor: <!-- wp:paragraph --> • CSS is Cascading Style Sheets font-weight: bold; margin: 10px; CSS is used in the WordPress theme to control the page layout • Javascript is used for client-side scripting • PHP is used for server-side scripting • SQL is Server Query Language. MySQL is the type of database used by WordPress select first_name from users
  10. 10. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Experimenting with HTML/CSS • Plain text-editor is ok • CodePen.io
  11. 11. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 3 Ways to WordPress 1. Using www.wordpress.com 2. Register a domain name and web hosting service 3. Self-hosting
  12. 12. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 3 Ways to WordPress 1. Using www.wordpress.com Simple Less flexible Expensive when you add extras 2. Register a domain name and web hosting service Complex Flexible Better in the long-run (unlimited add-ons, migrate/backup) 3. Self-hosting Same as #2, but fully local and fast to iterate/experiment Can upload (migrate) what you build locally onto #2 later
  13. 13. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 1/3 Using WordPress.com • Seems to be a way for a business to profit from a free tool • Fine for simple usage, but can be limiting
  14. 14. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 2/3 Register a Domain & use a Web-host • “Domain Registration” is the same as “Buy a web address” • www.yourdomain.com can be bought for about 5€/yr • Other TLDs (top-level domains) may vary in price • www.yourdomain.io • www.yourdomain.fi (more expensive, rules apply) • www.yourdomain.eu (more expensive, rules apply) • Also long ones like “.club” and “.consulting” • Other countries like “.it” (Italy) and “.do” (Dominican Republic) can be used creatively: For example: www.thingsto.do and www.justdo.it
  15. 15. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 2/3 Register a Domain & use a Web-host • “Domain Registration” is the same as “Buy a web address” • www.yourdomain.com can be bought for about 5€/yr • Other TLDs (top-level domains) may vary in price • www.yourdomain.io • www.yourdomain.fi (more expensive, rules apply) • www.yourdomain.eu (more expensive, rules apply) • Also long ones like “.club” and “.consulting” • Other countries like “.it” (Italy) and “.do” (Dominican Republic) can be used creatively: For example: www.thingsto.do and www.justdo.it • Web hosting can vary a lot in price for the same service & features • WordPress uses a MySQL database and PHP
  16. 16. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 2/3 Register a Domain & use a Web-host • Self-administrating vs Managed web-hosting • Self-admin: Recommended if you’re into tech • Managed: More expensive but provides peace-of-mind • CPanel is a common server admin tool • CPanel can auto-backup and auto-update WordPress • CPanel usually has PHPMySQLAdmin for direct access to the database (handy for the odd fix that WordPress might not support. E.g. Changing your Admin username) • CPanel can be used to set up email accounts and other domains (if allowed by your web-host) on the same server account
  17. 17. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) A common “Control Panel” that is used by web-hosts.
  18. 18. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 3/3 Self-Hosting (Working locally) • Great for testing and “big increments” • Site will respond very quickly… makes it easier to work with • Easier to get to know source code and dig around • Need to edit ‘wp-config.php’ to tell WordPress how to connect to the database if you want to move your site from your PC onto a the web- server • Can be used to serve the site to the world (not recommended) • 2 ways to self-host: • Install XAMPP (comes with everything pre-installed) • Linux: Install Apache2 and configure it for MySQL & PHP support
  19. 19. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) 3/3 Self Hosting (Working locally) X Apache: Web server MySQL: Database PHP: Server-side scripting language Perl
  20. 20. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Customizing WordPress • Find and apply a theme • Customize a theme • Using the admin area • Using the theme’s style-sheet (CSS)
  21. 21. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Adding a Favicon (custom site icon) • A subtle way to improve the branding of the site • More noticeable on iPad/mobile
  22. 22. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Adding a Favicon (custom site icon) • Design an icon We used www.flaticon.com • Visit https://www.favicon-generator.org/ • Upload your icons to the server • Edit the WordPress header.php
  23. 23. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Group Activity • 3 or 4 students per group • Please mix: Web coding skill/experience, Graphic design experience, Online marketing experience • Student Groups assigned to companies • Create a prototype website for one of the companies, or your group’s concept • Greg: www.exagen.io based on medical simulation content at www.ruthenbeck.io (and also www.virtx.com.au) • 3min presentation; What did you prototype? How? What worked well? What didn’t? • 16:20 we start the presentations
  24. 24. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) Sekoittamo! • At 16:30 Student groups present their prototype(s) • 3 – 5 min presentation of the prototype and how it was created • Companies complete a feedback form for each team (all teams, not just theirs)
  25. 25. ESTABLISHING & INCREASING VISIBILITY ONLINE (WordPress) The End… • Thanks! • We hope you enjoyed the workshop and have gained some useful knowledge and are inspired to go further with your online project. • What next? • Please share your work with a local business Walk in to a shop and show your work to a manager; They’re very welcome at our next workshop. • You are encouraged to share your work (show it to a local business manager/owner and encourage them to suggest something you could • Next Sekoittamo workshop is 1.4.2019, 14:00 – 17:00, in rm 357 • Add some analytics • Search Engine Optimisation (SEO)

×