Skip to main content

Posts

Mini - Project :: Currency Converter

Recent posts

Random number chart

โจทย์ของเราคือ การสร้างผังตัวเลขที่เมื่อกดปุ่ม "Random" ผังของตัวเลขก็จะเปลี่ยนไปเรื่อย ๆ ซึ่งให้ผลลัพธ์ตามรูป โดยก่อนอื่นเราเริ่มจากการออกแบบผังของตัวเลขให้เป็นเหมือนตารางตัวเลข  ในส่วนต่อไปจะเป็นขั้นตอนการ random ตัวเลข สามารถดู code ทั้งหมดได้ที่  GitHub:Manachanok/Random-number-chart

Java-based Simple GUI Calculator

หลังจากที่เราได้ลองสร้างเครื่องคิดเลขจากสองเครื่องมืออย่าง Pygame และ PySimpleGUI ด้วยภาษา Python กันไปแล้ว คราวนี้เราจะเปลี่ยนภาษาที่ใช้สร้างเครื่องคิดเลขเป็น Java ผ่าน NetBeans IDE 8.2 กันบ้างนะคะ         เริ่มแรกเราไม่มีพื้นฐานของภาษา Java เลย ก็เลยลองสืบค้นจากใน google จนไปเจอ  How to Create Calculator in Java NetBeans Full Tutorial  ใน youtube ซึ่งเราได้ทดลองสร้างเครื่องคิดเลขของตัวเองขึ้นมาตามนี้         เมื่อเราสร้าง button ได้แล้ว จะสามารถ click เพื่อเข้าไปแก้ไข code ในส่วนของ button นั้น ๆ ได้ดังนี้ private void jButton7ActionPerformed(java.awt.event.ActionEvent evt) { String Enternumber = jDisplay.getText() + jButton7.getText(); jDisplay.setText(Enternumber); }         โดยกำหนดตัวแปร Enternumber เป็นค่าที่ได้จากคำสั่ง getText() ใน jDisplay  แล้วแสดงผลโดยคำสั่ง setText() ใน jDisplay ให้แสดง String ตัวดังกล่าวออกมา ซึ่งถ้ามีการเพิ่ม String เข้ามาใหม่ Enternumber ก็จะ getText() ของ jButton แต่ละปุ่มเพิ

Calculator using Pygame vs PySimpleGUI

                                    Pygame                                                                                 PySimpleGUI                       เนื่องจากเราได้รับมอบหมายให้ทำเครืองคิดเลขโดยการใช้ทั้ง Pygame และ PySimpleGUI จึงเขียนบล็อกนี้ให้เห็นถึงความแตกต่างของใช้งานของทั้งสอง library ซึ่งเราจะพูดถึงก่อน Pygame กันก่อน         ก่อนจะสร้างเครื่องคิดเลขใน Pygame ได้ (ศึกษาคำสั่งต่าง ๆ ได้จาก pygame documentation )เราก็ต้องมาออกแบบฟังก์ชันพื้นฐานว่าต้องการอะไรในเครื่องคิดเลขของเราบ้าง(หน้าตาของเครื่องคิดเลข. ปุ่มกดต้องมีปุ่มอะไรบ้าง, ...) อันดับแรกเลย อ. อยากให้เราสร้าง class ของปุ่มกด ซึ่งเราก็ต้องกลับมาคิดว่าปุ่มกดของเราจะเป็นรูปทรงอะไร เราเลือกให้เป็นรูปสี่เหลี่ยมผืนผ้าง่ายๆ         เริ่มต้นใช้งานต้องไม่ลืม 👉 import pygame 👈โดยคำสั่งในการสร้างสี่เหลี่ยมผืนผ้าและรูปทรงอื่น ๆ ของ Pygame จะใช้คำสั่ง pygame.draw โดยมีรูปทรงให้เลือกต่าง ๆ ดังนี้                 pygame.draw.rect — draw a rectangle shape                 pygame.draw.polygon — draw a shape with a

What is Pygame and how to install?

Pygame ก็คือ library ที่ใช้สำหรับสร้าง multimedia application อย่างเช่น game ในภาษา Python นั่นเอง ซึ่งเกิดจากการพัฒนาต่อมาจาก PySDL(เป็นการนำ Python มารวมกับ SDL) ในเดือนตุลาคม ปี ค.ศ.2000 ก่อนจะใช้งาน Pygame เราจะต้องมี Python3.6 หรือสูงกว่านั้นก่อน กรณีที่ใช้ Window OS จะใช้การติดตั้งผ่าน command prompt โดยมีขั้นตอนดังนี้ Windows installation steps py - m pip install - U pygame -- user py - m pygame . examples . aliens โดยจะมีการแสดงผลตามรูป ถ้าหาก Pygame compile แล้วเกิด fail ให้ลอง upgrade pip ก่อน แต่ว่าเราใช้ Pygame ใน Pycharm ก็ต้องเข้าไป install package Pygame ใน Settings ก่อน ถ้ายังไม่มี package pygame ให้เลือกที่เครื่องหมาย "+" ทางขวามือ แล้ว search pygame แล้ว install package แค่นี้เราก็สามารถใช้ Pygame ใน Pycharm ได้แล้ว 🎉

Hello World, GitHub

GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.       GitHub ก็คือ platform ที่ทุกคนสามารถมาฝาก code เอาไว้ เพื่อแบ่งปันกับคนอื่นแล้วก็สามารถใช้งานร่วมกันกับคนอื่นได้ ซึ่งช่วยให้เราได้เรียนรู้ skill ใหม่ ๆ จากคนอื่นได้ แล้วก็สามารถช่วยทำ project ของคนอื่นที่เราสนใจได้ โดยก่อนอื่นก็ต้องมี GitHub.com account  หรือ install Git (version ที่มี GitHub) แล้วทำตามขั้นตอนด้านล่างได้เลย Step 1 : Create a Repository       ปกติ repository จะเป็นที่เก็บรวบรวม folder, file, รูปภาพ, วิดีโอ , spreadseet และอื่นๆที่ใช้ใน project ซึ่ง GitHub ก็ได้แนะนำให้ใช้ README (ไฟล์ข้อมูลที่อธิบายเกี่ยวกับ project ของเรา) ควบคู่กับการสร้าง repository ใหม่ ๆ ด้วย       วิธีสร้าง repository       1. click + ที่มุมขวาบน แล้วเลือก New repository       2. ตั้งชื่อของ repository       3. เขียนคำอธิบายสั้น ๆ เกี่ยวกับ repository นี้       4. เลือก Initialize this repository with a README Step 2 : Create a Bra

Bounce with Processing

Processing is a flexible software sketchbook and language for learning how to code within the context of the visual arts. processing.org ตัวอย่างที่เขียนลง blog สามารถหาได้จาก  https://processing.org/examples/ Code