BSIT Tutorials with Sir JM

10/08/2025

📢 HCI CLASS UPDATE – 08/11/2025

Hi BSIT-1A👋,
I won’t be around this Monday due to important personal matters, but we’ll still have a productive class.

Your task: Spot the Good and Bad Design 🎯
Work in groups to find one good and one bad website/app design, analyze them, and prepare a short presentation for our next meeting.

📄 Full details & instructions here: Google Docs link - https://docs.google.com/document/d/14LraU84e5hpMY6D_YcoWkZaRveZ1He_yKU3CjQzr7yo/edit?usp=sharing

💡 Quick Example:
✅ Good Design: Google Search – clean layout, easy navigation, fast loading. link - https://www.google.com/
❌ Bad Design: Craigslist – cluttered look, outdated visuals, small/unfriendly fonts. link - http://cdo.craigslist.org/

Think about navigation, clarity, visual appeal, and responsiveness when judging the design.

📋 Human-Computer Interaction (HCI) Activity – 08/11/2025 Title: “Spot the Good and Bad Design” Objective: To apply HCI principles by analyzing and comparing good vs. bad examples of user interface design, then sharing findings with the class. Instructions (Step-by-Step) Form Groups of 3–5...

10/08/2025

📢 Start of Class – BS Criminology 1st years

Last session began with our BS Criminology students practicing their college routine — entering and exiting the classroom in an organized manner. This is an important part of their training, as discipline and order begin in the classroom before extending to the field.

This video is part of our ongoing class documentation, shared with the consent of the students involved. In the coming days, we’ll also be sharing more activities and even showcasing some of our students’ portfolio websites — always with their permission — so you can follow along with their progress this semester.

04/08/2025

📌 Welcome to Our Class Hub
This page serves as our central home for announcements, resources, and class documentation. You’ll also see highlights of our activities and progress throughout the semester — always shared with student consent. Our goal is to stay organized, inspire growth, and showcase how to use digital platforms professionally.

🧠 All Our Class Resources — In One Place
Stay updated and organized with these essential links:

🔗 GitHub Organization
👉 https://github.com/codewithsirjm

🗂 Student Onboarding Repository
👉 https://github.com/codewithsirjm/student-onboarding

🧭 Notion Workspaces
📘 HCI 101 - Human Computer Interaction
https://www.notion.so/HCI-101-Code-Focused-Human-Computer-Interaction-2448fcaa991380d4a56cfd8af85cea83
📗 ICT 1 - Introduction to Computer Technology
https://www.notion.so/ICT1-Introduction-to-Computer-Technology-S-Y-2025-2418fcaa991380fe8d94c0c5fc294885
📗 PF 101 - Object Oriented Programming
https://www.notion.so/PF101-Object-Oriented-Programming-S-Y-2025-2458fcaa99138040b33df11a678ae513?source=copy_link
📗 ELIT 1 - Living in the IT Era
https://www.notion.so/ELIT-1-Living-in-the-IT-ERA-S-Y-2025-24a8fcaa99138073a500e59a1d774f79

🎥 Start Here – Personal Intro Video for Aspiring IT Professionals
👉 https://www.youtube.com/watch?v=BklqkNxxY-A

✅ Reminder: These links will be updated throughout the semester. Always check this page first for announcements and materials.

Most people wait.For permission.For instructions.For the “right time.”But what if you didn’t?This short video is for anyone feeling that quiet tug — the urge...

31/07/2025

🎉 WELCOME TO CLASS — FOR FUTURE PROFESSIONALS IN ANY FIELD
Whether you're studying Education, Business, or another non-IT course… this subject isn't just “computer stuff.” It's your gateway to becoming digitally equipped for the real world.

🌍 In today’s world, tech isn’t optional — it’s a superpower.
With me, you’ll learn how to use technology to help your career, teaching, or future business.

📌 What you'll learn:
- How to create a digital identity
- How to use AI tools like ChatGPT and Leonardo AI to save time and enhance your work
- How to understand systems, files, and tools that professionals use every day
- How to reflect on your career goals and use tech to reach them

🌱 This is not a boring, textbook class.
This is the first step in becoming tech-aware and future-ready — in a way that makes sense for YOU.

📌 To begin:
✅ Just make a Gmail account
✅ I’ll walk you through everything in class — one step at a time
✅ Stay updated here on this page

Let’s make tech make sense for your life.
— Sir JM

26/07/2025

🚀 WELCOME TO CLASS – THE START OF SOMETHING REAL

This is not just a programming subject.
This is your first step in becoming a real developer — someone with a digital identity, the skills to build, and the mindset to grow.

🌱 Whether you feel like a total beginner or you've dabbled before… you belong here.

🧠 What you’ll learn with me:

- How to set up your GitHub and LinkedIn

- How to write real code — HTML, CSS, JavaScript

- How to deploy your own website for free

- How to use AI tools (like Cursor AI) responsibly — not to replace you, but to empower you

- How to create a project that’s yours — and showcase it online

🧭 We’ll also explore the subject matter deeply — whether that’s Web Technologies, HCI, or System Architecture. This journey is designed not just to pass the subject, but to build something you're proud of.

🛠 To get started:
✅ Make a GitHub account using your real name
✅ Wait for my invitation to join our GitHub Org: codewithsirjm
✅ Visit this repo and follow the instructions:
👉 https://github.com/codewithsirjm/student-onboarding

🎥 Also — I made a short 3-min video to set the tone for our journey.
Watch it here: https://www.youtube.com/watch?v=BklqkNxxY-A

📩 Reminder:
All class-related questions must go through this page only.
If you message my personal account, I’ll kindly reroute you here.

Let’s go build something. 🔥
— Sir JM

Contribute to codewithsirjm/student-onboarding development by creating an account on GitHub.