BUILDING SOFTWARE SYSTEMS II

วันพุธที่ 27 พฤศจิกายน พ.ศ. 2556

งานนิทรรศการ 50 ปี คณะวิศวกรรมศาสตร์ มจพ.

งานนิทรรศการ 50 ปี คณะวิศวกรรมศาสตร์ มจพ. เป็นงานที่จัดขึ้นใต้ตึก 81 ตึกคณะวิศวกรรมศาสตร์ มหาวิทยาลัยพระจอมเกล้าพระนครเหนือ เพื่อให้สาขาต่างๆ ในคณะวิศวกรรมศาสตร์ นำผลงานต่างๆมาแสดงเช่น หุ่นยนต์ ที่หลายๆสาขาได้สร้างขึ้นมาแสดงในงานให้คนในงานได้ชมผลงาน และในงานยังมีบูทบริษัทต่างๆ ที่เกี่ยวข้องกับคณะวิศวกรรมศาสตร์มารับสมัคงาน รับสมัคฝึกงาน และให้คำแนะนำความรู้เกี่ยวกับการทำงานต่างๆ

Thinknet เป็นบริษัทหนึ่งที่มาจัดบูทเพื่อให้คำแนะนำเกี่ยวกับการทำงาน การรับสมัคงาน การรับสมัคฝึกงาน เป็นหนึ่งบริษัทที่พัฒนาด้าน software มีงานทางด้านการพัฒนา Framework และ APIs สำหรับ Web Application โดยใช้ ( PHP, MySQL, HTML/HTML5, JavaScript ) พัฒนา API ของ Web service interface ของทั้ง Web Application และ Mobile Apps ค้นคว้าและวิจัยตามที่ได้รับมอบหมาย อาทิ Map Routing Algorithm, Map Data Optimization, Social API Integration ฯลฯ ออกแบบ Database เพื่ิอใช้ Web Application และงานทางด้าน software อีกหลายๆประเภท จึงเป็นอีกทางเลือกหนึ่งสำหรับคนที่สนใจและอยากพัฒนาด้าน software ให้มากยิ่งขึ้น

=======================================================================

วิธีการใช้งาน Django เบื้องต้น

Django คือ web framework ที่ใช้พัฒนา web application ซึ่งพัฒนาโดยใช้ภาษา python.

-สามารถ download และ install Django ได้ที่
https://www.djangoproject.com/download/

-เริ่มต้นการใช้งาน Django
1. เปิด command line ใช้คำสั่ง cd เข้าไปยัง part ที่ต้องการสร้างโปรเจค

2. ทำสร้างโปรเจคเพื่อเริ่มใช้งาน Django โดยใช้คำสั่ง django-admin.py startproject ตามด้วยชื่อโปรเจค ในที่นี้จะใช้ชื่อโปรเจคชื่อ myjango ก็จะได้คำสั่งคือ

django-admin.py startproject myjango

3. เมื่อทำการสร้างโปรเจคเสร็จแล้วจะมี Directory ที่อยู่ในโปรเจคดังนี้

จะเห็นได้ว่าจะมีชื่อ Directory ของ project ที่ซ้ำกันเราสามารถที่จะเปลี่ยนชื่อ Directory แรกของ project เพื่อป้องกันการสับสนโดยใช้คำสั่ง mv ชื่อproject ชื่อที่ต้องการเปลี่ยน เช่น

  mv myjango jango


          4. ซึ่งเบื่องต้นเราจะศึกษาการทำงานของ 2 ก่อนไฟร์ คือ urls.py และไฟร์ view.py(เป็นไฟร์ที่เราต้องสร้างขึ้นใน Directory myjango ชึ่งจะทำหน้าที่เก็บโค้ดที่เราเขียนขึ้นเพื่อทำการแสดงผล)

5. ทำการสร้างไฟร์ view.py ทดลองเขียน Source Code ในไฟล์ view.py ดังนี้

   from django.http import HttpResponse

           def hello(request):
                   return HttpResponse("Hello World website with python")

จากตัวอย่าง Source Code ด้านบนบรรทัดแรกคือการ import class HttpResponse ซึ่งอยู่ในโมดูล django.http โดย class ดังกล่าวมีไว้สำหรับการทำงานในส่วนของการแสดงผล
ทำการประกาศ Function ชื่อ hello ซึ่ง Function นี้จะทำการ return Hello world website with python ออกมาด้วยคำสั่ง HttpResponse

6. แก้ไขไฟล์ urls.py ซึ่งเป็นไฟล์ที่มีไว้สำหรับการ Mapping ระหว่าง URLs กับ View function โดยเพิ่ม url(r'^hello/$', 'myjango.views.hello'), เข้าไปใน function urlpatterns ดังนี้

             from django.conf.urls import patterns, include, url

           from django.contrib import admin
           admin.autodiscover()

           urlpatterns = patterns('',
                     # Examples:
                     # url(r'^$', 'myjango.views.home', name='home'),
                     # url(r'^blog/', include('blog.urls')),

                      url(r'^admin/', include(admin.site.urls)),
                      url(r'^hello/$', 'myjango.views.hello'),
            )

จากตัวอย่าง Source Code ด้านบน คือ url(r'^hello/$', 'myjango.views.hello'), คือการ Mapping ว่าถ้า URLs นั้นเป็น [HOST:PORT]/hello/ ให้ทำการเรียกใช้ Function hello (hello คือ ชื่อ Function ใน views.py)

7. เปิด command line ใช้คำสั่ง cd เข้าไปยัง part ที่มีไฟร์ manage.py แล้วทำการรัน server ด้วยคำสั่ง python manage.py runserver เพื่อทำการรันและแสดงผลโค้ดที่ได้เขียนไว้

8. ทดสอบการรัน Server โดยการเปิดเบราว์เซอร์แล้วเข้าไปยัง url : 127.0.0.1:8000/hello หากไม่พบข้อผิดพลาดใด ๆ จะปรากฏหน้าจอดังรูปภาพ

เท่านี้ก็จะได้การใช้งาน django แสดงข้อความ string แบบง่ายๆแล้ว

=======================================================================

วันอาทิตย์ที่ 24 พฤศจิกายน พ.ศ. 2556

week 3

1.เขียนโปรแกรมโดยใช้ภาษา python ปรับปรุงการแสดงผลของไฟร์ html จากการดึงข้อมูลจากไฟร์ .txt และนำข้อมูลที่ดึงจากไฟร์ .txt ไปเขียนเป็นไฟร์ .csv

ส่วนของ code จะแสดง:

-ส่วนของการแสดงผลบน Browser จากเดิมที่สร้างไฟร์ html แยกเป็นสองส่วนคือส่วนของ home และส่วนการเก็บข้อมูลของแต่ละบุคคล ได้ทำการปรับปรุงโดยเพิ่ม ปุ่ม Previous, Next, Home ในหน้าแสดงข้อมูลส่วนตัว เพื่อที่จะสามารถ กดปุ่ม Previous เพื่อกลับไปดูข้อมูลคนก่อนหน้า กดปุ่ม Next เพื่อไปดูข้อมูลคนต่อไป กดปุ่ม Home เพื่อกลับไปยังหน้า home

-ส่วนของหน้า Home ได้ทำการปรับปรุงจากเดิมแสดงเฉพาะระหัสนักศึกษา ก็ได้เพิ่มชื่อนักศึกษาเข้าไปด้วย

-ในส่วนของการแปลงเป็นไฟร์ .csv ได้เปลี่ยนข้อมูลจาก / เปลี่ยนเป็น , แทนเพื่อให้สามารถแยกข้อมูลแสดงผลเป็นตารางได้

คำอธิบาย code:

-โด้ดได้ทำการปรับการเขียนโดยแยกเป็นฟังก์ชั่น เพื่อแบ่งหน้าที่การทำงาน ง่ายต่อการอ่าน และการเรียกใช้งาน

-ส่วนแรกจะทำการเรียกฟังก์ชั่น read_file() เพื่อทำการอ่านข้อมูลจากไฟร์ .txt ออกมาทั้งหมดเก็บเป็นข้อมูลแบบ dictionary แล้วทำการ sort ข้อมูลเรื่องตามระหัสนักศึกษา

-ในฟังก์ชั่น read_file() เมื่อทำการ sort ข้อมูลเสร็จแล้วก็จะทำการเรียกฟังก์ชั่น html_home(key) และฟังก์ชั่น html_file(dic, key, list_profile) เพื่อทำการเขียนไฟร์ home.html และ profile.html หลังจากนั้นก็จะเรียกฟังก์ชั่น changeto_csv(dic, list_profile)

-ส่วนของฟังก์ชั่น html_home(key) ก็จะทำการเขียน home.html โดยใช้ parameter ชื่อ key ที่เก็บค่าระหัสนักศึกษาและชื่อที่ได้ทำการ sort เรียบร้อยแล้ว ในการเขียน home.html แสดงระหัสนักศึกษาตามด้วยชื่อนักศึกษา และทำการเขียนเป็นลิ้งไปยังชื่อไฟร์ที่เก็บข้อมูลนักศึกษาคนนั้น

-ส่วนของฟังก์ชั่น html_file(dic, key, list_profile) จะทำการเขียน profile.html โดยใช้ parameter ชื่อ dic ที่เก็บข้อมูลนักศึกษาทั้งหมดที่ sort เรียบร้อยแล้ว, list_profile เก็บหัวข้อข้อมูลที่จะแสดงทั้งหมด, key จะนำมาใช้ข้อมูลส่วนระหัสนักศึกษา ในการเขียน profile.html จะเขียนแสดงข้อมูลทั้งหมดเป็นตารางและ สร้างปุ่มเพื่อลิ้งไปไฟร์ profile.html ก่อนหน้า ปุ่มลิ้งไปไฟร์ file.html ถัดไป ปุ่มลิ้งไปไฟร์ home.html

-ส่วนของฟังก์ชั่น changeto_csv(dic, list_profile) จะนำข้อมูลที่อยู่ใน parameter ชื่อ dic มาเรียงโดยใช้เครื่องหมาย , ขั้นระหว่างข้อมูลแทนเครื่องหมาย / และเขียนข้อมูล 1 คนต่อ 1 บรรทัด save เป็นไฟร์ .csv

ตัวอย่าง Source code ที่ได้ทำการเขียน:

#--------------------#
#24-11-2013
#klanarong raluek
#--------------------#

import webbrowser, os

#function write home.html
def html_home(key):
 num_file = 1
 home = """
 <html>
 <head>
 <title>Index </title>
 </head>
 <body background = "002.jpg">
   Student ID 
 <hr size=4>
 <UL Type='Disc'>
 """
 for i in range(len(key)):
 home += "<Li><A href='"+ 'profile'+str(num_file) +"'>"+str(key[i][0])+" "+str(key[i][1])+"</A> "
 num_file += 1
 home += """</UL> </body>
 </html>
 """
 htmlFile = open('Home.html', "w+")
 htmlFile.write(home)
 htmlFile.close()

#function write profile.html
def html_file(dic, key, list_profile):
 num_file = 1
 my_html = ""
 for i in range(len(dic)):
 my_html = """
 <html>
 <head>
 <title>Index </title>
 </head>
 <body background = "002.jpg">
  """+ str(key[i][0]) +"""
 <hr size=4><center>
 """
 for j in range(len(dic[i][1])):
 my_html += "<table BORDER = 4 ><tr><td width = '100'>"+ list_profile[j+1] +"</td>"
 my_html += "<td width = '300'>"+ dic[i][1][j] +"</td></tr>"
 my_html += "</table>"
 if i == 0:
 my_html += "<A href='"+ 'profile'+str(num_file+1) +"'>Next</A> "
 my_html += "<A href=' Home.html '>Home</A> "
 elif i == len(dic)-1:
 my_html += "<A href='"+ 'profile'+str(num_file-1) +"'>Previous</A> "
 my_html += "<A href=' Home.html '>Home</A> "
 else:
 my_html += "<A href='"+ 'profile'+str(num_file-1) +"'>Previous</A>"
 my_html += "|"
 my_html += "<A href='"+ 'profile'+str(num_file+1) +"'>Next</A> "
 my_html += "<A href=' Home.html '>Home</A> "
 my_html += """
 </center></body>
 </html>
 """
 htmlFile = open('profile'+str(num_file), "w+")
 htmlFile.write(my_html)
 htmlFile.close()
 num_file += 1

#function chang to file.csv
def changeto_csv(dic, list_profile):
 string = ""
 for i in range(len(list_profile)):
 string += list_profile[i]
 if i < len(list_profile)-1:
 string += ','
 else :
 string += '\n'
 for i in range(len(dic)):
 string += str(dic[i][0])+','
 for j in range(len(dic[0][1])):
 string += dic[i][1][j]
 if j < len(dic[0][1])-1:
 string += ','
 else :
 string += '\n'
 file_csv = open('list_profile.csv', "w+")
 file_csv.write(string)
 file_csv.close()

#function read file.txt
def read_file():
 key = {}
 dic = {}
 list_profile = []
 file_txt = open('list_profile.txt', 'r')
 num_line = file_txt.read()
 num_line = num_line[:-1].split("\n")
 for i in num_line:
 list_data = i[:-1].split("\\")
 if list_data[0] == 'StudentID ':
 list_profile = list_data
 continue
 key[long(list_data[0])] = list_data[1]
 dic[long(list_data.pop(0))] = list_data
 dic = sorted(dic.items())
 key = sorted(key.items())
 html_home(key)
 html_file(dic, key, list_profile)
 changeto_csv(dic, list_profile)
 webbrowser.open('Home.html', new=1) #run file html

read_file()

ผล output ที่ได้:

ภาพแสดงข้อมูลส่วนตัว เมื่อมีการคลิกลิ้งไฟร์ที่เก็บข้อมูลของแต่ละคน

ภาพแสดงหน้า home

ภาพแสดงข้อมูลส่วนตัว เมื่อมีการคลิกลิ้งไฟร์ที่เก็บข้อมูลของแต่ละคน

=======================================================================

วันพุธที่ 13 พฤศจิกายน พ.ศ. 2556

week 2

1.เขียนโปรแกรมโดยใช้ภาษาpython สร้างไฟร์ HTML แสดงเวลา วันที่ และปฏิทิน

ส่วนของ code จะแสดง:
-วัน เวลา ปัจจุบัน
-ปฏิทินเฉพาะเดือนปัจจุบัน
-ปฎิทินแสดงเดือนทั้งหมดใน 1 ปี

คำอธิบาย code:
-โค้ดจะเป็นการเรียกใช้ library ชื่อ calendar มาช่วยในการสร้างปฏิทินสามารถเลือกได้ว่าจะสร้าง ปฏิทินเฉพาะเดือน หรือจะแสดงเป็นปี
-library ชื่อ time ใช้แสดงวัน เวลาปัจจุบัน

ตัวอย่าง Source code ที่ได้ทำการเขียน:
import calendar, webbrowser, time

html = ''
localtime = time.asctime( time.localtime(time.time()) )
year = time.localtime(time.time())[0]
month = time.localtime(time.time())[1]

n = 3
cal = calendar.HTMLCalendar(calendar.SUNDAY)
cal_yea = cal.formatyear(year, n)
cal_mon = cal.formatmonth(year, month)
#create html file
html += "<body BGCOLOR='lightblue'>"
html += "<center>"
html += ""+localtime+" "
html += cal_mon
html += "<hr noshade size=2 color='red'><hr noshade size=2 color='red'>"
html += cal_yea
html += "</center></body>"

html_cal = open("calendar.html", "w+") #open file html
html_cal.write(html) #write file html
html_cal.close()
webbrowser.open("calendar.html", new=1) #run file html

ผล output ที่ได้:

ภาพแสดงหน้า Browser หลังจากรันโปรแกรม

=======================================================================

2.เขียนโปรแกรมโดยใช้ภาษาpython ดึงข้อมูลจากไฟร์ .txt ซึ่งประกอบด้วยข้อมูลส่วนตัว และข้อมูลของเพื่อนๆในชั้นเรียน มาเขียนแสดงบนไฟร์ html

ส่วนของ code จะแสดง:

-ส่วนของหน้าแรก home จะแสดงระหัสนักศึกษาแต่ละคน

-เมื่อทำการคลิกที่ระหัสนักศึกษา ก็จะทำการลิ้งเข้าไปแสดงข้อมูลของคนนั้นๆ

-ในส่วนของข้อมูลจะแสดงชื่อ นามสกุล ชื่อเล่น วันเกิด อายุ เพศ ศาสนา น้ำหนัก ส่วนสูง E-mail ที่อยู่ facebook เบอร์โทรศัพท์

คำอธิบาย code:

-โค้ดจะแยกการเขียนไฟร์ html ไฟร์แรกจะเป็น html ในส่วนของ home และไฟร์ html ย่อยจะเป็นไฟร์ html ของแต่ละคนแยกตามบุคคล 1 คนต่อ 1 ไฟร์

-ไฟร์ส่วนของ home จะทำหน้าที่ลิ้งเข้าไปหาไฟร์ html ที่เก็บข้อมูลของแต่ละคน

-ไฟร์ .txt ที่จะอ่านค่าจะเก็บข้อมูลของแต่ละคน 1 คนต่อ 1 บรรทัด โดยข้อมูลแต่ละชนิดจะถูกขั้นด้วนเครื่องหมาย /

-ส่วนแรกของโค้ดก็จะทำการอ่านข้อมูลจากไฟร์ .txt มาทัละบรรทัดแล้วทำการ split / ออกจากข้อมูลซึ่งจะได้ข้อมูลออกมาเป็น list

-เมื่อได้ข้อมูลที่ split ออกมาเป็น list แล้วก็จะทำการเขียนไฟร์ html ส่วนของ home โดยเขียนข้อมูลระหัสนักศึกษา และเขียนลิ้งไปที่ชื่อไฟร์ที่เก็บข้อมูลของบุคคลนั้น

-เขียนไฟร์ html ส่วนของการเก็บข้อมูล ชื่อไฟร์จะใช้ชื่อเดียวกับที่ได้เขียนลิ้งกับไฟร์ home ไว้

ตัวอย่าง Source code ที่ได้ทำการเขียน:

#24-11-2013
#klanarong raluek
#----------------------------

import webbrowser, os

list_profile = []
num_file = 1
home = """
 <html>
 <head>
 <title>Index </title>
 </head>
 <body background = "002.jpg">
   Student ID 
 <hr size=4>
 <UL Type='Disc'>
 """
my_html = ""
file_txt = open('list_profile.txt', 'r')

while True:
 #read .txt file
 data = file_txt.readline()
 list_data = data[:-1].split("\\")
 if data == '':
 break
 elif list_data[0] == 'StudentID ':
 list_profile = list_data
 continue
 #create home html file
 home += "<Li><A href='"+ 'profile'+str(num_file) +"'>"+ list_data[0] +"</A> "
 #create profile html file
 my_html = """
 <html>
 <head>
 <title>Index </title>
 </head>
 <body background = "002.jpg">
  """+ list_data[0] +"""
 <hr size=4><center>
 """
 for i in range(len(list_profile)):
 if i == 0:
 continue
 my_html += "<table BORDER = 4 ><tr><td width = '100'>"+ list_profile[i] +"</td>"
 my_html += "<td width = '300'>"+ list_data[i] +"</td></tr>"
 my_html += """
 </table>
 </center></body>
 </html>
 """
 htmlFile = open('profile'+str(num_file), "w+") #open file html
 htmlFile.write(my_html) #write file html
 htmlFile.close()
 num_file += 1

home += """</UL> </body>
 </html>
 """
htmlFile = open('Home.html', "w+") #open file html
htmlFile.write(home) #write file html
htmlFile.close()
webbrowser.open('Home.html', new=1) #run file html

ผล output ที่ได้:

ภาพแสดงหน้า home

ภาพแสดงข้อมูลส่วนตัว เมื่อมีการคลิกลิ้งของแต่ละคน

=======================================================================

วันอังคารที่ 12 พฤศจิกายน พ.ศ. 2556

010123110 BUILDING II

BUILDING SOFTWARE SYSTEMS II

5401012631025 KLANARONG RALUEK

KING MONGKUT'S UNIVERSITY OF TECHNOLOGY NORTH BANGKOK

ใช้ python เขียนไฟร์ HTMLเพื่อจัดเก็บข้อมูลส่วนตัว

1.เขียนโปรแกรมโดยใช้ภาษาpython printแสดงประวัติส่วนตัว

Source code ประกอบด้วย:
-ชื่อ
-อายุ
-วันเกิด
-E-mail
-facebook
-โรงเรียน
-มหาวิทยาลัย

ตัวอย่าง Source code ที่ได้ทำการเขียน:
name = 'KLANARONG RALUEK'
age = '21'
birth = '12 November 1992'
email = 'kla_223@hotmail.com'
facebook = 'facebook.com/kla223'
address = '4/4 praputtabat chingklang nan'
high_school = 'Changklang Pracaputtana School'
university = "King Mongkut's University of Technology North Bangkok"

print 'Name : '+name
print 'Age : '+age
print 'Birth day : '+birth
print 'E_mail address : '+email
print 'facebook : '+facebook
print 'address : '+address
print 'High School : '+high_school
print 'University : '+university

ผล output ที่ได้:
Name : KLANARONG RALUEK
Age : 21
Birth day : 12 November 1992
E_mail address : kla_223@hotmail.com
facebook : facebook.com/kla223
address : 4/4 praputtabat chingklang nan
High School : Changklang Pracaputtana School
University : King Mongkut's University of Technology North Bangkok

========================================================================

2.เขียนโปรแกรมโดยใช้ภาษาpython สร้างไฟร์ HTML เพื่อแสดงข้อมูลส่วนตัว

ส่วนของ code จะแสดง:
-ชื่อ
-อายุ
-วันเกิด
-E-mail
-facebook
-โรงเรียน
-มหาวิทยาลัย

ตัวอย่าง Source code ที่ได้ทำการเขียน:
import webbrowser

#create html code
my_html = """
<html>
 <head>
 <title>Index My Profile </title>
 </head>
 <body>
 <center>My Profile</center>
 Name : KLANARONG RALUEK 
 Age : 21 
 Birth day : 12 November 1992 
 E_mail address : kla_223@hotmail.com 
 Facebook : facebook.com/kla223 
 Address : 4/4 praputtabat chingklang nan 
 High school : Changklang Pracaputtana School 
 University : King Mongkut's University of Technology North Bangkok 
 </body>
</html>
"""
htmlFile = open("profile.html", "w+") #open file html
htmlFile.write(my_html) #write file html
htmlFile.close()
webbrowser.open("profile.html",new=1) #run file html

ผล output ที่ได้:

ภาพแสดงหน้า Browser หลังจากรันโปรแกรม

========================================================================

3.เขียนโปรแกรมโดยใช้ภาษาpython สร้างไฟร์ HTML ซึ่งจัดเก็บข้อมูลส่วนตัว โดยเขียน HTML หลายๆไฟร์ให้ลิ้งหากัน

ส่วนของ code จะแสดง:
-ชื่อ
-อายุ
-วันเกิด
-E-mail
-facebook
-โรงเรียน
-มหาวิทยาลัย

คำอธิบาย code:
-กำหนดตัวแปลเก็บข้อมูลส่วนตัวต่างๆ
-นำตัวแปลที่เก็บข้อมูลส่วนตัวไปเก็บเป็น list
-กำหนดชื่อไฟร์ต่างๆที่ต้องการที่จะลิ้งเก็บเป็นข้อมูลแบบ list
-เขียนไฟร์ HTML ทั้งหมดที่ต้องการลิ้งโดยนำตัวแปลที่เก็บข้อมูลส่วนตัว ไปเขียนไว้ในไฟร์ HTML ให้ตรงกับชื่อที่กำหนดขึ้น
-เขียนไฟร์ HTML หน้าหลักซึ่งจะเป็นส่วนที่ลิ้งไปหาไฟร์ HTML อื่นๆ
-ไฟร์ HTML ทั้งหมดที่สร้างขึ้นต้องอยู่ใน forder เดียวกัน

ตัวอย่าง Source code ที่ได้ทำการเขียน:
import webbrowser

#create profile
age = '21 Year'
birth = '12 November 1992'
email = 'kla_223@hotmail.com'
facebook = 'facebook.com/kla223'
address = '4/4 praputtabat chingklang nan'
high_school = 'Changklang Pracaputtana School'
university = "King Mongkut's University of Technology North Bangkok"

list_profile = [age, birth, email, facebook, address, high_school, university]
list_file = ["age.html", "birth.html", "email.html", "facebook.html", "address.html", "high_school.html", "university.html"]
#create html file
for i in range(7):
 my_html = """
 <html>
 <head>
 <title>My Profile </title>
 </head>
 <body>
 """+list_profile[i]+""" 
 </body>
 </html>
 """
 htmlFile = open(list_file[i], "w+")
 htmlFile.write(my_html)
 htmlFile.close()
#link html file
my_html = """
<html>
 <head>
 <title>My Profile </title>
 </head>
 <body>
 <center>My Profile</center>
 <center>Name : KLANARONG RALUEK<center> 
 <a href='age.html'>Age</a>
 | 
 <a href='birth.html'>Birth day</a>
 | 
 <a href='email.html'>E-mail</a>
 | 
 <a href='facebook.html'>Facebook</a>
 | 
 <a href='address.html'>Address</a>
 | 
 <a href='high_school.html'>High_school</a>
 | 
 <a href='university.html'>University</a>
 </body>
</html>
"""
htmlFile = open("profile.html", "w+") #open file html
htmlFile.write(my_html) #write file html
htmlFile.close()
webbrowser.open("profile.html", new=2) #run file html

ผล output ที่ได้: